:root {
   --font-family: "Gerbera", sans-serif;
   --content-width: 1180px;
   --container-offset: 18px;
   --container-width: calc(var(--content-width) + (var(--container-offset) * 2));
   --White: #fff;
   --Red: #ff3333;
   --Dark-Gray: #9f9f9f;
   --Black: #181818;
   --Light-Gray: #f5f5f5;
   --Gray: #e5e5e5;
}
.custom-checkbox__field:checked + .custom-checkbox__content::after {
   opacity: 1;
}
.custom-checkbox__field:focus + .custom-checkbox__content::before {
   outline: red solid 2px;
   outline-offset: 2px;
}
.custom-checkbox__field:disabled + .custom-checkbox__content {
   opacity: 0.4;
   pointer-events: none;
}
@font-face {
   font-family: Gerbera;
   font-display: swap;
   src: url(../fonts/Geologica.woff2);
   font-style: normal;
   font-weight: 100 1000;
   font-stretch: 25% 151%;
}
html {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
*,
::after,
::before {
   -webkit-box-sizing: inherit;
   box-sizing: inherit;
}
.page {
   height: 100%;
   font-family: var(--font-family, sans-serif);
   -webkit-text-size-adjust: 100%;
   color: var(--dark-color);
   line-height: 1.28;
}
.page__body {
   margin: 0;
   min-width: 360px;
   min-height: 100%;
   font-size: 14px;
}
img {
   height: auto;
   max-width: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
a {
   text-decoration: none;
}
.is-hidden {
   display: none !important;
}
.btn-reset {
   border: none;
   padding: 0;
   background: 0 0;
   cursor: pointer;
}
.list-reset {
   list-style: none;
   margin: 0;
   padding: 0;
}
.input-reset {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border: none;
   border-radius: 0;
   background-color: #fff;
}
.input-reset::-webkit-search-cancel-button,
.input-reset::-webkit-search-decoration,
.input-reset::-webkit-search-results-button,
.input-reset::-webkit-search-results-decoration {
   display: none;
}
.visually-hidden {
   position: absolute;
   overflow: hidden;
   margin: -1px;
   border: 0;
   padding: 0;
   width: 1px;
   height: 1px;
   clip: rect(0 0 0 0);
}
.container {
   margin: 0 auto;
   padding: 0 var(--container-offset);
   max-width: var(--container-width);
   width: 100%;
}
.js-focus-visible :focus:not(.focus-visible) {
   outline: 0;
}
.centered {
   text-align: center;
}
.dis-scroll {
   position: fixed;
   left: 0;
   top: 0;
   overflow: hidden;
   width: 100%;
   height: 100vh;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
}
.page--ios .dis-scroll {
   position: relative;
}
.site-container {
   min-height: 100vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.main {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   overflow: hidden;
}
.wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   margin-bottom: 72px;
}
@media (max-width: 600px) {
   .wrapper {
      margin-bottom: 36px;
   }
   .wrapper--mb {
      margin-bottom: 72px;
   }
}
.content {
   width: calc(100% - 240px);
}
.sw-wr {
   position: relative;
}
.sw-wr .sw-prew {
   position: absolute;
   z-index: 10;
   left: 0;
   width: 42px;
   height: 42px;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-filter: drop-shadow(0 0 36px rgba(0, 0, 0, 0.12));
   filter: drop-shadow(0 0 36px rgba(0, 0, 0, 0.12));
   background-color: #fff;
   border-radius: 12px;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
@media (max-width: 1024px) {
   .wrapper {
      margin-top: 36px;
   }
   .content {
      width: 100%;
   }
   .sw-wr .sw-prew {
      display: none;
   }
}
.sw-wr .sw-prew img {
   display: block;
   width: auto;
   height: 16px;
}
.sw-wr .sw-prew--circle {
   -webkit-filter: drop-shadow(0 0 48px rgba(0, 0, 0, 0.2));
   filter: drop-shadow(0 0 48px rgba(0, 0, 0, 0.2));
   border-radius: 50%;
   width: 48px;
   height: 48px;
}
.sw-wr .sw-next {
   position: absolute;
   z-index: 10;
   right: 0;
   width: 42px;
   height: 42px;
   top: 50%;
   -webkit-transform: translate(50%, -50%);
   -ms-transform: translate(50%, -50%);
   transform: translate(50%, -50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-filter: drop-shadow(0 0 36px rgba(0, 0, 0, 0.12));
   filter: drop-shadow(0 0 36px rgba(0, 0, 0, 0.12));
   background-color: #fff;
   border-radius: 12px;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
.sw-wr .sw-next img {
   display: block;
   width: auto;
   height: 16px;
   -webkit-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   transform: scaleX(-1);
}
.sw-wr .sw-next--circle {
   -webkit-filter: drop-shadow(0 0 48px rgba(0, 0, 0, 0.2));
   filter: drop-shadow(0 0 48px rgba(0, 0, 0, 0.2));
   border-radius: 50%;
   width: 48px;
   height: 48px;
}
.sw-wr:hover .sw-next,
.sw-wr:hover .sw-prew {
   opacity: 1;
   pointer-events: all;
}
.h1 {
   color: var(--Black, #181818);
   font-size: 36px;
   font-weight: 700;
   line-height: 42px;
   letter-spacing: -1.08px;
   text-align: center;
   margin: 0 0 18px;
}
.h1--left {
   text-align: left;
}
.h2 {
   color: var(--Black, #181818);
   font-size: 30px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: -0.9px;
   margin: 0 0 18px;
}
.header {
   overflow: hidden;
}
.header__bg {
   background: var(--Black, #181818);
   padding: 9px 0;
}
@media (max-width: 768px) {
   .header__bg {
      padding: 15px 0;
   }
}
.header__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.header__mainLeft {
   width: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   gap: 20px;
}
.header__city {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
   cursor: pointer;
}
.header__cityIcon {
   display: block;
   width: 18px;
   height: auto;
}
.header__cityName {
   color: var(--White, #fff);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.header__mainRight {
   width: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   gap: 20px;
}
.header__authorization {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
   border-radius: 6px;
   background: var(--White, #fff);
   padding: 6px 18px;
}
.header__authorizationIcon {
   display: none;
   width: 18px;
   height: auto;
}
.header__authorizationText {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.header__nav {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}
@media (max-width: 768px) {
   .header__authorization {
      padding: 0;
      border-radius: 0;
      background-color: transparent;
   }
   .header__authorizationIcon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
   .header__authorizationText {
      color: var(--White, #fff);
   }
   .header__nav {
      display: none;
   }
}
.header__nav ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 36px;
   line-height: 1;
}
.header__nav ul li {
   line-height: 1;
}
.header__nav ul li a {
   color: var(--White, #fff);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   white-space: nowrap;
   letter-spacing: -0.28px;
}
.header__bottom {
   padding-top: 36px;
   padding-bottom: 36px;
}
.header__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.header__bottomLeft {
   width: 220px;
}
@media (max-width: 1024px) {
   .sw-wr .sw-next {
      display: none;
   }
   .header__nav ul {
      gap: 24px;
   }
   .header__bottom {
      padding-bottom: 0;
   }
   .header__bottomLeft {
      width: 150px;
   }
}
@media (max-width: 768px) {
   .header__bottom {
      padding-top: 30px;
   }
   .header__wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 30px 20px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }
   .header__bottomLeft {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
   }
}
.header__bottomRight {
   width: 220px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 18px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}
@media (max-width: 1024px) {
   .header__bottomRight {
      width: 150px;
   }
}
@media (max-width: 768px) {
   .header__bottomRight {
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
   }
}
.header__bottomLinks {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 9px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.header__bottomLinks img {
   display: block;
   width: 30px;
   height: auto;
}
.header__bottomLinks span {
   overflow: hidden;
   color: var(--Black, #181818);
   text-align: right;
   text-overflow: ellipsis;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.header__bottomLinks--basket span {
   color: var(--Dark-Gray, #9f9f9f);
}
.header__bottomContent {
   width: calc(100% - 480px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
@media (max-width: 1024px) {
   .header__bottomContent {
      width: calc(100% - 340px);
   }
}
@media (max-width: 768px) {
   .header__bottomContent {
      width: 100%;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }
}
.header__btnMenu {
   border-radius: 12px;
   background: var(--Black, #181818);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 12px;
}
.header__btnMenu img {
   display: block;
   width: 24px;
   height: auto;
}
.header__logo {
   display: block;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: 0;
}
.header__logo img {
   display: block;
   width: auto;
   height: 30px;
}
.header__search {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}
.header__searchLabel {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 6px;
   border-radius: 12px;
   border: 1.5px solid var(--Black, #181818);
   padding: 13.5px 16.5px;
   cursor: text;
   height: 48px;
}
.header__searchLabel input {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   cursor: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   border: none;
   padding: 0;
   margin: 0;
   outline: 0;
}
.header__searchLabel input::-webkit-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.header__searchLabel input::-moz-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.header__searchLabel input:-ms-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.header__searchLabel input::-ms-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.header__searchLabel input::placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.header__searchWr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
}
.header__searchSubmit {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   height: auto;
}
.header__searchSubmit img {
   display: block;
   width: 18px;
   height: auto;
}
.header__mob {
   display: none;
   padding: 30px 18px;
}
@media (max-width: 768px) {
   .header__mob {
      display: block;
      padding: 30px 12px;
   }
}
.header__mobWr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.header__mobLink {
   display: block;
   width: 24px;
}
.header__mobLink img {
   display: block;
   width: 100%;
   height: auto;
}
.header__mobLogo {
   display: block;
}
.header__mobLogo img {
   display: block;
   width: auto;
   height: 24px;
}
.header__menuPag {
   display: none;
}
@media (max-width: 768px) {
   .header__menuPag {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      gap: 6px;
      margin-top: 8px;
   }
   .header__menuPag span {
      border-radius: 2px;
      background: #e5e5e5;
      width: 24px;
      height: 2px;
      margin: 0 !important;
      opacity: 1 !important;
      -webkit-transition: 0.3s;
      transition: 0.3s;
   }
   .header__menuPag span.swiper-pagination-bullet-active {
      background: #181818;
   }
}
.headerBurger {
   position: fixed;
   z-index: 150;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   padding: 0 36px 72px;
   display: none;
   overflow: auto;
}
.headerBurger.active {
   display: block;
}
.headerBurger__wrap {
   max-width: var(--container-width);
   margin: 0 auto;
}
.headerBurger__categorList {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   width: 100% !important;
   max-width: 100% !important;
}
.headerBurger__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 36px;
   padding: 72px 0 36px;
   position: sticky;
   width: 100%;
   top: 0;
   background-color: #fff;
   z-index: 2;
}
.headerBurger__head > * {
   position: relative;
   z-index: 5;
}
.headerBurger__city {
   cursor: default;
}
.headerBurger__city img {
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
}
.headerBurger__city span {
   color: #9f9f9f;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
}
.headerBurger__city[data-btn="city"] {
   cursor: pointer;
}
.headerBurger__city[data-btn="city"] span {
   color: var(--Black, #181818);
}
.headerBurger__close {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 24px;
   height: 24px;
}
.headerBurger__close img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}
.headerBurger__categor {
   margin-top: 72px;
}
.headerBurger__categorName {
   color: #181818;
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.48px;
   margin: 0 0 18px;
}
.headerBurger__categorList {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 18px 12px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.headerBurger__categorItem {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: calc(12.5% - 10.5px);
}
@media (max-width: 1200px) {
   .headerBurger__categorItem {
      width: calc(14.2857142857% - 10.2857142857px);
   }
}
@media (max-width: 1024px) {
   .headerBurger__head {
      padding-top: 54px;
   }
   .headerBurger__categorItem {
      width: calc(16.6666666667% - 10px);
   }
}
@media (max-width: 900px) {
   .headerBurger__categorItem {
      width: calc(20% - 9.6px);
   }
}
@media (max-width: 768px) {
   .headerBurger__head {
      padding-top: 36px;
   }
   .headerBurger__categorItem {
      width: calc(25% - 9px);
   }
}
@media (max-width: 550px) {
   .headerBurger__categorItem {
      width: calc(33.3333333333% - 8px);
   }
}
.headerBurger__categorItem img {
   display: block;
   border-radius: 18px;
   background: linear-gradient(133deg, #f5f5f5 23.97%, #e5e5e5 100%);
   width: 100%;
   aspect-ratio: 1/1;
}
.headerBurger__categorItem span {
   overflow: hidden;
   color: var(--Black, #181818);
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.headerBurger__categorListLinks {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 12px;
   list-style: none;
   margin: 0;
   padding: 0;
}
.headerBurger__categorListLinks li {
   line-height: 1;
}
.headerBurger__categorListLinks li a {
   color: #181818;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.headerBurger__lk {
   margin-top: 72px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
}
.headerBurger__lk img {
   display: block;
   width: 24px;
   height: auto;
}
.headerBurger__lk span {
   color: #181818;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
}
.headerCity {
   position: fixed;
   z-index: 150;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   padding: 0 36px 72px;
   display: none;
   overflow: auto;
}
.headerCity.active {
   display: block;
}
.headerCity__list {
   gap: 36px;
   -webkit-column-count: 3;
   -moz-column-count: 3;
   column-count: 3;
}
@media (max-width: 1024px) {
   .headerCity__list {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
   }
}
@media (max-width: 768px) {
   .headerCity__list {
      -webkit-column-count: initial;
      -moz-column-count: initial;
      column-count: initial;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 36px;
   }
}
.headerCity__mainCity {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   gap: 12px 18px;
   margin-bottom: 72px;
}
.headerCity__mainCity a {
   color: #181818;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
}
.headerCity__card {
   margin-bottom: 36px;
   -webkit-column-break-inside: avoid;
   page-break-inside: avoid;
   -moz-column-break-inside: avoid;
   break-inside: avoid;
   break-inside: avoid-column;
}
.headerCity__card:last-of-type {
   margin-bottom: 0;
}
.headerCity__card ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 12px;
}
.headerCity__card ul li {
   line-height: 1;
}
.headerCity__card ul li a {
   color: #181818;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.headerCity__b {
   color: #181818;
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.4px;
   margin: 0 0 18px;
}
.headerCity__form {
   margin-top: 72px;
}
.headerCity__formName {
   color: #181818;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin: 0 0 12px;
}
.headerCity__formText {
   color: #181818;
   font-size: 14px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.28px;
}
.headerCategories {
   display: none;
}
@media (max-width: 1024px) {
   .headerCategories {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 6px;
      padding: 12px 18px 0;
      overflow: auto;
   }
}
.headerCategories a {
   border-radius: 9px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 9px 18px;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   white-space: nowrap;
}
.footer {
   background: #181818;
}
.footer__bottom {
   padding: 18px 0;
}
.footer__des {
   color: #9f9f9f;
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.24px;
}
.footer__mainWrap {
   padding: 36px 0;
   border-bottom: 1px solid var(--Dark-Gray, #9f9f9f);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.footer__mainCol {
   width: calc(33.3333333333% - 13.3333333333px);
   position: relative;
}
@media (max-width: 1024px) {
   .footer__mainWrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0;
   }
   .footer__mainCol {
      width: 100% !important;
   }
}
.footer__mainCol--min {
   width: calc(50% - 10px);
}
.footer__mainCol--flex {
   width: calc(50% - 10px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 36px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
@media (max-width: 1024px) {
   .footer__mainCol--flex {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      padding-top: 36px;
      margin-top: 36px;
      border-top: 1px solid var(--Dark-Gray, #9f9f9f);
   }
   .footer__mainCol--form {
      -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
      order: -1;
      padding-bottom: 36px;
      margin-bottom: 36px;
      border-bottom: 1px solid var(--Dark-Gray, #9f9f9f);
   }
}
@media (max-width: 768px) {
   .footer__mainCol--categor {
      display: none;
   }
   .footer__mainCol {
      width: calc(50% - 8px);
   }
}
@media (max-width: 600px) {
   .footer__mainCol {
      width: 100%;
   }
}
.footer__title {
   color: #fff;
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.48px;
   margin: 0 0 18px;
}
.footer__text {
   color: #fff;
   font-size: 14px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.28px;
   text-wrap: balance;
   margin: 0;
}
.footer__soc {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 18px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   flex-wrap: wrap;
}
.footer__soc a {
   display: block;
}
.footer__soc a img {
   display: block;
   width: 30px;
   height: auto;
   -o-object-fit: contain;
   object-fit: contain;
}
.footer__list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 12px;
}
.footer__list li {
   list-style: none;
}
.footer__list li a {
   color: #fff;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.footer__columns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
}
.footer__col {
   width: calc(50% - 10px);
}
@media (max-width: 900px) {
   .footer__columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
   }
   .footer__col {
      width: 100%;
   }
}
.footer__app {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 36px;
}
.footer__app a {
   display: block;
   height: 48px;
   width: auto;
}
.footer__app a img {
   display: block;
   width: auto;
   height: 100%;
}
.footer__bottomWrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 18px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.footer__bottomImgs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 12px;
}
.footer__bottomImgs img {
   display: block;
   width: auto;
   height: 16px;
}
.footer__descr {
   color: var(--White, #fff);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 0 0 18px;
}
.footer__conf {
   text-align: center;
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.24px;
   margin: 18px 0 0;
}
@media (max-width: 1024px) {
   .footer__conf {
      text-align: left;
   }
}
.footer__conf a {
   font-weight: inherit;
   font-size: inherit;
   line-height: inherit;
   text-decoration: underline;
   color: inherit;
}
.footer__conf a:hover {
   text-decoration: none;
}
.footer__form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 18px;
   width: 100%;
   margin: 0;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}
.footer__form input {
   border-radius: 12px;
   border: 1.5px solid var(--White, #fff);
   background: 0 0;
   padding: 12.5px 22.5px;
   color: #fff;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   outline: 0;
   height: 48px;
   width: 100%;
}
.footer__form input::-webkit-input-placeholder {
   color: #9f9f9f;
}
.footer__form input::-moz-placeholder {
   color: #9f9f9f;
}
.footer__form input:-ms-input-placeholder {
   color: #9f9f9f;
}
.footer__form input::-ms-input-placeholder {
   color: #9f9f9f;
}
.footer__form input::placeholder {
   color: #9f9f9f;
}
.footer__submit {
   border-radius: 12px;
   cursor: pointer;
   padding: 14px 24px;
   background-color: #fff;
   color: #181818;
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   width: 100%;
}
.categorList__wrap {
   width: 220px;
}
.categorList ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 18px;
   line-height: 1;
}
.categorList ul a {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.mainSlider {
   margin-bottom: 36px;
}
@media (max-width: 1024px) {
   .categorList__wrap {
      display: none;
   }
   .mainSlider__slider {
      overflow: visible;
   }
}
.mainSlider__slider .sw-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 12px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 12px;
}
.mainSlider__slider .sw-pagination span {
   opacity: 1;
   border-radius: 6px;
   background: var(--Gray, #e5e5e5);
   margin: 0 !important;
   width: 12px;
   height: 12px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
.mainSlider__slider .sw-pagination span.swiper-pagination-bullet-active {
   background: var(--Black, #181818);
}
.mainSlider__slide {
   border-radius: 24px;
   background: #ccc;
   overflow: hidden;
   height: auto;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
.mainSlider__slide img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.mainSlider__slide--content {
   padding: 36px;
}
.mainSlider__slide h1 {
   margin: 0;
   color: #181818;
   font-size: 36px;
   font-weight: 900;
   line-height: 42px;
   letter-spacing: -1.08px;
}
.collections__margin {
   margin: 36px 0;
}
@media (max-width: 1024px) {
   .mainSlider__slide--content {
      padding: 36px 24px;
   }
   .collections__slider {
      overflow: visible;
   }
   .collections__slide {
      width: 300px;
   }
}
.collections__slide {
   padding: 24px 24px 18px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-radius: 18px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   aspect-ratio: 30/21;
}
.collections__name {
   color: var(--White, #fff);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   margin: 0;
}
.collections__name span {
   font-weight: 300;
}
.collections__views {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 6px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.collections__views img {
   display: block;
   width: 18px;
   height: auto;
}
.collections__views span {
   color: var(--White, #fff);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.catalog__margin {
   margin: 36px 0;
}
.catalog__slide {
   width: 124px;
}
.catalog__img {
   display: block;
   width: 100%;
   aspect-ratio: 1/1;
   margin-bottom: 8px;
   border-radius: 18px;
   -o-object-fit: cover;
   object-fit: cover;
}
.catalog__name {
   margin: 0;
   color: #181818;
   text-align: center;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.catalog__prev {
   -webkit-transform: translate(-50%, -100%) !important;
   -ms-transform: translate(-50%, -100%) !important;
   transform: translate(-50%, -100%) !important;
}
.catalog__next {
   -webkit-transform: translate(50%, -100%) !important;
   -ms-transform: translate(50%, -100%) !important;
   transform: translate(50%, -100%) !important;
}
.trend__margin {
   margin: 36px 0;
}
.trend__wr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 36px 20px;
}
.trend__card {
   width: calc(25% - 15px);
}
.trend__slider {
   display: none;
}
@media (max-width: 1024px) {
   .catalog__slider {
      overflow: visible;
   }
   .search-cont .trend__wr {
      display: flex;
   }
   .trend__wr {
      display: none;
   }
   .trend__card {
      width: 220px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }
   .trend__slider {
      display: block;
      overflow: visible;
   }
}
.podCard__link {
   display: block;
   border-radius: 24px;
   overflow: hidden;
}
.podCard__img {
   display: block;
   width: 100%;
   height: auto;
}
.tems__margin {
   margin: 36px 0;
}
.tems__imgWr {
   aspect-ratio: 30/21;
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   padding: 24px 24px 18px;
   border-radius: 18px;
   overflow: hidden;
   margin-bottom: 12px;
}
@media (max-width: 1023px) {
   .tems__slider {
      overflow: visible;
   }
   .tems__slide {
      width: 300px;
   }
}
.tems__img {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   z-index: 1;
}
.tems__views {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
   position: relative;
   z-index: 5;
}
.tems__views img {
   display: block;
   width: 18px;
   height: auto;
   -o-object-fit: cover;
   object-fit: cover;
}
.tems__views span {
   color: var(--White, #fff);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.tems__name {
   color: #181818;
   font-size: 20px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin: 0 0 8px;
}
.tems__date {
   color: #9f9f9f;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.tems__next,
.tems__prev {
   top: 105px !important;
}
.tems__all {
   border-radius: 12px;
   background: #f5f5f5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #181818;
   text-align: center;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   padding: 17px 24px;
   margin-top: 36px;
}
.productCard {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   flex-direction: column;
   height: auto;
}
.productCard__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin-bottom: 12px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.productCard__tegs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 6px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.productCard__tegs span {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   color: #181818;
   text-align: center;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   padding: 3px 12px;
   border-radius: 6px;
   background: #f5f5f5;
}
.productCard__tegs span.black {
   background: #181818;
   color: #fff;
}
.productCard__fav {
   display: block;
   width: 24px;
   min-width: 24px;
}
.productCard__fav svg {
   display: block;
   width: 24px;
   height: auto;
}
.productCard__fav svg path {
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
.productCard__fav--active svg path {
   fill: #f33;
   stroke: #f33;
}
.productCard__img {
   display: block;
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: contain;
   object-fit: contain;
   margin-bottom: 12px;
}
.productCard__btnsWr {
   margin-top: auto;
}
.productCard__price {
   color: #181818;
   font-size: 23px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: -0.69px;
   text-transform: uppercase;
   margin-bottom: 6px;
}
.productCard__price--sale {
   color: #f33;
}
.productCard__price--sale span {
   color: #9f9f9f;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.51px;
   position: relative;
}
.productCard__price--sale span::after {
   content: "";
   display: block;
   width: 100%;
   height: 1px;
   background-color: currentColor;
   position: absolute;
   top: 59%;
   left: 0;
}
.productCard__descr {
   color: #181818;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 0 0 24px;
   overflow: hidden;
   text-overflow: ellipsis;
   min-height: 36px;
}
.productCard__bask {
   color: #fff;
   text-align: center;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   background: #181818;
   padding: 4.5px 16.5px;
   height: 32px;
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   border-radius: 8px;
   border: 1.5px solid var(--Black, #181818);
   background: var(--Black, #181818);
}
.productCard__bask.add {
   background: var(--White, #fff);
   color: var(--Black, #181818);
}
.productCard__bask.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.productCard__baskNm {
   border-radius: 8px;
   border: 1.2px solid #181818;
   background: #fff;
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 5px 17px;
   cursor: default;
}
.productCard__baskNm.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.productCard__baskMin,
.productCard__baskPl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 20px;
   height: auto;
}
.productCard__baskMin img,
.productCard__baskPl img {
   display: block;
   width: 100%;
   height: auto;
}
.productCard__baskCount {
   color: #181818;
   text-align: center;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.newsItem__margin {
   margin: 36px 0;
}
.newsItem__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 36px 20px;
}
.newsItem__card {
   width: calc(33.3333% - 15px);
}
@media (max-width: 650px) {
   .newsItem__card {
      width: calc(33.3333333333% - 13.3333333333px);
   }
}
@media (max-width: 600px) {
   .newsItem__wrap {
      gap: 36px 18px;
   }
   .newsItem__card {
      width: calc(33.3333333333% - 12px);
   }
}
@media (max-width: 500px) {
   .newsItem__card {
      width: calc(50% - 9px);
   }
}
.newsItem__more {
   border-radius: 12px;
   background: #f5f5f5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #181818;
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   padding: 14px 24px;
   margin-top: 36px;
}
.catHead__title {
   color: #181818;
   font-size: 36px;
   font-weight: 900;
   line-height: 42px;
   letter-spacing: -1.08px;
   margin: 0 0 18px;
}
.catHead__desc {
   color: #181818;
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.34px;
   margin: 0;
   max-width: 475px;
}
.subcategories {
   margin: 36px 0;
}
@media (max-width: 1024px) {
   .subcategories__slider {
      overflow: visible;
   }
}
.subcategories__slide {
   width: 120px;
}
.subcategories__slide--active .subcategories__img {
   border: 3px solid var(--Black, #181818);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
.subcategories__img {
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
   object-fit: cover;
   background: #f5f5f5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   overflow: hidden;
}
.subcategories__img img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.subcategories__name {
   color: #181818;
   text-align: center;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 8px 0 0;
}
.allProd__title {
   margin-bottom: 18px;
}
.allProd__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 36px 20px;
}
.allProd__card {
   width: calc(33.3333333333% - 13.3333333333px);
}
@media (max-width: 600px) {
   .allProd__wrap {
      gap: 36px 18px;
   }
   .allProd__card {
      width: calc(33.3333333333% - 12px);
   }
}
@media (max-width: 500px) {
   .allProd__card {
      width: calc(50% - 9px);
   }
}
.allProd__more {
   border-radius: 12px;
   background: #f5f5f5;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: #181818;
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   padding: 14px 24px;
   margin-top: 36px;
}
.allProd__filter {
   margin-bottom: 36px;
}
.allProd__pag {
   margin-top: 12px;
}
.filter {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.filter__filterBtn {
   border-radius: 12px;
   background: #f5f5f5;
   padding: 14px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 6px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: calc(50% - 6px);
}
@media (max-width: 600px) {
   .filter__filterBtn {
      width: 100%;
   }
}
.filter__filterBtn img {
   display: block;
   width: 20px;
   height: 20px;
   min-width: 20px;
}
.filter__filterBtn span {
   color: #181818;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   text-align: left;
}
.pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 0;
}
.pagination a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: var(--Dark-Gray, #9f9f9f);
   text-align: center;
   font-family: Gerbera;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   width: 54px;
   height: 54px;
}
.pagination a.active {
   color: #181818;
}
.product {
   margin-top: 36px;
   margin-bottom: 72px;
   overflow: hidden;
}
.product__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 36px 20px;
}
.product__gal {
   width: calc(100% - 480px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}
@media (max-width: 1024px) {
   .product__gal {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      -webkit-box-align: initial;
      -ms-flex-align: initial;
      align-items: initial;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
   }
}
@media (max-width: 768px) {
   .product__gal {
      display: none;
   }
}

.product__galMain {
   width: calc(100% - 240px);
}
@media (max-width: 1200px) {
   .product__galMain {
      width: calc(100% - 200px);
   }
}
@media (max-width: 1024px) {
   .product__galMain {
      width: 100%;
   }
}
.product__galMain img {
   display: block;
   width: 100%;
   aspect-ratio: 1/1;
   -o-object-fit: contain;
   object-fit: contain;
   border-radius: 14px;
}
.product__content {
   width: 460px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 36px;
}
@media (max-width: 768px) {
   .product__content {
      width: 100%;
   }
}
.product__tegs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 18px;
}
.product__tegs span {
   color: var(--Black, #181818);
   text-align: center;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   padding: 3px 12px;
   border-radius: 6px;
   background: var(--Light-Gray, #f5f5f5);
}
.product__title {
   color: var(--Black, #181818);
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.48px;
   margin: 0;
}
.product__favPers {
   margin-top: 18px;
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.product__favPers img {
   display: inline-block;
   height: 18px;
   width: auto;
   margin-right: 6px;
   vertical-align: text-top;
}
.product__price {
   color: var(--Black, #181818);
   font-size: 30px;
   font-weight: 700;
   line-height: 36px;
   letter-spacing: -0.9px;
   margin: 0;
}
.product__btnsWrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 8px;
}
@media (max-width: 600px) {
   .product__btnsWrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
   }
}
.product__btnBask {
   color: var(--White, #fff);
   text-align: left;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   padding: 18px 30px;
   border-radius: 15px;
   background: var(--Black, #181818);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}
.product__btnBask.active {
   background: var(--Light-Gray, #f5f5f5);
   color: var(--Dark-Gray, #9f9f9f);
}
.product__btnFav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 36px;
   min-width: 36px;
}
.product__btnFav svg {
   display: block;
   width: 100%;
   height: auto;
}
.product__btnFav svg path {
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
.product__btnFav--active svg path {
   fill: #f33;
   stroke: #f33;
}
.product__descrTitle {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin: 0 0 18px;
}
.product__descrText {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.34px;
   margin: 0;
}
.product__characTitle {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
   padding-bottom: 18px;
   margin-bottom: 18px;
}
.product__characList,
.product__listNal {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 18px;
}
.product__characEl,
.product__listNalItem {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 12px;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
   padding-bottom: 18px;
}
.product__listNal.active .product__listNalItem {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
}
.product__listNalItem:nth-child(n + 6) {
   display: none;
}
.product__listNalName,
.product__listNalStatus {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.product__listNalStatus--ml {
   color: var(--Red, #f03);
}
.product__characT {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.product__characE {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   text-align: right;
}
.product__soc {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 8px;
}
.product__soc a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 15px;
   border-radius: 12px;
   background: var(--Light-Gray, #f5f5f5);
}
.product__soc a img {
   display: block;
   width: 24px;
   height: 24px;
   -o-object-fit: contain;
   object-fit: contain;
}
.product__mobGal {
   display: none;
   overflow: visible;
}
@media (max-width: 768px) {
   .product__mobGal {
      display: block;
      margin-bottom: 36px;
      margin-top: 36px;
   }
}
.product__mobGal .sw-pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 12px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 12px;
}
.product__mobGal .sw-pagination span {
   opacity: 1;
   border-radius: 6px;
   background: var(--Gray, #e5e5e5);
   margin: 0 !important;
   width: 12px;
   height: 12px;
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
.product__mobGal .sw-pagination span.swiper-pagination-bullet-active {
   background: var(--Black, #181818);
}
.product__slide {
   aspect-ratio: 1/1;
   max-height: 450px;
}
.product__slide img {
   display: block;
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}
.product__back {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-bottom: 18px;
}
.product__back img {
   display: block;
   width: 20px;
   height: auto;
}
.product__back span {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.product__priceFav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   margin-bottom: 18px;
}
.product__baskNm {
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   cursor: default;
   border-radius: 15px;
   border: 1.5px solid var(--Black, #181818);
   background: var(--White, #fff);
   padding: 16.5px 28.5px;
}
.product__baskNm.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.product__baskMin,
.product__baskPl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 24px;
   height: 24px;
}
.product__baskMin img,
.product__baskPl img {
   display: block;
   width: 100%;
   height: auto;
}
.product__baskCount {
   color: #181818;
   text-align: center;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   min-width: 56px;
   letter-spacing: -0.4px;
}
.product__listAll {
   border-radius: 12px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 14px 24px;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   margin-top: 18px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
}
.similar__margin {
   margin: 72px 0;
}
.similar__margin .container {
   padding-top: 36px;
   position: relative;
}
.similar__margin .container::after {
   content: "";
   position: absolute;
   top: 0;
   left: 18px;
   width: calc(100% - 36px);
   height: 1px;
   background-color: var(--Gray, #e5e5e5);
}
.similar__card {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
@media (max-width: 1215px) {
   .similar__card {
      width: 220px;
   }
   .similar__slider {
      overflow: visible;
   }
}
.basket__title {
   color: var(--Black, #181818);
   font-size: 36px;
   font-weight: 700;
   line-height: 42px;
   letter-spacing: -1.08px;
   margin: 0 0 18px;
}
.basket__no {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.28px;
   margin: 0 0 18px;
}
.basket__btn {
   color: var(--White, #fff);
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   text-align: center;
   border-radius: 12px;
   background: var(--Black, #181818);
   padding: 17px 24px;
   width: 100%;
   max-width: 340px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.basket__quantity {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 0 0 12px;
}
.basket__remove {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 6px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   color: var(--Black, #181818);
   text-align: left;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   margin-top: 18px;
}
.basket__remove img {
   display: block;
   width: 20px;
}
.basket__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 72px 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.basket__content {
   width: 580px;
}
@media (max-width: 768px) {
   .basket__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 36px;
   }
   .basket__content {
      width: 100%;
   }
}
.basket__pr {
   width: 340px;
}
@media (max-width: 768px) {
   .basket__pr {
      width: 100%;
   }
}
.basket__products {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
}
.basket__product {
   padding: 18px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.basket__product:first-of-type {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.basket__product--no .basket__productImg {
   opacity: 0.5;
}
.basket__product--no .basket__productDescr,
.basket__product--no .basket__productPrice {
   color: var(--Dark-Gray, #9f9f9f);
}
.basket__product--no .basket__fav {
   display: block;
}
.basket__product--no .basket__productDel {
   display: none;
}
.basket__productDel {
   width: 24px;
   min-width: 24px;
   height: 24px;
}
.basket__productImg {
   display: block;
   aspect-ratio: 1/1;
   -o-object-fit: contain;
   object-fit: contain;
   width: 132px;
   min-width: 132px;
   -ms-flex-item-align: start;
   align-self: flex-start;
}
.basket__productContent {
   width: calc(100% - 144px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 24px;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.basket__productContentTop {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 6px;
}
.basket__productPrDel {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 0;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.basket__productPrice {
   color: #181818;
   font-size: 23px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: -0.69px;
   text-transform: uppercase;
}
.basket__productPrice--sale {
   color: #f03;
}
.basket__productPrice--sale span {
   color: #9f9f9f;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.51px;
   position: relative;
}
.basket__productPrice--sale span::after {
   content: "";
   display: block;
   width: 100%;
   height: 1px;
   background-color: currentColor;
   position: absolute;
   top: 59%;
   left: 0;
}
.basket__productDescr {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   width: calc(100% - 24px);
}
.basket__btnsWr {
   max-width: 220px;
   width: 100%;
   margin-left: auto;
}
.basket__bask {
   color: #fff;
   text-align: center;
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   border-radius: 8px;
   background: #181818;
   padding: 6px 18px;
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
}
.basket__bask.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.basket__baskNm {
   border-radius: 9px;
   border: 1.5px solid #181818;
   background: #fff;
   display: none;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 9.5px 16.5px;
   cursor: default;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-left: auto;
}
.basket__baskNm.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.basket__baskMin,
.basket__baskPl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 20px;
   height: auto;
}
.basket__baskMin img,
.basket__baskPl img {
   display: block;
   width: 100%;
   height: auto;
}
.basket__baskCount {
   color: #181818;
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   min-width: 56px;
}
.basket__fav {
   display: none;
   width: 24px;
   min-width: 24px;
}
.basket__fav svg {
   display: block;
   width: 24px;
   height: auto;
}
.basket__fav svg path {
   -webkit-transition: 0.3s;
   transition: 0.3s;
}
.basket__fav--active svg path {
   fill: #f33;
   stroke: #f33;
}
.basket__chl {
   border-radius: 18px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 36px 24px;
}
.basket__chlTitle {
   color: var(--Black, #181818);
   text-align: center;
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.48px;
   margin: 0 0 36px;
}
.basket__chlList {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
}
.basket__chlItem {
   padding: 18px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.basket__chlItem:first-of-type {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.basket__chlText {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.basket__chlText--sale {
   color: #f03;
}
.basket__chlText--price {
   color: var(--Black, #181818);
   font-size: 23px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: -0.69px;
}
.basket__oforml {
   color: var(--White, #fff);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   text-align: center;
   border-radius: 14px;
   background: var(--Black, #181818);
   padding: 24px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin-top: 12px;
}
.basket__promo {
   display: block;
   width: 100%;
   margin-top: 36px;
   position: relative;
}
.basket__promo input {
   display: block;
   width: 100%;
   border-radius: 12px;
   border: 1.5px solid var(--Black, #181818);
   background: var(--White, #fff);
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   padding: 16px 50px 16px 22.5px;
   outline: 0;
}
.basket__promo input::-webkit-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.basket__promo input::-moz-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.basket__promo input:-ms-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.basket__promo input::-ms-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.basket__promo input::placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.basket__promoBtn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 20px;
   height: 20px;
   position: absolute;
   top: 50%;
   right: 22.5px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.basket__promoBtn img {
   display: block;
   width: 100%;
   height: auto;
}
.basket__addBt {
   display: none;
}
.basket__addBt.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 131px;
   margin-left: auto;
   border-radius: 9px;
   border: 1.5px solid #181818;
   align-items: center;
   padding: 9.5px 16.5px;
}
.basket__addBt.active img {
   display: block;
   width: 20px;
   height: auto;
}
.oforml__title {
   color: var(--Black, #181818);
   font-size: 36px;
   font-weight: 700;
   line-height: 42px;
   letter-spacing: -1.08px;
   margin: 0 0 18px;
}
.oforml__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 72px 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.oforml__content {
   width: 580px;
}
@media (max-width: 768px) {
   .oforml__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 36px;
   }
   .oforml__content {
      width: 100%;
   }
}
.oforml__pr {
   width: 340px;
}
@media (max-width: 768px) {
   .oforml__pr {
      width: 100%;
   }
}
.oforml__wr {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 36px;
}
.oforml__sposob {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 18px;
}
.oforml__h2 {
   color: var(--Black, #181818);
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.72px;
   margin: 0;
}
.oforml__tabs {
   border-radius: 15px;
   background: var(--Light-Gray, #f5f5f5);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 6px;
   padding: 6px;
}
.oforml__tabs button {
   border-radius: 9px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 11px 18px;
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   text-align: center;
   width: 50%;
}
.oforml__tabs button.active {
   background: var(--Black, #181818);
   color: var(--White, #fff);
}
.oforml__sposobInf {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 6px;
}
.oforml__sposobName {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
}
.oforml__sposobCity {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.oforml__sposobTime {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.oforml__sposobShop {
   border-radius: 12px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 14px 24px;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.oforml__personalData {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 12px;
}
.oforml__personalData .oforml__h2 {
   margin-bottom: 6px;
}
.oforml__opl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 18px;
}
.oforml__oplSec {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 6px;
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.oforml__oplSec img {
   display: block;
   width: 20px;
   height: auto;
}
.oforml__oplText2 {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 12px 0 0;
}
.oforml__chList {
   border-radius: 24px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 36px 24px;
   width: 100%;
   margin-bottom: 12px;
}
.oforml__chListTitle {
   color: var(--Black, #181818);
   text-align: center;
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.72px;
   margin: 0 0 36px;
}
.oforml__chListProducts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
}
.oforml__chListProduct {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 12px;
   padding: 18px 0;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.oforml__chListProduct:first-of-type {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.oforml__chListProductImg {
   display: block;
   width: 72px;
   height: 72px;
   min-width: 72px;
   border-radius: 15px;
}
.oforml__chListProductCont {
   width: calc(100% - 84px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 6px;
}
.oforml__chListProductPrice {
   color: var(--Black, #181818);
   font-size: 23px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: -0.69px;
}
.oforml__chListProductPrice--sale {
   color: var(--Red, #f03);
}
.oforml__chListProductPrice--sale span {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   -webkit-text-decoration-line: line-through;
   text-decoration-line: line-through;
   display: inline-block;
   margin-left: 6px;
}
.oforml__chListProductNumb {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.oforml__chListProductNumb--err {
   color: #f03;
}
.oforml__chListProductPriceName {
   overflow: hidden;
   color: var(--Black, #181818);
   text-overflow: ellipsis;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.oforml__chListPriceList {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   margin-top: 12px;
}
.oforml__chListPriceListLine {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 18px 0;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.oforml__chListPriceListLine:first-child {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.oforml__chListPriceListLine div {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.oforml__chListPriceListLine div:last-of-type {
   text-align: right;
}
.oforml__chListPriceListLine--sale div {
   color: var(--Red, #f03);
}
.oforml__chListPriceListLine--final div {
   font-size: 23px;
   line-height: 24px;
   letter-spacing: -0.69px;
   font-weight: 700;
}
.oforml__oforml {
   margin-top: 12px;
   border-radius: 15px;
   background: var(--Black, #181818);
   padding: 18px 30px;
   color: var(--White, #fff);
   text-align: center;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.oforml__descr {
   color: var(--Dark-Gray, #9f9f9f);
   text-align: center;
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.24px;
   margin-top: 12px;
}
.oforml__descr a {
   color: inherit;
   font-size: inherit;
   font-weight: inherit;
   letter-spacing: inherit;
   text-decoration: underline;
}
.oforml__descr a:hover {
   text-decoration: none;
}
.input {
   border-radius: 12px;
   border: 1.5px solid var(--Black, #181818);
   background: var(--White, #fff);
   padding: 14px 24px;
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   outline: 0;
}
.input[readonly] {
   color: #9f9f9f;
}

.input::-webkit-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.input::-moz-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.input:-ms-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.input::-ms-input-placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.input::placeholder {
   color: var(--Dark-Gray, #9f9f9f);
}
.input::-webkit-datetime-edit
   .input::-webkit-datetime-edit-fields-wrapper
   .input::-webkit-datetime-edit-text
   .input::-webkit-datetime-edit-month-field
   .input::-webkit-datetime-edit-day-field
   .input::-webkit-datetime-edit-year-field
   .input::-webkit-inner-spin-button
   .input::-webkit-calendar-picker-indicator {
   display: none !important;
   opacity: 0 !important;
   -webkit-transform: scale(0) !important;
   transform: scale(0) !important;
   visibility: hidden !important;
}
.input--date {
   width: calc(50% - 6px);
}
.input--date.inp-grey {
   color: #9f9f9f;
}
@media (max-width: 600px) {
   .input--date {
      width: 100%;
   }
}
.ch {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 6px;
   cursor: pointer;
}
.ch input {
   display: none;
}
.input--date::placeholder {
   text-transform: lowercase;
   color: #9f9f9f;
}
.ch input:checked + i::after {
   opacity: 1;
}
.ch i {
   display: block;
   border-radius: 6px;
   border: 1.5px solid var(--Black, #181818);
   background: var(--White, #fff);
   width: 20px;
   min-width: 20px;
   height: 20px;
   position: relative;
}
.ch i::after {
   content: "";
   border-radius: 3px;
   background: var(--Black, #181818);
   width: 12px;
   height: 12px;
   position: absolute;
   display: block;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   opacity: 0;
}
.ch span {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.modalShop {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
   background-color: #fff;
   display: none;
   gap: 0;
}
.modalShop.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.modalShop__left {
   width: 460px;
   margin-left: calc((100% - 1216px) / 2);
   padding: 72px 36px 72px 0;
}
@media (max-width: 1216px) {
   .modalShop__left {
      padding-left: 18px;
      margin-left: 0;
   }
}
@media (max-width: 1250px) {
   .modalShop__left {
      width: 380px;
   }
}
@media (max-width: 768px) and (max-width: 768px) {
   .modalShop__left.map .modalShop__close img,
   .modalShop__left.map .modalShop__decor img {
      -webkit-filter: invert(1);
      filter: invert(1);
   }
}
@media (max-width: 768px) {
   .modalShop__left {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10;
      background: var(--White, #fff);
      padding: 220px 36px 72px;
      height: 100%;
   }
   .modalShop__left.map {
      height: 0;
      padding: 0;
   }
   .modalShop__left.map .modalShop__head {
      background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(rgba(24, 24, 24, 0)));
      background: linear-gradient(180deg, #181818 0, rgba(24, 24, 24, 0) 100%);
   }
   .modalShop__left.map .modalShop__decor {
      color: var(--White, #fff);
   }
   .modalShop__left.map.act {
      height: calc(100dvh - 186px - 36px);
      padding: 36px 36px 72px;
   }
   .modalShop__left.map.act .modalShop__back--list {
      display: none;
   }
   .modalShop__left.map.act .modalShop__back--map {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
}
.modalShop__map {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   height: 100%;
}
@media (max-width: 1216px) {
   .modalShop__map {
      width: calc(100% - 460px - 36px - 18px);
   }
}
@media (max-width: 1024px) {
   .modalShop__map {
      width: calc(100% - 380px - 36px - 18px);
   }
}
.modalShop__map iframe {
   display: block;
   width: 100% !important;
   height: 100% !important;
}
.modalShop__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 9px;
   padding-bottom: 36px;
}
@media (max-width: 768px) {
   .modalShop__head {
      position: fixed;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      top: 0;
      left: 0;
      width: 100%;
      padding: 36px;
   }
}
.modalShop__decor {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 9px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
}
.modalShop__decor img {
   display: block;
   width: 24px;
   height: auto;
}
.modalShop__list {
   margin-top: 36px;
   overflow: auto;
   max-height: calc(100dvh - 168px - 72px);
}
.modalShop__list.active {
   max-height: calc(100dvh - 168px - 72px - 126px);
}
@media (max-width: 768px) {
   .modalShop__list {
      margin-top: 0;
      max-height: calc(100dvh - 292px);
   }
   .modalShop__list.active {
      max-height: calc(100dvh - 292px - 126px);
   }
}
.modalShop__list.active .modalShop__item {
   display: none;
}
.modalShop__item {
   padding: 18px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
   cursor: pointer;
}
.modalShop__item:first-of-type {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.modalShop__item.active {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
}
.modalShop__item.active .modalShop__time {
   display: block;
}
.modalShop__item.active .modalShop__otsList {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.modalShop__name {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
}
.modalShop__addr {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin-top: 6px;
}
.modalShop__time {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin-top: 6px;
   display: none;
}
.modalShop__ots {
   border-radius: 9px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 9px 18px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-top: 18px;
}
.modalShop__otsList {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   margin-top: 18px;
}
.modalShop__otsCard {
   padding: 18px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.modalShop__otsCard:first-child {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.modalShop__otsCard:last-child {
   border-bottom: none;
   padding-bottom: 0;
}
.modalShop__otsCard img {
   display: block;
   width: 60px;
   height: 60px;
   min-width: 60px;
   border-radius: 15px;
   -o-object-fit: contain;
   object-fit: contain;
}
.modalShop__otsCont {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 6px;
}
.modalShop__otsNal {
   color: var(--Red, #f03);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.modalShop__otsName {
   overflow: hidden;
   color: var(--Black, #181818);
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   height: 36px;
}
.modalShop__btnsUpr {
   display: none;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 12px;
   margin-top: 18px;
}
.modalShop__btnsUpr.active {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.modalShop__btnEnter {
   border-radius: 12px;
   background: var(--Black, #181818);
   padding: 14px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: var(--White, #fff);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.modalShop__back {
   border-radius: 12px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 14px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.modalShop__back--map,
.modalShop__switchMob {
   display: none;
}
@media (max-width: 768px) {
   .modalShop__switchMob {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      gap: 6px;
      margin-top: 27px;
      border-radius: 15px;
      background: var(--Light-Gray, #f5f5f5);
      padding: 6px;
   }
   .modalShop__switchMob button {
      border-radius: 9px;
      background: var(--Light-Gray, #f5f5f5);
      padding: 11px 18px;
      width: calc(50% - 3px);
      color: var(--Black, #181818);
      text-align: center;
      font-size: 17px;
      font-weight: 300;
      line-height: 20px;
      letter-spacing: -0.34px;
   }
   .modalShop__switchMob button.active {
      background: var(--Black, #181818);
      color: var(--White, #fff);
   }
}
.lk {
   position: relative;
}
.lk__title {
   color: var(--Black, #181818);
   font-size: 36px;
   font-weight: 700;
   line-height: 42px;
   letter-spacing: -1.08px;
   margin: 0 0 36px;
   text-align: center;
   max-width: 700px;
}
.lk__title--left {
   text-align: left;
}
.lk__title--mbMin {
   margin-bottom: 18px;
}
.lk__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 72px 20px;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
@media (max-width: 768px) {
   .lk__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 36px;
   }
   .lk__form {
      gap: 12px;
   }
}
.lk__form {
   width: 100%;
   max-width: 700px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 12px;
}
.lk__form .hidden {
   display: none;
}
.lk__form2 {
   width: 100%;
   max-width: 580px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 36px;
}
@media (max-width: 1208px) {
   .lk__form2 {
      max-width: 450px;
   }
}
@media (max-width: 1080px) {
   .lk__form2 {
      max-width: 400px;
   }
}
@media (max-width: 1024px) {
   .lk__form2 {
      max-width: 580px;
   }
}
@media (max-width: 960px) {
   .lk__form2 {
      max-width: 450px;
   }
}
@media (max-width: 840px) {
   .lk__form2 {
      max-width: 400px;
   }
}

.lk__form2 .hidden {
   display: none;
}
.form_error {
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.34px;
   text-align: center;
}
.sidebar-right__form .form_error {
   margin-top: 12px;
}
.form_error.error {
   color: #ff0033;
}
.form_error.info {
   color: var(--Black, #181818);
}
.lk__zakazi {
   width: 100%;
   max-width: 700px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 18px;
}
.lk__fl,
.lk__fl2 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 12px;
}
.lk__text {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   margin: 0 0 6px;
   text-align: center;
}
.lk__error {
   color: var(--Red, #f03);
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.24px;
   display: none;
   text-align: center;
}
.lk__error--left {
   text-align: left;
}
.lk__error.active {
   display: block;
}
.lk__submit {
   border-radius: 12px;
   background: var(--Black, #181818);
   outline: 0;
   border: none;
   padding: 14px 24px;
   color: var(--White, #fff);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.lk__submit--big {
   padding: 18px 30px;
   font-size: 20px;
   line-height: 24px;
}
.lk__submit--mt {
   margin-top: 24px;
}
.lk__submit:disabled {
   background: var(--Light-Gray, #f5f5f5);
   color: var(--Dark-Gray, #9f9f9f);
}
.lk__timer {
   color: var(--Black, #181818);
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.24px;
}
.lk__error2 {
   color: var(--Red, #f03);
   text-align: center;
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.24px;
}
.lk__conf {
   color: var(--Dark-Gray, #9f9f9f);
   text-align: center;
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.24px;
}
.lk__conf a {
   color: inherit;
   text-decoration: none;
}
.lk__h2 {
   color: var(--Black, #181818);
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.72px;
   margin: 0 0 6px;
}
.lk__subtitle {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.34px;
   margin: 0 0 36px;
}
.lk__prods {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 36px 20px;
}
.lk__prods > * {
   width: calc(33.3333333333% - 13.3333333333px);
}
.lk {
   position: relative;
}
.sidebar-right {
   width: 100%;
}
.sidebar-right {
   width: 100%;
}
.sidebar-right-pl{
   position: absolute;
   top: 0;
   right: 0;
   max-width: 340px;
}
.sidebar-right__wrapper {
   border-radius: 24px;
   padding: 36px 24px;
   background: linear-gradient(180deg, #F4EEFF 0%, #FAE9FF 100%);
}
.cst-h3 {
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -1px;
   color: #181818;
}
.sidebar-right__title {
   text-align: center;
   margin-bottom: 12px;
   margin-top: 0;
}
.sidebar-right__subtitle {
   text-align: center;
}
.sidebar-right__list-sale {
   margin: 18px 0 0 0;
}
.cst-subtitle {
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.5px;
   color: #181818;
}
.cst-subtitle-fs {
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
}
.sidebar-right__item-sale {
   border-top: 1px solid #FFFFFF;
   padding: 19px 0;
}
.sidebar-right__item-sale:last-child {
   border-bottom: 1px solid #fff;
}
.sidebar-right-pl .sidebar-right__item-sale{
   display: flex;
   gap: 12px;
   align-items: center;
   justify-content: flex-start;
}

.sidebar-right__item-icon {
   width: 72px;
   height: 72px;
   overflow: hidden;
   border-radius: 12px;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 72px;
}
.sidebar-right__item-img {
   width: 72px;
   height: 72px;
}
.sidebar-right__item-img img {
   object-fit: contain;
   object-position: center;
   width: 100%;
   height: 100%;
}
.sidebar-right__item-title {
   color: #181818;
   text-align: center;
   margin-bottom: 12px;
   font-weight: 500;
   font-size: 24px;
   line-height: 30px;
   letter-spacing: -0.03em;
}
.sidebar-right__item-subtitle {
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.5px;
   color: #181818;
   text-align: center;
}
.sidebar-right-pl .sidebar-right__item-title {
   text-align: start;
   margin-bottom: 6px;
   font-size: 20px;
}
.sidebar-right-pl .sidebar-right__item-img{
   width: 54px;
   height: auto;
}
.sidebar-right-pl  .sidebar-right__item-icon{
   align-items: normal;
}
.sidebar-right__form{
   margin-top: 18px;
}
.sidebar-right-pl .sidebar-right__item-subtitle {
   text-align: start;
}
.sidebar-right__text {
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.5px;
   color: #181818;
   margin: 12px 0 18px 0;
}
.sidebar-right__btn {
   border-radius: 12px;
   background: var(--Black, #181818);
   outline: 0;
   border: none;
   padding: 14px 24px;
   color: var(--White, #fff);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   cursor: pointer;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: 18px 0 0;
   width: 100%;
}
.sidebar-right__text-privacy {
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.5px;
   color: #9f9f9f;
   text-align: center;
   margin-top: 12px;
}
.sidebar-right__text-privacy a {
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.5px;
   color: #9f9f9f;
}
.lk.pl.loyalty{
   display: grid;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   justify-items: stretch;
   justify-content: space-between;
}
.loyalty .lk__title{
   grid-area: 1 / 1 / 2 / 2;
}
.loyalty .lk__subtitle{
   grid-area: 2 / 1 / 3 / 2;
}
.loyalty .sidebar-right{
   grid-area: 1 / 2 / 4 / 3;
}

.loyalty .sidebar-right {
   position: initial;
   top: 0px;
   right: 0px;
   z-index: 1;
   width: 100%;
   max-width: 340px;
}
.loyalty .pl.pl__content{
   width: 600px;
   max-width: 600px;
}
.loyalty.pl .pl__content{
   grid-area: 3 / 1 / 4 / 2;
   width: 580px;
}
@media (max-width: 500px) {
   .lk__prods > * {
      width: calc(50% - 10px);
   }
}
.lk__zakCount {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 0 0 12px;
}
.lk__content {
   width: 580px;
}
@media (max-width: 768px) {
   .lk__timer {
      text-align: center;
   }
   .lk__content {
      width: 100%;
   }
}
.lk__pr {
   width: 340px;
}
@media (max-width: 768px) {
   .lk__pr {
      width: 100%;
   }
}
@media (max-width: 790px) {
   .lk.pl.loyalty{
      display: block;
   }
   .loyalty .sidebar-right,
   .sidebar-right-pl,.loyalty.pl .pl__content{
      max-width: 1000px;
   }
   .loyalty.pl .pl__content{
      width: 100%;
   }
}
.lk__chList {
   border-radius: 24px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 36px 24px;
   width: 100%;
   margin-bottom: 12px;
}
.lk__chListTitle {
   color: var(--Black, #181818);
   text-align: center;
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -0.72px;
   margin: 0 0 36px;
}
.lk__chListProducts {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
}
.lk__chListProduct {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   gap: 12px;
   padding: 18px 0;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.lk__chListProduct:first-of-type {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.lk__chListProductImg {
   display: block;
   width: 72px;
   height: 72px;
   min-width: 72px;
   border-radius: 15px;
}
.lk__chListProductCont {
   width: calc(100% - 84px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 6px;
}
.lk__chListProductPrice {
   color: var(--Black, #181818);
   font-size: 23px;
   font-weight: 700;
   line-height: 24px;
   letter-spacing: -0.69px;
}
.lk__chListProductPrice--sale {
   color: var(--Red, #f03);
}
.lk__chListProductPrice--sale span {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 17px;
   font-weight: 400;
   line-height: 20px;
   letter-spacing: -0.34px;
   -webkit-text-decoration-line: line-through;
   text-decoration-line: line-through;
   display: inline-block;
   margin-left: 6px;
}
.lk__chListProductNumb {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.lk__chListProductNumb--err {
   color: #f03;
}
.lk__chListProductPriceName {
   overflow: hidden;
   color: var(--Black, #181818);
   text-overflow: ellipsis;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.lk__chListPriceList {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   margin-top: 12px;
}
.lk__chListPriceListLine {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 20px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 18px 0;
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.lk__chListPriceListLine:first-child {
   border-top: 1px solid var(--Gray, #e5e5e5);
}
.lk__chListPriceListLine div {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.lk__chListPriceListLine div:last-of-type {
   text-align: right;
}
.lk__chListPriceListLine--sale div {
   color: var(--Red, #f03);
}
.lk__chListPriceListLine--final div {
   font-size: 23px;
   line-height: 24px;
   letter-spacing: -0.69px;
   font-weight: 700;
}
.lk__lk {
   border-radius: 15px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 18px 30px;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin-top: 12px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.lk__back {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 6px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin: 0 0 36px;
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.lk__back svg {
   display: block;
   width: 20px;
   min-width: 20px;
   height: auto;
}
.lk__infoTitle {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin: 0 0 12px;
}
.lk__infoList {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   width: 100%;
}
.lk__infoListLine {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   padding: 18px 0;
   border-top: 1px solid var(--Gray, #e5e5e5);
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.lk__infoListLine:last-of-type {
   border-bottom: 1px solid var(--Gray, #e5e5e5);
}
.lk__infoListLine div {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
}
.lk__infoListLine div:first-child {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}
.lk__infoListLine div:last-child {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}
.lk__cont {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
}
.zakazi hr {
   display: block;
   width: 100%;
   height: 1px;
   background: var(--Gray, #e5e5e5);
   outline: 0;
   border: none;
   margin: 0;
}
.zakazi__card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   gap: 12px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.zakazi__card.completed .zakazi__date,
.zakazi__card.completed .zakazi__number {
   color: var(--Dark-Gray, #9f9f9f);
}
.zakazi__number {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
}
.zakazi__date {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 6px 0 0;
}
.zakazi__teg {
   display: inline-block;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   border-radius: 6px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 3px 12px;
   margin-top: 18px;
}
.zakazi__teg--act {
   color: var(--White, #fff);
   background: var(--Black, #181818);
}
.zakazi__teg--compl {
   background: var(--Light-Gray, #f5f5f5);
   color: var(--Dark-Gray, #9f9f9f);
}
.catalogCategories {
   padding-bottom: 72px;
}
.catalogCategories__subtitle {
   color: var(--Black, #181818);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.34px;
   margin: 0 0 36px;
}
.catalogCategories__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 36px 20px;
}
@media (max-width: 600px) {
   .catalogCategories__wrap {
      gap: 36px 18px;
   }
}
.catalogCategories__card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 12px;
   width: calc(25% - 15px);
}
@media (max-width: 900px) {
   .catalogCategories__card {
      width: calc(33.3333333333% - 13.3333333333px);
   }
}
@media (max-width: 600px) {
   .catalogCategories__card {
      width: calc(50% - 9px);
   }
}
.catalogCategories__img {
   background: linear-gradient(133deg, #f5f5f5 23.97%, #e5e5e5 100%);
   aspect-ratio: 1/1;
   display: block;
   width: 100%;
   height: auto;
   border-radius: 24px;
   -o-object-fit: cover;
   object-fit: cover;
}
.catalogCategories__name {
   color: var(--Black, #181818);
   text-align: center;
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin: 0;
}
.brend__text {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.34px;
}
.brend__text > :first-child {
   margin-top: 0 !important;
}
.brend__text > :last-child {
   margin-bottom: 0 !important;
}
.brend__text p {
   margin: 36px 0;
}
.news__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 36px 20px;
}
.news__card {
   width: calc(33.3333333333% - 13.3333333333px);
}
@media (max-width: 900px) {
   .news__card {
      width: calc(50% - 10px);
   }
}
@media (max-width: 600px) {
   .news__wrap {
      gap: 36px 18px;
   }
   .news__card {
      width: calc(50% - 9px);
   }
}
@media (max-width: 500px) {
   .news__card {
      width: 100%;
   }
}
.new__bn {
   display: block;
   width: 100%;
   border-radius: 24px;
   aspect-ratio: 940/376;
   background: linear-gradient(133deg, #f5f5f5 23.97%, #e5e5e5 100%);
   margin: 0 0 36px;
   -o-object-fit: cover;
   object-fit: cover;
}
.new__bn--mob {
   display: none;
}
@media (max-width: 1024px) {
   .new__bn {
      display: none;
   }
   .new__bn--mob {
      display: block;
      aspect-ratio: 378/265;
   }
}
.new__date {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   margin: 0 0 36px;
}
.new__text {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.34px;
}
.new__text > :first-child {
   margin-top: 0 !important;
}
.new__text > :last-child {
   margin-bottom: 0 !important;
}
.new__text p {
   margin: 36px 0;
}
.new__text p:has(b) {
   margin-bottom: 18px;
}
.new__text p:has(b) + p {
   margin-top: 18px;
}
.collection {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 36px;
}
.collection__wr {
   margin-top: 36px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 72px;
}
.collection__wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 36px;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}
.collection__img {
   width: 40%;
   aspect-ratio: 1/1;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 24px;
   background: linear-gradient(133deg, #f5f5f5 23.97%, #e5e5e5 100%);
}
@media (max-width: 600px) {
   .collection__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      gap: 18px;
   }
   .collection__img {
      width: 100%;
   }
}
.collection__content {
   width: calc(60% - 36px);
}
.collection__titile {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin: 0 0 18px;
}
.collection__text {
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.34px;
}
.collection__text > :first-child {
   margin-top: 0 !important;
}
.collection__text > :last-child {
   margin-bottom: 0 !important;
}
.collection__text p {
   margin: 36px 0;
}
.collection__text p:has(b) {
   margin-bottom: 18px;
}
.collection__text p:has(b) + p {
   margin-top: 18px;
}
.shop__head {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
}
@media (max-width: 600px) {
   .collection__content {
      width: 100%;
   }
   .shop__head {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
}
.shop__city {
   width: calc(50% - 12px);
   border-radius: 12px;
   background: var(--Light-Gray, #f5f5f5);
   padding: 12px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 0;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: left;
   color: var(--Black, #181818);
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
@media (max-width: 600px) {
   .shop__city {
      width: 100%;
   }

}
.shop__city svg {
   display: block;
   width: 20px;
   min-width: 20px;
   height: auto;
}
.shop__tabs {
   width: calc(50% - 12px);
   border-radius: 12px;
   background: var(--Light-Gray, #f5f5f5);
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 0;
}
@media (max-width: 600px) {
   .shop__tabs {
      width: 100%;
   }
}
.shop__tabs button {
   width: 50%;
   border-radius: 12px;
   background: var(--Light-Gray, #f5f5f5);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 14px 24px;
   color: var(--Black, #181818);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
}
.shop__tabs button.active {
   background: var(--Black, #181818);
   color: var(--White, #fff);
}
.shop__wrap {
   margin-top: 36px;
}
.shop__cont {
   display: none;
}
.shop__cont.active {
   display: block;
}
.shop__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 36px 20px;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.shop__card {
   width: calc(33.3333333333% - 13.3333333333px);
}
@media (max-width: 768px) {
   .shop__list {
      gap: 36px 18px;
   }
   .shop__card {
      width: calc(33.3333333333% - 12px);
   }
}
@media (max-width: 600px) {
   .shop__card {
      width: calc(50% - 9px);
   }
}
@media (max-width: 500px) {
   .shop__card {
      width: 100%;
   }
}
.shop__name {
   color: var(--Black, #181818);
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.4px;
   margin: 0 0 6px;
}
.shop__addr {
   color: var(--Black, #181818);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 0 0 6px;
}
.shop__time {
   color: var(--Dark-Gray, #9f9f9f);
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.28px;
   margin: 0;
}
.shop__map {
   border-radius: 24px;
   aspect-ratio: 940/376;
   overflow: hidden;
   margin-bottom: 36px;
}
@media (max-width: 768px) {
   .shop__map {
      aspect-ratio: 2/1;
   }
}
@media (max-width: 600px) {
   .shop__map {
      aspect-ratio: 1/1;
   }
}
.shop__map iframe {
   display: block;
   width: 100% !important;
   height: 100% !important;
}
@media (max-width: 790px) {
   .lk__form2 {
      max-width: 100%;
   }
   .sidebar-right {
      position: initial;
      margin: 0 auto 36px auto;
   }
}

.popup-pl {
   padding: 0 18px;
   width: 100%;
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.5);
   align-items: center;
   justify-content: center;
   opacity: 0;
   visibility: hidden;
   transition:
      opacity 0.3s ease,
      visibility 0.3s ease;
   z-index: 9999;
   display: flex;
}

.popup-pl.popup-exit {
   display: flex;
}

.popup-pl.popup-exit .popup-pl__wrapper {
   max-width: 378px;
}

.popup-pl.open {
   opacity: 1;
   visibility: visible;
}

.popup-pl__wrapper {
   border-radius: 24px;
   padding: 36px 24px 24px 24px;
   background: #fff;
   max-width: 390px;
}

.popup-pl__title {
   text-align: center;
   margin-top: 0;
   font-size: 24px;
   font-weight: 500;
   line-height: 30px;
   letter-spacing: -1px;
   color: #181818;
}

.popup-pl__subtitle {
   font-size: 17px;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: -0.5px;
   color: #181818;
   text-align: center;
   margin: 24px 0;
}

.popup-pl__btn {
   border-radius: 12px;
   background: var(--Black, #181818);
   outline: 0;
   border: none;
   padding: 14px 24px;
   color: var(--White, #fff);
   text-align: center;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.34px;
   display: block;
   width: 100%;
   cursor: pointer;
}
.pl .pl__content {
   width: 100%;
   max-width: 580px;
}

.pl .lk__title {
   margin: 0 0 18px;
}
.pl .lk__h2 {
   margin: 0 0 18px;
}
.pl .stocks__list {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.pl .stocks__list {
}

.pl .stocks__item {
   border-radius: 15px;
   background: linear-gradient(153.43deg, #FFF56E 16.67%, #FFE553 100%);
   padding: 18px 24px;
   transition: all 0.6s ease 0s;
   min-height: 178px;
}

.pl .stocks__item-wrapper {
   position: relative;
}

.pl .stocks__item.active {
   background: #f5f5f5;
   background: linear-gradient(153.43deg, #f5f5f5 100%, #f5f5f5 100%);
}

.pl .stocks__item-label {
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.5px;
   color: #181818;
   border-radius: 6px;
   background: #fff;
   padding: 3px 12px;
   margin-bottom: 12px;
   width: fit-content;
}

.pl .stocks__item-description {
   position: relative;
}

.pl .stocks__item-front {
   transition: all 0.6s ease 0s;
}

.pl .stocks__item-title {
   font-size: 23px;
   font-weight: 600;
   line-height: 24px;
   letter-spacing: -0.5px;
   color: #181818;
   margin-bottom: 12px;
   max-width: 90%;
}

.pl .stocks__item-text {
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.5px;
   color: #181818;
}

.pl .stocks__item-front .stocks__item-text {
   height: 36px;
}

.pl .stocks__item-back {
   display: none;
   transition: all 0.6s ease 0s;
}

.pl .stocks__item-subtext {
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.5px;
   color: #9f9f9f;
   margin-top: 18px;
}

.pl .stocks__item-icon {
   border-radius: 50%;
   background: #fff;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 24px;
   height: 24px;
   min-width: 24px;
   min-height: 24px;
   transition: all 0.6s ease 0s;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 5;
}

.pl .stocks__item-icon {
   background: #fff;
   cursor: pointer;
}

.pl .stocks__item-icon-img {
   width: 4px;
   height: 12px;
   background-image: url("/personal/loyalty/icons/i.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

.pl .stocks__text-info {
   font-size: 12px;
   font-weight: 300;
   line-height: 16px;
   letter-spacing: -0.5px;
   color: #9f9f9f;
   margin-top: 36px;
}

.pl .stocks__btn.exit-pl {
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.5px;
   color: #181818;
   margin-top: 12px;
   width: 100%;
   text-align: center;
   padding: 14px 24px;
   border-radius: 12px;
   background: #f5f5f5;
   border: 0px solid #000;
   cursor: pointer;
}
.pl .stocks__btn.btn-pravila{
   margin-top: 36px;
   font-size: 17px;
   font-weight: 300;
   line-height: 20px;
   letter-spacing: -0.5px;
   color: #FFFFFF;
   display: block;
   width: 100%;
   text-align: center;
   padding: 14px 24px;
   border-radius: 12px;
   background: #181818;
   border: 0px solid #000;
   cursor: pointer;
}
.pl .sidebar-right__link-mail {
   cursor: pointer;
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.5px;
   color: #181818;
   text-decoration: underline;
   margin: 36px auto 0 auto;
   text-align: center;
   display: block;
}

.stocks__item {
}

.pl .stocks__item.active .stocks__item-icon {
   background: #181818;
}

.pl .stocks__item.active .stocks__item-icon-img {
   width: 10px;
   height: 10px;
   background-image: url("/personal/loyalty/icons/x.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

.pl .stocks__item.active .stocks__item-front {
   display: none;
}

.pl .stocks__item.active .stocks__item-description .stocks__item-back {
   display: block;
}

.pl .sidebar-right__title {
   margin-bottom: 36px;
}
.pl .sidebar-right__subtitle {
   margin-bottom: 15px;
}

.pl .sidebar-right__barcode-img {
   padding: 18px 0;
   border-top: 1px solid #fff;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-content: center;
   align-items: center;
}

.pl .sidebar-right__barcode-img img {
   width: 100%;
   object-fit: contain;
}

.pl .sidebar-right__barcode-text {
   text-align: center;
   margin-bottom: 18px;
   font-weight: 300;
   font-size: 12px;
   line-height: 16px;
   letter-spacing: -0.02em;
   color: #181818;
}

.pl .pl__content {
   min-height: 650px;
}

@media (max-width: 1208px) {
   .pl .pl__content,
   .pl .lk__subtitle {
      max-width: 450px;
   }
}

@media (max-width: 1080px) {
   .pl .pl__content,
   .pl .lk__subtitle {
      max-width: 400px;
   }
}

@media (max-width: 1024px) {
   .pl .pl__content,
   .pl .lk__subtitle {
      max-width: 580px;
   }
}

@media (max-width: 960px) {
   .pl .pl__content,
   .pl .lk__subtitle {
      max-width: 450px;
   }
}

@media (max-width: 840px) {
   .pl .pl__content,
   .pl .lk__subtitle {
      max-width: 400px;
   }
}

@media (max-width: 790px) {
   .pl .pl__content {
      min-height: auto;
   }

   .pl .pl__content,
   .pl .lk__subtitle {
      max-width: 100%;
   }
}
.sidebar-right__bonus {
   border-top: 1px solid #fff;
}

.sidebar-right__bonus-title {
   margin: 18px 0 12px 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 6px;
}

.sidebar-right__bonus-title-text {
   font-weight: 500;
   font-size: 24px;
   line-height: 30px;
   letter-spacing: -0.03em;
   color: #181818;
}

.sidebar-right__bonus-subtitle {
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.02em;
   color: #181818;
   margin-bottom: 18px;
   text-align: center;
}

.sidebar-right__bonus-img-block-start {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   position: relative;
   width: 150px;
}
.sidebar-right__bonus-img-wrapper{
   display: flex;
   align-items: center;
   justify-content: center;
}
.sidebar-right__bonus-img-block-end {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   position: relative;
}

.sidebar-right__bonus-img-icon {
   position: absolute;
   top: 0;
   right: 70px;
   background: #000;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   border-radius: 50%;
}

.sidebar-right__bonus-img-icon span {
   font-weight: 600;
   font-size: 23px;
   line-height: 24px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #ffffff;
}

.sidebar-right__bonus-count-row {
   font-weight: 500;
   font-size: 24px;
   line-height: 30px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #181818;
   margin: 18px 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   gap: 6px;
}
.sidebar-right__bonus-title-icon{
   height: 30px;
}
.sidebar-right__bonus-info-start-2{
   font-weight: 300;
   font-size: 12px;
   line-height: 16px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #9F9F9F;
   margin: 18px 0;
}

.sidebar-right__bonus-info {
   margin: 18px 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 18px;
   width: 100%;
}
.sidebar-right__bonus-info-link{
   display: block;
   text-align: center;
   padding: 14px 24px;
   background: linear-gradient(180deg, #F1A0FF 0%, #C47BF5 100%);
   border-radius: 12px;
   color: #fff;
   font-weight: 300;
   font-size: 17px;
   line-height: 20px;
   text-align: center;
   letter-spacing: -0.02em;
   width: 100%;
}

.sidebar-right__bonus-info-start {
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #181818;
}

.sidebar-right__bonus-info-end {
   width: 100%;
}

.sidebar-right__bonus-info-end-text {
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #181818;
   margin-bottom: 18px;
}

.sidebar-right__bonus-info-end-btn {
   text-align: center;
   width: 100%;
   padding: 14px 24px;
   background: #181818;
   border-radius: 12px;
   cursor: pointer;
   color: #fff;
   font-weight: 300;
   font-size: 17px;
   line-height: 20px;
   letter-spacing: -0.02em;
}

.sidebar-right__bonus-info-bad {
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #FF0033;
}
.sidebar-right__bonus-info-start-2-link{
   text-decoration: underline;
   color: #9F9F9F;
}
.sidebar-right__bonus-btn-history {
   text-align: center;
   width: 100%;
   padding: 14px 24px;
   background: #ffffff;
   border-radius: 12px;
   cursor: pointer;
   font-weight: 300;
   font-size: 17px;
   line-height: 20px;
   letter-spacing: -0.02em;
   color: #181818;
}

.sidebar-right__bonus-count-progress {
   width: 100%;
   height: 15px;
   background: #e5e5e5;
   border-radius: 15px;
   overflow: hidden;
}

.sidebar-right__bonus-count-bar {
   height: 100%;
   width: 0;
   background: linear-gradient(90deg, #f1a0ff 0%, #dc95e9 100%);
   border-radius: 15px;
   transition: width 1.5s ease;
}

.stocks-info__wrapper {
   margin-bottom: 36px;
}

.stocks-info__item {
   border-top: 1px solid #e5e5e5;
   padding: 18px 0;
}

.stocks-info__item-row {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 12px;
}

.stocks-info__item-img {
   width: 72px;
   height: 72px;
   overflow: hidden;
   border-radius: 12px;
   background: #f5f5f5;
   display: flex;
   align-items: center;
   justify-content: center;
   flex: 0 0 72px;
}

.stocks-info__item-img img {
   object-fit: contain;
   object-position: center;
   width: auto;
   height: auto;
}

.stocks-info__item-description {
}

.stocks-info__item-title {
   font-size: 20px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: -0.5px;
   color: #181818;
   margin-bottom: 6px;
}

.stocks-info__item-text {
   font-size: 14px;
   font-weight: 300;
   line-height: 18px;
   letter-spacing: -0.5px;
   color: #181818;
}

.stocks-info__item:last-child {
   border-bottom: 1px solid #e5e5e5;
}
.popup-pl__subtitle-grey {
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #9f9f9f;
   margin: 12px 0 24px 0;
}
.history-balance__empty {
   margin: 30px 0 60px 0;
   font-size: 16px;
   line-height: 18px;
   text-align: center;
   letter-spacing: -0.02em;
   color: #181818;
}
.history-balance__wrapper {
   min-width: 330px;
   margin-bottom: 2px;
}

.history-balance__item {
   padding: 19px 0;
   border-top: 1px solid #e5e5e5;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}

.history-balance__description {
   display: flex;
   flex-direction: column;
   gap: 6px;
}

.history-balance__counte {
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.02em;
}

.history-balance__count.plus-balance {
   color: #181818;
}

.history-balance__count.minus-balance {
   color: #ff0033;
}

.history-balance__date {
   font-weight: 300;
   font-size: 14px;
   line-height: 18px;
   letter-spacing: -0.02em;
   color: #181818;
}

.history-balance__type {
   font-weight: 300;
   font-size: 12px;
   line-height: 16px;
   letter-spacing: -0.02em;
   color: #9f9f9f;
}

.history-balance__count-wrapper {
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 6px;
}

.history-balance__count-icon {
   width: 18px;
   height: 18px;
   background-image: url("/personal/loyalty/icons/icon-coin.svg");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

.history-balance__wrapper {
   max-height: 300px;
   overflow-y: auto;
   padding-right: 10px;
}

.history-balance__wrapper::-webkit-scrollbar {
   width: 6px;
}

.history-balance__wrapper::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.3);
   border-radius: 3px;
}
.stocks-info__item-img{
   padding: 9px;
}
.bonus-start img{
   max-width: 150px;
}
.bonus-end img{
   max-width: 160px;
}
.sidebar-right__text-privacy a {
   text-decoration: underline;
}