@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica";
  src: url("../fonts/Helvetica-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-green: #69B76D;
  --color-green-hover: #3f7c42;
  --color-gray: #D8D8D8;
  --background-green: linear-gradient(90deg, #69b76d 40.5%, #fff 100%);

  --color-font: #19182C;
  --color-background: #f5f5f5;

  --transition-duration: 0.3s;
}


:focus-visible {
  outline: none;
  border-color: var(--color-green);
  /*
  outline: 0.125rem dashed var(--color-green);
  outline-offset: 0.25rem;
  transition-duration: 0s !important;
  */
}


.shadow-block {padding: 20px;border-radius: 13px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);background-color: #fff;margin-bottom: 20px;}


a,
button,
label,
input,
textarea,
select,
svg * {
  transition-duration: var(--transition-duration);
}


button {
  margin: 0;
  border: 0;
}

a {
  color: inherit;
}
@media (any-hover: hover) {
  a:hover {
    color: var(--color-green);
  }
}
@media (any-hover: none) {
  a:active {
    color: var(--color-green);
  }
}


a {
  color: inherit;
  text-decoration: none;
  transition: .3s;
}

a:hover {
  color: var(--color-green);
}

ol {padding-left: 15px;}
/*li {
  list-style: none;
}*/

html.oh {
  overflow: hidden;
}

body {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  font-family: "Helvetica", sans-serif;;
  letter-spacing: -0.01em;
  color: var(--color-font);
  background-color: var(--color-background);
}

body.oh {
  overflow: hidden;
}

main {
  flex-grow: 1;
}

h1, .like-h1 {margin: 0 0 20px;font-size: 1.7em;font-weight: 700;}
h3, .like-h3 {margin: 0 0 10px;font-size: 1.2em;font-weight: 700;}


.popup {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .9);
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.popup.is-active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

.popup__wrapper {
  display: table;
  width: 100%;
  height: 100%;

}

.popup__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 50px 0;
}

.popup__content {
  background-color: #fff;
  padding: 30px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}

.popup .error_text {
    text-align: center;
    width: 100%;
    color: red;
    margin-bottom: 10px;
    display: none;
}


.container {
  max-width: 1310px;      
  margin: 0 auto;
  padding: 0 15px;
}

.btn {
  background-color: var(--color-green);
  border-radius: 13px;
  border: 0;
  color: #fff;
  cursor: pointer;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn:hover {background-color: var(--color-green-hover);color: #fff;}
.btn-gray {background-color: #F5F5F6;color: var(--color-font);}
.btn-red {background-color: red;}
.btn-transparent {background-color: transparent;color: var(--color-font);;border: 2px solid #D8D8D8;}
.btn .fa {margin-right: 6px;}
.disabled {opacity: 0.3;cursor: no-drop;}

.header {
}
.header__top {
  background-color: var(--color-green);
}

.header__text {
  text-align: center;
  font-weight: 700;
  font-size: 25px;
  line-height: 168%;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: #19182c;
  padding: 5px 15px;
}
.header__bottom {
  padding-block: 18px;
  background-color: #19182C;
  color: #fff;
}

.header__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}
.header__contacts {
  display: flex;
  align-items: center;
  gap: 14px;
}

.header__contacts > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.header__contacts > li > a > span {
  display: flex;
}

@media (min-width: 1024px) {
  .contacts__phone {
    position: relative;
  }
  
  .contacts__additional {
    position: absolute;
    left: 0;
    top: 60px;
    width: 245px;
    background-color: #fff;
    border-radius: 13px;
    color: #19182C;
    padding: 17px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    z-index: 5;
    opacity: 0;
    transition: .3s;
    pointer-events: none;
  }
  
  .contacts__additional::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    background-color: transparent;
    top: -10px;
  }
  
  
  .contacts__phone:hover .contacts__additional {
    opacity: 1;
    top: 30px;
    pointer-events: auto;
  }

  .contacts__additional p:not(:last-child) {
    margin-bottom: 10px;
  }
}





.contacts__additional a {
  font-weight: 700;
}


.header__nav ul {
  display: flex;
  align-items: center;
  gap: 21px;
  list-style: none;
}
.header__actions {
  display: flex;
  align-items: center;
  margin: 7px 0;
}

.header__logo {
  max-width: 210px;
  margin-right: 20px;
}

.header__logo a {
  display: block;
}

.header__catalog {
  margin-right: 34px;
  position: relative;
  cursor: pointer;
}

.header__catalog .btn {
  line-height: 207%;
  color: #19182c;
  padding: 7.5px 16px 7.5px 44px;
  position: relative;
}



.hamburger {
  position: relative;
}


.hamburger span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #19182C;
  border-radius: 1px;
  left: 0;
  transition: .3s;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}

.hamburger span:nth-child(3) {
  bottom: 0;
} 

.hamburger.open span:nth-child(1),
.header__catalog.open .hamburger span:nth-child(1) {
  transform: rotate(45deg);
  top: 4px;
}

.hamburger.open span:nth-child(2),
.header__catalog.open .hamburger span:nth-child(2) {
  transform: translateX(6px);
  opacity: 0;
}

.hamburger.open span:nth-child(3),
.header__catalog.open .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: 4px;
}

.catalog__hamburger {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 10px;
}

.mobile__hamburger {
  width: 30px;
  height: 20px;
  background: transparent;
  border: 0;
  display: none;
}

.mobile__hamburger span {
  background-color: #fff;
}

.mobile__menu-close,
.mobile__catalog-close {
  border: 0;
  background-color: transparent;
  display: none;
}

.menu__dropdown-lvl-1 {
  position: absolute;
  background-color: #fff;
  font-size: 15px;
  line-height: 193%;
  color: #19182c;
  width: 470px; 
  top: 60px; 
  box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.25);
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: .6s;
  padding: 10px;
}

.menu__dropdown-lvl-1 li {
  position: relative;
}

.menu__dropdown-lvl-1 > li::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 10px;
  top: 0;
  right: -10px;
  background-color: #fff;
}

.menu__dropdown-lvl-1  li  a {
  display: block;
  width: 100%;
  position: relative;
  transition: .3s;
}

.menu__dropdown-lvl-1 > li > a {
  padding: 5px 10px;
  border-radius: 14px;
  transition: .3s;
  display: flex;
  align-items: center;
  gap: 0 20px;
}

.menu__dropdown-lvl-1 > li > a span:first-child {
  max-width: 30px;
  width: 100%;
  /* display: flex;
  justify-content: center;
  align-items: center; */
  display: block;
}

.menu__dropdown-lvl-1 > li:hover > a:hover {
  background: #eeeff1;
}



.menu__dropdown-lvl-1  li:hover >  a {
  color: var(--color-green);
}


.menu__dropdown-lvl-1 > li > a::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  width: 12px;
  height: 14px;
  transform: translateY(-50%);
  background-image: url(../images/arrow-right-green.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
  transition: .3s;
}

.menu__dropdown-lvl-1 > li:hover > a::after {
  opacity: 1;
}

.menu__dropdown-lvl-2 {
  position: absolute;
  top: 0;
  background-color: #fff;
  left: calc(100% + 10px);
  width: 400px; 
  z-index: 100;
  color: #000;
  padding: 23px 30px;
  box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.25);
  opacity: 0;
  pointer-events: none;
  transform-origin: 0 0;
  transform: rotateX(-90deg);
  transition: .6s;
}

.lvl-2__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 181%;
  color: #000;
  margin-bottom: 3px;
}


@media (min-width: 1023px) {
  .header__catalog.open  {
    pointer-events: none;
  }

  .menu__dropdown-lvl-1.open {
    opacity: 1;
    pointer-events: auto;
  transform: rotateX(0deg);
  }
  
  .menu__dropdown-lvl-1 > li:hover > a ~ .menu__dropdown-lvl-2 {
    opacity: 1;
    pointer-events: auto;
    transform: rotateX(0deg);
  }

  .menu__dropdown-lvl-2:hover {
    opacity: 1;
    pointer-events: auto;
    transform: rotateX(0deg);
  }

}



.header__search {
  margin-right: 36px;
  flex-grow: 1;
}

.header__search input {
  height: 100%;
}
.header__search button {
  height: 100%;
}


.search__form {
  width: 100%;
  position: relative;
  border: 1px solid #fff;
  border-radius: 13px;
}

.search__form:focus {
  border-color: var(--color-green);
}

.search__form input {
  min-height: 45px;
  width: calc(100% - 52px);
  border: 0;
  border-radius: 13px;
  color: #fff;
  background-color: #19182C;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 1;
}

.search__form input:focus-visible {
  
}

.search__form .btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-width: 65px;
  width: 100%;
  padding-right: 16px;
  display: flex;
  justify-content: end;
  align-items: center;
  transition: .3s;
  border-radius: 0px 13px 13px 0;
}

.search__form .btn:hover {
  color: #fff;
}

.header__links {
  display: flex;
  align-items: center;
}
.header__shop {
  display: flex;
  align-items: center;
  gap: 30px;
}

.header__shop li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: relative;
}

.header__shop li a svg {
  width: 20px;
  height: 20px;
}

.counter {
  position: absolute;
  right: -4px;
  top: -10px;
  background-color: var(--color-green);
  color: #fff;
  width: 20px;
  height: 20px;
  font-size: 13px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}


@media (min-width: 769px) {
  .shop__wishlist .counter {
    right: 2px;
  }
  
} 

.header__user {
  margin-left: 30px;
  min-width: 100px;
  width: 100%;
}

.header__user button, .header__user a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 11px;
  min-height: 45px;
  width: 100%;
  border-radius: 13px;
  flex-shrink: 0;
  border: 1px solid #19182C;
  transition: .3s;
  background-color: #fff;
  color: #19182C;
  padding: 0 10px;
}
.header__user span {    max-width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.header__user button:hover, .header__user a:hover {
  color: var(--color-green);
  background-color: #19182C;
  border-color: #fff;
}

.header__user button svg, .header__user a svg {
  width: 20px;
  height: 24px;
  stroke: #19182C;
}
.header__user button:hover svg, .header__user a:hover svg {stroke:var(--color-green)}

.header__products {
  display: flex;
  align-items: center;
  gap: 21px;
}

.sale {
  padding: 18px 0 26px;
  background-color: #F5F5F5;
}

.slick-list {
  margin: 0 -8px;
}

.slick-slide {
  margin: 0 8px;
}

.slick-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  line-height: 0;
  width: 25px;
  height: 25px;
  background: var(--color-green);
  left: -36px;
  z-index: 50;
  border-radius: 50%;
  box-shadow: -1px 0 4px 0 rgba(255, 252, 252, 0.28);
  padding: 0;
  margin: 0;
  text-align: center;
  padding-left: 1px;
}

.slick-arrow img {
  display: block;
  width: 12px;
  height: 14px;
  margin: 0 auto;
}

.slick-arrow.slick-next {
  left: initial;
  right: -36px;

}


.sale__slide img {
  border-radius: 13px;
}
.products {
  margin-bottom: 30px;
}
.products__slider .slick-list {
  padding-block: 10px;
}

.product__slide {
  position: relative;
}
.product__item {
  display: flex;
  flex-direction: column;
  border-radius: 13px;
  gap: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  padding: 25px 15px;
  background-color: #fff;
  overflow: hidden;
}
.products__slider .product__item img {transition: 0.3s;}
.products__slider .product__item:hover img {transform: scale(1.1);}
.product__item-title {
  font-weight: 700;
  line-height: 1.3;
  position: absolute;
  z-index: 10;
}
.why {
  background-color: #F5F5F5;
  padding-bottom: 35px;
}
.section__title {
  font-weight: 700;
  font-size: 23px;
  line-height: 126%;
  letter-spacing: -0.01em;
  color: #000;
  margin-bottom: 16px;
}
.why__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.why__item {
  padding: 20px;
  border-radius: 13px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.why__item-img {
  width: 40px;
  height: 40px;
  
}
.why__item-title {
  font-size: 16px;
  font-weight: 700;
}
.why__item-text {
  max-width: 250px;
}
.why__item-link {
  margin-top: 20px;
}
.why__item-gray {
  background-color: #585B62;
  color: #fff;
}

.why__item-gray .why__item-title {
  font-size: 24px;
}

.why__item-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.why__item-list li {
  padding: 5px 10px;
  background-color: #666970;
  border-radius: 13px;
}


.footer {
  padding: 50px 0 100px;
  color: #fff;
  background-color: #19182C;
}


.footer__nav-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 180%;
}

.footer__nav ul  {
  margin: 0;
  padding: 0;
  list-style: none;
}


.footer__nav ul li {
  line-height: 179%;
  color: rgba(255, 255, 255, 0.67);
}

.popup__content {
  background-color: #fff;
  padding: 45px;
  max-width: 570px;
  margin: 0 auto;
  position: relative;
}

.popup__top {
  position: relative;
  margin-bottom: 20px;
}

.popup__close {
  position: absolute;
  top: -27px;
  right: -20px;
  width: 16px;
  height: 16px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  background-color: transparent;
}

.popup__close svg {
  width: 16px;
  height: 16px;
}



.popup__title {
  font-weight: 700;
  font-size: 32px;
  line-height: 91%;
  letter-spacing: 0.01em;
  color: #19182c;
  margin-bottom: 24px;
}

.popup__close svg {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  stroke: #626262;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.popup__close:hover svg {
  fill: var(--color-green);
  stroke: var(--color-green);
}

.popup__subtitle {
  font-weight: 700;
  font-size: 17px;
  line-height: 171%;
  color: #626262;
}


.popup__subtitle p:not(:last-child) {
  margin-bottom: 5px;
}


.form__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}

.form__field {
  width: 100%;
  padding: 0 10px;
}
.form__small_texts {
  padding: 0 10px;
  font-size: 15px;
  line-height: 16px;
  color: #626262;
}
.form__small_texts a {color: var(--color-green);}
.form__small_texts a:hover {text-decoration: underline;}

.form__field.w66 {
  width: 66%;
}

.form__field.w50 {
  width: 50%;
}

.form__field.w33 {
  width: 33%;
}

.form__field:not(:last-of-type) {
  margin-bottom: 20px;
}

.form__field label {
  display: block;
  position: relative;
}

.form__field input:not([type='checkbox']),
.form__field textarea {
  width: 100%;
}

.form__field input:not([type='checkbox']),
.form__field textarea {
  border: 2px solid #19182c;
  border-radius: 13px;
  height: 50px;
  /*line-height: 50px;*/
  padding-left: 15px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  color: #1C3048;
  font-weight: 500;
}

.form__field input:focus,
.form__field textarea:focus,
.form__field input:hover,
.form__field textarea:hover {
  border: 1px solid #1C3048;
  

}




.form__field textarea {
  height: 140px;
  resize: none;
}

.form__field button {
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
}


.check {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #8D98A3;
  position: relative;
  cursor: pointer;
  padding-left: 26px;
}

.check a {
  color: #D24535;
  display: inline;
}

.check__input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  
  opacity: 0;
}


.form__field input[type="file"] {
  display: none;
}


.check__box {
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #8D98A3;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #c9c9c9;
}

.check__input:checked+.check__box:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background: #D24535;
}


input[placeholder],
textarea[placeholder] {
  /* font-size: 0; */
}


.form__field label .placeholder {
  position: absolute;
  color: #8D98A3;
  font-weight: 500;
  left: 10px;
  top: 15px;
  background-color: #FFFFFF;
  padding: 0 5px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.form__field label.focus .placeholder {
  top: -9px;
  font-size: 12px;
  left: 10px;
}

.form__field .add__file {
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #E5E5E5;
  text-align: center;
  font-weight: 600;
  color: #43495A;
  cursor: pointer;
}

.form__field .add__file span {
  padding-left: 34px;
  position: relative;
}

.form__field .add__file span::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url(../images/upload.svg);
}

.code__flex {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 27px;
  width: 100%;
}

.code__flex input {
  max-width: 320px;
  border: none;
  border-bottom: 2px dashed #19182c;
  text-align: center;
  height: 52px;
  line-height: 52px;
  font-size: 56px;
  font-weight: 700;
  letter-spacing: 20px;
  
}

.code__item {
}

button:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.page-account {display: flex;gap:16px;padding: 16px 0;}
.page-account .column-left {
  max-width: 349px;
  
  
}
.page-account .column-right {width: 100%;flex:1;}
.page-account .column-right table {width: 100%;}
.page-account .column-right table .btns_mini {width: 150px;}
.page-account .column-right table .btns_mini .btn {margin: 5px;}
.page-account .column-right .btn {min-height: 40px;}
.page-account .column-right .btn-wrap {margin-top: 20px;}
.account_block_shadow {box-shadow: 0 0 6px rgb(0 0 0 / 25%);padding: 20px;border-radius: 13px;margin-bottom: 27px;background: #fff;}

.column-left-menu {}
.column-left-menu a {
  display: flex;
  align-items: center;
  width: 100%;
  border: 2px solid #D8D8D8;
  margin-bottom: 15px;
  height: 62px;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 17px;
  font-weight: 700;
}
.column-left-menu a:hover {border-color: var(--color-green);}
.column-left-menu a .arrow {
  line-height: 0;
  width: 25px;
  min-width: 25px;
  height: 25px;
  background: var(--color-green);
  border-radius: 50%;
  box-shadow: -1px 0 4px 0 rgba(255, 252, 252, 0.28);
  text-align: center;
  padding-left: 1px;
  display: flex;
  align-items: center;
  margin-left: auto;
}
.column-left-menu a .arrow img {
  display: block;
  width: 12px;
  height: 14px;
  margin: 0 auto;
}
.column-left-top {border: 2px solid #D8D8D8;padding: 20px;border-radius: 20px;margin-bottom: 18px;}
.user_top {display: flex;align-items: center;margin-bottom: 18px;}
.user_top-img {
  width: 106px;
  height: 106px;
  background-color: #F5F5F6;
  border-radius: 10px;
  font-size: 53px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.user_top-info {flex:1;font-weight: 700;}
.user_top-info .name {font-size: 24px;margin-bottom: 8px;line-height: 1.1;}
.user_top-info .email {font-size: 14px;color: #6A6A6A;}

.user_links {}
.user_links a {display: block;padding: 15px;text-align: center;font-size: 14px;font-weight: 700;background-color: #F5F5F6;border-radius: 10px;}
.user_links a:not(:last-child) {margin-bottom: 11px;} 

.account_menu ul {display: flex;margin: -7px;padding: 0;list-style: none;}
.account_menu ul li {padding: 7px;width: 100%;}
.account_menu ul li a {border: 2px solid #D8D8D8;border-radius: 13px;padding: 20px;display: block;font-weight: 700;font-size: 14px;height: 100%;}
.account_menu ul li a:hover {border-color: var(--color-green);}
.account_menu ul li a svg {width: 48px;height: 49px;margin-bottom: 20px;display: block;}
.account_menu ul li a span {color: #6A6A6A;max-width: 220px;display: block;}

.input-wrap {margin-bottom: 26px;position: relative;}
.input-wrap label {
    position: absolute;
    left: 14px;
    top: -13px;
    background: #fff;
    padding: 2px 3px;
}
.input-wrap input, .input-wrap textarea, .input-wrap select {width: 100%;height: 50px;padding: 0 16px;font-weight: 700;border: 2px solid #D8D8D8;border-radius: 14px;}
.input-wrap input:focus, .input-wrap textarea:focus {border-color: var(--color-green);}
.input-wrap textarea {height: 200px;}
.btn-wrap {display: flex;justify-content: space-between;}
.btn-wrap .btn {
  font-weight: 700;
  padding: 0 60px;
  font-size: 20px;
  height: 50px;
  display: flex;
  align-items: center;
}


.page-information {
  padding: 20px;
  border-radius: 13px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  background-color: #fff;
  margin: 17px 0 44px;
}
.page-information a {color: var(--color-green);}
.page-information a:hover {color: var(--color-green-hover);}
.table-mini {font-weight: 600;margin-bottom: 30px;}
.table-mini td {padding: 3px 10px;}
.table-mini td:first-child {color:#B0B0B0;padding-left: 0;}

.page-information {/*font-weight: 600;*/}
.page-information .form__inner {margin-bottom: 20px;}
.page-information .form__inner button {max-width: 380px;}
.page-information ul {list-style: none;margin: 0 0 20px;padding: 0;}
.page-information ul:not(.list-like-buttons) li {position: relative;padding-left: 20px;}
.page-information ul:not(.list-like-buttons) li::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 9px;
}
.list-like-buttons {display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;font-size: 17px;}
.list-like-buttons li {padding: 17px 20px;min-width: 377px;background-color: #F5F5F6;border-radius: 13px;text-align: center;}


.breadcrumb {display: flex;margin: 10px 0 20px;font-size: 12px;overflow-x: auto;white-space: nowrap;}
.breadcrumb li:last-child {color: var(--color-green);}
.breadcrumb li:not(:last-child):after {content: "/";margin: 0 10px;}

.page-category {display: flex;gap: 40px;}
.page-category aside {width: 25%;}
.page-category #content {width: 75%;}

.page-category-settings {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.page-category-settings .btn-group {display: flex;gap: 5px;align-items: center;}
.page-category-settings .btn-group .btn {padding: 5px 10px;opacity: 0.5;}
.page-category-settings .btn-group .btn.active {opacity: 1;}
.page-category-settings .btns-view {background: #fff;padding: 10px;border-radius: 5px;order: 10;}
.page-category-settings .settings-select {margin: 0 20px 0 auto;}
.page-category-settings .settings-select select {height: 40px;padding: 0 10px;border: 1px solid #ccc;border-radius: 5px;}
.page-category .settings-text {color: #ddd;}
.page-category-top-description {margin-bottom: 30px;}
.page-category-top-description .col-sm-2 {float: left;margin: 0 20px 10px 0;}

.products-list {display: flex;margin: 0 -10px 20px;flex-wrap: wrap;}
.products-list .product-layout {padding: 10px;}
.products-list .product-list {width: 100%;}
.products-list .product-grid {width: calc(100% / 3);}
.products-list.column-count-2 .product-grid {width: 50%;}
.products-list.column-count-4 .product-grid {width: 25%;}
.products-list .product-inner {border: 1px solid #ddd;padding: 30px 20px 20px;display: flex;border-radius: 13px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);background-color: #fff;}

.products-list .product-list .product-inner {}
.products-list .product-list .product-inner .image {width: 80px;margin-right: 20px;}
.products-list .product-list .product-inner .product-layout-info {flex:1}
.products-list .product-list .product-layout-price {margin: 0 20px;}

.products-list .product-grid .product-inner {height: 100%;flex-direction: column;}
.products-list .product-grid .product-layout-price {margin-top: auto;}
.products-list .product-grid .name {margin-bottom: 10px;}


.products-list .image {position: relative;}
.products-list .image button {
  background: transparent;
  position: absolute;
  font-size: 24px;
  right: 0px;
  transition: 0.3s;
  border-radius: 10px;
  opacity: 0;
  color: #ddd;
}
.products-list .product-layout:hover button {opacity: 1;}
.products-list .image button:hover {background-color: #fff;box-shadow: 0 0 10px #ccc;}
.products-list .image button.js-to-fav {top: -10px;}
.products-list .image button.js-to-compare {top: 40px;}
.products-list .in-wishlist .image button.js-to-fav {opacity: 1;color: var(--color-green);}
.products-list .image .model {position: absolute;font-size: 15px;color: var(--color-gray);top: -20px;white-space: nowrap;text-wrap: nowrap;}


.products-list .name a {font-size: 1.2em;color: var(--color-green);font-weight: 600;}
.products-list .product-layout-price {font-size: 20px;margin-bottom: 20px;}
.products-list .product-layout-button .btn {width: 100%;padding: 10px;}
.product-grid .product-layout-button .js-to-fav, .product-list .image .js-to-fav {display: none;}
.product-list .product-layout-button .js-to-fav {opacity: 0;margin-top: 10px;}
.product-list:hover .product-layout-button .js-to-fav, .product-list .in-wishlist .product-layout-button .js-to-fav {opacity: 1;}

.module-popular {margin: 50px 0;}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  margin-bottom: -1px;
  background-color: #fff;

  border: 1px solid #DDDDDD;
  color: #888888;
  padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
  color: #444444;
  background: #eeeeee;
  border: 1px solid #DDDDDD;
  text-shadow: 0 1px 0 #FFF;
}



.pagination {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  gap: 6px;
}
.pagination a, .pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  height: 40px;
  width: 40px;
  transition: 0.3s;
}
.pagination span {
  border-color: var(--color-green);
}

.page-product {margin-bottom: 100px;}
.page-product h1 {width: 50%;line-height: 1.1;}
.page-product h2 {font-size: 1.7em;margin: 0 0 15px;}

.page-product-top {display: flex;gap: 60px;}
.page-product-top .images {display: flex;width: 50%;}
.page-product-top .images .thumbnails {width: 120px;margin-right: 20px;} 
.page-product-top .images .thumbnails li {margin: 5px 0;cursor: pointer;padding: 5px;border: 1px solid #fff;}
.page-product-top .images .thumbnails li:hover {border: 1px solid #ccc;}
.page-product-top .images .thumbnails li.active {border: 1px solid var(--color-green);}
.page-product-top .images .image {flex: 1;}

.page-product-top .right-column {flex: 1}
.page-product-info {border: 2px solid #D8D8D8;padding:30px;border-radius: 20px;}
.page-product-info .price {font-size: 26px;font-weight: 600;margin-bottom: 20px;}
.price .old_price {text-decoration: line-through;color: #ccc;}

.action-btns {display: flex;align-items: center;margin-bottom: 30px;}
.counter_quantity {position: relative;}
.page-product-info .counter_quantity {width: 246px;}
.counter_quantity button {
  position: absolute;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: transparent;
  color: #868686;
  font-size: 19px;
  font-weight: 600;
}
.counter_quantity .counter_minus {left: 0;}
.counter_quantity .counter_plus {right: 0;}
.counter_quantity input {
  height: 40px;
  background-color: #F5F5F6;
  border-radius: 10px;
  text-align: center;
  border: 0;
  font-size: 17px;
  font-weight: 600;
  width: 100%;
}
.action-btns .btn {height: 40px;width: 75px;line-height: 0;}
.action-btns .btn.js-add-cart {flex: 1;margin: 0 10px 0 20px;}
.action-btns .btn svg {height: 22px;width: 22px;fill: transparent;}


.page-product-info ul {padding: 0;font-size: 15px;font-weight: 600;}
.page-product-info ul li {display: flex;justify-content: space-between;margin-bottom: 10px;}
.page-product-info ul li span:first-child {font-weight: 400;}


.page-product-middle {display: flex;gap:120px;margin-bottom: 100px;}
.page-product-middle .left-column {min-width: 320px;}
.page-product-middle .left-column ul {margin: 0;padding: 0;list-style: none;}

.page-product-middle .right-column {padding-top: 51px;}

.description ul li {list-style: disc;}
.description ol li {list-style: decimal;}

.page-product-bottom {margin-bottom: 30px;}



.page-cart {display: flex;gap:93px;}
.page-cart .column-left {width: 349px;height: 100%;}
.page-cart-top .steps {display: flex;justify-content: space-between;position: relative;margin-bottom: 30px;}
.page-cart-top .steps:before {content: "";width: 100%;height: 6px;background-color: #D9D9D9;position: absolute;top: 13px;}
.page-cart-top .steps.active_step1:before {background:linear-gradient(90deg, var(--color-green) 30%, #D9D9D9 60%);}
.page-cart-top .steps.active_step2:before {background:var(--color-green);}
.page-cart-top .steps .number {
    width: 32px;
    height: 32px;
    background-color: #D9D9D9;
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 15px;
}
.page-cart-top .steps.active_step1 .step1 .number,
.page-cart-top .steps.active_step2 .step1 .number, .page-cart-top .steps.active_step2 .step2 .number {background-color: var(--color-green);}
.page-cart-top .steps .step2 .number {margin-left: auto;}
.page-cart-top .steps .name {font-weight: 600;color: #6A6A6A;}
.page-cart-top .actions {display: flex;justify-content: space-between;}
.page-cart-top .actions .btns {display: flex;gap: 18px;}
.page-cart-top .actions .btn {height: 42px;min-width: 174px;font-size: 12px;}

.page-cart-top .info {font-size: 18px;display: flex;justify-content: space-between;align-items: center;}


.btns-view {display: flex;gap: 18px;}
.btns-view button {padding: 0;height: 20px;background: transparent;}
.btns-view svg {width: 20px;height: 20px;stroke: #C0C0C0;fill: none;}
.btns-view .active svg {stroke: #19182C;}


.page-cart-top .cart-empty {font-size: 18px;text-transform: uppercase;}

.page-cart .column-right {flex: 1;}
.page-cart-bottom .steps {display: flex;gap: 76px;font-size: 18px;}
.page-cart-bottom .steps .step {width: 50%;}
.page-cart-bottom .steps .name {text-transform: uppercase;margin-bottom: 30px;}
.page-cart .btn {font-size: 17px;width: 100%;height: 62px;border-radius: 20px;font-weight: 600;margin-bottom: 25px;}
.page-cart-bottom .steps .text {margin-bottom: 30px;}

.icon-plus {width: 25px;height: 25px;background-color: var(--color-green);padding: 5px;border-radius: 50%;}
.icon-close {width: 32px;height: 32px;background-color: #fff;padding: 8px;border-radius: 50%;}

.btn .icon-plus {margin-left: 20px;}
.btn .icon-close {margin-left: 8px;}
.btn .icon-download {width: 11px;height: 14px;fill:#000;margin: 0 5px;transition: 0.3s;}
.btn:hover .icon-download {fill:#fff;}

.page-cart .column-left ul {padding: 0;font-weight: 600;margin-bottom: 20px;}
.page-cart .column-left li {display: flex;justify-content: space-between;margin-bottom: 10px;}
.page-cart .column-left li span:first-child {color:#6A6A6A;}
.page-cart .column-left li span.fw400 {font-weight: 400;}

.page-cart .products-list .product-inner {padding-top: 20px;}
.products-list .product-inner .js-cart-remove {height: 32px;width: 107px;font-size: 12px;padding: 0 2px;justify-content: right;margin: 0;}
.products-list .product-inner .js-cart-remove .icon-close {width: 28px;height: 28px;padding: 6px;}
.product-layout.product-grid .js-cart-remove {margin: 0 0 20px auto;}
.product-layout.product-grid .hide-grid, .product-layout.product-list .hide-list {display: none;}
.page-cart .products-list .product-inner .model {color: #868686;font-weight: 600;margin-bottom: 10px;}
.products-list .product-inner .image_flex {display: flex;gap: 20px;align-items: center;line-height: 1.4;margin-bottom: 20px;}
.products-list .product-inner .image_flex .text {flex: 1;}
.products-list .product-inner .price_wrap {text-align: right;font-weight: 600;margin-bottom: 20px;}
.products-list .product-inner .price_wrap .price {color: #868686;}
.products-list .product-inner .price_wrap .total {font-size: 17px;}
.page-cart .product-list .list_right {margin-left: auto;}
.page-cart .product-list .list_right .list_right-counter {display: flex;gap: 12px;}
.page-cart .product-list .list_right .counter_quantity input {height: 32px;border: 1px solid #F5F5F6;background-color: #fff;}
.page-cart .product-list .list_right .counter_quantity button {height: 32px;}

.pin-container {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
}
.pin-input {
  width: 70px;
  height: 70px;
  font-size: 32px;
  text-align: center;
  border: 2px solid var(--color-gray);
  border-radius: 8px;
  
}
.pin-input:focus {
  border-color: var(--color-green);
}

.alert-fixed {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 300px;
    background: var(--color-green);
    z-index: 1000;
    padding: 20px;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0 0 20px #00000059;
}
.alert-fixed a:hover {text-decoration: underline;color: #fff;}
.alert-fixed button {
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    color: #fff;
}

.ocfilter-mobile, #ocfilter .hidden {display: none;}
.ocf-offcanvas .ocfilter-mobile-handle .btn {height: 30px;}
#ocfilter .noUi-connect {background: var(--color-green);}
#ocfilter .ocfilter-option label small {background: var(--color-green);color: #fff;padding: 4px 6px;margin-left: auto;border-radius: 4px;}
#ocfilter .ocfilter-option label {display: flex;align-items: center;}
#ocfilter .popover .form-inline .form-control {width: 80px;text-align: center;border: 1px solid var(--color-gray);margin: 0 5px;}
#ocfilter .selected-options .ocfilter-option {font-size: 12px;}
#ocfilter .selected-options .ocfilter-option .btn {border-radius: 4px;display: inline-block;}
#ocfilter .selected-options .ocfilter-option .btn .fa {margin-right: 2px;}
#ocfilter .selected-options .w100 {border-radius: 4px;width: 100%;}
#ocfilter .ocfilter-option label.ocf-selected {color: var(--color-green);}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}
.popover .btn {border-radius: 4px;}


.alert {
    padding: 8px 14px 8px 14px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}
.alert button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}


#simplecheckout_customer fieldset {display: flex;flex-wrap: wrap;margin: 0 -6px;}
#simplecheckout_customer fieldset .form-group {padding: 6px;width: 50%;}


.form__inner .img_captcha {margin: 0 0 10px 10px;}