/* Start:/local/templates/lenses/assets/styles/css/style.css?1793172940321322*/
/* ------------------------------------------RESET------------------------------------------ */
@import url("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css");
html {
  box-sizing: border-box;
}

* {
  padding: 0px;
  margin: 0px;
  border: none;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a {
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: inherit;
  font-family: "Gilroy";
}

aside,
nav,
footer,
header,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-family: "Gilroy";
  font-weight: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  cursor: default;
}

ul,
ul li {
  list-style: none;
  font-family: "Gilroy";
}

img {
  vertical-align: top;
}

img,
svg,
video {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "Gilroy";
}

address {
  font-style: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input,
textarea,
button,
select {
  font-family: "Gilroy";
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  
}

input::placeholder
{
	color:rgba(182, 182, 182, 1);
}


input:focus::placeholder,input:hover::placeholder
{
	color:rgba(144, 144, 144, 1);
}



input:focus, input:active,
textarea:focus,
textarea:active,
button:focus,
button:active,
select:focus,
select:active {
  outline: none;
}

input::-ms-clear {
  display: none;
}

button,
input[type=submit] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
  font-family: "Gilroy";
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

:root {
  --blue-color: #0087fa;
  --dark-blue-color: #0a0a3d;
  --white-color: #ffffff;
  --black-color: #29292e;
  --gray-color: #b6b6b6;
  --ligth-gray-color: #d6d6d6;
  --smoky-gray-color: #f5f5f5;
  --red-color: #fa4742;
}

html,
body {
  scroll-behavior: smooth;
  pointer-events: all;
  font-family: "Gilroy";
}

section,
span {
  font-family: "Gilroy";
}

@font-face {
  font-weight: 300;
  font-family: "Gilroy";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-gilroy/Gilroy-Light.otf");
}
@font-face {
  font-weight: 400;
  font-family: "Gilroy";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-gilroy/Gilroy-Light.otf");
}

@font-face {
  font-weight: 500;
  font-family: "Gilroy";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-gilroy/gilroy-medium.woff");
}


@font-face {
  font-weight: 600;
  font-family: "Gilroy";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-gilroy/gilroy-semibold.woff");
}

@font-face {
  font-weight: 700;
  font-family: "Gilroy";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-gilroy/gilroy-semibold.woff");
}
@font-face {
  font-weight: 800;
  font-family: "Gilroy";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-gilroy/Gilroy-ExtraBold.otf");
}
@font-face {
  font-weight: 400;
  font-family: "RF Dewi Expanded";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-RFDewi/RFDewiExpanded-Regular.woff");
}
@font-face {
  font-weight: 600;
  font-family: "RF Dewi Expanded";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-RFDewi/RFDewiExpanded-Semibold.woff");
}
@font-face {
  font-weight: 800;
  font-family: "RF Dewi Expanded";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-RFDewi/RFDewiExpanded-Ultrabold.woff");
}
@font-face {
  font-weight: 900;
  font-family: "RF Dewi Expanded";
  src: url("/local/templates/lenses/assets/styles/css/../../fonts/font-RFDewi/RFDewiExpanded-Black.woff");
}
/* ---------------------------------------HOME-HEADER---------------------------------------- */
body {
  width: 100%;
  background-color: var(--white-color);
  color: var(--dark-blue-color, black);
  font-family: "Gilroy;";
  font-style: normal;
  font-weight: 400;
  background-repeat: no-repeat;
}

section {
  width: 1230px;
  margin: 0 auto;
}

.header {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}

@media (max-width: 1224px) {
  section {
    width: 96%;
  }
  .header {
    width: 97%;
    max-width: 1230px;
  }
}
@media (max-width: 999px) {
  section {
    width: 90%;
  }
  .header {
    width: 90%;
  }
}
.header__top {
  position: relative;
  z-index: 99;
  color: var(--dark-blue-color);
  background: var(--white-color);
}
.header__top-container {
  display: flex;
  align-items: center;
  margin-top: 8px;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}
.header__top-menu {
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 32px;
}
.header__top-menu li {
  display: inline-flex;
  padding: 10px;
}
.header__top-menu a {
  display: inline-flex;
  height: 22px;
  transition: all 0.2s;
  align-items: center;
}
.header__top-right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 66px;
}
.header__top-right_text {
  position: relative;
  z-index: 2;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.header__top-tel {
  transition: all 0.2s;
}
.header__top-tel a {
  display: inline-flex;
  font-family: "Gilroy";
  gap: 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.header__top-tel svg {
  fill: var(--black-color);
  width: 19px;
  height: 19px;
  transition: all 0.2s;
}
.header__top-tel:hover, .header__top-menu a:hover {
  color: var(--blue-color);
}
.header__top-tel:hover svg, .header__top-menu a:hover svg {
  fill: var(--blue-color);
}
.header__top .logo-tablet {
  display: none;
}

@media (max-width: 1224px) {
  .header__top {
    color: var(--dark-blue-color);
  }
  .header__top-container {
    display: flex;
    align-items: center;
    margin-top: 8px;
  }
  .header__top-menu {
    font-weight: 300;
    display: flex;
    align-items: center;
    gap: 32px;
  }
  .header__top-menu li {
    display: inline-flex;
    padding: 10px;
  }
  .header__top-menu a {
    display: inline-flex;
    height: 22px;
    transition: all 0.2s;
    align-items: center;
  }
  .header__top-right {
    margin-right: 1%;
    gap: 40px;
  }
  .header__top-right_text {
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
  }
  .header__top-tel {
    transition: all 0.2s;
  }
  .header__top-tel a {
    display: inline-flex;
    gap: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
  .header__top-tel svg {
    fill: var(--black-color);
    width: 19px;
    height: 19px;
    transition: all 0.2s;
  }
  .header__top-tel:hover, .header__top-menu a:hover {
    color: var(--blue-color);
  }
  .header__top-tel:hover svg, .header__top-menu a:hover svg {
    fill: var(--blue-color);
  }
}
@media (max-width: 999px) {
  .header__top-container {
    margin-top: 8px;
  }
  .header__top-menu {
    display: none;
  }
  .header__top-tel {
    display: none;
  }
  .header__top .logo-tablet {
    display: block;
    width: 280px;
    padding: 7px 0;
  }
}
@media (max-width: 660px) {
  .header__top-container {
    justify-content: space-between;
    margin-top: 8px;
  }
  .header__top-right {
    display: none;
  }
}
@media (max-width: 475px) {
  .header__top-tel {
    display: block;
    position: fixed;
    width: 100%;
    height: auto;
    padding: 5px 0;
    bottom: 0;
    background: white;
  }
}
.header__menu {
  margin-top: 15px;
  padding-left: 13px;
}
.header__menu-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 5px 0;
  width: 100%;
  max-width: 1230px;
}
.header__menu-search {
  display: flex;
}
.header__menu-item-logo {
  padding-left: 7px;
  width: 353px;
}

.header__mobil-tel svg {
  display: none;
}

@media (max-width: 1224px) {
  .header__menu {
    width: 100%;
  }
  .header__menu-list {
   
  }
  .header__menu-item-logo {
    padding: 7px 5px 0 5px;
  }
}
@media (max-width: 999px) {
  .header__menu {
    padding-left: 2px;
  }
  .header__menu-list {
    
  }
  .header__menu-item:nth-child(2) {
    display: none;
  }
}
@media (max-width: 820px) {
  .header__menu-search {
    width: 100%;
  }
}
@media (max-width: 660px) {
  .header__menu {
    margin-top: 20px;
    padding-left: 0px;
  }
  .header__menu-list {
    flex-direction: row-reverse;
    margin: 0 auto;
    padding: 5px;
    width: 100%;
  }
  .header__menu-item:nth-child(3) {
    width: 100%;
    margin-right: 25px;
  }
  .header__menu-item:last-child {
    display: none;
  }
}
@media (max-width: 660px) {
  .header__mobil-tel svg {
    display: block;
    width: 19px;
    height: 19px;
    fill: var(--black-color);
  }
  .header__mobil-tel:hover svg {
    fill: var(--blue-color);
  }
}
.fixed {
  z-index: 1001;
  position: fixed;
  background-color: var(--white-color);
  box-shadow: 0px 4px 8px 0px rgba(96, 96, 96, 0.1);
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
}

.icon-menu {
  padding-left: 13px;
}

.search__input {
  width: 380px;
  height: 40px;
  padding: 10px 0 10px 15px;
  border-radius: 5px 0 0 5px;
  border: 1px solid var(--ligth-gray-color);
  border-right: none;
}

@media (max-width: 999px) {
  .search__input {
    width: 100%;
    min-width: 373px;
    height: 40px;
    padding: 10px 0 10px 15px;
    border-radius: 5px 0 0 5px;
    border: 1px solid var(--ligth-gray-color);
    border-right: none;
  }
}
@media (max-width: 820px) {
  .search__input {
    width: 100%;
    min-width: 250px;
    height: 40px;
    padding: 10px 0 10px 15px;
    border-radius: 5px 0 0 5px;
    border: 1px solid var(--ligth-gray-color);
    border-right: none;
  }
}
@media (max-width: 660px) {
  .search__input {
    min-width: 400px;
    height: 34px;
  }
}
@media (max-width: 520px) {
  .search__input {
    min-width: 250px;
    height: 34px;
  }
}
.search__button {
  width: 40px;
  height: 40px;
  background: var(--white-color);
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-loupe-black.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 0 5px 5px 0;
  border: 1px solid var(--ligth-gray-color);
}
.search__button:hover {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-loupe-blue.svg);
}

.search__input::-moz-placeholder {
  color: var(--ligth-gray-color);
}

.search__input::placeholder {
  color: var(--ligth-gray-color);
}

.search__input:focus + .search__button {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-loupe-blue.svg);
}

@media (max-width: 660px) {
  .search__button {
    width: 34px;
    height: 34px;
  }
}
.icon-nav__wrapper {
  display: flex;
  gap: 19px;
  margin-right: 15px;
}

@media (max-width: 999px) {
  .icon-nav__wrapper {
    gap: 10px;
    margin-right: 0px;
  }
}
@media (max-width: 660px) {
  .icon-nav__wrapper {
    display: none;
  }
}
.icon-nav__button {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-top: 5px;
  width: 54px;
  height: 39px;
  text-align:center;
  cursor: pointer;
}
.icon-nav__button svg {
  width: 18px;
  height: 17px;
  fill: var(--black-color);
}
.icon-nav__button .svg-calog-mb {
  width: 25px;
}
.icon-nav__button:hover, .icon-nav__button:hover svg {
  color: var(--blue-color);
  fill: var(--blue-color);
}

.icon-nav-mobil__wrapper {
  display: none;
}

@media (max-width: 700px) {
  .icon-nav-mobil__wrapper {
    width: 102%;
    max-width: 700px;
    display: flex;
    justify-content: space-between;
    position: fixed;
    margin-left: -33px;
    padding: 20px 30px 15px 30px;
    bottom: -1px;
    background-color: var(--white-color);
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.05);
    z-index: 100;
  }
}
@media (max-width: 500px) {
  .icon-nav-mobil__wrapper {
    width: 101%;
    max-width: 660px;
    display: flex;
    justify-content: space-between;
    position: fixed;
    margin-left: -20px;
    padding: 20px 20px 15px 20px;
    bottom: -1px;
    background-color: var(--white-color);
    z-index: 100;
  }
}
.icon-nav__iner svg {
  padding: 4px;
}

.icon-nav__counter {
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: 0px;
  left: 55%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 12px;
  padding: 0 3px;
  border-radius: 9px;
  color: var(--white-color);
  background: var(--red-color);
  visibility: visible;
}

.icon-nav__text {
  font-size: 10px;
}

.nav-catalog__list {
  display: flex;
  margin-top: 18px;
  justify-content: space-between;
}
.nav-catalog__item {
  position: relative;
  padding: 11px 10px 9px 10px;
}
.nav-catalog__item img {
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 8.5px;
  top: 14px;
  opacity: 0;
  transition: all 0.4s ease;
}
.nav-catalog__item a {
  font-size: 16px;
  margin-left: 0;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.4s ease;
}
.nav-catalog__item:hover a {
  display: block;
  transition: all 0.4s ease;
  transform: translateX(15px);
}
.nav-catalog__item:hover img {
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.4s ease;
}

@media (max-width: 1224px) {
  .nav-catalog {
    width: 100%;
  }
  .nav-catalog__list {
    display: grid;
    grid-template-columns: 175px 80px 154px 178px 230px;
    margin-top: 18px;
    justify-content: space-between;
  }
  .nav-catalog__item {
    position: relative;
    padding: 11px 10px 9px 10px;
  }
  .nav-catalog__item a {
    font-size: 14px;
  }
}
@media (max-width: 999px) {
  .nav-catalog__list {
    display: grid;
    grid-template-columns: 150px 80px 146px 164px 218px;
    margin-top: 18px;
    justify-content: space-between;
  }
  .nav-catalog__item:first-child {
    padding: 11px 10px 9px 0;
  }
}
@media (max-width: 820px) {
  .nav-catalog {
    display: none;
  }
}
.catalog-activ__list {
  display: flex;
  flex-direction: column;
  width: 365px;
  border-right: 1px solid var(--ligth-gray-color);
  overflow-y: auto;
}
.catalog-activ__item {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid var(--ligth-gray-color);
  cursor: pointer;
}
.catalog-activ__item a {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
.catalog-activ__item:first-child:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 25px;
  width: 39px;
  height: 39px;
  transition: 0.3s;
  background: no-repeat url(/local/templates/lenses/assets/styles/css/../../images/icon-amoon-arrow-black.svg);
}
.catalog-activ__item::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 25px;
  width: 39px;
  height: 39px;
  transition: 0.3s;
  background: no-repeat url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-nav-menu.svg);
}
.catalog-activ__item.active:first-child:after {
  transform: rotate(90deg);
}
.catalog-activ__item:last-child {
  border-bottom: none;
}
.catalog-activ__item:last-child::after {
  visibility: hidden;
}
.catalog-activ__select {
  display: none;
  transition: all 2s;
}
.catalog-activ__select.active {
  display: block;
}
.catalog-activ__inner {
  display: flex;
  padding-top: 25px;
  position: relative;
}
.catalog-activ__inner a {
  position: relative;
  font-size: 14px;
  margin-left: 0;
  padding-left: 15px;
  transition: all 0.4s ease;
}
.catalog-activ__inner:hover a {
  content: "";
  display: block;
  margin-left: 20px;
  transition: all 0.4s ease;
}
.catalog-activ__inner a {
  font-weight: 400;
  text-transform: uppercase;
}
.catalog-activ__inner img {
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 8.5px;
  top: 14px;
  opacity: 0;
  transition: all 0.4s ease;
}
.catalog-activ__inner:hover img {
  top: 75%;
  left: 0px;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.4s ease;
}
@media (max-width: 475px) {
  .catalog-activ__inner:hover img {
    left: 5px;
  }
}
.catalog-activ__contacts {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
  margin: 20px 0 40px 0;
}
.catalog-activ__contacts_text {
  position: relative;
  z-index: 2;
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
}
.catalog-activ__contacts-tel img {
  width: 19px;
  height: 19px;
}
.catalog-activ__contacts-tel a {
  padding-left: 15px;
  font-size: 16px;
}

@media (max-width: 660px) {
  .catalog-activ__list {
    height: 100vh;
  }
}
@media (max-width: 475px) {
  .catalog-activ__list {
    width: 100%;
    border-right: none;
    padding-bottom: 175px;
  }
  .catalog-activ__contacts {
    flex-direction: column-reverse;
  }
  .catalog-activ__contacts_text {
    position: relative;
    z-index: 2;
    font-size: 14px;
    text-align: center;
  }
  .catalog-activ__inner {
    display: flex;
    padding-top: 15px;
    position: relative;
  }
  .catalog-activ__inner a {
    position: relative;
    font-size: 14px;
    margin-left: 0;
    padding-left: 15px;
    transition: all 0.4s ease;
  }
  .catalog-activ__inner:hover a {
    content: "";
    display: block;
    margin-left: 25px;
    transition: all 0.4s ease;
  }
}
.is-hide {
  visibility: hidden;
}

.mobil-catalog {
  width: 100%;
  position: fixed;
  top: -314px;
  left: 0;
  width: 100%;
  height: 300%;
  display: flex;
  align-items: flex-start;
  color: var(--black-color);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.mobil-catalog__wrapper {
  width: 100%;
  background: var(--white-color);
}

@media (max-width: 475px) {
  .mobil-catalog__wrapper {
    height: 100%;
  }
  .mobil-catalog{
    padding-top: 15px;
    background: white;
  }
}
.mobil-catalog-fix {
  margin-top: -65px;
}

.header__nav-activ {
  display: flex;
  gap: 100px;
  width: 96%;
  margin: 0 auto;
  max-width: 1230px;
}
.header__nav-activ .product-block__filter {
  position: relative;
}
.header__nav-activ .filter__list {
  display: flex;
  gap: 20px;
  padding: 0 30px 0 0;
}
.header__nav-activ .filter__category {
  padding: 0;
  text-align: left;
  vertical-align: sub;
}
.header__nav-activ .filter__category h2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
}
.header__nav-activ .product-button {
  width: 202px;
  height: 60px;
  padding: 20px 50px;
  top: 220px;
  left: -310px;
}
.header__nav-activ .product-button svg {
  top: 22px;
  right: 40px;
}

.is-activ {
  opacity: 1;
  visibility: visible;
  top: 114px;
}

.stop-scroll {
  overflow-x: hidden;
  overflow-y: hidden;
}

.title {
  margin-top: 40px;
  font-family: "RF Dewi Expanded";
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  text-wrap: balance;
}

@media (max-width: 1024px) {
  .title {
    font-size: 50px;
  }
}
@media (max-width: 835px) {
  .header__nav-activ .product-block__list {
    display: none;
  }
  .title {
    margin-top: 45px;
    font-size: 45px;
  }
}
@media (max-width: 768px) {
  .title {
    font-size: 40px;
  }
}
@media (max-width: 660px) {
  .title {
    font-size: 36px;
  }
}
@media (max-width: 550px) {
  .title {
    font-size: 31px;
  }
}
@media (max-width: 460px) {
  .title {
    font-size: 27px;
  }
}
@media (max-width: 400px) {
  .title {
    font-size: 23px;
  }
}
.subtitle {
  font-family: "RF Dewi Expanded";
  font-size: 40px;
  font-weight: 800;
  line-height: 1.1;
}

@media (max-width: 1024px) {
  .subtitle {
    visibility: visible;
  }
}
@media (max-width: 835px) {
  .subtitle {
    visibility: visible;
    font-size: 30px;
  }
}
@media (max-width: 460px) {
  .subtitle {
    visibility: visible;
    font-size: 26px;
  }
}
@media (max-width: 376px) {
  .subtitle {
    visibility: visible;
    font-size: 21px;
  }
  .subtitle-lense {
    font-size: 18px;
  }
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black-color);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.popup__open {
  opacity: 1;
  visibility: visible;
}
.popup__content, .popup__content-cheaper {
  position: relative;
  width: 400px;
  border-radius: 10px;
  overflow-y: auto;
  padding: 35px;
  background: var(--white-color);
  transform: translateY(100%);
}
.popup__content .title-popup, .popup__content-cheaper .title-popup {
  margin-bottom: 10px;
  font-family: "RF Dewi Expanded";
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}
.popup__content p, .popup__content-cheaper p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.popup__licenses-cheaper {
  position: relative;
  width: 610px;
  border-radius: 10px;
  overflow-y: auto;
  padding: 38px;
  background: var(--white-color);
  transform: translateY(0%);
}
.popup__licenses-cheaper .title-popup {
  margin-bottom: 10px;
  font-family: "RF Dewi Expanded";
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}
.popup__licenses-cheaper p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.popup__content-review {
  position: relative;
  width: 605px;
  border-radius: 10px;
  overflow-y: auto;
  padding: 40px 30px;
  background: var(--white-color);
  transform: translateY(100%);
}
.popup__content-review .title-popup {
  margin-bottom: 10px;
  font-family: "RF Dewi Expanded";
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}
.popup__content-review p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.popup__btn-close {
  display: none;
  position: absolute;
  top: 50px;
  right: 50px;
  width: 20px;
  height: 20px;
}

@media (max-width: 545px) {
  .popup__content, .popup__content-review {
    width: 100%;
    height: 100%;
    padding: 50px 20px;
    border-radius: 0;
  }
  .popup__btn-close {
    display: block;
    top: 30px;
    right: 30px;
  }
}
.popup__open .popup__content.js-popup__content,
.popup__open .popup__content.js-popup__content-stock,
.popup__open .popup__content.js-popup__content-win,
.popup__open .js-popup__content-review,
.popup__open .popup__content.js-popup__content-cheaper {
  transform: translateY(0%);
}

.js-popup__content,
.js-popup__content-stock,
.js-popup__content-win,
.js-popup__content-review,
.js-popup__content-cheaper {
  transform: translateY(100%);
  transition: 1s;
}

.popup-gallery__content {
  width: 100%;
  max-width: 1000px;
  height: -moz-max-content;
  height: max-content;
  padding: 20px 10px 20px 50px;
  transform: translateY(0%);
}
.popup-gallery__wrapper {
  margin: 0 40px 0 0;
  padding: 0 40px 0 0;
}
.popup-gallery__close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 24px;
  height: 24px;
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-close-blue.svg);
}
.popup-gallery .produc-row__gallery_main-img img {
  width: 100%;
  max-width: 1000px;
}
.popup-gallery__button.swiper__button-arrow {
  justify-content: space-between;
  margin: -40px 0 0 0;
}
.popup-gallery .swiper-wrapper {
  margin-left: 40px;
  margin-right: -40px;
  margin-bottom: 0px;
  padding-top: 0px;
}
.popup-gallery .button-arrow__back, .popup-gallery .button-arrow__next {
  position: relative;
  top: -5px;
}
.popup-gallery .button-arrow__next {
  right: -50px;
}

@media (max-width: 835px) {
  .popup-gallery__content {
    padding: 30px 20px;
    height: 100%;
    border-radius: 0;
  }
  .popup-gallery__wrapper {
    margin: 0;
    padding: 0;
  }
  .popup-gallery__close {
    top: 15px;
    right: 15px;
    z-index: 100;
  }
  .popup-gallery .swiper-wrapper {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }
  .popup-gallery .produc-row__gallery_main-img img {
    width: 90%;
    max-width: 700px;
  }
}
.popup-gallery .swiper-zoom-container > img {
  width: auto;
  max-width: 100%;
  max-height: 60vh;
}
.filter__list {
  padding: 0 30px 0 0;
}
.filter-search__input, .filter-search__input-brand {
  width: 100%;
  max-width: 230px;
  height: 40px;
  padding: 10px 0 10px 15px;
  border-radius: 5px 0 0 5px;
  border: 1px solid var(--ligth-gray-color);
  border-right: none;
}
.filter__category {
  padding: 20px 0;
  text-align: center;
  vertical-align: sub;
  cursor: pointer;
}
.filter__category_list {
  padding: 15px 0;
  transition: max-height 0.3s ease-out;
 

}
.filter__category_title-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.filter__category_title-wrapper img {
  position: absolute;
  width: 13px;
  height: 9px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
}
.filter__category_title-wrapper img.open {
  transform: translateY(-50%) rotate(180deg);
}
.filter__category_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.filter__category_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.filter__category_item-search {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.filter__category_list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 250px;

}
.filter__category_list::-webkit-scrollbar {
  width: 3px;
}
.filter__category_list::-webkit-scrollbar-track {
  background-color: var(--ligth-gray-color);
}
.filter__category_list::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: var(--blue-color);
}
.filter__category_list::-webkit-scrollbar-thumb:hover {
  background-color: var(--blue-color);
}
.filter__category_list.hide-overflow {
  max-height: 130px;
  position: relative;
  overflow-y: auto;
  /*overflow: hidden;*/
}
.filter__category_list.hide-overflow-close {
  max-height: 0px;
  transition: all 0.3s;
}
.filter__category_item-search.item-search-close {
  max-height: 0px;
  overflow: hidden;
  margin-top: 0;
}
.filter__category_checkbox {
  display: flex;
}
.filter__category_counter span {
  color: #9f9f9f;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 0 10px 0 0;
}
.filter__category:first-child {
  padding: 0 0 20px 0;
}
.filter__category-switch {
  display: flex;
  justify-content: space-between;
  padding: 15px 0 0 0;
}
.filter__category_btn-reset {
  margin-top: 40px;
}
.filter__checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 2px;
  transition: all 0.4s;
}
.filter__checkbox-input {
  position: absolute;
  opacity: 0;
}
.filter__checkbox:before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 7.5px;
  height: 5px;
  border-radius: 1px;
  border-left: 1px solid var(--ligth-gray-color);
  border-bottom: 1px solid var(--ligth-gray-color);
  color: var(--ligth-gray-color);
  line-height: 0;
  transition: all 0.4s;
  opacity: 0;
}
.filter__checkbox-input:checked + .filter__checkbox:before {
  opacity: 1;
  border-left: 1px solid var(--white-color);
  border-bottom: 1px solid var(--white-color);
}
.filter__checkbox-input:checked + .filter__checkbox {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}
.filter__checkbox-input:hover + .filter__checkbox {
  border-color: var(--blue-color);
}

@media (max-width: 835px) {
  .filter__list {
    padding: 0;
  }
}
.filter-mobil__list {
  width: 92%;
  margin: 0 auto;
  margin-bottom: 120px;
}
.filter-mobil__title {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}
.filter-mobil__category:first-child {
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
}
.filter-mobil__category_list {
  width: 345px;
}
.filter-mobil__footer-wrapper {
  display: flex;
}
.filter-mobil__footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.05);
  background: rgb(255, 255, 255);
}

.switch-toggle {
  display: inline-block;
  position: relative;
  width: 46px;
  height: 26px;
}
.switch-toggle-1, .switch-toggle__input {
  display: none;
}
.switch-toggle__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.switch-toggle__inner {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--ligth-gray-color);
  border-radius: 34px;
  transition: all 0.3s ease;
}
.switch-toggle__switch {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.switch-toggle__input:checked + .switch-toggle__label .switch-toggle__inner {
  background-color: var(--blue-color);
}
.switch-toggle__input:checked + .switch-toggle__label .switch-toggle__switch {
  left: 22px;
}

.category-range__list {
  height: 56px;
}
.category-range__wrapper {
  display: flex;
  gap: 14px;
  margin-top: 15px;
}
.category-range__wrapper input {
  max-width: 110px;
  height: 30px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
}
.category-range__border {
  width: 20px;
  height: 1px;
  border-top: 1px solid var(--gray-color);
  margin-top: 14px;
}
.category-range__slider-range {
  margin-top: 15px;
}

.ui-slider-horizontal {
  height: 1px !important;
  color: var(--gray-color) !important;
}

.ui-widget.ui-widget-content {
  border: none !important;
  background: var(--ligth-gray-color) !important;
}

.ui-slider .ui-slider-handle {
  width: 18px !important;
  height: 18px !important;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.5em !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none !important;
  background: var(--blue-color) !important;
  border-radius: 50% !important;
  color: none !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none !important;
  color: var(--blue-color) !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none !important;
  color: var(--blue-color) !important;
}

.ui-slider-range {
  background: var(--blue-color) !important;
  height: 4px;
}

/* ------------------------------------------MAIN------------------------------------------- */
main {
  overflow: hidden;
  margin-bottom: 100px;
}

@media (max-width: 870px) {
  main {
    margin-bottom: 60px;
  }
}
.home {
  margin-top: 40px;
}

.home-banner_title {
  width: 100%;
  max-width: 1290px;
  margin-top: 32px;
  padding: 0;
}

@media (max-width: 1224px) {
  .home-banner_title {
    margin-left: 2%;
  }
}
@media (max-width: 999px) {
  .home-banner_title {
    width: 100%;
    max-width: 1290px;
    margin-top: 22px;
    padding: 0;
  }
}
@media (max-width: 835px) {
  .home-banner_title {
    margin-left: 5%;
  }
}
@media (max-width: 610px) {
  .home-banner_title {
    margin-left: 2%;
  }
}
@media (max-width: 525px) {
  .home-banner_title {
    margin-left: 5%;
  }
}
@media (max-width: 390px) {
  .home-banner_title {
    margin-left: 5%;
  }
}
.banner__img {
  width: 100%;
  max-width: 1230px;
  border-radius: 20px;
}

@media (max-width: 1224px) {
  .banner__img {
    width: 98%;
  }
}
@media (max-width: 835px) {
  .banner__img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 94%;
  }
}
@media (max-width: 610px) {
  .banner__img {
    width: 92%;
    border-radius: 5px;
  }
}
.home-bonus {
  margin-top: 37px;
}
.home-bonus__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
}
.home-bonus__item {
  padding: 5px 36px;
  border-right: 1px solid var(--ligth-gray-color);
  text-align: left;
}
.home-bonus__item:first-child {
  padding: 5px 36px 5px 0px;
}
.home-bonus__item:last-child {
  border-right: none;
  padding: 5px 0px 5px 36px;
}
.home-bonus__text {
  display: block;
  font-size: 20px;
  font-weight: 600;
  cursor: default;
}

@media (max-width: 1224px) {
  .home-bonus {
    width: 96%;
  }
}
@media (max-width: 999px) {
  .home-bonus {
    width: 90%;
  }
  .home-bonus__text {
    font-size: 16px;
  }
}
@media (max-width: 835px) {
  .home-bonus__item {
    padding: 5px 20px;
  }
  .home-bonus__item:first-child {
    padding: 5px 36px 5px 0px;
  }
  .home-bonus__item:last-child {
    padding: 5px 0px 5px 36px;
  }
  .home-bonus__text {
    font-size: 16px;
  }
}
@media (max-width: 700px) {
  .home-bonus {
    width: 94%;
    margin-top: 37px;
    margin-left: 40px;
    padding-right: 40px;
    overflow-x: auto;
  }
  .home-bonus__list {
    width: 610px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
  }
  .home-bonus__item {
    padding: 5px 10px;
  }
  .home-bonus__item:first-child {
    padding: 5px 20px 5px 0px;
  }
  .home-bonus__item:last-child {
    padding: 5px 0px 5px 20px;
  }
  .home-bonus__text {
    font-size: 16px;
    font-weight: 600;
  }
  .home-bonus::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 600px) {
  .home-bonus {
    width: 100%;
    margin-top: 37px;
    margin-left: 25px;
    padding-right: 20px;
    overflow-x: auto;
  }
  .home-bonus__list {
    width: 670px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
  }
}
@media (max-width: 400px) {
  .home-bonus {
    margin-top: 30px;
    margin-left: 20px;
    width: 100%;
    overflow-x: auto;
  }
  .home-bonus__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
  }
  .home-bonus__item {
    padding: 5px 10px;
  }
  .home-bonus__item:first-child {
    padding: 5px 20px 5px 0px;
  }
  .home-bonus__item:last-child {
    padding: 5px 0px 5px 20px;
  }
  .home-bonus__text {
    font-size: 12px;
    font-weight: 600;
    cursor: default;
  }
}
.home-stories {
  width: 1250px;
  margin-top: 86px;
  color: var(--white-color);
}
.home-stories__list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  overflow-x: auto;
  padding: 9px 7px;
}
.home-stories__item {
  position: relative;
  transition: 0.7s;
}
.home-stories__item:hover .stories-button {
  bottom: 5px;
  transition: all 0.7s ease;
}
.home-stories__item:hover .stories-img {
  transform: scale(1.07);
}
.home-stories .stories-img {
  border-radius: 10px;
  transition: 0.7s;
}
.home-stories .stories-text {
  font-size: 14px;
  text-wrap: balance;
  position: absolute;
  top: 167px;
  left: 20px;
}
.home-stories .stories-button {
  display: block;
  position: absolute;
  left: 14px;
  bottom: 14px;
  padding: 4px 14px;
  border: 1px solid;
  border-radius: 80px;
  transition: all 0.7s ease;
}
.home-stories .stories-button__text {
  font-size: 10px;
  cursor: pointer;
}

@media (max-width: 1224px) {
  .home-stories {
    margin-top: 86px;
    color: var(--white-color);
    width: 100%;
    overflow-x: auto;
  }
  .home-stories__list {
    width: 1134px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    scrollbar-width: thin;
    gap: 10px;
    margin-left: 20px;
  }
  .home-stories__item {
    position: relative;
    transition: 0.7s;
  }
  .home-stories__item:hover .stories-button {
    bottom: 5px;
    transition: all 0.7s ease;
  }
  .home-stories__item:hover .stories-img {
    transform: scale(1.07);
  }
  .home-stories::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 1024px) {
  .home-stories__list {
    margin-left: 15px;
  }
}
@media (max-width: 870px) {
  .home-stories {
    margin-top: 30px;
  }
  .home-stories__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    overflow-x: auto;
    margin-left: 35px;
    padding-right: 40px;
  }
  .home-stories__item {
    position: relative;
    transition: 0.7s;
  }
  .home-stories__item:hover .stories-button {
    bottom: 15px;
    transition: all 0.7s ease;
  }
  .home-stories__item:hover .stories-img {
    transform: scale(1.07);
  }
  .home-stories .stories-img {
    margin: 10px 0;
  }
  .home-stories .stories-text {
    font-size: 14px;
    text-wrap: balance;
    position: absolute;
    top: 167px;
    left: 20px;
  }
  .home-stories .stories-button {
    display: block;
    position: absolute;
    left: 14px;
    bottom: 24px;
    padding: 4px 14px;
    border: 1px solid;
    border-radius: 80px;
    transition: all 0.7s ease;
  }
  .home-stories .stories-button__text {
    font-size: 10px;
    cursor: pointer;
  }
}
@media (max-width: 770px) {
  .home-stories__list {
    margin-left: 30px;
  }
}
@media (max-width: 600px) {
  .home-stories__list {
    margin-left: 25px;
  }
}
@media (max-width: 475px) {
  .home-stories__list {
    margin-left: 20px;
  }
}
@media (max-width: 420px) {
  .home-stories {
    margin-top: 30px;
  }
  .home-stories__list {
    width: 1045px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
    overflow-x: auto;
    margin-left: 15px;
    padding-right: 20px;
  }
  .home-stories__item {
    position: relative;
    transition: 0.7s;
  }
  .home-stories__item:hover .stories-button {
    bottom: 24px;
    transition: all 0.7s ease;
  }
  .home-stories__item:hover .stories-img {
    transform: scale(1);
  }
}
.home-frames {
  margin-top: 120px;
}
.home-frames__wrapper {
  display: flex;
  justify-content: space-between;
}
.home-frames__wrapper_title {
  font-family: "RF Dewi Expanded";
  font-size: 40px;
  font-weight: 800;
  line-height: 1.1;
}
.home-frames__wrapper_button-arrow {
  display: flex;
  gap: 10px;
  padding-right: 7px;
}
.home-frames__list {
  display: flex;
  gap: 5px;
  margin-top: 44px;
  width: 100%;
}
.home-frames__item {
  max-width: 195px;
}
.home-frames__inner {
  position: relative;
  height: 90px;
  border-radius: 10px;
  background-color: var(--smoky-gray-color);
}
.home-frames__img {
  margin: 14px 27px;
  transition: 0.7s;
}
.home-frames__img:hover {
  transform: scale(1.2);
}
.home-frames__text {
  font-family: "Gilroy";
  margin-top: 11px;
  font-size: 16px;
  font-weight: 400;
}
.home-frames__button-all {
  display: none;
  justify-content: center;
  position: relative;
  margin-top: 60px;
}
.home-frames__button-all_text {
  position: relative;
  padding-right: 10px;
  font-size: 16px;
  font-family: "Gilroy";
  font-weight: 500;
  z-index: 2;
}
.home-frames__button-all_text::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 14px;
  top: 1px;
  right: -10px;
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down.svg);
  background-size: cover;
}

@media (max-width: 1024px) {
  .home-frames__img {
    margin: 14px 8px;
  }
}
@media (max-width: 999px) {
  .home-frames {
    width: 100%;
    margin-left: 40px;
  }
  .home-frames__wrapper_button-arrow {
    display: none;
  }
}
@media (max-width: 835px) {
  .home-frames {
    margin-top: 50px;
  }
  .home-frames__wrapper_title {
    font-size: 30px;
    height: 40px;
    visibility: visible;
  }
  .home-frames__wrapper_button-arrow {
    display: none;
  }
  .home-frames__list {
    display: flex;
    gap: 5px;
    width: 100%;
    margin-top: 20px;
    padding-right: 40px;
    max-width: 800px;
  }
  .home-frames__item {
    max-width: 117px;
  }
  .home-frames__inner {
    width: 117px;
    height: 53px;
  }
  .home-frames__img {
    width: 75px;
    margin: 10px 14px;
  }
  .home-frames__text {
    margin-top: 10px;
    font-size: 14px;
  }
  .home-frames__button-all {
    display: none;
  }
}
@media (max-width: 820px) {
  .home-frames {
    margin-top: 40px;
  }
  .home-frames__wrapper_title {
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
    visibility: visible;
  }
  .home-frames__wrapper_button-arrow {
    display: none;
  }
  .home-frames__list {
    display: flex;
    gap: 5px;
    width: 100%;
    margin-top: 20px;
    max-width: 800px;
  }
  .home-frames__inner {
    width: 112px;
    height: 51px;
  }
  .home-frames__img {
    width: 72px;
    margin: 10px 14px;
  }
}
@media (max-width: 768px) {
  .home-frames__img:hover {
    transform: scale(1);
  }
}
@media (max-width: 600px) {
  .home-frames {
    margin-left: 25px;
  }
}
@media (max-width: 400px) {
  .home-frames {
    margin-left: 20px;
  }
  .home-frames__item {
    max-width: 112px;
  }
}
.catalog-frames {
  margin-top: 40px;
}

.activ-button {
  display: flex;
}

@media (max-width: 400px) {
  .activ-button {
    justify-content: flex-start;
  }
}
.frames__checkbox:not(:checked),
.frames__checkbox:checked {
  position: absolute;
  left: 0;
  opacity: 0;
}

.frames__checkbox:not(:checked) + label:before,
.frames__checkbox:checked + label:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  width: 16px;
  height: 16px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 2px;
  transition: all 0.4s;
}

.frames__checkbox:not(:checked) + label:after,
.frames__checkbox:checked + label:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 14.5px;
  width: 7.5px;
  height: 5px;
  border-radius: 1px;
  border-left: 1px solid var(--ligth-gray-color);
  border-bottom: 1px solid var(--ligth-gray-color);
  transform: rotate(-45deg);
  color: var(--ligth-gray-color);
  line-height: 0;
  transition: all 0.4s;
  opacity: 0;
}

.frames__checkbox:not(:checked) + label:hover:after,
.frames__checkbox:checked + label:hover:after {
  opacity: 1;
}

.frames__checkbox:checked + label:after {
  opacity: 1;
}

.frames__checkbox:checked:focus + label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

.frames__checkbox:checked + label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

.frames__checkbox:checked:focus + label::after {
  border-left: 1px solid var(--white-color);
  border-bottom: 1px solid var(--white-color);
}

.home-dynamic {
  margin-top: 100px;
}
.home-dynamic__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.home-dynamic__inner {
  position: relative;
  overflow: hidden;
  height: 270px;
  border-radius: 10px;
  cursor: pointer;
}
.home-dynamic__inner::after {
  content: "";
  position: absolute;
  width: 416px;
  height: 400px;
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/home-dynamic-hover.png);
  top: -64px;
  left: -54px;
  transform: translateY(100%);
  transition: 0.7s;
}
.home-dynamic__inner:hover:after {
  transform: translateY(0%);
}
.home-dynamic__inner-hover {
  position: absolute;
  bottom: -100%;
  left: 21px;
  width: 80%;
  transition: bottom 0.7s;
  color: var(--white-color);
}
.home-dynamic__inner-hover h2 {
  padding-bottom: 20px;
  font-size: 20px;
  cursor: pointer;
}
.home-dynamic__inner-hover_text {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.8;
  cursor: pointer;
}
.home-dynamic__inner:hover .home-dynamic__inner-hover {
  z-index: 1;
  bottom: 64px;
}
.home-dynamic__inner-catalog {
  width: 100%;
  max-width: 95px;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 1;
}
.home-dynamic__inner-catalog:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 14px;
  top: 4px;
  right: 0;
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down.svg);
  background-size: cover;
}
.home-dynamic__img {
  position: relative;
}
.home-dynamic__img_info {
  position: absolute;
  left: 28px;
  bottom: 20px;
  font-size: 20px;
  font-weight: 800;
  font-family: "RF Dewi Expanded";
}

@media (max-width: 1224px) {
  .home-dynamic__inner {
    height: 100%;
  }
  .home-dynamic__inner:hover .home-dynamic__inner-hover {
    z-index: 1;
    bottom: 44px;
  }
  .home-dynamic__img {
    position: relative;
  }
  .home-dynamic__img_info {
    left: 20px;
    bottom: 20px;
    font-size: 16px;
  }
}
@media (max-width: 1224px) {
  .home-dynamic__inner h2 {
    padding-bottom: 15px;
    font-size: 18px;
  }
  .home-dynamic__inner-hover_text {
    padding-bottom: 15px;
    font-size: 14px;
  }
  .home-dynamic__img_info {
    left: 10px;
    bottom: 20px;
    font-size: 15px;
  }
}
@media (max-width: 1024px) {
  .home-dynamic__inner h2 {
    padding-bottom: 12px;
    font-size: 17px;
  }
  .home-dynamic__inner-hover_text {
    padding-bottom: 12px;
    font-size: 14px;
  }
  .home-dynamic__inner:hover .home-dynamic__inner-hover {
    z-index: 1;
    bottom: 24px;
  }
}
@media (max-width: 870px) {
  .home-dynamic {
    margin-top: 50px;
  }
  .home-dynamic__inner {
    height: 165px;
  }
  .home-dynamic__inner h2 {
    padding-bottom: 10px;
    font-size: 16px;
  }
  .home-dynamic__inner::after {
    content: "";
    position: absolute;
    width: 290px;
    height: 250px;
    background-image: url(/local/templates/lenses/assets/styles/css/../../images/home-dynamic-hover.png);
    background-size: cover;
    top: -64px;
    left: -54px;
    transform: translateY(100%);
    transition: 0.7s;
  }
  .home-dynamic__inner:hover:after {
    transform: translateY(0%);
  }
  .home-dynamic__inner-hover {
    position: absolute;
    bottom: -100%;
    left: 21px;
    width: 80%;
    transition: bottom 0.7s;
    color: var(--white-color);
  }
  .home-dynamic__inner-hover_text {
    padding-bottom: 10px;
    font-size: 14px;
  }
  .home-dynamic__inner-catalog {
    font-size: 14px;
  }
  .home-dynamic__inner-catalog:before {
    width: 18px;
    height: 14px;
    top: 2px;
    right: 8px;
  }
  .home-dynamic__inner:hover .home-dynamic__inner-hover {
    z-index: 1;
    bottom: 10px;
  }
  .home-dynamic__img {
    position: relative;
  }
  .home-dynamic__img_info {
    width: 90%;
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 14px;
  }
}
@media (max-width: 820px) {
  .home-dynamic {
    margin-top: 50px;
  }
  .home-dynamic__inner {
    height: 100%;
  }
  .home-dynamic__inner h2 {
    padding-bottom: 6px;
    font-size: 14px;
  }
  .home-dynamic__inner::after {
    content: "";
    position: absolute;
    width: 290px;
    height: 250px;
    background-image: url(/local/templates/lenses/assets/styles/css/../../images/home-dynamic-hover.png);
    background-size: cover;
    top: -64px;
    left: -54px;
    transform: translateY(100%);
    transition: 0.7s;
  }
  .home-dynamic__inner:hover:after {
    transform: translateY(0%);
  }
  .home-dynamic__inner-hover {
    position: absolute;
    bottom: -100%;
    left: 18px;
    width: 90%;
    transition: bottom 0.7s;
    color: var(--white-color);
  }
  .home-dynamic__inner-hover_text {
    padding-bottom: 6px;
    font-size: 11px;
  }
  .home-dynamic__inner:hover .home-dynamic__inner-hover {
    z-index: 1;
    left: 12px;
  }
  .home-dynamic__img_info {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 14px;
  }
}
@media (max-width: 610px) {
  .home-dynamic {
    margin-top: 50px;
  }
  .home-dynamic__list {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 20px;
  }
  .home-dynamic__inner {
    max-width: 170px;
    max-height: 170px;
  }
  .home-dynamic__inner-hover {
    position: absolute;
    bottom: -100%;
    left: 21px;
    width: 100%;
    transition: bottom 0.7s;
    color: var(--white-color);
  }
  .home-dynamic__inner-hover p {
    padding-bottom: 10px;
    font-size: 12px;
    cursor: default;
  }
  .home-dynamic__inner-hover a {
    position: relative;
    font-size: 16px;
  }
  .home-dynamic__inner-hover a:before {
    display: none;
  }
  .home-dynamic__inner::after {
    display: none;
  }
  .home-dynamic__inner:hover .home-dynamic__inner-hover {
    display: none;
  }
  .home-dynamic__img_info {
    position: absolute;
    left: 10px;
    bottom: 12px;
    font-size: 12px;
  }
  .frames__checkbox:not(:checked) + label:hover:after {
    opacity: 0;
  }
}
@media (max-width: 400px) {
  .home-dynamic {
    margin-top: 40px;
  }
  .home-dynamic__list {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 5px;
  }
}
.home-catalog {
  margin-top: 112px;
}
.home-catalog h2 {
  font-family: "RF Dewi Expanded";
  font-size: 40px;
  font-weight: 800;
}
.home-catalog__button {
  display: flex;
  justify-content: center;
  margin: 15px 0 50px 0;
}

@media (max-width: 1024px) {
  .home-catalog {
    margin-top: 65px;
  }
  .home-catalog h2 {
    font-size: 30px;
    font-weight: 800;
  }
  .home-catalog__button {
    display: flex;
    justify-content: center;
    margin: 50px 0 0 0;
  }
}
@media (max-width: 870px) {
  .home-catalog {
    margin-top: 65px;
  }
  .home-catalog h2 {
    font-size: 30px;
    font-weight: 800;
  }
  .home-catalog__button {
    display: flex;
    justify-content: center;
    margin: 50px 0 0 0;
  }
}
@media (max-width: 660px) {
  .home-catalog {
    margin-top: 40px;
  }
  .home-catalog h2 {
    font-size: 24px;
    font-weight: 800;
  }
  .home-catalog__button {
    display: flex;
    justify-content: center;
    margin: 50px 0 0 0;
  }
}
@media (max-width: 400px) {
  .home-catalog {
    margin-top: 40px;
  }
  .home-catalog h2 {
    font-size: 24px;
    font-weight: 800;
  }
  .home-catalog__button {
    margin: 40px 0 0 0;
  }
}
.category__list {
  display: flex;
  margin-top: 30px;
}
.category__list_wrapper {
  color: var(--blue-color);
  transition: 0.3s;
}
.category__list_wrapper:hover .category__list_item {
  color: white;
  border: 1px solid var(--blue-color);
}
.category__list-item-activ {
  color: var(--white-color);
  background-color: var(--blue-color);
  border-radius: 80px;
}
.category__list_item {
  position: relative;
  overflow: hidden;
  padding: 10px 22px;
  border: 1px solid;
  border-radius: 80px;
  z-index: 2;
}
.category__list_item::after {
  content: "";
  position: absolute;
  width: 110%;
  height: 250%;
  border-radius: 50%;
  color: var(--white-color);
  background-color: var(--blue-color);
  top: -30px;
  left: -5px;
  transform: translateY(75%);
  transition: 0.7s;
  z-index: -1;
}
.category__list_item:hover::after {
  transform: translateY(0);
}
.category__list .category-item-activ {
  color: var(--white-color);
  background-color: var(--blue-color);
  border-radius: 80px;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 870px) {
  .category__list {
    margin-top: 20px;
    overflow-x:auto;
  }
}
@media (max-width: 610px) {
  .category__list {
    margin-top: 10px;
  }
  .category__list_item {
    padding: 10px 20px;
    border: 1px solid;
    border-radius: 80px;
  }
}
@media (max-width: 400px) {
  .category__list {
    margin-top: 10px;
  }
  .category__list_item {
    padding: 10px 16px;
    border: 1px solid;
    border-radius: 80px;
  }
}
.product__list {
  display: grid;
  grid-template-columns: repeat(4, 307px);
  gap: 0px;
  margin: 30px 0 5px 0;
}
.product__choice {
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  transition: 0.3s;
  cursor: pointer;
}
.k-product__choice:hover {
  border-radius: 10px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2196078431);
}
.k-product__choice:hover .product__price {
  color: var(--blue-color);
}
.k-product__choice:hover .buy-button {
  visibility: visible;
}
.product__choice.choice_advertising {
  padding: 0;
  border-radius: 10px;
  box-shadow: none;
}
.product__choice-icon-tablet {
  display: none;
}
.product__choice-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 5;
}
.product__article {
  margin-top: 16px;
  color: var(--ligth-gray-color);
}
.product__choice-icon {
  display: flex;
  gap: 5px;
  z-index: 10;
  margin-top: 16px;
  cursor: pointer;
}
.product__choice-icon_compare {
  transition: 0.3s;
  color: var(--ligth-gray-color);
}
.product__choice-icon_compare-circle {
  stroke: currentColor;
}
.product__choice-icon_compare-rect {
 
}
.product__choice-icon_compare:hover {
  color: var(--red-color);
}
.product__choice-icon_heart {
  color: var(--ligth-gray-color);
}
.product__choice-icon_heart-circle {
  stroke: currentColor;
}
.product__choice-icon_heart-rect {
  fill: currentColor;
}
.product__choice-icon_heart:hover {
  color: var(--red-color);
}
.product__action {
  display: flex;
  margin-top: 5px;
  color: var(--blue-color);
}
.product__action_link {
  position: relative;
  padding: 2px 12px;
  border: 1px solid;
  border-radius: 80px;
  cursor: default;
  text-align: center;
  font-size: 14px;
}
.product__title {
  margin-top: 30px;
}
.product__title h3 {
  font-size: 20px;
  font-weight: 600;
  text-wrap: balance;
  cursor: pointer;
}
.product__status {
  margin-top: 45px;
  color: var(--ligth-gray-color);
}
.product__status p {
  font-size: 14px;
}
.product__price {
  margin-top: 26px;
  transition: 0.3s;
}
.product__price p {
  font-size: 22px;
  font-weight: 600;
}
.product__buy {
  margin-top: 10px;
}
.product__buy_text {
  color: var(--white-color);
  position: relative;
  z-index: 2;
  font-size: 14px;
  font-weight: 400;
}
.product__buy-tablet {
  display: none;
}

@media (max-width: 1224px) {
  .product__list {
    grid-template-columns: repeat(4, 24%);
    margin: 20px 0 5px 0;
  }
}
@media (max-width: 1094px) {
  .product__action_link {
    font-size: 10px;
    padding: 2px 11px;
  }
}
@media (max-width: 1024px) {
  .product__article {
    margin-top: 10px;
    font-size: 14px;
  }
  .product__action {
    margin-top: 5px;
  }
  .product__title {
    margin-top: 15px;
  }
  .product__title h3 {
    font-size: 16px;
    font-weight: 600;
    text-wrap: balance;
  }
  .product__status {
    margin-top: 15px;
    color: var(--ligth-gray-color);
  }
  .product__status p {
    font-size: 14px;
  }
  .product__price {
    margin-top: 10px;
  }
  .product__price p {
    font-size: 18px;
    font-weight: 700;
  }
  .product__choice-c:nth-last-child(-n+3) {
    display: none;
  }
}
@media (max-width: 946px) {
  .product__action_link {
    font-size: 10px;
    padding: 2px 8px;
  }
}
@media (max-width: 870px) {
  .product__list {
    grid-template-columns: repeat(4, 180px);
    margin: 20px 0 5px 0;
  }
  .product__article {
    margin-top: 10px;
    font-size: 12px;
  }
  .product__choice-icon {
    display: none;
  }
  .product__choice-icon-tablet {
    display: block;
   
  }
  .product__action {
    margin-top: 5px;
  }
  .product__action_link {
    font-size: 10px;
    padding: 2px 6px;
  }
  .product__title {
    margin-top: 15px;
  }
  .product__title h3 {
    font-size: 16px;
    font-weight: 600;
    text-wrap: balance;
  }
  .product__status {
    margin-top: 15px;
    color: var(--ligth-gray-color);
  }
  .product__status p {
    font-size: 14px;
  }
  .product__price {
    margin-top: 10px;
  }
  .product__price p {
    font-size: 18px;
    font-weight: 700;
  }
  .product__buy {
    display: none;
  }
  .product__buy-tablet {
    display: flex;
    gap: 5px;
    margin-top: 10px;
  }
  .product__buy-tablet_icon {
    position: relative;
    z-index: 2;
    width: 13px;
  }
}
@media (max-width: 820px) {
  .product__list {
    grid-template-columns: repeat(3, 192px);
    justify-content: space-between;
    margin: 20px 0 5px 0;
  }
}
@media (max-width: 610px) {
  .product__list {
    grid-template-columns: repeat(2, 170px);
    justify-content: space-around;
    margin: 20px 0 5px 0;
  }
  .product__article {
    margin-top: 10px;
    font-size: 10px;
  }
  .product__action {
    margin-top: 5px;
  }
  .product__action_link {
    font-size: 10px;
    padding: 2px 5px;
  }
  .product__title {
    margin-top: 15px;
  }
  .product__title h3 {
    font-size: 14px;
    font-weight: 600;
  }
  .product__status {
    margin-top: 10px;
    color: var(--ligth-gray-color);
  }
  .product__status p {
    font-size: 10px;
  }
  .product__price {
    margin-top: 10px;
  }
  .product__price p {
    font-size: 18px;
    font-weight: 700;
  }
  .product__buy-tablet {
    gap: 5px;
    margin-top: 10px;
  }
  .product__buy-tablet_icon {
    position: relative;
    z-index: 2;
    width: 13px;
  }
}
.choice-active {
  color: var(--white-color);
  background-color: var(--red-color);
  border-radius: 50%;
  display:inline-block;
}
.choice-active .circle-activ {
  color: var(--red-color);
  stroke: currentColor;
}
.choice-active .rect-active {
  fill: currentColor;
}

.choice-active:hover {
  color: var(--white-color);
}
.choice-active:hover .circle-activ {
  color: var(--red-color);
  stroke: currentColor;
}
.choice-active:hover .rect-active {
  fill: currentColor;
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 20px);
  left: -40px;
  color: var(--black-color);
  background: var(--white-color);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  min-width: 140px;
  padding: 4px 12px;
  border-radius: 5px;
  font-size: 12px;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  z-index: 100;
}

[data-tooltip]::after {
  content: url(/local/templates/lenses/assets/styles/css/../../images/triangle.svg);
  position: absolute;
  top: -21px;
  left: 15px;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.15));
  opacity: 0;
  z-index: 100;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  opacity: 1;
}

.in-stock[data-tooltip] {
  position: relative;
}
.in-stock[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 10px);
  left: -40px;
  color: var(--black-color);
  background: var(--white-color);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  min-width: 140px;
  padding: 4px 12px;
  border-radius: 5px;
  font-size: 12px;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  z-index: 100;
}
.in-stock[data-tooltip]::after {
  opacity: 1;
}
.in-stock[data-tooltip]:hover::before {
  opacity: 1;
}

.subtitle-page {
  margin-top: 40px;
  width: 70%;
}

@media (max-width: 1024px) {
  .subtitle-page {
    width: 80%;
  }
}
.produc-row {
  display: flex;
  justify-content: center;
  gap: 65px;
}
.produc-row__gallery-wrapper {
  width: 500px;
}
.produc-row__gallery {
  margin-left: -50px;
}
.produc-row__gallery_main-img img {
  width: 400px;
  margin-left: 20px;
}
.produc-row__gallery_nav {
  width: 408px;
  height: 100px;
  margin-left: 0px;
}
.produc-row__gallery_nav-img img {
  width: 92px;
  height: 100px;
  margin-left: 5px;
}
.produc-row__gallery_nav.swiper-wrapper {
  margin-left: 0px;
  margin-bottom: 10px;
  padding-top: 0px;
}
.produc-row__gallery .swiper-pagination {
  display: none;
}
@media (max-width: 1024px) {
  .produc-row__gallery-wrapper {
    width: 450px;
  }
  .produc-row__gallery {
    margin-left: -50px;
  }
  .produc-row__gallery_main-img img {
    width: 400px;
    margin-left: 20px;
  }
  .produc-row__gallery_nav {
    width: 408px;
    height: 100px;
    margin-left: 0px;
  }
  .produc-row__gallery_nav-img img {
    width: 92px;
    height: 100px;
    margin-left: 5px;
  }
  .produc-row__gallery_nav.swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
}
@media (max-width: 835px) {
  .produc-row__gallery-wrapper {
    width: 370px;
  }
  .produc-row__gallery {
    margin-left: -50px;
  }
  .produc-row__gallery_main-img img {
    width: 372px;
    margin-left: 0px;
  }
  .produc-row__gallery_nav {
    width: 408px;
    height: 100px;
    margin-left: 0px;
  }
  .produc-row__gallery_nav-img img {
    width: 92px;
    height: 100px;
    margin-left: 5px;
  }
  .produc-row__gallery_nav.swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
}
@media (max-width: 780px) {
  .produc-row__gallery-wrapper {
    width: 48%;
  }
  .produc-row__gallery {
    margin-left: -50px;
  }
  .produc-row__gallery_main-img img {
    width: 372px;
    margin-left: 0px;
  }
  .produc-row__gallery_nav {
    width: 408px;
    height: 100px;
    margin-left: 0px;
  }
  .produc-row__gallery_nav-img img {
    width: 92px;
    height: 100px;
    margin-left: 5px;
  }
  .produc-row__gallery_nav.swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
}
@media (max-width: 700px) {
  .produc-row__gallery-wrapper {
    width: 92%;
    margin: 0 auto;
    position: relative;
    z-index: 80;
  }
  .produc-row__gallery {
    margin-left: -50px;
  }
  .produc-row__gallery_main-img img {
    width: 372px;
    margin-left: 0px;
  }
  .produc-row__gallery_nav {
    width: 408px;
    height: 100px;
    margin-left: 0px;
  }
  .produc-row__gallery_nav-img img {
    width: 92px;
    height: 100px;
    margin-left: 5px;
  }
  .produc-row__gallery_nav.swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
  }
}
.produc-row__button.swiper__button-arrow {
  width: 500px;
  display: flex;
  justify-content: space-between;
  gap: 420px;
  margin-right: 0px;
  position: absolute;
  top: 50%;
  z-index: 99;
  pointer-events: none;
}
@media (max-width: 1340px) {
  .produc-row__button.swiper__button-arrow {
    width: 500px;
  }
}
@media (max-width: 1224px) {
  .produc-row__button.swiper__button-arrow {
    width: 480px;
    gap: 400px;
  }
}
@media (max-width: 1024px) {
  .produc-row__button.swiper__button-arrow {
    width: 440px;
    gap: 340px;
  }
}
@media (max-width: 999px) {
  .produc-row__button.swiper__button-arrow {
    display: none;
  }
}
.produc-row__button.button-arrow__back, .produc-row__button.button-arrow__next {
  width: 50px;
}
.produc-row__action.product__action {
  position: absolute;
  top: 50px;
  left: 70px;
  z-index: 100;
}
.produc-row__info {
  width: 710px;
}
.produc-row__info_prace {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: 30px;
  padding: 20px 30px;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.produc-row__info_prace .prace-wrapper {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

p.old-price {
  font-size: 16px;
  text-decoration: line-through;
  color: grey;
  margin-top: 5px;
  font-weight: 100;
}

.produc-row__info_prace .prace-title {
  color: var(--blue-color);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}
.produc-row__info_prace .prace-subtitle {
  color: var(--ligth-gray-color);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: line-through;
}
.produc-row__info-action {
  position: absolute;
  margin-top: 0;
  right: 275px;
}
.produc-row__info-stock {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}
.produc-row__info-stock.withot_stock{
  justify-content: end;
}
.produc-row__info-stock .in-stock,
.produc-row__info-stock .out-of-stock {
  position: relative;
  margin-left: 12px;
  cursor: pointer;
}
.produc-row__info-stock .in-stock::after,
.produc-row__info-stock .out-of-stock::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.produc-row__info-stock .in-stock::after {
  background: var(--blue-color);
}
.produc-row__info-stock .out-of-stock::after {
  background: var(--red-color);
}
.produc-row__info-stock .stock-cheap {
  text-align: end;
  font-weight: 600;
}
.produc-row__info-stock .stock-cheap:hover {
  color: var(--blue-color);
}
.produc-row__info_icon {
  display: flex;
  gap: 10px;
}
.produc-row__info_icon .p-r__icon {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  min-width: 110px;
  margin-top: 25px;
  padding-top: 0;
}
.produc-row__info_icon .p-r__icon svg {
  fill: var(--gray-color);
}
.produc-row__info_icon .p-r__icon:hover svg {
  color: var(--blue-color);
  fill: var(--blue-color);
}
.produc-row__info_icon .p-r__icon:first-child {
  margin-right: 20px;
}
.produc-row__info_icon .p-r__icon .icon-nav__text {
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.produc-row__info_icon .p-r__icon .icon-nav__counter {
  left: 10%;
}
.produc-row__info_icon .p-r__icon:hover .icon-nav__text {
  color: var(--blue-color);
}
.produc-row__info_action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  border-radius: 10px;
}
.produc-row__info_specifications {
  display: flex;
}
.produc-row__info.lenses {
  display: grid;
  grid-template-columns: repeat(1, 100%);
  grid-template-areas: "A" "B" "C" "D" "E";
}
.produc-row__info.lenses .grid1 {
  position: relative;
  grid-area: A;
}
.produc-row__info.lenses .grid2 {
  position: relative;
  grid-area: B;
}
.produc-row__info.lenses .grid3 {
  position: relative;
  grid-area: C;
}
.produc-row__info.lenses .grid4 {
  position: relative;
  grid-area: D;
}
.produc-row__info.lenses .grid5 {
  position: relative;
  grid-area: E;
}
@media (max-width: 1340px) {
  .produc-row__info {
    width: 50%;
  }
}
@media (max-width: 1324px) {
  .produc-row__info_prace {
    padding: 20px 24px;
  }
  .produc-row__info-action {
    right: 240px;
  }
}
@media (max-width: 1200px) {
  .produc-row__info_prace {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 24px;
  }
  .produc-row__info_prace .prace-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 19px;
  }
  .produc-row__info-action {
    bottom: 30px;
    right: 25%;
  }
  .produc-row__info-action .product__action_link {
    font-size: 14px;
    text-align: center;
  }
}
@media (max-width: 999px) {
  .produc-row__info-action {
    bottom: 30px;
    right: 10%;
  }
  .produc-row__info.lenses {
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-template-areas: "A" "B" "C" "E" "D";
  }
  .produc-row .lenses_prace.grid1, .produc-row .grid2, .produc-row .grid5 {
    width: 96%;
  }
  .produc-row .grid4 {
    position: relative;
    grid-area: D;
    margin-left: -100%;
    padding: 0 20px 0 0;
  }
  .produc-row .select-lenses__eye-setting .select {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 835px) {
  .produc-row__info-action {
    bottom: 30px;
    right: 5%;
  }
}
@media (max-width: 780px) {
  .produc-row__info-action {
    bottom: 30px;
    right: 5%;
  }
  .produc-row__info_icon {
    gap: 0px;
  }
  .produc-row__info.lenses .lenses_prace.grid1, .produc-row__info.lenses .grid2, .produc-row__info.lenses .grid5 {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .produc-row__info.lenses .lenses_prace.grid1 {
    position: fixed;
    grid-area: A;
  }
  .produc-row__info.lenses .grid2 {
    position: relative;
    grid-area: B;
    width: 90%;
  }
  .produc-row__info.lenses .grid3 {
    position: absolute;
    grid-area: C;
  }
  .produc-row__info.lenses .grid4 {
    position: relative;
    grid-area: D;
    width: 90%;
    padding: 0;
    margin: 0 auto;
  }
  .produc-row__info.lenses .grid5 {
    position: relative;
    grid-area: E;
    width: 90%;
    margin: 0 auto;
  }
}
.produc-row__button-order {
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  color: var(--white-color);
  background-color: var(--blue-color);
  text-transform: uppercase;
  z-index: 2;
  padding: 15px 70px;
}
.produc-row__button-order::after {
  content: "";
  position: absolute;
  width: 140%;
  height: 360%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -40px;
  left: -20px;
  transform: translateY(100%);
  transition: 0.7s;
}
.produc-row__button-order:hover::after {
  transform: translateY(0);
}
.produc-row__button-order:focus::after {
  transform: translateY(0);
}
.produc-row__button-order p {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0;
  text-align: center;
  text-wrap: nowrap;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
@media (max-width: 760px) {
  .produc-row__button-order {
    padding: 15px 60px;
  }
}
.produc-row__order__inputs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}
.produc-row__order__inputs .input-login,
.produc-row__order__inputs .input-password,
.produc-row__order__inputs .input-first,
.produc-row__order__inputs .input-tel {
  position: relative;
}
.produc-row__order__inputs .input-auth {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
  outline: none;
  font-family: "Gilroy";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.produc-row__order__inputs .input-auth:focus {
  border-color: var(--blue-color);
}
.produc-row__order__inputs .input-auth + span {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: var(--gray-color);
  transition: all 0.3s;
}
.produc-row__order__inputs .input-auth::-moz-placeholder, .produc-row__order__inputs .input-auth-textarea::-moz-placeholder {
  color: var(--gray-color);
}
.produc-row__order__inputs .input-auth::placeholder,
.produc-row__order__inputs .input-auth-textarea::placeholder {
  color: var(--gray-color);
}
.produc-row__order__inputs .input-auth-textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
  outline: none;
  resize: none;
  overflow: hidden;
  min-height: 40px;
  font-size: 16px;
}
.produc-row__order__inputs .input-auth-textarea:focus {
  border-color: #007bff;
}
.produc-row__order__inputs .input-auth-textarea + span {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: var(--gray-color);
  transition: all 0.3s;
}
.produc-row__order__inputs .input-auth-textarea:not(:-moz-placeholder-shown) + span {
  top: 5px;
  font-size: 12px;
  color: var(--gray-color);
}
.produc-row__order__inputs .input-auth-textarea:focus + span,
.produc-row__order__inputs .input-auth-textarea:not(:placeholder-shown) + span {
  top: 5px;
  font-size: 12px;
  color: var(--gray-color);
}
.produc-row__order__inputs .consent-checkbox input {
  background: var(--smoky-gray-color);
}
.produc-row__order__inputs .consent-checkbox:checked {
  background: var(--smoky-gray-color);
}
.produc-row__order__inputs .button {
  background-color: var(--blue-color);
  color: var(--white-color);
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.produc-row__order__inputs .button:hover {
  background-color: var(--blue-color);
}
.produc-row__order__inputs .button span {
  font-weight: bold;
}
.produc-row__order .produc-row__order__no-login,
.produc-row__order .produc-row__order__no-password {
  display: none;
  color: red;
  margin-top: 5px;
}
.produc-row__order .produc-row__order__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  color: var(--ligth-gray-color);
}
.produc-row__order .produc-row__order__consent-text {
  font-family: "Gilroy";
  margin-top: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}
.produc-row__order .produc-row__order__consent-text a {
  text-decoration: underline;
  cursor: pointer;
}
.produc-row__order .produc-row__order__consent-checkbox {
  position: absolute;
  left: -999px;
  visibility: hidden;
}
.produc-row__order .produc-row__order__consent-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.produc-row__order .produc-row__order__consent-label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 2px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.produc-row__order .produc-row__order__consent-checkbox:checked + .produc-row__order__consent-label::before {
  border-color: var(--blue-color);
  background-color: var(--blue-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.produc-row__order .produc-row__order__consent-checkbox:focus + .produc-row__order__consent-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.produc-row__order_button-send {
  width: 100%;
  color: var(--white-color);
  background: var(--blue-color);
  margin-top: 20px;
  padding: 20px 40px;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
.produc-row__order_button-send::after {
  content: "";
  position: absolute;
  width: 110%;
  height: 360%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -60px;
  left: -17px;
  transform: translateY(100%);
  transition: 0.7s;
}
.produc-row__order_button-send:hover::after {
  transform: translateY(0);
}
.produc-row__order_button-send:focus::after {
  transform: translateY(0);
}
.produc-row__order_button-send p {
  margin-top: 0 !important;
  position: relative;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.produc-row__order .title-popup {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}
.produc-row__order .popup__content-wrapper img {
  margin-bottom: 20px;
}
/*.product-promo-banner{*/
/*  padding: 23px 36px;*/
/*  background-color: rgba(245, 245, 245, 1);*/
/*  border-radius: 10px;*/
/*  margin-top: 39px;*/
/*  position:relative;*/
/*  overflow: hidden;*/
/*}*/

/*.product-promo-banner__add-text {*/
/*  font-size: 12px;*/
/*  color: rgba(10, 10, 61, 1);*/
/*  margin-bottom: 7px;*/
/*}*/

/*.product-promo-banner__text {*/
/*  font-size: 26px;*/
/*  font-weight: 800;*/
/*  color: rgba(10, 10, 61, 1);*/
/*  margin-bottom: 15px;*/
/*}*/

/*.product-promo-banner__block-btn {*/
/*  display: flex;*/
/*}*/

/*.product-promo-banner__date {*/
/*  margin-left: 21px;*/
/*  font-size: 14px;*/
/*  font-weight: 600;*/
/*  color: rgba(10, 10, 61, 1);*/
/*}*/
/*.product-promo-banner__img{*/
/*  position: absolute;*/
/*  height: 236px;*/
/*  width: 236px;*/
/*  background-size: cover;*/
/*  background-position-x: center;*/
/*  background-position-y: 10%;*/
/*  right: -10%;*/
/*  border-radius: 100%;*/
/*  top: -30%;*/
/*}*/

.product-promo-banner {
  width: 100%;
  height: 9.17rem;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 39px;
}
.product-promo-banner a{
  display: block;
  width: 100%;
  height: 100%;
}
.similar-by-model__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(9, 1fr); /* 3 колонки на ПК */
  gap: 20px;
}


.similar-by-model__item {
  display: flex;
}

.similar-by-model__link {
  display: flex;
  flex-direction: column;
  color: inherit;
  background-size: 220% !important;
  background-position: 55% 65% !important;
  color-scheme: light only;
  vertical-align: bottom;
  padding: 0;
  width: 65px;
  height: 65px;
  margin: 2px 4px;
  border-radius: 45%;
  border: 2px solid #eeeeee;
  text-align: center;
  text-decoration: none;
}
a.similar-by-model__link:hover {
  border-color: #0088fa;
}

/* Блок картинки — одинаковые пропорции */
.similar-by-model__image-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1; /* квадрат, можно поменять */
  overflow: hidden;
  border-radius: 10px;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.similar-by-model__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.similar-by-model__name {
  margin-top: 8px;
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
}

.produc-row__gallery-wrapper{
  position: relative;
}
.promo-wrapper {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 9;
}


.promo-tooltip {
  position: absolute;
  bottom: 160%;
  width: max-content;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 8px 24px rgba(0,0,0,.15); /* тёмная тень */
  z-index: 10;

  opacity: 0;
  pointer-events: none;
  transition: .2s;
}

/* Внешний треугольник — ТОЛЬКО тень */
.promo-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;     /* сразу под блоком */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;

  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid rgba(0,0,0,0); /* сам треугольник прозрачный */

  /* тень стрелки */
  filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.15));
}

/* Внутренний белый треугольник */
.promo-tooltip::before {
  content: "";
  position: absolute;
  top: calc(100% - 2px); /* ровно стыкуем с тултипом */
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;

  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ffffff; /* белый фон */
}


/* показываем при ховере на блок с стикерами */
.sticker-item:hover > .promo-tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.sticker_block {
  display: flex;
}

.sticker-item {
  cursor: pointer;
  position: relative;
}
.sticker-item .sticker-item__text{
  font-size: 14px;
  font-weight: 600;
  color: rgba(0, 135, 250, 1);
  border: 1px solid rgba(0, 135, 250, 1);
  padding: 2px 12px;
  border-radius: 80px;
}
.sticker-item .sticker-item__icon{
  width: 35px;
}
.product__list .sticker-item .sticker-item__icon{
  width: 22px;
}
.product__choice-top{
  position: relative;
}
.produc-row__other_product{
  margin-top: 20px;
}
.product__choice-top .promo-wrapper {
  left: 15px;
  top: unset;
  padding-left: 15px;
  padding-right: 15px;
  position: unset;
}
.basket-coupon-alert .close-link{
  cursor: pointer;
}
@media (max-width: 768px) {
  .similar-by-model__list {
    grid-template-columns: repeat(3, 1fr); /* 2 колонки на мобилке */
    gap: 10px;
  }
  .produc-row__other_product {
    margin: 20px auto;
    width: 92%;
  }
  .similar-by-model__link{
    width: 75px;
    height: 75px;
  }
}


@media (max-width: 1335px) {
  .produc-row {
    width: 92%;
    gap: 45px;
  }
}
@media (max-width: 1224px) {
  .produc-row {
    width: 96%;
  }
}
@media (max-width: 1134px) {
  .produc-row {
    width: 92%;
    gap: 25px;
  }
}
@media (max-width: 835px) {
  .produc-row__info_specifications {
    flex-direction: column-reverse;
    width: 92%;
    margin: 20px auto 0;
  }
}
@media (max-width: 800px) {
  .produc-row__gallery .swiper-pagination {
    display: block;
  }
  .produc-row__gallery_nav.swiper-produc-row-nav {
    display: none;
  }
}
@media (max-width: 700px) {
  .produc-row {
    width: 100%;
    flex-direction: column;
    position: relative;
  }
  .produc-row__info {
    width: 100%;
  }
  .produc-row__info_prace {
    flex-direction: column;
    align-items: center;
    width: 100%;
    position: absolute;
    padding: 10px 20px;
    bottom: 0px;
    z-index: 100;
    border-radius: 0;
    background: var(--white-color);
    border-bottom: 1px solid var(--smoky-gray-color);
  }
  .produc-row__info_prace .prace-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 0;
  }
  .produc-row__info_prace .prace-title {
    /*margin-right: 15px;*/
    color: var(--blue-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
  }
  p.old-price{
    font-size: 14px;
  }
  .produc-row__info_prace .prace-subtitle {
    color: var(--gray-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: line-through;
  }
  .produc-row__info_prace.lenses_prace {
    flex-direction: row;
    align-items: center;
    width: 101%;
    position: fixed;
    padding: 10px 20px;
    bottom: 70px;
    z-index: 100;
    border-radius: 0;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.05);
    background: var(--white-color);
    border-bottom: 1px solid var(--smoky-gray-color);
  }
  .produc-row__info_prace.lenses_prace .prace-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 0;
  }
  .produc-row__info_prace.lenses_prace .prace-title {
    margin-right: 15px;
    color: var(--blue-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
  }
  .produc-row__info_prace.lenses_prace .prace-subtitle {
    color: var(--gray-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: line-through;
  }
  .produc-row__info-action {
    bottom: 20px;
    right: 35%;
  }
  .produc-row__info-action .product__action_link {
    font-size: 10px;
    text-align: center;
    max-width: 33px;
    white-space: nowrap;
    overflow: hidden;
  }
  .produc-row__info-stock {
    position: relative;
    width: 92%;
    margin: 0 auto;
    flex-direction: column;
    gap: 320px;
    z-index: 95;
    pointer-events: none;
  }
  .produc-row__info-stock .in-stock,
  .produc-row__info-stock .out-of-stock {
    position: relative;
    margin-left: 12px;
    pointer-events: all;
  }
  .produc-row__info-stock .in-stock::after,
  .produc-row__info-stock .out-of-stock::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
  .produc-row__info-stock .in-stock::after {
    background: var(--blue-color);
  }
  .produc-row__info-stock .out-of-stock::after {
    background: var(--red-color);
  }
  .produc-row__info-stock .stock-cheap {
    text-align: start;
    font-weight: 600;
    pointer-events: all;
  }
  .produc-row__info-stock .stock-cheap:hover {
    color: var(--blue-color);
  }
  .produc-row__info_icon {
    position: absolute;
    top: 0;
    right: 4%;
    z-index: 95;
    gap: 0;
  }
  .produc-row__info_icon .p-r__icon {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0px;
    width: 10px;
    min-width: 45px;
    margin-top: 19px;
    padding-top: 0;
  }
  .produc-row__info_icon .p-r__icon svg {
    fill: var(--black-color);
  }
  .produc-row__info_icon .p-r__icon:hover svg {
    color: var(--blue-color);
    fill: var(--blue-color);
  }
  .produc-row__info_icon .p-r__icon:first-child {
    margin-right: 0px;
  }
  .produc-row__info_icon .p-r__icon .icon-nav__text {
    display: none;
  }
  .produc-row__info_icon .p-r__icon .icon-nav__counter {
    left: 90%;
  }
  .produc-row__info_action {
    width: 92%;
    margin: 20px auto 0;
  }
  .produc-row__info_specifications {
    flex-direction: column-reverse;
    width: 92%;
    margin: 20px auto;
  }
  .produc-row__button-order {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    color: var(--white-color);
    background-color: var(--blue-color);
    text-transform: uppercase;
    z-index: 2;
    padding: 12px 17px;
  }
  .produc-row__button-order p {
    font-size: 12px;
    line-height: 15px;
  }
  .produc-row__order_button-send {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 0px;
    padding: 15px 40px;
    border-radius: 0px;
  }
  .produc-row__order_button-send p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
  }
  .produc-row__order .title-popup {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
  }
  .produc-row__order .popup__content-wrapper img {
    margin-bottom: 20px;
  }
  .produc-row__order .popup__content-wrapper p {
    font-size: 14px;
  }
  .produc-row__action.product__action {
    position: absolute;
    top: 50px;
    left: 10px;
    z-index: 100;
  }
}
@media (max-width: 435px) {
  .product-promo-banner {
    margin-top: 20px;
  }
  .produc-row {
    width: 100%;
    flex-direction: column;
    position: relative;
  }
  .produc-row__info {
    width: 100%;
  }
  .produc-row__info_prace {
    flex-direction: column;
    align-items: stretch;
    width: 101%;
    position: fixed;
    padding: 10px 20px;
    bottom: 70px;
    gap: 8px;
    z-index: 80;
    border-radius: 0;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.05);
    background: var(--white-color);
    border-bottom: 1px solid var(--smoky-gray-color);
  }
  .produc-row__info_prace .prace-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 0;
  }
  .produc-row__info_prace .prace-title {
    /*margin-right: 15px;*/
    color: var(--blue-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
  }
  .produc-row__info_prace .prace-subtitle {
    color: var(--gray-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: line-through;
  }
  .produc-row__info-action {
    bottom: 20px;
    right: 35%;
  }
  .produc-row__info-action .product__action_link {
    font-size: 10px;
    text-align: center;
    max-width: 30px;
    white-space: nowrap;
    overflow: hidden;
  }
  .produc-row__info-stock {
    position: relative;
    width: 92%;
    margin: 0 auto;
    flex-direction: column;
    gap: 0px;
    z-index: 75;
    margin-top: 45px;
  }
  .produc-row__info-stock .in-stock,
  .produc-row__info-stock .out-of-stock {
    position: relative;
    margin-left: 12px;
  }
  .produc-row__info-stock .in-stock::after,
  .produc-row__info-stock .out-of-stock::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
  .produc-row__info-stock .in-stock::after {
    background: var(--blue-color);
  }
  .produc-row__info-stock .out-of-stock::after {
    background: var(--red-color);
  }
  .produc-row__info-stock .stock-cheap {
    text-align: start;
    font-weight: 600;
    height: 20px;
    margin-top: 10px;
  }
  .produc-row__info-stock .stock-cheap:hover {
    color: var(--blue-color);
  }
  .produc-row__info_icon {
    position: absolute;
    top: 0;
    right: 4%;
    z-index: 98;
    gap: 0;
  }
  .produc-row__info_icon .p-r__icon {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0px;
    width: 10px;
    min-width: 45px;
    margin-top: 19px;
    padding-top: 0;
  }
  .produc-row__info_icon .p-r__icon svg {
    fill: var(--black-color);
  }
  .produc-row__info_icon .p-r__icon:hover svg {
    color: var(--blue-color);
    fill: var(--blue-color);
  }
  .produc-row__info_icon .p-r__icon:first-child {
    margin-right: 0px;
  }
  .produc-row__info_icon .p-r__icon .icon-nav__text {
    display: none;
  }
  .produc-row__info_icon .p-r__icon .icon-nav__counter {
    left: 90%;
  }
  .produc-row__info_action {
    width: 92%;
    margin: 20px auto 0;
  }
  .produc-row__info_specifications {
    flex-direction: column-reverse;
    width: 92%;
    margin: 20px auto;
  }
  .produc-row__button-order {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    color: var(--white-color);
    background-color: var(--blue-color);
    text-transform: uppercase;
    z-index: 2;
    padding: 12px 17px;
  }
  .produc-row__button-order p {
    font-size: 12px;
    line-height: 15px;
  }
  .produc-row__order_button-send {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 0px;
    padding: 15px 40px;
    border-radius: 0px;
  }
  .produc-row__order_button-send p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
  }
  .produc-row__order .title-popup {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
  }
  .produc-row__order .popup__content-wrapper img {
    margin-bottom: 20px;
  }
  .produc-row__order .popup__content-wrapper p {
    font-size: 14px;
  }
  div.title-search-result {
    left: 10px !important;
    width: calc(100% - 20px)!important;
  }
  .produc-row__gallery-wrapper {
    max-height: 313px;
    margin: 80px auto 0;
  }

}
@media (max-width: 385px) {
  .produc-row {
    width: 100%;
    flex-direction: column;
    position: relative;
  }
  .produc-row__gallery-wrapper{
    max-height: 313px;
    margin: 50px auto 0;
  }
  .produc-row__info {
    width: 100%;
  }
  .produc-row__info_prace {
    flex-direction: column;
    align-items: stretch;
    width: 101%;
    position: fixed;
    padding: 10px 20px;
    bottom: 70px;
    z-index: 100;
    border-radius: 0;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.05);
    background: var(--white-color);
    border-bottom: 1px solid var(--smoky-gray-color);
  }
  .produc-row__info_prace .prace-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 0;
  }
  .produc-row__info_prace .prace-title {
    /*margin-right: 15px;*/
    color: var(--blue-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
  }
  .produc-row__info_prace .prace-subtitle {
    color: var(--gray-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: line-through;
  }
  .produc-row__info-action {
    bottom: 20px;
    right: 35%;
  }
  .produc-row__info-action .product__action_link {
    font-size: 10px;
    text-align: center;
    max-width: 30px;
    white-space: nowrap;
    overflow: hidden;
  }
  .produc-row__info-stock {
    position: relative;
    width: 92%;
    margin: 0 auto;
    flex-direction: column;
    gap: 0px;
    z-index: 98;
  }
  .produc-row__info-stock .in-stock,
  .produc-row__info-stock .out-of-stock {
    position: relative;
    margin-left: 12px;
  }
  .produc-row__info-stock .in-stock::after,
  .produc-row__info-stock .out-of-stock::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }
  .produc-row__info-stock .in-stock::after {
    background: var(--blue-color);
  }
  .produc-row__info-stock .out-of-stock::after {
    background: var(--red-color);
  }
  .produc-row__info-stock .stock-cheap {
    text-align: start;
    font-weight: 600;
  }
  .produc-row__info-stock .stock-cheap:hover {
    color: var(--blue-color);
  }
  .produc-row__info_icon {
    position: absolute;
    top: 0;
    right: 4%;
    z-index: 98;
    gap: 0;
  }
  .produc-row__info_icon .p-r__icon {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 0px;
    width: 10px;
    min-width: 45px;
    margin-top: 19px;
    padding-top: 0;
  }
  .produc-row__info_icon .p-r__icon svg {
    fill: var(--black-color);
  }
  .produc-row__info_icon .p-r__icon:hover svg {
    color: var(--blue-color);
    fill: var(--blue-color);
  }
  .produc-row__info_icon .p-r__icon:first-child {
    margin-right: 0px;
  }
  .produc-row__info_icon .p-r__icon .icon-nav__text {
    display: none;
  }
  .produc-row__info_icon .p-r__icon .icon-nav__counter {
    left: 90%;
  }
  .produc-row__info_action {
    width: 92%;
    margin: 20px auto 0;
  }
  .produc-row__info_specifications {
    flex-direction: column-reverse;
    width: 92%;
    margin: 20px auto;
  }
  .produc-row__button-order {
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    color: var(--white-color);
    background-color: var(--blue-color);
    text-transform: uppercase;
    z-index: 2;
    padding: 12px 17px;
  }
  .produc-row__button-order p {
    font-size: 12px;
    line-height: 15px;
  }
  .produc-row__order_button-send {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-top: 0px;
    padding: 15px 40px;
    border-radius: 0px;
  }
  .produc-row__order_button-send p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
  }
  .produc-row__order .title-popup {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
  }
  .produc-row__order .popup__content-wrapper img {
    margin-bottom: 20px;
  }
  .produc-row__order .popup__content-wrapper p {
    font-size: 14px;
  }
}
.select-lenses__eye {
  display: flex;
  margin-top: 30px;
}
.select-lenses__eye_button {
  padding: 8px 20px;
  color: var(--blue-color);
  border: 1px solid var(--blue-color);
  border-radius: 80px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.select-lenses__eye_button::after {
  content: "";
  position: absolute;
  width: 110%;
  height: 250%;
  border-radius: 50%;
  color: var(--white-color);
  background-color: var(--blue-color);
  top: -30px;
  left: -5px;
  transform: translateY(75%);
  transition: 0.7s;
  z-index: -1;
}
.select-lenses__eye_button:hover {
  color: var(--white-color);
  transition: 0.3s;
}
.select-lenses__eye_button:hover::after {
  transform: translateY(0);
}
.select-lenses__eye_button.active {
  color: var(--white-color);
  background-color: var(--blue-color);
  border-radius: 80px;
}
.select-lenses__eye-setting {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  margin-top: 20px;
}
.select-lenses__eye-setting .select {
  width: 100%;
  max-width: 200px;
}
.select-lenses__eye-setting_title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 10px;
}
.select-lenses__eye-setting_subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  padding-bottom: 5px;
}
.select-lenses__eye-setting .select__header {
  padding: 8px 10px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 5px;
}
.select-lenses__eye-setting .select__header-icon {
  width: 13px;
  height: 7px;
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-black.svg);
}
.select-lenses__eye-setting .select__list {
  left: 0px;
  z-index: -1;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
}
.select-lenses__eye-setting .select.js-active .select__list {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  background: rgb(255, 255, 255);
  visibility: visible;
}
.select-lenses__eye-setting_button {
  padding: 10px 39px;
  color: var(--white-color);
  border: 1px solid var(--gray-color);
  background: var(--gray-color);
  border-radius: 80px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.select-lenses__eye-setting_button::after {
  content: "";
  position: absolute;
  width: 110%;
  height: 250%;
  border-radius: 50%;
  color: var(--white-color);
  background-color: var(--blue-color);
  top: -25px;
  left: -5px;
  transform: translateY(75%);
  transition: 0.7s;
  z-index: -1;
}
.select-lenses__eye-setting_button:hover {
  color: var(--white-color);
  border: 1px solid var(--blue-color);
  transition: 0.3s;
}
.select-lenses__eye-setting_button:hover::after {
  transform: translateY(0);
}
.select-lenses__eye-setting_button.active {
  color: var(--white-color);
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
  border-radius: 80px;
}
.select-lenses__eye-setting_counter-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 5px;
}
.select-lenses__info {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  padding: 12px 20px;
  border-radius: 10px;
  background: var(--smoky-gray-color);
  color: var(--red-color);
}
.select-lenses__info p {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}
.select-lenses__text {
  margin-top: 20px;
  width: 100%;
  max-width: 700px;
}
.select-lenses__text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 700px) {
  .select-lenses__eye {
    display: flex;
    margin-top: 30px;
  }
  .k-plashka-after-text, .k-plashka-grey{
    width: 92%;
    margin: 20px auto;
  }
}
@media (max-width: 450px) {
  .select-lenses__eye-setting {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    margin-top: 20px;
  }
}
.specifications__table {
  margin-top: 30px;
  width: 100%;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.specifications__table td {
  padding: 5px 0;
}
.specifications__table td:first-child {
  position: relative;
  overflow: hidden;
}
.specifications__table td:first-child::after {
  content: "";
  position: absolute;
  bottom: 10px;
  margin-left: 6px;
  width: 100%;
  border-bottom: 1px dashed rgba(41, 41, 46, 0.6);
}
.specifications__table td:first-child {
  width: 182px;
  color: rgba(41, 41, 46, 0.6);
  font-weight: 400;
  vertical-align: bottom;
}
.specifications__table td:last-child {
  padding-left: 6px;
}
.specifications__lens-btn {
  width: 328px;
  margin-top: 40px;
  padding: 20px 33px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 60px;
  position: relative;
}
.specifications__lens-btn p {
  color: var(--ligth-gray-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.9;
  text-transform: uppercase;
}
.specifications__lens-btn svg {
  position: absolute;
  width: 13px;
  height: 13px;
  top: 23px;
  right: 42px;
}
.specifications__logo {
  margin-top: 30px;
  width: 264px;
}
.specifications__logo_original {
  padding: 5px 12px;
  background: var(--smoky-gray-color);
  border-radius: 20px;
}
.specifications__logo_original p {
  position: relative;
  color: var(--black-color);
  font-family: "Gilroy";
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: end;
}
.specifications__logo_original p:hover {
  color: var(--blue-color);
}
.specifications__logo_original p::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url("/local/templates/lenses/assets/styles/css/../../images/icon-diamond-black.svg");
  background-size: cover;
}
.specifications__logo_original p:hover:before {
  background-image: url("/local/templates/lenses/assets/styles/css/../../images/icon-diamond.svg");
}

@media (max-width: 1360px) {
  .select-lenses__eye-setting_button {
    padding: 10px 20px;
    min-width: 120px;
  }
}
@media (max-width: 1024px) {
  .specifications {
    width: 92%;
    margin: 20px auto 0;
    flex-direction: column-reverse;
  }
  .specifications__table {
    width: 64%;
    margin-top: 0px;
    font-size: 12px;
  }
}
@media (max-width: 835px) {
  .specifications {
    width: 92%;
    margin: 20px auto 0;
    flex-direction: column-reverse;
  }
  .specifications__table {
    margin-top: 0px;
    font-size: 12px;
  }
  .specifications__table td {
    padding: 5px 0;
  }
  .specifications__table td:first-child {
    position: relative;
    overflow: hidden;
  }
  .specifications__lens-btn {
    width: 75%;
    margin-top: 20px;
    padding: 15px 30px;
  }
  .specifications__lens-btn p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
  }
  .specifications__lens-btn svg {
    width: 9px;
    height: 9px;
    top: 18px;
    right: 33px;
  }
  .specifications__logo {
    width: 110px;
    margin-top: 0;
    margin-top: 0px;
    width: 100%;
  }
  .specifications__logo img {
    width: 110px;
  }
  .specifications__logo_original {
    padding: 5px 12px;
    background: var(--smoky-gray-color);
    border-radius: 20px;
    width: 150px;
    height: 24px;
  }
  .specifications__logo_original p {
    position: relative;
    color: var(--blue-color);
    font-family: "Gilroy";
    font-size: 10px;
    font-weight: 600;
  }
  .specifications__logo_original p::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url("/local/templates/lenses/assets/styles/css/../../images/icon-diamond.svg");
    background-size: cover;
  }
}
@media (max-width: 545px) {
  .specifications {
    width: 92%;
    margin: 20px auto 0;
    flex-direction: column-reverse;
  }
  .specifications__table {
    width: 100%;
    margin-top: 0px;
    font-size: 12px;
  }
  .specifications__table td {
    padding: 5px 0;
  }
  .specifications__table td:first-child {
    position: relative;
    overflow: hidden;
  }
  .specifications__lens-btn {
    width: 75%;
    margin-top: 20px;
    padding: 15px 30px;
  }
  .specifications__lens-btn p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
  }
  .specifications__lens-btn svg {
    width: 9px;
    height: 9px;
    top: 18px;
    right: 33px;
  }
  .specifications__logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 110px;
    margin-top: 0;
    margin-top: 0px;
    width: 100%;
  }
  .specifications__logo img {
    width: 110px;
  }
  .specifications__logo_original {
    padding: 5px 12px;
    background: var(--smoky-gray-color);
    border-radius: 20px;
    width: 150px;
    height: 24px;
  }
  .specifications__logo_original p {
    position: relative;
    color: var(--blue-color);
    font-family: "Gilroy";
    font-size: 10px;
    font-weight: 600;
  }
  .specifications__logo_original p::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url("/local/templates/lenses/assets/styles/css/../../images/icon-diamond.svg");
    background-size: cover;
  }
}
.box {
  margin-top: 80px;
  font-family: "Gilroy";
}
.box__tabs {
  margin-bottom: 40px;
}
.box__tabs_nav {
  display: flex;
}
.payment__tabs_nav {
  display: flex;
}
.confirm__tabs_nav {
  display: flex;
}
.box__tabs_item.is-active {
  padding: 15px 20px;
  background: var(--white-color);
  border: none;
  border-top: 2px solid var(--blue-color);
}
.box__tabs_item {
  padding: 15px 20px;
  background: var(--smoky-gray-color);
  border: 1px solid rgb(237, 237, 237);
  white-space: nowrap;
  cursor: default;
}
.box__tabs-mob_item {
  display: none;
}
.box__tabs-mob_item.is-active {
  display: none;
}
.box__content {
  position: relative;
}
.box__content_item.is-active {
  display: block;
}
.box__content_item {
  display: none;
}
.box__content_item-description {
  display: block;
  width: 708px;
}
.box__content_item-description p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.box__content_item-review {
  display: flex;
  gap: 10px;
  overflow-x: scroll;
  scrollbar-width: none;
}
.box__content_item-review_post-info {
  width: 400px;
  position: relative;
}
.box__content_item-review_post-info img {
  position: relative;
  z-index: 0;
  border-radius: 10px;
}
.box__content_item-review_post-info::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 10px;
  background: linear-gradient(180deg, rgb(255, 255, 255), rgba(0, 0, 0, 0) 0.01%, rgb(0, 0, 0) 100%);
  opacity: 0.7;
  z-index: 1;
}
.box__content_item-review_post-info h3 {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: var(--white-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  z-index: 2;
}
.box__content_item-review::-webkit-scrollbar {
  display: none;
}
.box__content_item-question {
  width: 708px;
  margin-top: 40px;
}
.box__content_item-question h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.box__content_item-question-name {
  margin-top: 5px;
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.box__content_item-question_answer {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
  margin-left: 105px;
  color: var(--black-color);
}
.box__content_item-question_answer h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.box__content_item-question_answer p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.9;
}
.box__content_item-question_answer::before {
  content: "";
  position: absolute;
  top: 4px;
  left: -20px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue-color);
}
.box__content_item-document {
  position: relative;
  margin-top: 12px;
  padding-left: 40px;
}
.box__content_item-document a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.box__content_item-document::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 7px;
  width: 17px;
  height: 17px;
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-download.svg);
}
.box__content_button-set {
  display: block;
  width: 267px;
  position: relative;
  padding: 20px 70px 20px 40px;
  border-radius: 50px;
  background: var(--blue-color);
}
.box__content_button-set p {
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
}
.box__content_button-set svg {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 22px;
  right: 40px;
}
.box__content_button-set.button-question {
  display: block;
  width: 186px;
  position: relative;
  padding: 10px 15px;
  border-radius: 50px;
  background: var(--blue-color);
}
.box__content_button-set.button-question p {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.box__content_kit {
  margin-top: 40px;
  position: relative;
}
.box__content_kit-item {
  width: 400px;
  height: 450px;
  margin-right: 10px;
  background: var(--smoky-gray-color);
  border-radius: 10px;
}
.box__content_kit-title {
  padding: 40px 30px 30px 30px;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
}
.box__content_kit-list {
  counter-reset: item;
}
.box__content_kit-list .box__content_kit-inner {
  display: flex;
  gap: 15px;
  margin-top: 10px;
  padding-left: 30px;
  counter-increment: item;
}
.box__content_kit-list .box__content_kit-inner::before {
  content: counter(item) ". ";
  margin-right: 5px;
  width: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.box__content_kit-list .box__content_kit-inner-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 30px;
}
.box__content_kit-inner img {
  width: 70px;
  height: 70px;
  border-radius: 5px;
}
.box__content_kit-inner-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.box__content_kit-price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.box__content_kit-price p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.box__content_kit-price .old-price {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration-line: line-through;
  opacity: 0.6;
}
.box__content_kit-buy {
  margin-top: 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
}
.box__content_kit-buy-btn {
  padding: 12px 30px;
  border-radius: 60px;
  color: var(--white-color);
  background: var(--blue-color);
  font-family: "Gilroy";
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}
.box__content_kit-buy-price {
  padding-right: 30px;
}
.box__content_kit-buy-price p {
  color: var(--blue-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
}
.box__content_kit-buy-price span {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.box__content_kit-buy-price span p {
  color: var(--gray-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.box__content_kit-wrapper.swiper-wrapper {
  margin-left: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.box__content_kit-item.swiper-slide:hover {
  transform: scale(1);
}
.box__content_kit__button.swiper__button-arrow {
  width: 108%;
  display: flex;
  justify-content: space-between;
  gap: 420px;
  margin-right: 0px;
  position: absolute;
  top: 50%;
  left: -50px;
  z-index: 99;
}

@media (max-width: 1224px) {
  .box {
    width: 90%;
  }
  .box__content_kit-item {
    width: 291px;
  }
}
@media (max-width: 1024px) {
  .box {
    width: 90%;
  }
  .box__content {
    position: relative;
  }
  .box__content_item.is-active {
    display: block;
  }
  .box__content_item {
    display: none;
  }
  .box__content_button-set {
    display: block;
    width: 267px;
    position: relative;
    margin-top: 40px;
    padding: 20px 70px 20px 40px;
    border-radius: 50px;
    background: var(--blue-color);
  }
  .box__content_button-set p {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
  }
  .box__content_button-set svg {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 22px;
    right: 40px;
  }
  .box__content_kit {
    margin-top: 30px;
  }
  .box__content_kit-item {
    width: 372px;
  }
  .box__content_kit-title {
    padding: 37px 27px 27px 27px;
    font-size: 16px;
  }
  .box__content_kit-list .box__content_kit-inner {
    display: flex;
    gap: 15px;
    padding-left: 27px;
  }
  .box__content_kit-list .box__content_kit-inner-wrapper {
    padding-right: 27px;
  }
  .box__content_kit-inner img {
    width: 65px;
    height: 65px;
  }
  .box__content_kit-inner-title {
    font-size: 12px;
    font-weight: 600;
  }
  .box__content_kit-price {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .box__content_kit-price p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }
  .box__content_kit-price .old-price {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration-line: line-through;
  }
  .box__content_kit-buy {
    margin-top: 32px;
    padding-left: 27px;
  }
  .box__content_kit-buy-btn {
    padding: 10px 15px;
    font-size: 11px;
  }
  .box__content_kit-buy-price {
    padding-right: 27px;
  }
  .box__content_kit-buy-price p {
    font-size: 22px;
    font-weight: 700;
  }
  .box__content_kit-buy-price span {
    margin-top: 8px;
  }
  .box__content_kit-buy-price span p {
    font-size: 12px;
  }
  .box__content_kit__button.swiper__button-arrow {
    left: -45px;
  }
  .box__content_kit-wrapper.swiper-wrapper {
    margin-left: 10px;
  }
}
@media (max-width: 1024px) {
  .box {
    width: 90%;
    margin-top: 40px;
  }
  .box__content {
    position: relative;
  }
  .box__content_item.is-active {
    display: block;
  }
  .box__content_item {
    display: none;
  }
  .box__content_button-set {
    display: block;
    width: 267px;
    position: relative;
    margin-top: 40px;
    padding: 20px 70px 20px 40px;
    border-radius: 50px;
    background: var(--blue-color);
  }
  .box__content_button-set p {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
  }
  .box__content_button-set svg {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 22px;
    right: 40px;
  }
  .box__content_kit {
    margin-top: 30px;
  }
  .box__content_kit-item {
    width: 372px;
  }
  .box__content_kit-title {
    padding: 37px 27px 27px 27px;
    font-size: 16px;
  }
  .box__content_kit-list .box__content_kit-inner {
    display: flex;
    gap: 15px;
    padding-left: 27px;
  }
  .box__content_kit-list .box__content_kit-inner-wrapper {
    padding-right: 27px;
  }
  .box__content_kit-inner img {
    width: 65px;
    height: 65px;
  }
  .box__content_kit-inner-title {
    font-size: 12px;
    font-weight: 600;
  }
  .box__content_kit-price {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .box__content_kit-price p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }
  .box__content_kit-price .old-price {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration-line: line-through;
  }
  .box__content_kit-buy {
    margin-top: 32px;
    padding-left: 27px;
  }
  .box__content_kit-buy-btn {
    padding: 10px 15px;
    font-size: 11px;
  }
  .box__content_kit-buy-price {
    padding-right: 27px;
  }
  .box__content_kit-buy-price p {
    font-size: 22px;
    font-weight: 700;
  }
  .box__content_kit-buy-price span {
    margin-top: 8px;
  }
  .box__content_kit-buy-price span p {
    font-size: 12px;
  }
  .box__content_kit__button.swiper__button-arrow {
    left: -45px;
  }
  .box__content_kit-wrapper.swiper-wrapper {
    margin-left: 10px;
  }
}
@media (max-width: 999px) {
  .box__tabs_nav {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .box__tabs_nav::-webkit-scrollbar {
    display: none;
  }
  .payment__tabs_nav {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .payment__tabs_nav::-webkit-scrollbar {
    display: none;
  }
  .confirm__tabs_nav {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .confirm__tabs_nav::-webkit-scrollbar {
    display: none;
  }
  .box__content_kit__button.swiper__button-arrow {
    display: none;
  }
  .box__content_item-review_post-info {
    width: 372px;
  }
}
@media (max-width: 835px) {
  .swiper.swiper-content_kit {
    width: 100%;
    margin-right: initial;
    overflow: visible;
    margin-left: -10px;
  }
}
@media (max-width: 545px) {
  .box {
    width: 92%;
    margin-top: 40px;
  }
  .box__tabs {
    display: none;
  }
  .box__tabs_nav {
    flex-direction: column;
    gap: 4px;
  }
  .payment__tabs_nav {
    flex-direction: column;
    gap: 4px;
  }
  .confirm__tabs_nav {
    flex-direction: column;
    gap: 4px;
  }
  .box__tabs_item {
    position: relative;
    border-radius: 5px;
  }
  .box__tabs_item::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
    background: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-black.svg);
    width: 14px;
    height: 8px;
    z-index: 10;
  }
  .box__tabs_item.is-active {
    padding: 15px 20px;
    color: var(--blue-color);
    background: var(--smoky-gray-color);
    border: 1px solid rgb(237, 237, 237);
    white-space: nowrap;
  }
  .box__tabs_item.is-active::after {
    content: "";
    position: absolute;
    transform: translateY(-50%) rotate(180deg);
    transition: 0.3s;
    background: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-blue-bottom.svg);
  }
  .box__tabs-mob_item {
    display: block;
    padding: 15px 20px;
    margin: 4px 0;
    border-radius: 5px;
    background: var(--smoky-gray-color);
    border: 1px solid rgb(237, 237, 237);
    position: relative;
    cursor: pointer;
  }
  .box__tabs-mob_item::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 19px;
    background: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-black.svg);
    width: 14px;
    height: 8px;
    z-index: 10;
  }
  .box__tabs-mob_item.is-active {
    display: block;
    color: var(--blue-color);
    background: var(--smoky-gray-color);
  }
  .box__tabs-mob_item.is-active::after {
    content: "";
    position: absolute;
    transform: translateY(-50%) rotate(180deg);
    transition: 0.3s;
    background: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-blue-bottom.svg);
  }
  .box__content_item.is-active {
    display: block;
  }
  .box__content_item.box__tabs_item.tab1.is-active {
    position: relative;
  }
  .box__content {
    position: relative;
  }
  .box__content_item.is-active {
    display: block;
    margin: 20px 0;
  }
  .box__content_item {
    display: none;
  }
  .box__content_button-set {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 20px;
    padding: 20px 70px 20px 40px;
    border-radius: 50px;
    background: var(--blue-color);
  }
  .box__content_button-set p {
    color: var(--white-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
  }
  .box__content_button-set svg {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 22px;
    right: 40px;
  }
  .box__content_kit {
    margin-top: 30px;
  }
  .box__content_kit-item {
    width: 335px;
    margin-right: 5px;
  }
  .box__content_kit-title {
    padding: 37px 27px 27px 27px;
    font-size: 16px;
  }
  .box__content_kit-list .box__content_kit-inner {
    display: flex;
    gap: 15px;
    padding-left: 27px;
  }
  .box__content_kit-list .box__content_kit-inner-wrapper {
    padding-right: 27px;
  }
  .box__content_kit-inner img {
    width: 65px;
    height: 65px;
  }
  .box__content_kit-inner-title {
    font-size: 12px;
    font-weight: 600;
  }
  .box__content_kit-price {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .box__content_kit-price p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }
  .box__content_kit-price .old-price {
    opacity: 0.6;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration-line: line-through;
  }
  .box__content_kit-buy {
    margin-top: 32px;
    padding-left: 27px;
  }
  .box__content_kit-buy-btn {
    padding: 10px 15px;
    font-size: 11px;
  }
  .box__content_kit-buy-price {
    padding-right: 27px;
  }
  .box__content_kit-buy-price p {
    font-size: 22px;
    font-weight: 700;
  }
  .box__content_kit-buy-price span {
    margin-top: 8px;
  }
  .box__content_kit-buy-price span p {
    font-size: 12px;
  }
  .box__content_kit__button.swiper__button-arrow {
    left: -45px;
  }
  .box__content_kit-wrapper.swiper-wrapper {
    margin-left: 10px;
  }
  .box__content_item-description {
    width: 92%;
    margin: 0 auto;
  }
  .box__content_item-description p {
    font-size: 14px;
  }
  .box__content_item-review_post-info {
    width: 287px;
  }
  .box__content_item-question {
    width: 92%;
    margin: 20px auto 0;
  }
  .box__content_item-question_answer {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    margin-left: 40px;
  }
  .box__content_item-question_answer h4 {
    font-size: 14px;
  }
  .box__content_item-question_answer p {
    font-size: 14px;
  }
}
.product__recommendation {
  position: relative;
}
.product__recommendation-wrapper.product__list {
  display: flex;
}
.product__recommendation-wrapper.swiper-wrapper {
  width: auto;
  margin-left: 0;
}
.product__recommendation__button.swiper__button-arrow {
  width: 108%;
  display: flex;
  justify-content: space-between;
  gap: 420px;
  margin-right: 0px;
  position: absolute;
  top: 50%;
  left: -50px;
  z-index: 99;
}

.product__choice.swiper-slide:hover {
  transform: scale(1);
}

.product__choice.swiper-slide {
  box-sizing: border-box;
  width: 305px;
  height: 600px;
}

@media (max-width: 1024px) {
  .product__recommendation {
    width: 90%;
  }
  .product__recommendation__button.swiper__button-arrow {
    left: -45px;
  }
}
@media (max-width: 999px) {
  .product__recommendation {
    width: 90%;
  }
  .product__recommendation__button.swiper__button-arrow {
    display: none;
  }
  .product__choice.swiper-slide {
    box-sizing: border-box;
    height: 490px;
  }
}
@media (max-width: 835px) {
  .product__choice.swiper-slide {
    box-sizing: border-box;
    height: 460px;
  }
}
@media (max-width: 545px) {
  .product__choice.swiper-slide {
    box-sizing: border-box;
    width: 170px;
    height: 380px;
  }
}
/* ------------------------------------------FOOTER------------------------------------------- */
.footer {
  margin-top: 100px;
  position: relative;
  overflow: hidden;
  min-height: 400px;
  margin-top: auto;
  border-radius: 45px 45px 0 0;
  color: var(--white-color);
  background: var(--blue-color);
  z-index: 100;
}
.footer::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 45px 45px 0 0;
  color: var(--white-color);
  background-color: var(--blue-color);
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/logo-lens-footer-big.svg);
  background-size: 480px 80px;
  background-repeat: no-repeat;
  background-position: 50% 54%;
  top: 0px;
  left: 0px;
  transform: translateY(0);
  transition: 0.9s;
}
.footer.on-scroll:after {
  transform: translateY(100%);
  transition: all 1.2s;
}

@media (max-width: 835px) {
  .footer::after {
    background-size: 480px 70px;
  }
}
@media (max-width: 660px) {
  .footer::after {
    background-size: 360px 70px;
  }
}
@media (max-width: 500px) {
  .footer::after {
    background-size: 290px 70px;
  }
}
@media (max-width: 400px) {
  .footer::after {
    background-size: 220px 70px;
  }
}
.footer-catalog {
  padding: 77px 110px 36px 110px;
}
.footer-catalog__list {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  flex-wrap:wrap;
  margin-left:100px;
}
.footer-catalog__wrapper a {
  font-size: 16px;
  font-weight: 600;
}
.footer-catalog__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.footer-catalog__item a {
  font-size: 14px;
  font-weight: 400;
}
.footer-catalog__registered {
  width: 272px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.footer-catalog__registered img {
  width: 195px;
}
.footer-catalog__registered span {
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1024px) {
  .footer-catalog {
    padding: 60px 50px 40px;
  }
  .footer-catalog__list {
    gap: 60px;
  }
}
@media (max-width: 835px) {
  .footer-catalog {
    padding: 50px 40px 40px;
  }
  .footer-catalog__list {
    gap: 60px;
    padding-bottom: 30px;
  }
  .footer-catalog__wrapper a {
    font-size: 12px;
    font-weight: 600;
  }
  .footer-catalog__item a {
    font-size: 12px;
    font-weight: 400;
  }
  .footer-catalog__registered {
    width: 172px;
    gap: 15px;
  }
  .footer-catalog__registered img {
    width: 166px;
  }
  .footer-catalog__registered span {
    font-size: 10px;
    font-weight: 400;
  }
}
@media (max-width: 620px) {
  .footer-catalog {
    padding: 50px 20px 40px;
  }
  .footer-catalog__list {
    display: none;
    gap: 20px;
    padding-bottom: 30px;
  }
  .footer-catalog__wrapper {
    display: flex;
    justify-content: center;
  }
  .footer-catalog__wrapper a {
    font-size: 12px;
    font-weight: 600;
  }
  .footer-catalog__item a {
    font-size: 12px;
    font-weight: 400;
  }
  .footer-catalog__registered {
    width: 172px;
    gap: 15px;
  }
  .footer-catalog__registered img {
    width: 166px;
  }
  .footer-catalog__registered span {
    font-size: 10px;
    font-weight: 400;
  }
}
@media (max-width: 500px) {
  .footer-catalog {
    padding: 60px 20px 40px;
  }
  .footer-catalog__list {
    gap: 20px;
    padding-bottom: 30px;
  }
  .footer-catalog__wrapper a {
    font-size: 12px;
    font-weight: 600;
  }
  .footer-catalog__item a {
    font-size: 12px;
    font-weight: 400;
  }
  .footer-catalog__registered {
    width: 172px;
    gap: 15px;
  }
  .footer-catalog__registered img {
    width: 166px;
  }
  .footer-catalog__registered span {
    font-size: 10px;
    font-weight: 400;
  }
}
.footer-nav-mobil {
  display: none;
}
.footer-nav-mobil .catalog-activ__list-footer {
  width: 100%;
  height: 100%;
  border-right: none;
  padding-bottom: 0;
}
.footer-nav-mobil .catalog-activ__list-footer > .footer-catalog__registered img {
  margin: 0 auto;
}
.footer-nav-mobil .catalog-activ__item-footer {
  padding: 20px 0 10px;
}
.footer-nav-mobil .catalog-activ__item-footer::after {
  top: 27px;
  right: 9px;
  width: 15px;
  height: 8px;
  transition: 0.3s;
  transform: rotate(180deg);
  background: no-repeat url(/local/templates/lenses/assets/styles/css/../../images/icon-amoon-arrow-white.svg);
}
.footer-nav-mobil .catalog-activ__item-footer.active::after {
  transform: rotate(0deg);
}
.footer-nav-mobil .catalog-activ__item-footer:last-child::after {
  visibility: visible;
}
.footer-nav-mobil .catalog-activ__item-footer:last-child {
  border-bottom: 1px solid var(--ligth-gray-color);
}

.footer-catalog__registered-mobil {
  display: none;
}

@media (max-width: 620px) {
  .footer-nav-mobil {
    display: block;
  }
  .footer-catalog__registered-mobil {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 30px;
  }
  .footer-catalog__registered-mobil span {
    font-size: 10px;
    font-weight: 400px;
    opacity: 0.6;
  }
}
.footer-contact {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 40px;
}
.footer-contact__contacts {
  display: flex;
  gap: 50px;
}
.footer-contact__contact p {
  padding-bottom: 10px;
  opacity: 0.8;
  font-size: 14px;
  font-weight: 400;
}
.footer-contact__contact a {
  font-size: 16px;
  font-weight: 600;
}
.footer-contact__contact-social a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-contact__contact-social img {
  width: 30px;
  height: 30px;
  border: 1px solid;
  border-radius: 50%;
  transition: 0.7s;
}
.footer-contact__contact-social:hover img {
  transform: scale(1.33);
}
.footer-contact__contact-social p {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #fff;
}

@media (max-width: 1024px) {
  .footer-contact {
    padding-top: 30px;
  }
  .footer-contact__contacts {
    gap: 15px;
  }
}
@media (max-width: 835px) {
  .footer-contact {
    padding-top: 30px;
  }
  .footer-contact__contacts {
    gap: 15px;
  }
  .footer-contact__contact p {
    font-size: 12px;
    font-weight: 400;
  }
  .footer-contact__contact a {
    font-size: 14px;
    font-weight: 600;
  }
  .footer-contact__contact-social a {
    gap: 8px;
  }
  .footer-contact__contact-social img {
    width: 19px;
    height: 19px;
  }
  .footer-contact__contact-social p {
    font-size: 12px;
    font-weight: 600;
  }
}
@media (max-width: 620px) {
  .footer-contact {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-contact__contacts {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .footer-contact__contacts-mobil {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 30px;
  }
}
.footer__copyrights {
  display: flex;
  justify-content: space-between;
  padding-top: 35px;
  opacity: 0.6;
  text-decoration: none;
  font-family: "Gilroy";
}
.footer__copyrights p {
  font-size: 12px;
  font-weight: 400;
}
.footer__copyrights p:last-child {
  text-align: right;
}
.footer__copyrights a {
  font-size: 12px;
  font-weight: 400;
  border-bottom: 1px solid #fff;
}

.path {
  position: relative;
}
.path__list {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 32px;
  overflow-x: auto;
  scrollbar-width: none;
}
.path__list::-webkit-scrollbar {
  display: none;
  width: 0;
  -webkit-appearance: none;
  appearance: none;
}
.path__item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  position: relative;
  color: var(--gray-color);
  white-space: nowrap;
}
.path__item:hover {
  color: var(--blue-color);
}
.path__item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #717171;
  transform: translateY(-50%);
}
.path__item:last-child::after {
  display: none;
}
.path__item:last-child {
  display: flex;
  align-items: center;
  color: var(--black-color);
}
.path__item:last-child a {
  font-weight: 600;
  white-space: nowrap;
}
.path__item:last-child:hover {
  color: var(--blue-color);
}
.path__link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 834px) {
  .path__list {
    margin-top: 30px;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-inline: calc(50vw - 50%);
  }
}
@media (max-width: 660px) {
  .path__list {
    margin-top: 15px;
  }
  .path__link {
    font-size: 12px;
  }
}
.catalog {
  margin-top: 40px;
}
.catalog__list {
  display: grid;
  gap: 8px 15px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "A B" "A C" "D F" "E F";
}
.catalog__item-box {
  position: relative;
  max-width: 605px;
  border-radius: 10px;
  overflow: hidden;
}
.catalog__item-box img {
  transition: transform 0.7s;
}
.catalog__item-box img:hover {
  transform: scale(1.08);
}
.catalog__item p {
  position: absolute;
  bottom: 30px;
  left: 40px;
  font-family: "RF Dewi Expanded";
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}
.catalog__item-grid1 {
  position: relative;
  grid-area: A;
}
.catalog__item-grid2 {
  position: relative;
  grid-area: B;
}
.catalog__item-grid3 {
  position: relative;
  grid-area: C;
}
.catalog__item-grid4 {
  position: relative;
  grid-area: D;
}
.catalog__item-grid5 {
  position: relative;
  grid-area: E;
}
.catalog__item-grid6 {
  position: relative;
  grid-area: F;
}

@media (max-width: 910px) {
  .catalog__list {
    gap: 6px 10px;
  }
  .catalog__item p {
    bottom: 20px;
    left: 15px;
    font-size: 16px;
  }
}
@media (max-width: 660px) {
  .catalog {
    margin-top: 20px;
  }
  .catalog__list {
    gap: 28px 5px;
    grid-template-areas: "A B" "C D" "E F";
  }
  .catalog__item-box {
    position: relative;
    max-height: 98px;
    border-radius: 10px;
    overflow: hidden;
  }
  .catalog__item-box img {
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.7s;
  }
  .catalog__item-box img:hover {
    transform: scale(1.08);
  }
  .catalog__item p {
    width: 90%;
    position: relative;
    bottom: -8px;
    left: 0px;
    font-size: 12px;
  }
  .catalog__item-grid2 .catalog__item-box img,
  .catalog__item-grid3 .catalog__item-box img,
  .catalog__item-grid4 .catalog__item-box img,
  .catalog__item-grid5 .catalog__item-box img {
    min-width: 100%;
    min-height: 100%;
    height: 98px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 98% 50%;
    transition: transform 0.7s;
  }
}
.pagination {
  margin-top: 43px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.pagination__item-left, .pagination__item-right {
  width: 20px;
  height: 18px;
  margin: 0 5px;
}
.pagination li {
  color: var(--gray-color);
  font-size: 16px;
  font-weight: 400;
}
.pagination__active {
  background-color: var(--blue-color);
  padding: 5px 12px;
  border-radius: 50%;
}
li .pagination__active {
  color: var(--white-color);
  font-weight: 600;
}

.product-block .category__list-lens {
  padding: 8px 20px;
}
.product-block__list {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 10px;
  margin-top: 40px;
}
.product-block__filter {
  max-width: 330px;
}
.product-block__filter-mobil {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  color: var(--black-color);
  background-color: var(--white-color);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.product-block__filter-mobil.active {
  opacity: 1;
  visibility: visible;
  left: 0;
  overflow: scroll;
}

.lens-product__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lens-product__list {
  margin: 20px 0 5px 0;
  grid-template-columns: repeat(3, 307px);
  z-index: 0;
}
.lens-product__filter-list {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  width: 940px;
}
.lens-product__filter-item, .lens-product__filter-item-category {
  color: var(--gray-color);
}
.lens-product__filter-item.item-btn-filter {
  display: none;
}
.lens-product__filter-inner {
  display: flex;
  gap: 10px;
  border: 1px solid var(--gray-color);
  border-radius: 80px;
  padding: 5px 16px;
}
.lens-product__filter-inner p {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 1220px) {
  .lens-product__list {
    justify-content: space-between;
    gap: 0 10%;
    grid-template-columns: repeat(2, 307px);
  }
  .lens-product__filter-list {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .product-block__filter {
    min-width: 250px;
  }
  .lens-product__list {
    justify-content: space-between;
    gap: 0 10%;
    grid-template-columns: repeat(2, 260px);
  }
}
@media (max-width: 910px) {
  .lens-product__list {
    justify-content: space-between;
    gap: 10px 5%;
    grid-template-columns: repeat(2, 244px);
  }
}
@media (max-width: 835px) {
  .product-block .category__list-lens {
    padding: 8px 20px;
  }
  .product-block__list {
    grid-template-columns: 245px 1fr;
  }
  .lens-product__list {
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: repeat(2, 244px);
  }
}
@media (max-width: 810px) {
  .product-block__list {
    grid-template-columns: 1fr;
  }
  .product-block__filter {
    display: none;
  }
  .lens-product__list {
    gap: 10px;
    grid-template-columns: repeat(3, 220px);
  }
  .lens-product__filter-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 15px 0;
  }
  .lens-product__filter-item.item-btn-filter {
    display: flex;
    justify-content: flex-end;
  }
  .lens-product__filter-item {
    width: 50%;
  }
}
@media (max-width: 700px) {
  .lens-product__list {
    gap: 10px 10%;
    grid-template-columns: repeat(2, 220px);
  }
}
@media (max-width: 516px) {
  .lens-product__list {
    gap: 10px 10%;
    grid-template-columns: repeat(2, 200px);
  }
}
@media (max-width: 440px) {
  .lens-product__list {
    gap: 10px;
    grid-template-columns: repeat(2, 190px);
  }
}
@media (max-width: 400px) {
  .lens-product__list {
    gap: 5px;
    grid-template-columns: repeat(2, 170px);
  }
}
.services {
  margin-top: 40px;
}
.services__list {
  display: grid;
  gap: 8px 15px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "A B" "A C";
}
.services__item {
  border-radius: 10px;
  background: var(--smoky-gray-color);
  width: 100%;
}
.services__item-box {
  position: relative;
  max-width: 607px;
  overflow: hidden;
  transition: transform 0.7s;
}
.services__item-box picture {
  width: 100%;
  overflow: hidden;
}
.services__item-box picture img {
  -o-object-position: right;
     object-position: right;
  width: 100%;
  height: 175px;
  transition: transform 0.7s;
}
.services__item h3 {
  position: absolute;
  bottom: 115px;
  left: 30px;
  font-family: "RF Dewi Expanded";
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}
.services__item-box-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  bottom: 40px;
  padding: 0 30px;
}
.services__item-box-text p {
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.7;
}
.services__item:hover {
  border-radius: 10px;
}
.services__item:hover img {
  transform: scale(1.03);
}
.services__item-grid1 {
  position: relative;
  grid-area: A;
  width: 99%;
  border-radius: 10px;
}
.services__item-grid1 .services__item-box {
  border-radius: 10px 10px 0 0;
}
.services__item-grid1.services__item h3 {
  bottom: 140px;
}
.services__item-grid1 .services__item-box picture img {
  -o-object-position: top;
     object-position: top;
  border-radius: 10px 10px 0 0;
}
.services__item-grid1 .services__item-box h3 {
  position: absolute;
  bottom: 10px;
}
.services__item-grid1:hover .services__item-box {
  border-radius: 10px 10px 0 0;
}
.services__item-grid2 {
  position: relative;
  grid-area: B;
}
.services__item-grid3 {
  position: relative;
  grid-area: C;
}
.services__item-grid2 .services__item-box, .services__item-grid3 .services__item-box {
  border-radius: 0 10px 10px 0;
}
.services__item-grid2:hover .services__item-box, .services__item-grid3:hover .services__item-box {
  border-radius: 0 10px 10px 0;
}

@media (max-width: 1224px) {
  .services__list {
    gap: 10px;
  }
  .services__item h3 {
    bottom: 115px;
    left: 20px;
    font-size: 17px;
  }
  .services__item-box-text {
    gap: 10px;
    bottom: 40px;
    padding: 0 20px;
  }
  .services__item-box-text p {
    font-size: 13px;
  }
}
@media (max-width: 1024px) {
  .services__item-box picture img {
    width: 100%;
    height: 145px;
  }
  .services__item h3 {
    bottom: 115px;
    left: 20px;
    font-size: 14px;
  }
  .services__item-box-text {
    gap: 10px;
    bottom: 30px;
    padding: 0 20px;
  }
  .services__item-box-text p {
    font-size: 12px;
  }
  .services__item-grid1.services__item h3 {
    bottom: 120px;
  }
}
@media (max-width: 900px) {
  .services__item-box picture img {
    width: 100%;
    height: 115px;
  }
  .services__item h3 {
    bottom: 75px;
    left: 20px;
    font-size: 14px;
  }
  .services__item-box-text {
    gap: 10px;
    bottom: 20px;
    padding: 0 20px;
  }
  .services__item-box-text p {
    font-size: 12px;
  }
  .services__item-grid1.services__item h3 {
    bottom: 100px;
  }
}
@media (max-width: 835px) {
  .services__item-box picture img {
    width: 100%;
    height: 110px;
  }
}
@media (max-width: 810px) {
  .services__item-box picture img {
    width: 100%;
    height: 110px;
  }
  .services__item h3 {
    width: 165px;
    bottom: 65px;
    left: 20px;
    font-size: 14px;
    text-wrap: balance;
  }
  .services__item-box-text {
    gap: 10px;
    bottom: 20px;
    padding: 0 20px;
  }
  .services__item-box-text p {
    font-size: 12px;
  }
  .services__item-grid1.services__item h3 {
    bottom: 85px;
  }
  .services__item-grid1 .services__item-box-text {
    bottom: 15px;
  }
}
@media (max-width: 750px) {
  .services {
    margin-top: 20px;
  }
  .services__list {
    max-width: 500px;
    margin: 0 auto;
    gap: 28px 5px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "A" "B" "C";
  }
  .services__item {
    height: 225px;
  }
  .services__item-box {
    position: relative;
    width: 100%;
    max-height: 98px;
    border-radius: 0px;
    overflow: hidden;
  }
  .services__item-box picture img {
    -o-object-fit: cover;
       object-fit: cover;
    transition: transform 0.7s;
  }
  .services__item-box img:hover {
    transform: scale(1.08);
  }
  .services__item h3 {
    width: 92%;
    bottom: 85px;
    left: 20px;
    font-size: 14px;
    text-wrap: balance;
  }
  .services__item p {
    position: relative;
    bottom: -8px;
    left: 0px;
    font-size: 12px;
  }
  .services__item-box-text {
    gap: 10px;
    bottom: 40px;
    padding: 0 20px;
  }
  .services__item-box-text p {
    font-size: 12px;
  }
  .services__item-grid1.services__item h3 {
    bottom: 95px;
  }
  .services__item-grid1 .services__item-box-text {
    bottom: 25px;
  }
  .services__item-grid1 {
    width: 100%;
  }
  .services__item-grid1 .services__item-box picture img, .services__item-grid2 .services__item-box picture img, .services__item-grid3 .services__item-box picture img {
    border-radius: 10px 10px 0 0;
  }
}
@media (max-width: 450px) {
  .services__item-box picture img {
    width: 100%;
    height: 98px;
  }
}
.pagination {
  margin-top: 43px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.pagination__item-left, .pagination__item-right {
  width: 20px;
  height: 18px;
  margin: 0 5px;
}
.pagination li {
  color: var(--gray-color);
  font-size: 16px;
  font-weight: 400;
}
.pagination__active {
  background-color: var(--blue-color);
  padding: 5px 12px;
  border-radius: 50%;
}
li .pagination__active {
  color: var(--white-color);
  font-weight: 600;
}

.vision-test {
  margin-top: 40px;
}
.vision-test__subtitle {
  margin-top: 80px;
}
.vision-test__list {
  display: grid;
  gap: 30px 12px;
  grid-template-columns: minmax(500px, 710px) 1fr;
  grid-template-areas: "A B" "A C" "A C";
}
.vision-test__item {
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.vision-test__item h3 {
  font-family: "RF Dewi Expanded";
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
}
.vision-test__item-box-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  bottom: 40px;
  padding: 0 30px;
}
.vision-test__item-box-text p {
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.7;
}
.vision-test__item-grid1 {
  position: relative;
  grid-area: A;
  border-radius: 20px;
  background: var(--white-color);
}
.vision-test__item-grid2 {
  position: relative;
  grid-area: B;
  height: 90px;
}
.vision-test__item-grid3 {
  position: relative;
  grid-area: C;
}
.vision-test__item-grid3 p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.vision-test_info {
  width: 100%;
}
.vision-test_prace {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-top: 0px;
  padding: 20px 30px;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.vision-test__button-order.produc-row__button-order {
  max-width: 230px;
  padding: 16px 24px;
}
.vision-test__description {
  margin-top: 60px;
  max-width: 710px;
}
.vision-test__description p {
  margin-top: 8px;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.9;
}

@media (max-width: 1200px) {
  .vision-test__item-grid2 {
    position: relative;
    grid-area: B;
    height: auto;
  }
  .vision-test_info {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .vision-test_prace {
    align-items: flex-start;
    gap: 20px;
  }
}
@media (max-width: 1025px) {
  .vision-test {
    margin-top: 30px;
  }
  .vision-test__subtitle {
    margin-top: 60px;
  }
  .vision-test__item-grid1 {
    position: relative;
    grid-area: A;
    border-radius: 10px;
  }
  .vision-test__item-grid2 {
    position: relative;
    grid-area: B;
    height: auto;
  }
  .vision-test__item-grid3 {
    position: relative;
    grid-area: C;
    width: 275px;
  }
  .vision-test_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .vision-test_prace {
    align-items: flex-start;
    gap: 20px;
  }
  .vision-test__button-order.produc-row__button-order {
    max-width: 240px;
    padding: 16px;
  }
}
@media (max-width: 900px) {
  .vision-test {
    margin-top: 30px;
  }
  .vision-test__subtitle {
    margin-top: 60px;
  }
  .vision-test__list {
    display: grid;
    gap: 20px 10px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "A A B B" "A A B B" "C C C -";
  }
  .vision-test__item-grid1 {
    position: relative;
    grid-area: A;
    border-radius: 10px;
  }
  .vision-test__item-grid2 {
    position: relative;
    grid-area: B;
    height: auto;
  }
  .vision-test__item-grid3 {
    position: relative;
    grid-area: C;
    width: 500px;
  }
  .vision-test__item-grid3 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  .vision-test_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }
  .vision-test_prace {
    align-items: flex-start;
    gap: 20px;
    margin-top: 0px;
    padding: 0 0 0 40px;
  }
  .vision-test__description {
    margin-top: 20px;
    max-width: 500px;
  }
  .vision-test__description p {
    font-size: 14px;
  }
}
@media (max-width: 650px) {
  .vision-test {
    margin-top: 30px;
  }
  .vision-test__subtitle {
    margin-top: 40px;
  }
  .vision-test__list {
    display: grid;
    gap: 20px 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "A B" "A B" "C C";
  }
  .vision-test__item-grid1 {
    position: relative;
    grid-area: A;
    border-radius: 10px;
  }
  .vision-test__item-grid2 {
    position: relative;
    grid-area: B;
    height: auto;
  }
  .vision-test__item-grid3 {
    position: relative;
    grid-area: C;
    width: 100%;
  }
  .vision-test__item-grid3 p {
    font-size: 14px;
  }
  .vision-test_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .vision-test_prace {
    align-items: flex-start;
    gap: 20px;
    margin-top: 0px;
    padding: 0 0 0 20px;
    transform: translateY(-50%);
    top: 50%;
  }
  .vision-test__description {
    margin-top: 20px;
    max-width: 500px;
  }
  .vision-test__description p {
    font-size: 14px;
  }
  .vision-test__button-order.produc-row__button-order {
    padding: 16px;
  }
  .vision-test__button-order.produc-row__button-order p {
    font-size: 12px;
  }
}
@media (max-width: 545px) {
  .vision-test {
    margin-top: 30px;
  }
  .vision-test__subtitle {
    margin-top: 40px;
  }
  .vision-test__list {
    display: grid;
    gap: 20px 10px;
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "A" "C";
  }
  .vision-test__item-grid1 {
    position: relative;
    grid-area: A;
    border-radius: 10px;
  }
  .vision-test__item-grid2 {
    position: fixed;
    grid-area: B;
    height: 55px;
    bottom: 70px;
    background: var(--black-color);
    z-index: 90;
  }
  .vision-test__item-grid3 {
    position: relative;
    grid-area: C;
    width: 100%;
  }
  .vision-test__item-grid3 p {
    font-size: 14px;
  }
  .vision-test_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .vision-test_prace {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0px;
    margin-top: 0px;
    padding: 8px 20px;
    position: fixed;
    top: initial;
    left: 0;
    bottom: 48px;
    border-radius: 0;
    background: var(--white-color);
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgb(244, 244, 244);
    z-index: 100;
  }
  .vision-test__description {
    margin-top: 20px;
    max-width: 500px;
  }
  .vision-test__description p {
    font-size: 14px;
  }
  .vision-test__button-order.produc-row__button-order {
    padding: 8px 12px;
  }
  .vision-test__button-order.produc-row__button-order p {
    font-size: 12px;
  }
}
.vision-test-lense {
  margin-top: 80px;
}
.vision-test-lense .subtitle {
  width: 710px;
}
.vision-test-lense img {
  margin-top: 40px;
}
.vision-test-lense__text {
  width: 710px;
  margin-top: 40px;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.vision-test-lense .vision-test__button-order.produc-row__button-order {
  margin-top: 40px;
}

@media (max-width: 900px) {
  .vision-test-lense {
    margin-top: 60px;
  }
  .vision-test-lense .subtitle {
    width: 100%;
  }
  .vision-test-lense img {
    margin-top: 40px;
  }
  .vision-test-lense__text {
    width: 500px;
    margin-top: 40px;
    font-family: "Gilroy";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
  .vision-test-lense .vision-test__button-order.produc-row__button-order {
    margin-top: 30px;
  }
}
@media (max-width: 650px) {
  .vision-test-lense {
    margin-top: 40px;
  }
  .vision-test-lense .subtitle {
    font-size: 24px;
  }
  .vision-test-lense img {
    margin-top: 20px;
  }
  .vision-test-lense__text {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
  }
  .vision-test-lense .vision-test__button-order.produc-row__button-order {
    margin-top: 30px;
  }
}
.vision-test__specialist {
  overflow-x: auto;
  scrollbar-width: none;
}
.vision-test__specialist__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  width: 1228px;
  scrollbar-width: thin;
  margin-top: 40px;
  padding-bottom: 10px;
}
.vision-test__specialist__item {
  position: relative;
  border-radius: 10px;
 
}
.vision-test__specialist__item img {
  border-radius: 10px;
}
.vision-test__specialist__item:hover {
  display: block;
  transition: all 0.3s;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
}
.vision-test__specialist__item:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 306px;
}
.vision-test__specialist_title {
  margin-top: 20px;
  padding: 0 20px;
  color: var(--black-color);
  font-family: "Gilroy";
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.vision-test__specialist_text {
  margin-top: 10px;
  padding: 0 20px;
  color: var(--gray-color);
  font-family: "Gilroy";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.vision-test__specialist_button {
  display: none;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0 20px;
}
.vision-test__specialist_button a {
  color: var(--blue-color);
  font-family: "Gilroy";
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.vision-test__specialist_button svg {
  position: absolute;
  top: 6px;
  left: 36%;
  width: 9px;
  height: 9px;
}
.vision-test__specialist__item:hover .vision-test__specialist_button {
  display: block;
  transition: all 0.3s;
}

@media (max-width: 1240px) {
  .vision-test__specialist {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .vision-test__specialist__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    width: 100%;
    scrollbar-width: thin;
    margin-top: 28px;
    padding-bottom: 10px;
  }
  .vision-test__specialist__item {
    height: 100%;
    min-height: 440px;
  }
  .vision-test__specialist_button {
    margin-bottom: 20px;
  }
  .vision-test__specialist_button svg {
    position: absolute;
    top: 6px;
    left: 42%;
    width: 9px;
    height: 9px;
  }
}
@media (max-width: 1025px) {
  .vision-test__specialist {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .vision-test__specialist__list {
    display: flex;
    gap: 10px;
    width: -moz-max-content;
    width: max-content;
    scrollbar-width: thin;
    margin-top: 28px;
    padding-bottom: 10px;
  }
  .vision-test__specialist__item {
    width: 100%;
    max-width: 293px;
  }
}
@media (max-width: 900px) {
  .vision-test__specialist {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .vision-test__specialist__list {
    margin-top: 28px;
    padding-bottom: 10px;
    gap: 6px;
  }
  .vision-test__specialist__item {
    position: relative;
    border-radius: 10px;
    max-width: 245px;
  }
  .vision-test__specialist__item img {
    border-radius: 10px;
  }
  .vision-test__specialist__item:hover {
    display: block;
    transition: all 0.3s;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: rgb(255, 255, 255);
  }

  .vision-test__specialist_title {
    margin-top: 20px;
    padding: 0 20px;
    color: var(--black-color);
    font-family: "Gilroy";
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
  }
  .vision-test__specialist_text {
    margin-top: 10px;
    padding: 0 20px;
    color: var(--gray-color);
    font-family: "Gilroy";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  .vision-test__specialist_button {
    display: none;
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 20px;
  }
  .vision-test__specialist_button a {
    color: var(--blue-color);
    font-family: "Gilroy";
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
  }
  .vision-test__specialist_button svg {
    position: absolute;
    top: 7px;
    left: 42%;
    width: 9px;
    height: 9px;
  }
  .vision-test__specialist__item:hover .vision-test__specialist_button {
    display: block;
    transition: all 0.3s;
  }
}
@media (max-width: 650px) {
  .vision-test__specialist {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .vision-test__specialist__list {
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .vision-test__specialist__item {
    position: relative;
    border-radius: 10px;
    max-width: 228px;
    height: auto;
    min-height: 375px;

  }
  .vision-test__specialist__item img {
    border-radius: 10px;
  }

  .vision-test__specialist_title {
    margin-top: 20px;
    padding: 0 20px;
    color: var(--black-color);
    font-family: "Gilroy";
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
  }
  .vision-test__specialist_text {
    margin-top: 10px;
    padding: 0 20px;
    color: var(--gray-color);
    font-family: "Gilroy";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  .vision-test__specialist_button {
    display: flex;
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 20px;
  }
  .vision-test__specialist_button a {
    color: var(--blue-color);
    font-family: "Gilroy";
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
  }
  .vision-test__specialist_button svg {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 8px;
    height: 8px;
  }
  .vision-test__specialist__item:hover .vision-test__specialist_button {
    display: block;
    transition: all 0.3s;
  }
}
.vision-test__conditions {
  margin-top: 60px;
  padding: 80px 266px;
  border-radius: 20px;
  background: var(--smoky-gray-color);
}

@media (max-width: 1220px) {
  .vision-test__conditions {
    margin-top: 40px;
    padding: 40px 90px 60px;
    border-radius: 20px;
    background: var(--smoky-gray-color);
  }
}
@media (max-width: 900px) {
  .vision-test__conditions {
    margin-top: 40px;
    padding: 40px 60px 60px;
    border-radius: 20px;
    background: var(--smoky-gray-color);
  }
}
@media (max-width: 650px) {
  .vision-test__conditions {
    margin-top: 20px;
    padding: 20px 20px 30px;
    border-radius: 20px;
    background: var(--smoky-gray-color);
  }
}
.vision-test__conditions .delivery__sity_item {
  list-style: decimal;
}

.repair.delivery__sity {
  margin: 80px 0 40px;
}
.repair .delivery__sity_item {
  list-style: none;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  margin-left: 0px;
}
.repair .prace-wrapper {
  flex-direction: row-reverse;
  align-items: center;
}
.repair__img {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 60px;
}
.repair .prace-subtitle {
  margin-right: 10px;
  text-decoration: none;
}
.repair__question-answer .subtitle {
  margin-bottom: 30px;
}
.repair__check .vacancy__item-img {
  padding: 0;
  border-radius: 20px;
}
.repair__check .vacancy__item-img img {
  height: 610px;
  border-radius: 20px;
}
.repair__check .vacancy__item-none {
  padding: 70px 0;
}

.repair-order {
  max-width: 256px;
  padding: 22px 48px;
}

@media (max-width: 835px) {
  .repair.delivery__sity {
    width: 100%;
    margin: 40px 0 20px;
  }
  .repair .delivery__sity_item {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin-left: 0px;
  }
  .repair .prace-wrapper {
    flex-direction: row-reverse;
    align-items: center;
  }
  .repair__img {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 60px;
  }
  .repair .prace-subtitle {
    margin-right: 10px;
    text-decoration: none;
  }
  .repair__question-answer .subtitle {
    margin-bottom: 30px;
  }
  .repair__check .vacancy__item-img {
    padding: 0;
    border-radius: 20px;
  }
  .repair__check .vacancy__item-img img {
    height: auto;
    border-radius: 20px;
  }
  .repair__check .vacancy__item-none {
    padding: 70px 0;
  }
  .repair__check .vacancy__list-none {
    margin-top: 40px;
  }
  .repair__check .produc-row__order_button-send {
    position: relative;
    border-radius: 50px;
    margin-top: 20px;
  }
}
@media (max-width: 545px) {
  .repair .delivery__sity_item {
    list-style: none;
    font-size: 14px;
  }
  .repair__img {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 40px;
  }
  .repair__question-answer .subtitle {
    margin-bottom: 30px;
  }
  .repair__check .vacancy__item-img {
    padding: 0;
    border-radius: 20px;
  }
  .repair__check .vacancy__item-img img {
    height: auto;
    border-radius: 20px;
  }
  .repair__check .vacancy__item-none {
    padding: 70px 0;
  }
}
.repair-price {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.repair-price__table-title {
  margin-top: 20px;
  width: 100%;
  color: var(--black-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: left;
}
.repair-price__table-title table {
  width: 810px;
  padding: 20px 0;
}
.repair-price__table-title td:first-child {
  position: relative;
  overflow: hidden;
  width: 85%;
  font-weight: 400;
  vertical-align: bottom;
}
.repair-price__table {
  margin-top: 10px;
  width: 100%;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.repair-price__table_subtitle {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.repair-price__table table {
  width: 810px;
}
.repair-price__table td {
  padding: 5px 0 5px 20px;
}
.repair-price__table td.table-subtitle {
  padding: 5px 0 5px 0px;
}
.repair-price__table td:first-child {
  position: relative;
  overflow: hidden;
  width: 85%;
  color: rgba(41, 41, 46, 0.6);
  font-weight: 400;
  vertical-align: bottom;
}
.repair-price__table td:first-child.table-subtitle {
  color: var(--black-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.repair-price__table td:first-child::after {
  content: "";
  position: absolute;
  bottom: 10px;
  margin-left: 6px;
  width: 100%;
  border-bottom: 1px dashed rgba(41, 41, 46, 0.6);
}
.repair-price__table table {
  padding: 5px 0 20px 0;
}
.repair-price__document {
  position: relative;
  margin-top: 40px;
}
.repair-price__document a {
  margin-right: 10px;
}
.repair-price__document::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 17px;
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-download.svg);
}

@media (max-width: 835px) {
  .repair-price {
    display: flex;
    flex-direction: column;
    margin-top: 60px;
  }
  .repair-price__table-title {
    margin-top: 10px;
    width: 100%;
    color: var(--black-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
  }
  .repair-price__table-title table {
    width: 100%;
    padding: 10px 0;
  }
  .repair-price__table-title td:first-child {
    position: relative;
    overflow: hidden;
    width: 85%;
    font-weight: 400;
    vertical-align: bottom;
  }
  .repair-price__table {
    margin-top: 5px;
    width: 100%;
    font-family: "Gilroy";
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
  }
  .repair-price__table_subtitle {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
  }
  .repair-price__table table {
    width: 100%;
  }
  .repair-price__table td {
    padding: 5px 0 5px 10px;
  }
  .repair-price__table td.table-subtitle {
    padding: 5px 0 5px 0px;
  }
  .repair-price__table td:first-child {
    position: relative;
    overflow: hidden;
    width: 85%;
    color: rgba(41, 41, 46, 0.6);
    font-weight: 400;
    vertical-align: bottom;
  }
  .repair-price__table td:first-child.table-subtitle {
    color: var(--black-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
  }
  .repair-price__table td:first-child::after {
    content: "";
    position: absolute;
    bottom: 5px;
    margin-left: 6px;
    width: 100%;
    border-bottom: 1px dashed rgba(41, 41, 46, 0.6);
  }
  .repair-price__table table {
    padding: 5px 0 10px 0;
  }
  .repair-price__document {
    position: relative;
    margin-top: 20px;
  }
  .repair-price__document a {
    margin-right: 10px;
  }
  .repair-price__document::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 17px;
    height: 17px;
    background: url(/local/templates/lenses/assets/styles/css/../../images/icon-download.svg);
  }
}
@media (max-width: 545px) {
  .repair-price {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
  }
  .repair-price__table-title {
    margin-top: 10px;
    width: 100%;
    color: var(--black-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
  }
  .repair-price__table-title table {
    width: 100%;
    padding: 10px 0;
  }
  .repair-price__table-title td:first-child {
    position: relative;
    overflow: hidden;
    width: 75%;
    font-weight: 400;
    vertical-align: bottom;
  }
  .repair-price__table {
    margin-top: 5px;
    width: 100%;
    font-family: "Gilroy";
    font-size: 14px;
  }
  .repair-price__table_subtitle {
    margin-top: 10px;
    font-size: 14px;
  }
  .repair-price__table table {
    width: 100%;
  }
  .repair-price__table td {
    padding: 5px 0 5px 10px;
  }
  .repair-price__table td.table-subtitle {
    padding: 5px 0 5px 0px;
  }
  .repair-price__table td:first-child {
    position: relative;
    overflow: hidden;
    width: 75%;
    color: rgba(41, 41, 46, 0.6);
    font-weight: 400;
    vertical-align: bottom;
  }
  .repair-price__table td:first-child.table-subtitle {
    color: var(--black-color);
    font-size: 14px;
  }
  .repair-price__table td:first-child::after {
    content: "";
    position: absolute;
    bottom: 5px;
    margin-left: 6px;
    width: 100%;
    border-bottom: 1px dashed rgba(41, 41, 46, 0.6);
  }
  .repair-price__table table {
    padding: 5px 0 10px 0;
  }
  .repair-price__document {
    position: relative;
    margin-top: 20px;
  }
  .repair-price__document a {
    margin-right: 10px;
  }
}
.repair-popup {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  padding: 40px 30px;
}
.repair-popup__title {
  font-family: "RF Dewi Expanded";
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}
.repair-popup__text {
  margin: 20px 0 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.repair-popup .popup__content {
  position: relative;
  width: 400px;
  border-radius: 10px;
  overflow-y: auto;
  padding: 30px;
  background: var(--white-color);
  transform: translateY(100%);
}
.repair-popup__select_wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.repair-popup__select.select {
  width: 100%;
  max-width: 600px;
}
.repair-popup__select .select__header {
  margin-top: 5px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 5px;
}
.repair-popup__select .select__header-output {
  color: var(--black-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  padding: 10px 15px;
}
.repair-popup__select .select__header-icon {
  margin-right: 18px;
  width: 13px;
  height: 7px;
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-black.svg);
}
.repair-popup__select .select__list {
  width: 100%;
  left: 0;
}
.repair-popup__select .select__list-item:last-child {
  margin-bottom: 0;
}
.repair-popup__select.select.js-active .select__list {
  z-index: 5;
}
.popup__content .repair-popup__mark {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.popup__content .repair-popup__mark a {
  font-weight: 600;
  text-decoration: underline;
}
.repair-popup__button {
  display: flex;
  gap: 10px;
  position: relative;
  z-index: 0;
}
.repair-popup__button-back, .repair-popup__button-next {
  position: relative;
  width: 100%;
  margin-top: 20px;
  padding: 20px 40px;
  border-radius: 60px;
  text-transform: uppercase;
  overflow: hidden;
  z-index: 2;
}
.repair-popup__button-back p, .repair-popup__button-next p {
  position: relative;
  z-index: 3;
}
.repair-popup__button-back::after, .repair-popup__button-next::after {
  content: "";
  position: absolute;
  width: 130%;
  height: 360%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -60px;
  left: -17px;
  transform: translateY(100%);
  transition: 0.7s;
}
.repair-popup__button-back:hover::after, .repair-popup__button-next:hover::after {
  transform: translateY(0);
  border: 1px solid var(--ligth-gray-color);
}
.repair-popup__button-back {
  color: var(--ligth-gray-color);
  background: var(--white-color);
  border: 1px solid var(--ligth-gray-color);
}
.repair-popup__button-next {
  color: var(--white-color);
  background: var(--blue-color);
  border: 1px solid var(--blue-color);
}
.repair-popup__button-back:hover, .repair-popup__button-next:hover {
  transition: 0.9s;
  border: 1px solid var(--red-color);
}
.repair-popup__date {
  margin-top: 20px;
}
.repair-popup__date_list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.repair-popup__date_item {
  padding: 10px;
  border-radius: 5px;
  background: var(--smoky-gray-color);
}
.repair-popup__date_wrapper {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}
.repair-popup__date_icon {
  width: 56px;
  padding: 5px;
  border-radius: 5px;
  background: var(--white-color);
  text-align: center;
}
.repair-popup__date_icon.is-active {
  color: var(--white-color);
  background: var(--blue-color);
}
.repair-popup__patient {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}
.repair-popup__patient[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  top: -68px;
  left: 0px;
  color: var(--black-color);
  background: var(--white-color);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  max-width: 222px;
  min-width: 140px;
  padding: 4px 12px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  z-index: 100;
}
.repair-popup__patient[data-tooltip]::after {
  content: url(/local/templates/lenses/assets/styles/css/../../images/triangle.svg);
  position: absolute;
  top: -10px;
  left: 110px;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.15));
  opacity: 0;
  z-index: 100;
}
.repair-popup__patient[data-tooltip]:hover::before, .repair-popup__patient[data-tooltip]:hover::after {
  opacity: 1;
}
.repair-popup__code {
  margin-top: 20px;
  color: var(--blue-color);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  text-decoration-line: underline;
}
.repair-popup__consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
}
.popup__content .repair-popup__consent-text {
  color: var(--ligth-gray-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.button-back {
  position: absolute;
  right: 0;
  bottom: 0;
  color: var(--blue-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}

.button-back::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  left: -20px;
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-blue-bottom.svg) no-repeat;
  background-size: contain;
  width: 11px;
  height: 6px;
}

@media (max-width: 700px) {
  .button-back {
    position: relative;
    margin-top: 30px;
    padding-left: 20px;
  }
  .button-back::before {
    left: 0px;
  }
}
.specialist-page {
  display: flex;
  justify-content: space-between;
  gap: 70px;
}
.specialist-page__photo {
  margin-top: 40px;
  width: 400px;
  border-radius: 20px;
}
.specialist-page__info {
  width: 100%;
  max-width: 710px;
}

@media (max-width: 1220px) {
  .specialist-page {
    gap: 70px;
  }
  .specialist-page__photo {
    margin-top: 40px;
    width: 400px;
    min-width: 310px;
    border-radius: 20px;
  }
  .specialist-page__info {
    width: 55%;
  }
}
@media (max-width: 830px) {
  .specialist-page {
    gap: 40px;
  }
  .specialist-page__photo {
    margin-top: 20px;
  }
  .specialist-page__info {
    width: 45%;
  }
}
@media (max-width: 700px) {
  .specialist-page {
    flex-direction: column;
    gap: 0px;
  }
  .specialist-page__photo {
    margin-top: 30px;
    width: 100%;
  }
  .specialist-page__info {
    width: 100%;
  }
  .specialist-page__path {
    display: flex;
    flex-direction: column;
  }
  .specialist-page .delivery__suburb:first-child {
    margin-top: 20px;
  }
}
.specialist-page .delivery__suburb,
.specialist-page .delivery__sity_title,
.specialist-page .produc-row__order_button-send {
  margin-top: 20px;
}

.specialist-page .delivery__suburb:first-child {
  margin-top: 40px;
}

.specialist-page .produc-row__order_button-send {
  width: auto;
}

@media (max-width: 700px) {
  .specialist-page .produc-row__order_button-send {
    margin-top: 35px;
  }
  .specialist-page .delivery__suburb:first-child {
    margin-top: 20px;
  }
}
@media (max-width: 545px) {
  .specialist-page .produc-row__order_button-send {
    width: 100%;
    position: relative;
    border-radius: 50px;
  }
}
.delivery-map {
  margin-top: 40px;
  width: 1220px;
  height: 514px;
  position: relative;
}
.delivery-map .service__maps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

@media (max-width: 1260px) {
  .delivery-map {
    width: 96%;
    margin: 40px auto 0;
    height: 460px;
    position: relative;
  }
  .delivery-map .service__maps {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
#delivery__sity p, #delivery__remote p, #delivery__suburb p, #delivery__russia p, #delivery__suburb p {
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.delivery {
  margin-top: 80px;
}
.delivery__list {
  display: flex;
  margin-top: 30px;
}
.delivery__list_wrapper {
  display: flex;
  color: var(--blue-color);
}
.delivery__list_item {
  position: relative;
  overflow: hidden;
  padding: 10px 22px;
  border: 1px solid;
  border-radius: 80px;
  position: relative;
  z-index: 2;
}
.delivery__list_item p {
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.delivery__list_item::after {
  content: "";
  position: absolute;
  width: 110%;
  height: 250%;
  border-radius: 50%;
  background-color: var(--blue-color);
  top: -30px;
  left: -5px;
  transform: translateY(100%);
  transition: 0.5s;
  z-index: -1;
}
.delivery__list_item:hover:after {
  transform: translateY(0%);
}
.delivery__list_item:hover p {
  color: var(--white-color);
}
.delivery__sity {
  margin-top: 40px;
  width: 100%;
  max-width: 800px;
}
.delivery__sity p {
  margin-top: 20px;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.delivery__sity_title {
  font-family: "Gilroy";
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.delivery__sity_item {
  list-style: disc;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  margin-left: 25px;
  opacity: 0.9;
  max-width:800px;
}
.delivery__sity_item:last-child {
  margin-bottom: 10px;
}
.delivery__sity_schedule {
  margin: 20px 0;
}
.delivery__sity_schedule p {
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  padding: 5px 0;
}
.delivery__sity_tel {
  margin-top: 20px;
  color: var(--blue-color);
  font-weight: 600;
}
.delivery__remote {
  margin-top: 40px;
  width: 100%;
  max-width: 800px;
}
.delivery__remote p {
  margin-top: 20px;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.delivery__remote p:last-child {
  margin-top: 10px;
}
.delivery__suburb {
  margin-top: 40px;
  width: 100%;
  max-width: 800px;
}
.delivery__suburb p {
  margin-top: 20px;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-wrap: balance;
  opacity: 0.9;
}
.delivery__suburb p:last-child {
  margin-top: 10px;
}
.delivery__russia {
  margin-top: 40px;
  width: 100%;
  max-width: 800px;
}
.delivery__russia p {
  margin-top: 20px;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.delivery__payment {
  margin-top: 40px;
  margin-bottom: 50px;
  width: 100%;
  max-width: 800px;
}
.delivery__payment p {
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.delivery__payment .subtitle {
  margin-bottom: 20px;
}

@media (max-width: 900px) {
  .delivery {
    margin-top: 60px;
  }
  .delivery__list {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    touch-action: pan-x;
  }
  .delivery__list_item {
    padding: 10px 16px;
  }
  .delivery__list::-webkit-scrollbar {
    display: none;
  }
  .delivery__sity p, .delivery__remote p, .delivery__suburb p, .delivery__russia p, .delivery__suburb p, .delivery__payment p {
    width: 94%;
  }
}
@media (max-width: 400px) {
  #delivery__sity p, #delivery__remote p, #delivery__suburb p, #delivery__russia p, #delivery__suburb p {
    font-size: 14px;
    font-weight: 400;
  }
  #delivery__sity {
    margin-top: 20px;
  }
  #delivery__sity_title {
    margin-top: 16px;
  }
  .delivery {
    margin-top: 40px;
  }
  .delivery__sity, .delivery__remote, .delivery__suburb, .delivery__russia, .delivery__suburb, .delivery__payment {
    width: 100%;
  }
}
.question {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
.question__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.question__text {
  width: 710px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.question__button {
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  color: var(--white-color);
  background-color: var(--blue-color);
  text-transform: uppercase;
  z-index: 2;
  padding: 22px 50px;
  width: 100%;
  min-width: 150px;
  max-width: 237px;
  height: -moz-max-content;
  height: max-content;
}
.question__button::after {
  content: "";
  position: absolute;
  width: 110%;
  height: 300%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -40px;
  left: -10px;
  transform: translateY(100%);
  transition: 0.7s;
}
.question__button:hover::after {
  transform: translateY(0);
}
.question__button:focus::after {
  transform: translateY(0);
}
.question__button p {
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}
.question__button-captcha {
  margin-top: 20px;
  padding: 9px 70px;
  background: var(--ligth-gray-color);
  color: #7f7f7f;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 835px) {
  .question {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .question__title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
  }
  .question__text {
    width: 55%;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
}
@media (max-width: 650px) {
  .question {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }
  .question__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
  }
  .question__text {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  .question__button {
    max-width: 100%;
  }
  .question__button::after {
    width: 130%;
    left: -50px;
  }
}
#question .title-popup {
  margin-bottom: 10px;
  font-family: "RF Dewi Expanded";
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
}

.question-answer {
  margin-top: 40px;
}
.question-answer__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
.question-answer__item {
  display: flex;
  flex-direction: column;
}
.question-answer__item_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 35px 30px;
  border-radius: 5px;
  background: #f5f5f5;
  transition: all 0.5s;
}
.question-answer__item_button {
  width: 24px;
  height: 24px;
  transform: rotate(0deg);
  transition: all 0.5s;
}
.question-answer__item_wrapper.is-active {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  background: var(--white-color);
}
.question-answer__item_wrapper.is-active .question-answer__item_button {
  transform: rotate(135deg);
  transition: all 0.5s;
}
.question-answer__item_wrapper:hover {
  color: var(--blue-color);
}
.question-answer__item-answer {
  width: 100%;
  max-width: 780px;
  margin: 30px 30px 30px 100px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 900px) {
  .question-answer__item-answer {
    width: 83%;
  }
}
@media (max-width: 835px) {
  .question-answer {
    margin-top: 30px;
  }
  .question-answer__list {
    margin-bottom: 0px;
  }
  .question-answer__item {
    display: flex;
    flex-direction: column;
  }
  .question-answer__item_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
  }
  .question-answer__item-answer {
    width: 83%;
    margin: 30px auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
  }
}
@media (max-width: 650px) {
  .question-answer {
    margin-top: 20px;
  }
  .question-answer__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0px;
  }
  .question-answer__item_wrapper {
    gap: 5px;
    padding: 17px 20px;
  }
  .question-answer__item_button {
    width: 18px;
    height: 18px;
  }
  .question-answer__item-answer {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
}
.news {
  display: grid;
  gap: 30px;
  grid-template-columns: 280px 1fr;
}

@media (max-width: 1224px) {
  .news {
    gap: 15px;
    grid-template-columns: 210px 1fr;
  }
}
@media (max-width: 835px) {
  .news {
    gap: 10px;
    grid-template-columns: 181px 1fr;
  }
}
@media (max-width: 640px) {
  .news {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.news-category {
  margin-top: 40px;
}
.news-category__item {
  padding: 15px 25px;
  border-radius: 0px;
  border-bottom: 1px solid var(--smoky-gray-color);
  background: var(--white-color);
  cursor: pointer;
}
.news-category__item p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.news-category__item:hover {
  color: var(--blue-color);
}
.news-category__item.is-active {
  padding: 15px;
  border-radius: 5px;
  border-bottom: none;
  background: var(--smoky-gray-color);
}
.news-category__mobil {
  display: none;
}

@media (max-width: 1025px) {
  .news-category {
    margin-top: 40px;
  }
  .news-category__item p {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .news-category {
    display: none;
  }
  .news-category__mobil {
    display: block;
  }
  .news-category__mobil.select {
    margin-top: 20px;
    width: 100%;
    max-width: 600px;
  }
  .news-category__mobil .select__header {
    border: 1px solid var(--ligth-gray-color);
    border-radius: 5px;
  }
  .news-category__mobil .select__header-output {
    color: var(--black-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 10px 15px;
  }
  .news-category__mobil .select__header-icon {
    margin-right: 18px;
    width: 13px;
    height: 7px;
    background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-down-black.svg);
  }
  .news-category__mobil .select__list {
    width: 100%;
    left: 0;
    border: 1px solid var(--ligth-gray-color);
  }
  .news-category__mobil .select__list-item:last-child {
    margin-bottom: 0;
  }
}
.news-all {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  width: 100%;
  max-width: 1110px;
}
.news-all__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 10px;
}
.news-all__item {
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: 0.3s;
  overflow: hidden;
  height: 100%;
  min-height: auto;
  cursor: pointer;
}
.news-all__item_img {
  border-radius: 5px;
  overflow: hidden;
}
.news-all__item_img img {
  transform: scale(1);
  transition: all 0.8s;
}
.news-all__item_title {
  margin-top: 10px;
}
.news-all__item_title h3 {
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
  transition: all 0.5s;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.news-all__item-top, .news-all__item-bottom {
  flex-grow: 1;
}
.news-all__item:hover img {
  transform: scale(1.2);
}
.news-all__item:hover:hover .news-all__item_title h3 {
  color: var(--blue-color);
}
.news-all .product__action {
  margin-top: 10px;
}
.news-all__date {
  padding-top: 20px;
}
.news-all__date h3 {
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.news-all .catalog-button-show {
  margin-top: 30px;
}

@media (max-width: 835px) {
  .news-all__list {
    gap: 20px 10px;
  }
  .news-all__item_title {
    margin-top: 10px;
  }
  .news-all__item_title h3 {
    font-size: 16px;
  }
  .news-all .product__action {
    margin-top: 10px;
  }
  .news-all__date {
    padding-top: 10px;
  }
  .news-all .catalog-button-show {
    margin-top: 30px;
  }
}
@media (max-width: 640px) {
  .news-all {
    margin-top: 0;
  }
  .news-all__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 5px;
  }
  .news-all__item_title {
    margin-top: 10px;
  }
  .news-all__item_title h3 {
    font-size: 16px;
  }
  .news-all .product__action {
    margin-top: 10px;
  }
  .news-all__date {
    padding-top: 10px;
  }
  .news-all .catalog-button-show {
    margin-top: 30px;
  }
}
#news-page {
  width: 100%;
  max-width: 810px;
}

.news-page__title {
  width: 100%;
  max-width: 810px;
  margin: 40px auto 0;
}

.news-path.path {
  width: 100%;
  max-width: 810px;
  margin: 40px auto 0;
}

@media (max-width: 900px) {
  #news-page {
    width: 92%;
  }
  .news-page .delivery__suburb {
    width: 100%;
    margin-top: 30px;
  }
  .news-page .product__action_link {
    font-size: 14px;
    padding: 2px 12px;
  }
}
@media (max-width: 650px) {
  .history .delivery__sity_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
  }
  .history .delivery__suburb {
    margin-top: 20px;
  }
  .history .delivery__suburb p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  .news-page .product__action_link {
    font-size: 12px;
  }
  .news-page .delivery__sity_title {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
  }
  .news-page .delivery__suburb p {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
}
.about-company {
  margin-top: 30px;
  width: 100%;
  max-width: 810px;
}
.about-company__title {
  margin-top: 80px;
  width: 100%;
  max-width: 780px;
}
.about-company__text {
  width: 100%;
  max-width: 810px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.about-company__swiper .sw-btn-brand {
  margin-right: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 30px;
}
.about-company__swiper .subtitle {
  margin-top: 80px;
}
.about-company__swiper .sw-btn-brand-box-text {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.about-company__swiper .sw-btn-brand-box-text p {
  width: 100%;
  max-width: 810px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.about-company__swiper .sw-btn-brand-box {
  align-items: center;
  gap: 10px;
}

@media (max-width: 835px) {
  .about-company__title {
    margin-top: 60px;
    width: 75%;
  }
  .about-company__text {
    width: 75%;
    font-size: 14px;
  }
  .about-company__swiper .sw-btn-brand {
    margin-right: 0;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
  }
  .about-company__swiper .subtitle {
    margin-top: 60px;
  }
  .about-company__swiper .sw-btn-brand-box-text p {
    width: 75%;
    font-size: 14px;
  }
}
@media (max-width: 610px) {
  .about-company__title {
    margin-top: 40px;
    width: 100%;
  }
  .about-company__text {
    width: 100%;
  }
  .about-company__swiper .sw-btn-brand {
    gap: 20px;
  }
  .about-company__swiper .subtitle {
    margin-top: 40px;
  }
  .about-company__swiper .sw-btn-brand-box-text p {
    width: 100%;
  }
  .about-company__swiper .swiper-wrapper.swiper-wrapper-brand {
    margin-top: 110px;
  }
}
@media (max-width: 450px) {
  .about-company__swiper .swiper-wrapper.swiper-wrapper-brand {
    margin-top: 130px;
  }
}
.about-company-plus {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "A B C D" "E F G H";
  grid-gap: 10px;
}
.about-company-plus__grid {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  padding: 30px 20px;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.about-company-plus__grid img {
  width: 40px;
  height: 40px;
}
.about-company-plus__grid-1 {
  grid-area: A;
}
.about-company-plus__grid-2 {
  grid-area: B;
}
.about-company-plus__grid-3 {
  grid-area: C;
}
.about-company-plus__grid-4 {
  grid-area: D;
}
.about-company-plus__grid-5 {
  grid-area: E;
}
.about-company-plus__grid-6 {
  grid-area: F;
}
.about-company-plus__grid-6 {
  grid-area: F;
}
.about-company-plus__grid-6 {
  grid-area: F;
}
.about-company-plus__grid-7 {
  grid-area: G;
}
.about-company-plus__grid-8 {
  grid-area: H;
}
.about-company-plus__subtitle {
  margin: 10px 0 5px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
.about-company-plus__text {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
  height: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 835px) {
  .about-company-plus__grid {
    padding: 30px 10px 20px;
  }
  .about-company-plus__subtitle {
    font-size: 16px;
  }
  .about-company-plus__text {
    font-size: 14px;
  }
}
@media (max-width: 610px) {
  .about-company-plus {
    margin-top: 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "A B" "C D" "E F" "G H";
    grid-gap: 5px;
  }
  .about-company-plus__grid {
    width: 100%;
    border-radius: 5px;
    padding: 26px 10px 36px;
    border-radius: 10px;
    background: var(--smoky-gray-color);
  }
  .about-company-plus__grid img {
    width: 40px;
    height: 40px;
  }
  .about-company-plus__subtitle {
    font-size: 14px;
  }
  .about-company-plus__text {
    font-size: 12px;
  }
}
.about-company-mosaic {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "A A B C" "D E F F";
  grid-gap: 10px;
}
.about-company-mosaic__grid {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-company-mosaic__grid img {
  border-radius: 5px;
}
.about-company-mosaic__grid-1 {
  grid-area: A;
}
.about-company-mosaic__grid-2 {
  grid-area: B;
}
.about-company-mosaic__grid-3 {
  grid-area: C;
}
.about-company-mosaic__grid-4 {
  grid-area: D;
}
.about-company-mosaic__grid-5 {
  grid-area: E;
}
.about-company-mosaic__grid-6 {
  grid-area: F;
}
.about-company-mosaic__text {
  width: 100%;
  max-width: 810px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 835px) {
  .about-company-mosaic {
    margin-top: 20px;
  }
  .about-company-mosaic__text {
    width: 75%;
    font-size: 14px;
  }
}
@media (max-width: 610px) {
  .about-company-mosaic {
    margin-top: 10px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "A A" "B C" "D E" "F F";
    grid-gap: 5px;
    margin-top: 10px;
  }
  .about-company-mosaic__text {
    margin-top: 10px;
    width: 100%;
  }
}
.vacancy {
  margin-top: 40px;
}
.vacancy__list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, 1fr);
}
.vacancy__list-none {
  margin-top: 80px;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 708px) 1fr;
}
.vacancy__item {
  padding: 40px 20px;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.vacancy__item h3 {
  color: var(--blue-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
.vacancy__item-box-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 25px;
}
.vacancy__item-box-text p {
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0%;
  text-align: left;
}
.vacancy__item-box-text p:nth-child(2) {
  color: var(--black-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.vacancy__item_detail {
  position: relative;
  top: 0;
  left: 0;
  width: 155px;
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 60px;
  background: var(--blue-color);
  color: var(--white-color);
  overflow: hidden;
}
.vacancy__item_detail p {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.vacancy__item_detail::after {
  content: "";
  position: absolute;
  width: 115%;
  height: 360%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -60px;
  left: -10px;
  transform: translateY(100%);
  transition: 0.3s;
  overflow: hidden;
}
.vacancy__item_detail:hover::after {
  transform: translateY(0%);
}
.vacancy__item_send {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 60px;
  background: var(--blue-color);
  color: var(--white-color);
  overflow: hidden;
}
.vacancy__item_send p {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}
.vacancy__item_send::after {
  content: "";
  position: absolute;
  width: 115%;
  height: 360%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -60px;
  left: -10px;
  transform: translateY(100%);
  transition: 0.3s;
  overflow: hidden;
}
.vacancy__item_send:hover::after {
  transform: translateY(0%);
}
.vacancy__item_button-attach {
  position: relative;
  margin: 20px 0 0 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.vacancy__item_button-attach::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -28px;
  width: 17px;
  height: 18px;
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-staple.svg);
}
.vacancy__item:hover {
  padding: 40px 20px;
  border-radius: 10px;
  background: var(--white-color);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.vacancy__item-none {
  padding: 60px 0;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.vacancy__item-form {
  margin: 0 auto;
  width: 442px;
}
.vacancy__item-form h2 {
  text-align: center;
}
.vacancy__item-form p {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.vacancy__item-img {
  padding: 0;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.vacancy__item-img img {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

@media (max-width: 1224px) {
  .vacancy {
    margin-top: 40px;
  }
  .vacancy__list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
  }
  .vacancy__list-none {
    margin-top: 80px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 56%) 1fr;
  }
  .vacancy__item-none {
    padding: 20px 0;
  }
  .vacancy__item-form {
    width: 90%;
  }
  .vacancy__item-img {
    padding: 0;
    border-radius: 10px;
    background: var(--smoky-gray-color);
  }
  .vacancy__item-img img {
    height: 100%;
    border-radius: 10px;
  }
}
@media (max-width: 900px) {
  .vacancy {
    margin-top: 40px;
  }
  .vacancy__list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
  }
  .vacancy__list-none {
    margin-top: 80px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 56%) 1fr;
  }
  .vacancy__item-none {
    padding: 20px 0;
  }
  .vacancy__item-form {
    width: 82%;
  }
  .vacancy__item-img {
    border-radius: 10px;
    background: var(--smoky-gray-color);
  }
  .vacancy__item-img img {
    height: 100%;
    -o-object-position: 65% 50%;
       object-position: 65% 50%;
  }
  .vacancy .input-auth-textarea {
    max-height: 100px;
  }
}
@media (max-width: 810px) {
  .vacancy {
    margin-top: 40px;
  }
  .vacancy__list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
  }
  .vacancy__list-none {
    margin-top: 80px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(1, 1fr);
  }
  .vacancy__item-none {
    padding: 40px 0;
  }
  .vacancy__item-form {
    width: 90%;
  }
  .vacancy__item-img {
    border-radius: 10px;
    background: var(--smoky-gray-color);
  }
  .vacancy__item-img img {
    height: 100%;
    -o-object-position: 65% 50%;
       object-position: 65% 50%;
  }
  .vacancy .input-auth-textarea {
    max-height: 100px;
  }
}
@media (max-width: 450px) {
  .vacancy {
    margin-top: 40px;
  }
  .vacancy__list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
  }
  .vacancy__list-none {
    margin-top: 30px;
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(1, 1fr);
  }
  .vacancy__item {
    padding: 20px;
  }
  .vacancy__item_detail {
    width: 100%;
  }
  .vacancy__item:hover {
    padding: 20px;
  }
  .vacancy__item-none {
    padding: 40px 0;
  }
  .vacancy__item-form {
    width: 90%;
  }
  .vacancy__item-img {
    background: var(--smoky-gray-color);
    border-radius: 10px;
  }
  .vacancy__item-img img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
  .vacancy .input-auth-textarea {
    max-height: 100px;
  }
}
.pagination {
  margin-top: 43px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.pagination__item-left, .pagination__item-right {
  width: 20px;
  height: 18px;
  margin: 0 5px;
}
.pagination li {
  color: var(--gray-color);
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.pagination li:hover {
  color: var(--blue-color);
}
.pagination__active {
  background-color: var(--blue-color);
  padding: 5px 12px;
  border-radius: 50%;
}
.pagination__active a {
  color: var(--white-color);
}
li .pagination__active {
  color: var(--white-color);
  font-weight: 600;
  cursor: pointer;
}

.vacancy-sales .delivery__sity_title {
  margin-top: 40px;
  color: var(--blue-color);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

.vacancy-sales .produc-row__order_button-send {
  width: auto;
  padding: 20px 52px;
}

@media (max-width: 630px) {
  .vacancy-sales .delivery__suburb {
    width: 100%;
  }
}
@media (max-width: 545px) {
  .vacancy-sales .produc-row__order_button-send {
    position: relative;
    border-radius: 50px;
    width: 100%;
  }
}
.team {
  margin-top: 30px;
}
.team__title {
  margin-top: 80px;
  width: 100%;
  max-width: 810px;
  color: var(--blue-color);
}
.team__text {
  margin-top: 20px;
  font-size: 14px;
  opacity: 0.9;
}

@media (max-width: 450px) {
  .team {
    margin-top: 20px;
  }
  .team__title {
    margin-top: 40px;
  }
  .team__text {
    margin-top: 30px;
    width: 100%;
    max-width: 810px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0.9;
  }
}
.team-mosaic {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-areas: "A A A A A A B B B C C C" "D D D D D D E E E E E E" "F F F F G G G G H H H H";
  grid-gap: 10px;
}
.team-mosaic__grid {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-mosaic__grid img {
  border-radius: 5px;
}
.team-mosaic__grid-1 {
  grid-area: A;
}
.team-mosaic__grid-2 {
  grid-area: B;
}
.team-mosaic__grid-3 {
  grid-area: C;
}
.team-mosaic__grid-4 {
  grid-area: D;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin: 0 auto;
  width: 100%;
  max-width: 490px;
}
.team-mosaic__grid-5 {
  grid-area: E;
}
.team-mosaic__grid-6 {
  grid-area: F;
}
.team-mosaic__grid-7 {
  grid-area: G;
}
.team-mosaic__grid-8 {
  grid-area: H;
}
.team-mosaic__title {
  font-family: "RF Dewi Expanded";
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}
.team-mosaic__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.team-mosaic__button-order.produc-row__button-order {
  max-width: 240px;
  padding: 22px 48px;
}
.team-mosaic__button-order.produc-row__button-order p {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 835px) {
  .team-mosaic__grid-4 {
    gap: 15px;
  }
  .team-mosaic__title {
    font-size: 20px;
  }
  .team-mosaic__text {
    font-size: 14px;
  }
}
@media (max-width: 810px) {
  .team-mosaic {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas: "A A A A A A" "B B B C C C" "D D D D D D" "E E E E E E" "F F G G H H";
    grid-gap: 5px;
  }
  .team-mosaic__grid-4 {
    min-height: 281px;
  }
}
@media (max-width: 450px) {
  .team-mosaic {
    margin-top: 20px;
  }
  .team-mosaic__button-order.produc-row__button-order {
    width: 100%;
    max-width: 405px;
    padding: 17px 48px;
  }
  .team-mosaic__button-order.produc-row__button-order p {
    font-size: 14px;
  }
}
.team-plus {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-areas: "A A B B C C C C" "D D D D E E F F";
  grid-gap: 10px;
}
.team-plus__title {
  margin-top: 80px;
}
.team-plus__grid {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  padding: 43px 0;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.team-plus__grid-1 {
  grid-area: A;
}
.team-plus__grid-2 {
  grid-area: B;
}
.team-plus__grid-3 {
  grid-area: C;
  color: var(--white-color);
  background: url(/local/templates/lenses/assets/styles/css/../../images/team/team-back-1.png);
  background-size: cover;
}
.team-plus__grid-4 {
  grid-area: D;
  color: var(--white-color);
  background: url(/local/templates/lenses/assets/styles/css/../../images/team/team-back-2.png);
  background-size: cover;
}
.team-plus__grid-5 {
  grid-area: E;
}
.team-plus__grid-6 {
  grid-area: F;
}
.team-plus__number {
  font-family: "RF Dewi Expanded";
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: -1.9%;
  text-align: center;
}
.team-plus__text {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 255px;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.team-plus__grid-3 .team-plus__text, .team-plus__grid-4 .team-plus__text {
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
}

@media (max-width: 1025px) {
  .team-plus__text {
    max-width: 160px;
  }
}
@media (max-width: 835px) {
  .team-plus__title {
    margin-top: 60px;
  }
  .team-plus__number {
    font-size: 20px;
  }
  .team-plus__text {
    font-size: 14px;
  }
}
@media (max-width: 810px) {
  .team-plus {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "A A B B" "C C C C" "D D D D" "E E F F";
    grid-gap: 10px;
  }
  .team-plus__title {
    margin-top: 40px;
  }
}
.team-vacancy {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.team-vacancy .big-button {
  margin: 30px auto 0;
  width: 100%;
  max-width: 251px;
  padding: 20px 50px;
}
.team-vacancy .vacancy__list {
  margin-top: 40px;
}

@media (max-width: 810px) {
  .team-vacancy .vacancy__list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.salons .product__list {
  grid-template-columns: repeat(3, 400px);
  gap: 0px;
  margin: 30px 0 5px 0;
}
.salons .product__action {
  flex-wrap: wrap;
}
.salons .product__choice-bottom {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.salons .swiper-horizontal .product__swiper-pagination {
  top: -10px;
  text-align: center;
}
.salons__text {
  margin-top: 40px;
}
.salons__text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0.9;
}
.salons__schedule h3 {
  color: var(--gray-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.salons__schedule_inner {
  margin-top: 12px;
  display: flex;
  gap: 12px;
  height: 18px;
}
.salons__schedule_inner img {
  width: 17px;
  height: 17px;
}
.salons__schedule_inner p {
  color: var(--black-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
}

@media (max-width: 1224px) {
  #salons {
    width: 100%;
  }
  .salons .product__list {
    grid-template-columns: repeat(3, 32.5%);
    gap: 0px;
    margin: 10px 0 5px 0;
  }
}
@media (max-width: 1024px) {
  #salons {
    width: 99%;
  }
}
@media (max-width: 999px) {
  #salons {
    width: 94%;
  }
}
@media (max-width: 870px) {
  .salons .product__buy {
    display: block;
  }
  .salons .buy-button {
    visibility: visible;
  }
  .salons .product__list {
    grid-template-columns: repeat(3, 32.5%);
    gap: 0px;
    margin: 10px 0 5px 0;
  }
}
@media (max-width: 820px) {
  .salons .product__list {
    grid-template-columns: repeat(2, 50%);
    gap: 0px;
    margin: 10px 0 5px 0;
  }
}
@media (max-width: 475px) {
  .salons .header__top-tel {
    display: block;
    bottom: initial;
    position: relative;
  }
  .salons .buy-button {
    visibility: visible;
  }
  .salons .product__list {
    grid-template-columns: repeat(1, 100%);
    gap: 0px;
    margin: 10px 0 5px 0;
  }
}
@media (max-width: 400px) {
  .salons .product__action {
    flex-wrap: wrap;
  }
  .salons .product__choice-bottom {
    gap: 10px;
  }
  .salons .swiper-horizontal .product__swiper-pagination {
    top: -3px;
    text-align: center;
  }
  .salons__text {
    margin-top: 30px;
  }
  .salons__text p {
    font-size: 14px;
  }
  .salons__schedule h3 {
    font-size: 14px;
  }
  .salons__schedule_inner {
    display: flex;
    gap: 12px;
    height: 18px;
  }
  .product__choice:hover .salons__schedule_inner {
    gap: 16px;
    transition: all 0.3s;
  }
  .product__choice:hover .salons__schedule_inner img {
    width: 13px;
    height: 13px;
    transition: all 0.3s;
  }
}
.contacts__item {
  margin-top: 40px;
  width: 100%;
  max-width: 800px;
}
.contacts__item_text {
  margin: 20px 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.contacts__item_email {
  margin-top: 20px;
}
.contacts__item_email svg {
  margin-right: 12px;
  fill: var(--black-color);
  width: 18px;
  height: 18px;
  transition: all 0.2s;
}
.contacts__item_email:hover {
  color: var(--blue-color);
  transition: all 0.2s;
}
.contacts__item_email:hover svg {
  fill: var(--blue-color);
}
.contacts__messenger {
  margin-top: 20px;
}
.contacts__messenger_link {
  display: flex;
  align-items: center;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  color: var(--black-color);
  transition: color 0.2s ease;
}
.contacts__messenger_viber, .contacts__messenger_whatsapp, .contacts__messenger_telegram {
  margin-right: 15px;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.2s ease;
}
.contacts__messenger_telegram {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-telegram-b.svg);
}
.contacts__messenger_whatsapp {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-whatsapp.svg);
}
.contacts__messenger_viber {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-viber.svg);
}
.contacts__messenger:hover .contacts__messenger_link {
  color: var(--blue-color);
}
.contacts__messenger:hover .contacts__messenger_telegram {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-telegram-blue.svg);
}
.contacts__messenger:hover .contacts__messenger_whatsapp {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-whatsapp-blue.svg);
}
.contacts__messenger:hover .contacts__messenger_viber {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-viber-blue.svg);
}

.contacts-salons {
  margin-top: 80px;
}
.contacts-salons__list {
  margin-top: 15px;
}
.contacts-salons__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  padding-bottom: 26px;
  border-bottom: 1px solid var(--ligth-gray-color);
}
.contacts-salons__item_title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.contacts-salons__item .salons__schedule {
  display: flex;
  align-items: center;
  gap: 105px;
}
.contacts-salons__item .salons__schedule_inner {
  margin-top: 0;
}

@media (max-width: 999px) {
  .contacts__item {
    width: 75%;
  }
  .contacts__item_text {
    font-size: 16px;
  }
  .contacts-salons {
    margin-top: 60px;
  }
  .contacts-salons__list {
    margin-top: 10px;
  }
  .contacts-salons__item {
    margin-top: 30px;
    padding-bottom: 26px;
  }
  .contacts-salons__item_title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
  }
  .contacts-salons__item .salons__schedule {
    gap: 70px;
  }
}
@media (max-width: 833px) {
  .contacts__item {
    margin-top: 20px;
  }
  .contacts-salons {
    margin-top: 40px;
  }
  .contacts-salons__list {
    margin-top: 0px;
  }
  .contacts-salons__item {
    padding-bottom: 20px;
  }
  .contacts-salons__item_title {
    font-size: 16px;
  }
  .contacts-salons__item .salons__schedule {
    gap: 30px;
  }
  .contacts-salons__item .salons__schedule_inner {
    margin-top: 0;
  }
}
@media (max-width: 769px) {
  .contacts__item {
    margin-top: 30px;
    width: 100%;
  }
  .contacts__item_text {
    font-size: 14px;
  }
  .contacts-salons {
    margin-top: 40px;
  }
  .contacts-salons__item {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
    padding-bottom: 25px;
  }
  .contacts-salons__item_title {
    font-size: 16px;
  }
}
@media (max-width: 475px) {
  .contacts .header__top-tel {
    display: block;
    position: relative;
  }
}
@media (max-width: 450px) {
  .contacts__item {
    margin-top: 30px;
    width: 100%;
  }
  .contacts__item_text {
    font-size: 14px;
  }
  .contacts-salons {
    margin-top: 40px;
  }
  .contacts-salons__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding-bottom: 25px;
  }
  .contacts-salons__item .salons__schedule {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .contacts-salons__item .salons__schedule_inner {
    margin-top: 0;
  }
  .contacts-salons .produc-row__button-order {
    width: 100%;
    padding: 12px 100px;
  }
}
#history {
  width: 100%;
  max-width: 810px;
}

#history-banner {
  width: 100%;
  max-width: 930px;
}

@media (max-width: 900px) {
  #history,
  #history-banner {
    width: 92%;
  }
  .history .delivery__suburb {
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 650px) {
  .history .delivery__sity_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
  }
  .history .delivery__suburb {
    margin-top: 20px;
  }
  .history .delivery__suburb p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
}
.history-banner .swiper-banner {

}

@media (max-width: 900px) {
  .history-banner .swiper-banner {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }
}
.history-banner .banner__img {
  width: 100%;
  max-width: 810px;
  border-radius: 20px;
}

.history-banner__button.swiper__button-arrow {
  width: 906px;
  display: flex;
  justify-content: space-between;
  gap: 420px;
  margin-right: 0px;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 99;
}

@media (max-width: 900px) {
  .history-banner__button.swiper__button-arrow {
    display: none;
  }
}
.history-banner .swiper-wrapper {
  margin-top: 40px;
  margin-left: 50px;
  margin-bottom: 0px;
  padding-top: 0px;
}

@media (max-width: 900px) {
  .history-banner .swiper-wrapper {
    margin-top: 30px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }
}
@media (max-width: 650px) {
  .history-banner .swiper-wrapper {
    margin-top: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }
}
.history-banner .swiper-horizontal > .swiper-pagination-bullets {
  max-width: 100%;
  margin: 20px auto 0px;
  text-align: center;
}

.licenses {
  margin-top: 40px;
}
.licenses__list {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}
.licenses__item {
  position: relative;
}
.licenses__item_icon {
  content: "";
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 3px 8px;
  border-radius: 5px;
  background: var(--white-color);
}
.licenses__item_icon p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

@media (max-width: 650px) {
  .licenses {
    margin-top: 40px;
  }
  .licenses__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 545px) {
  .licenses {
    margin-top: 20px;
  }
  .licenses__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.basket__list {
  display: grid;
  gap: 10px;
  grid-template-columns: 810px 400px;
  margin-top: 40px;
}
.basket__item_details {
  width: 100%;
  max-width: 400px;
}

.basket__item_set {
  position: relative;
  border-radius: 10px;
}
.basket__item_set-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 10px 10px 0 0;
  padding: 40px 0 15px 30px;
  background: var(--smoky-gray-color);
  border-bottom: 1px solid rgba(210, 210, 210, 0.6);
}
.basket__item_set-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  border-radius: 0 0 10px 10px;
  padding: 40px 30px;
  background: var(--smoky-gray-color);
}
.basket__item_set-left {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.basket__item_set-left_title h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.basket__item_set-left_title p {
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.basket__item .one-product {
  margin-top: 40px;
  margin-left: 30px;
}
.basket__item .one-product .basket__item_set-delet {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
}
.basket__item .one-product .basket__item_set-delet img {
  width: 10px;
  height: 10px;
}
.basket__item_set-right {
  width: 190px;
  padding-right: 30px;
  color: var(--blue-color);
}
.basket__item_set-right h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
}
.basket__item_set-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.basket__item_set-inner {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  position: relative;
  margin-left: 30px;
}
.basket__item_set-inner_wrapper {
  width: 100%;
  max-width: 440px;
}
.basket__item_set-inner_wrapper h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
 
}
.basket__item_set-inner_wrapper p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.basket__item_set-inner_chosen {
  margin-top: 15px;
  color: rgb(189, 189, 189);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  border-bottom: 1px solid;
}
.basket__item_set-inner_wrapper .basket__item_set-inner_chosen.choice-active{
  background: none;
  border-radius: 0;
  color: red;
}
.basket__item_set-inner_chosen:hover {
  color: var(--blue-color);
}
.basket__item_set-inner_left {
  display: flex;
  gap: 20px;
}
.basket__item_set-inner_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  width: 190px;
}
.basket__item_set-inner_right h2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
}
.basket__item_set-inner__double-price {
  margin-top: 15px;
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.basket__item_set-delet {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
}
.basket__item_set-delet img {
  width: 10px;
  height: 10px;
}
.basket__item_set-link {
  position: relative;
  padding: 2px 12px;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--blue-color);
  border: 1px solid var(--blue-color);
  border-radius: 80px;
  text-align: center;
  cursor: default;
}
.basket__item_product {
  display: flex;
  justify-content: space-between;
  
  position: relative;
}
.basket__item__product .basket__item_set-left {
  margin-left: 30px;
}
.basket__notice {
  margin-left: 30px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  position: relative;
}
.basket__notice_title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.basket__notice_btn-return {
  color: var(--gray-color);
}
.basket__notice_btn-return p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration-line: underline;
}
.basket__notice::before {
  content: "";
  position: absolute;
  top: 3px;
  left: -30px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--red-color);
}
.basket__item-wrapper {
  margin-bottom: 40px;
}
.basket__delet {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  padding: 5px;
}
.basket__counter-buttons {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 100px;
  min-width: 100px;
  height: 40px;
  border: 1px solid #d2d2d2;
  border-radius: 5px;
}
.basket__counter-button-minus, .basket__counter-button-plus {
  width: 28px;
  height: 100%;
  color: var(--blue-color);
}
.basket__counter-button-minus {
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-minus.svg);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.2;
}
.basket__counter-button-plus {
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-plus.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.basket__counter-button_big {
  width: 44px;
  height: 44px;
}
.basket__counter-input {
  position: absolute;
  width: 42px;
  height: 100%;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--black-color);
  opacity: 0.3;
}

.set-product-img {
  width: 85px;
}

.basket .old-price {
  margin-top: -15px;
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: right;
  text-decoration-line: line-through;
}

@media (max-width: 1224px) {
  .basket__list {
    display: grid;
    gap: 10px;
    grid-template-columns: 68% 31%;
    margin-top: 40px;
  }
  .basket__item_set-left {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }
  .basket__item_set-inner_wrapper {
    width: 100%;
    max-width: 430px;
  }
}
@media (max-width: 1023px) {
  .basket__list {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 40px;
  }
  .basket__item_details {
    width: 100%;
    max-width: 1000px;
    list-style-type: none;
  }
  .footer{
    z-index: 0;
  }
}
@media (max-width: 820px) {
  .basket__item_set-inner_wrapper {
    width: 100%;
    max-width: 345px;
  }
}
@media (max-width: 720px) {
  .basket__item_set-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
  }
  .basket__item_set-inner {
    flex-direction: column;
    gap: 20px;
    position: relative;
    margin-left: 30px;
  }
  .basket__item_set-inner_wrapper {
    width: 100%;
    max-width: 345px;
  }
  .basket__item_set-inner_wrapper h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .basket__item_set-inner_wrapper p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
  }
  .basket__item_set-inner_chosen {
    margin-top: 15px;
    color: rgb(189, 189, 189);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    border-bottom: 1px solid;
  }
  .basket__item_set-inner_chosen:hover {
    color: var(--blue-color);
  }
  .basket__item_set-inner_left {
    display: flex;
    gap: 20px;
  }
  .basket__item_set-inner_right {
    align-items: flex-start;
    gap: 20px;
    width: 190px;
    margin-left: 105px;
  }
  .basket__item_set-inner_right h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
  }
  .basket__item_set-bottom {
    padding: 40px 25px;
  }
  .basket__item_set-delet {
    position: absolute;
    top: 45px;
  }
  .basket__item_set-delet img {
    left: -30px;
    width: 10px;
    height: 10px;
  }
  .basket__item_product {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .basket__item .one-product .basket__item_set-delet {
    position: absolute;
    top: 56px;
    left: -30px;
  }
  .basket__item .one-product .basket__item_set-delet img {
    width: 10px;
    height: 10px;
  }
  .basket__counter-buttons.one-product-btn {
    margin-left: 105px;
  }
  .basket__notice {
    margin-left: 25px;
    margin-bottom: 20px;
    gap: 10px;
  }
  .basket__notice_title {
    width: 100%;
    max-width: 520px;
    font-size: 14px;
    line-height: 1.3;
  }
  .basket__notice::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -30px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--red-color);
  }
  .basket .old-price {
    margin-top: -15px;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
    text-decoration-line: line-through;
  }
  .footer{
    padding-bottom: 60px;
  }
}
@media (max-width: 450px) {
  .basket__item_set-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
  }
  .basket__item_set-inner {
    flex-direction: column;
    gap: 20px;
    position: relative;
    margin-left: 30px;
  }
  .basket__item_set-inner_wrapper {
    width: 100%;
    max-width: 345px;
  }
  .basket__item_set-inner_wrapper h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .basket__item_set-inner_wrapper p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
  }
  .basket__item_set-inner_chosen {
    margin-top: 15px;
    color: rgb(189, 189, 189);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    border-bottom: 1px solid;
  }
  .basket__item_set-inner_chosen:hover {
    color: var(--blue-color);
  }
  .basket__item_set-inner_left {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  .basket__item_set-inner_right {
    align-items: flex-start;
    gap: 20px;
    width: 190px;
    margin-left: 70px;
  }
  .basket__item_set-inner_right h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
  }
  .basket__item_set-bottom {
    padding: 40px 25px;
  }
  .basket__item_set-delet {
    position: absolute;
    top: 30px;
  }
  .basket__item_set-delet img {
    left: -30px;
    width: 10px;
    height: 10px;
  }
  .basket__item_product {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .basket__item_details {
    padding: 30px;
  }
  .basket__item .one-product .basket__item_set-delet {
    position: absolute;
    top: 30px;
    left: -30px;
  }
  .basket__item .one-product .basket__item_set-delet img {
    width: 10px;
    height: 10px;
  }
  .basket__counter-buttons.one-product-btn {
    margin-left: 68px;
  }
  .basket .old-price {
    margin-top: -15px;
    color: var(--gray-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
    text-decoration-line: line-through;
  }
  .set-product-img {
    width: 50px;
  }
}
.basket .specifications__lens-btn {
  max-width: 328px;
  margin-top: 20px;
  padding: 22px 30px;
}

.details-order {
  display: flex;
  flex-direction: column;
  min-height: 415px;
  padding: 30px 30px 40px 30px;
  border-radius: 10px;
  background: rgba(251, 251, 251, 1);
  margin-bottom: 10px;
}
.basket__item_details .coupon{
  padding: 15px 30px 15px 30px;
  border-radius: 10px;
  background: rgba(251, 251, 251, 1);
}
.coupon__title {
  position: relative;
  cursor: pointer;
  padding-right: 24px;
  font-weight: bold;
  font-size: 18px;
}
input#coupon-input {
  margin-top: 15px;
  border: 1px solid rgba(214, 214, 214, 1);
  border-radius: 5px;
  padding: 10px 15px;
}
.order-coupon-text {
   font-weight: 800;
   color: rgba(0, 135, 250, 1);
   display: flex;
   justify-content: space-between;
 }
.coupon__title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 30%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.2s ease;
}

.coupon.is-open .coupon__title:after {
  transform: translateY(-50%) rotate(-135deg);
}

.coupon__row {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  display: flex;
  gap: 10px;
  transition: max-height 0.25s ease, opacity 0.2s ease;
  flex-direction: column;
}

.coupon.is-open .coupon__row {
  max-height: 140px;
  opacity: 1;
}
.button.coupon__btn{
  height: 40px;
}
.button.coupon__btn p{
  text-align: center;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  z-index: 2;
}
.coupon-remove-item {
  position: relative;
  width: 16px;
  height: 16px;
  padding: 0;
  margin-left: 8px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.coupon-remove-item:before,
.coupon-remove-item:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1px;
  background: #0287fa;
  transform-origin: center;
}

.coupon-remove-item:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.coupon-remove-item:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.details-order__table {
  width: 100%;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.details-order__table table {
  width: 100%;
}
.details-order__table td {
  padding: 5px 0 5px 5px;
}
.details-order__table td:last-child {
  width: 100%;
  min-width: 70px;
  text-align: end;
}
.details-order__table td:first-child {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 5px 0;
  color: rgba(41, 41, 46, 0.6);
  font-weight: 300;
  vertical-align: bottom;
}
.details-order__table td:first-child::after {
  content: "";
  position: absolute;
  bottom: 10px;
  margin-left: 6px;
  width: 100%;
  border-bottom: 1px dashed rgba(214, 214, 214, 1);
}
.details-order__table table {
  padding: 30px 0 40px 0;
}
.details-order .sale {
  color: var(--red-color);
}
.details-order__table-result {
  width: 100%;
  font-family: "Gilroy";
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.details-order__table-result table {
  width: 100%;
}
.details-order__table-result td {
  padding: 5px 0 5px 5px;
}
.details-order__table-result td:last-child {
  width: 100%;
  min-width: 90px;
  color: var(--blue-color);
  text-align: end;
  white-space:nowrap;
}
.details-order__table-result td:first-child {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 5px 0;
  color: rgb(41, 41, 46);
  font-weight: 600;
  vertical-align: bottom;
}
.details-order__table-result td:first-child::after {
  content: "";
  position: absolute;
  bottom: 10px;
  margin-left: 6px;
  width: 100%;
  border-bottom: 1px dashed rgba(214, 214, 214, 1);
}
.details-order__table-result table {
  padding: 0 0 40px 0;
}
.details-order__button {
  padding: 20px 60px;
}
.details-order__button p {
  text-align: center;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  z-index: 2;
}

@media (max-width: 1224px) {
  .details-order__button {
    padding: 20px;
  }
}
@media (max-width: 450px) {
  .details-order {
    display: flex;
    flex-direction: column;
  }
  .details-order__table {
    width: 100%;
    font-size: 14px;
    max-height: 380px;
    overflow-y: scroll;
  }
  .details-order__table table {
    width: 100%;
  }
  .details-order__table td {
    padding: 5px 0 5px 5px;
  }
  .details-order__table td:last-child {
    width: 100%;
    min-width: 70px;
    text-align: end;
  }
  .details-order__table td:first-child {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
    color: rgba(41, 41, 46, 0.6);
    font-weight: 400;
    vertical-align: bottom;
  }
  .details-order__table td:first-child::after {
    content: "";
    position: absolute;
    bottom: 10px;
    margin-left: 6px;
    width: 100%;
    border-bottom: 1px dashed rgba(214, 214, 214, 1);
  }
  .details-order__table table {
    padding: 30px 0 35px 0;
  }
  .details-order .sale {
    color: var(--red-color);
  }
  .details-order__table-result {
    width: 100%;
    font-size: 16px;
  }
  .details-order__table-result table {
    width: 100%;
  }
  .details-order__table-result td {
    padding: 5px 0 5px 5px;
  }
  .details-order__table-result td:last-child {
    width: 100%;
    min-width: 90px;
    color: var(--blue-color);
    text-align: end;
  }
  .details-order__table-result td:first-child {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
    color: rgb(41, 41, 46);
    font-weight: 400;
    vertical-align: bottom;
  }
  .details-order__table-result td:first-child::after {
    content: "";
    position: absolute;
    bottom: 10px;
    margin-left: 6px;
    width: 100%;
    border-bottom: 1px dashed rgba(41, 41, 46, 0.6);
  }
  .details-order__table-result table {
    padding: 0 0 30px 0;
  }
  .details-order__button {
    padding: 10px 35px;
  }
  .details-order__button p {
    text-align: center;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    z-index: 2;
  }
  .myacuvue-card__discounts{
    margin-top: 20px;
  }
  .details-order{
    min-height: auto;
  }

  .coupon-remove-item:before, .coupon-remove-item:after{
    width: 14px;
    height: 2px;
  }
  .order-coupon-text{
    font-size: 14px;
    margin-bottom: 8px;
  }
}
.basket-placing__item {
  margin-top: 40px;
  margin-left: 24px;
  list-style-type: decimal;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.basket-placing__item .box__tabs {
  margin-top: 20px;
  margin-left: -24px;
  margin-bottom: 0;
}
.basket-placing__item .box__tabs_nav {
  justify-content: space-between;
  overflow-x: auto;
  scrollbar-width: none;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}

.basket-placing__item .payment__tabs_nav {
  justify-content: space-between;
  overflow-x: auto;
  scrollbar-width: none;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}

.basket-placing__item .confirm__tabs_nav {
  justify-content: space-between;
  overflow-x: auto;
  scrollbar-width: none;
  border-radius: 10px;
  background: var(--smoky-gray-color);
}
.basket-placing__item .box__tabs_item {
  display: flex;
  align-items: center;
  background: var(--smoky-gray-color);
  border: none;
  cursor: pointer;
}
.basket-placing__item:first-child {
  margin-top: 0;
}
.basket-placing .your-data__inputs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  margin-left: -24px;
}
.basket-placing .your-data__inputs .input-auth {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.basket-placing .your-data__input {
  position: relative;
  width: 100%;
  max-width: 262px;
}
.basket-placing .your-data__input-code::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  background: url(/local/templates/lenses/assets/styles/css/../../images/icon-input-code-check.png);
  background-size: contain;
  width: 19px;
  height: 14px;
}
.basket-placing .your-data__input-tel_button {
  margin-left: 10px;
  color: var(--gray-color);
}
.basket-placing .your-data__input-tel_button p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration-line: underline;
}
.basket-placing .your-data__input-tel_button-repeat {
  color: var(--blue-color);
}
.basket-placing .your-data__input-tel_button-repeat p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration-line: underline;
}
.basket-placing .your-data__input-tel, .basket-placing .your-data__inputs-name {
  display: flex;
  gap: 10px;
}
.basket-placing__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  cursor: default;
}
.basket-placing .basket-placing__checkbox {
  position: relative;
  width: 20px;
  height: 20px;
  display:flex;
}
.basket-placing .basket-placing__checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  opacity: 0;
}
.basket-placing .basket-placing__checkbox input[type=checkbox]:not(:checked) + .checkbox-label:before,
.basket-placing .basket-placing__checkbox input[type=checkbox]:checked + .checkbox-label:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 50%;
  transition: all 0.4s;
}
.basket-placing .basket-placing__checkbox input[type=checkbox]:not(:checked) + .checkbox-label:after,
.basket-placing .basket-placing__checkbox input[type=checkbox]:checked + .checkbox-label:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--blue-color);
  transition: all 0.4s;
  opacity: 0;
}
.basket-placing .basket-placing__checkbox input[type=checkbox]:not(:checked) + .checkbox-label:hover:after,
.basket-placing .basket-placing__checkbox input[type=checkbox]:checked + .checkbox-label:hover:after {
  opacity: 1;
}
.basket-placing .basket-placing__checkbox input[type=checkbox]:checked + .checkbox-label:after {
  opacity: 1;
  background-color: var(--white-color);
}
.basket-placing .basket-placing__checkbox input[type=checkbox]:checked:focus + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}
.basket-placing .basket-placing__checkbox input[type=checkbox]:checked + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

@media (max-width: 720px) {
  .basket-placing__item {
    margin-top: 40px;
    margin-left: 24px;
    list-style-type: decimal;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
  }
  .basket-placing__item .box__tabs_nav {
    flex-direction: column;
  }
  .basket-placing__item .payment__tabs_nav {
    flex-direction: column;
  }
  .basket-placing__item .confirm__tabs_nav {
    flex-direction: column;
  }
  .basket-placing__item .box__tabs_item {
    display: flex;
    align-items: center;
    background: var(--smoky-gray-color);
    border: none;
  }
  .basket-placing .your-data__input-tel, .basket-placing .your-data__inputs-name {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }
  .basket-placing__title {
    display: contents;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
  }
  .basket-placing .box__tabs-mob_item {
    margin: 4px 0 4px -24px;
  }
}
.salon-addresses {
  cursor: pointer;
}
.salon-addresses h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.salon-addresses-item {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-left: 6px;
  cursor: pointer;
}
.salon-addresses-item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}
.salon-addresses__radio {
  position: relative;
  width: 20px;
  height: 20px;
}
.salon-addresses__radio input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
}
.salon-addresses__radio input[type=radio]:not(:checked) + .checkbox-label:before, .salon-addresses__radio input[type=radio]:checked + .checkbox-label:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 50%;
  transition: all 0.4s;
}
.salon-addresses__radio input[type=radio]:not(:checked) + .checkbox-label:after, .salon-addresses__radio input[type=radio]:checked + .checkbox-label:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--blue-color);
  transition: all 0.4s;
  opacity: 0;
}
.salon-addresses__radio input[type=radio]:not(:checked) + .checkbox-label:hover:after, .salon-addresses__radio input[type=radio]:checked + .checkbox-label:hover:after {
  opacity: 1;
}
.salon-addresses__radio input[type=radio]:checked + .checkbox-label:after {
  opacity: 1;
  background-color: var(--white-color);
}
.salon-addresses__radio input[type=radio]:checked:focus + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}
.salon-addresses__radio input[type=radio]:checked + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

.delivery-label {
  color: rgba(41, 41, 46, 1);
  font-weight: 400;
  font-size: 16px;
  font-family: "Gilroy";
  line-height: 1.4;
  cursor: pointer;
}

@media (max-width: 720px) {
  .salon-addresses-item {
    margin-top: 20px;
    margin-left: -18px;
  }
  
  .delivery-label {
    font-size: 14px;
  }
}
.salon-addresses-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 20px;
}
.salon-addresses-wrapper .delivery-map {
  margin-top: 20px;
  width: 100%;
  max-width: 388px;
  height: 300px;
}

@media (max-width: 720px) {
  .salon-addresses-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    margin-top: 20px;
  }
  .salon-addresses-wrapper .delivery-map {
    margin-top: 20px;
    width: 100%;
    max-width: 680px;
    height: 300px;
  }
}
.within-city {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.within-city__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 480px) {
  .within-city__wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
.within-city .your-data__input {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.within-city .your-data__input input {
  width: 100%;
  max-width: 400px;
}
.within-city .select {
  width: 100%;
  max-width: 400px;
}
.within-city .select.js-active .select__list {
  width: 100%;
  left: 0;
}
.within-city .select__header-output {
  color: var(--black-color);
}
.within-city__select {
  margin-top: 20px;
}
.within-city__select .select__header {
  padding: 10px 15px;
  height: 39px;
  border-radius: 5px;
  border: 1px solid var(--gray-color);
}
.within-city .delivery-map {
  width: 103%;
  max-width: 1000px;
  height: 300px;
  border-radius: 10px;
  margin-top: 0;
  margin-left: -24px;
}

.delivery-russia {
  margin-left: -24px;
}
.delivery-russia h3 {
  margin-top: 25px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.delivery-russia__btn {
  margin-top: 20px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
.delivery-russia__button {
  padding: 23px 28px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
}
.delivery-russia__button.is-active {
  border-radius: 10px;
  background: rgb(245, 245, 245);
}
.delivery-russia__address {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
}
.delivery-russia__inputs {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 10px 15px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}
.delivery-russia__pickup {
  margin-top: 20px;
}
.delivery-russia__pickup-button {
  padding: 20px 40px 20px 40px;
  border-radius: 50px;
  border: 1px solid var(--blue-color);
  background: var(--blue-color);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 610px) {
  .delivery-russia {
    margin-left: -24px;
  }
  .delivery-russia h3 {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
  }
  .delivery-russia__btn {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(1, 1fr);
  }
  .delivery-russia__button {
    padding: 21px 22px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
  }
  .delivery-russia__button.is-active {
    border-radius: 10px;
    background: rgb(245, 245, 245);
  }
  .delivery-russia__address {
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
  }
  .delivery-russia__inputs {
    position: relative;
    width: 100%;
    max-width: 400px;
    padding: 10px 15px;
    border: 1px solid var(--gray-color);
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
  }
}
.payment {
  margin-top: 20px;
  margin-left: -24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.payment__list {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.payment__item {
  display: flex;
  align-items: center;
  padding: 22px 39px;
  border-radius: 10px;
  background: #fbfbfb;
  cursor: pointer;
}
.payment__item .is-active {
  font-weight: 600;
}
.payment__radio {
  position: relative;
  width: 20px;
  height: 20px;
}
.payment__radio input[type=checkbox] {
  position: absolute;
  left: 0;
  opacity: 0;
}
.payment__radio input[type=checkbox]:not(:checked) + .checkbox-label:before, .payment__radio input[type=checkbox]:checked + .checkbox-label:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 50%;
  transition: all 0.4s;
}
.payment__radio input[type=checkbox]:not(:checked) + .checkbox-label:after, .payment__radio input[type=checkbox]:checked + .checkbox-label:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--blue-color);
  transition: all 0.4s;
  opacity: 0;
}
.payment__radio input[type=checkbox]:not(:checked) + .checkbox-label:hover:after, .payment__radio input[type=checkbox]:checked + .checkbox-label:hover:after {
  opacity: 1;
}
.payment__radio input[type=checkbox]:checked + .checkbox-label:after {
  opacity: 1;
  background-color: var(--white-color);
}
.payment__radio input[type=checkbox]:checked:focus + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}
.payment__radio input[type=checkbox]:checked + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

@media (max-width: 720px) {
  .payment {
    margin-top: 20px;
    margin-left: -24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
  }
  .payment__list {
    flex-direction: column;
    gap: 5px;
  }
}
.payment-bonus__switch {
  display: flex;
  gap: 15px;
  margin-top: 30px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.payment-bonus__switch-input {
  margin-top: 20px;
}
.payment-bonus__switch-input h5 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.payment-bonus__switch-input a {
  color: var(--blue-color);
}
.payment-bonus__switch-input_write-off {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.payment-bonus__switch-input_write-off p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.payment-bonus__switch-input_write-off_label {
  width: 100%;
  max-width: 90px;
  height: 40px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
}

@media (max-width: 610px) {
  .payment-bonus__switch {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
  }
}
.payment-comment {
  margin-top: 20px;
}
.payment-comment__input .input-auth-textarea {
  position: relative;
  width: 100%;
  max-width: 810px;
  padding: 10px 15px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.confirm {
  margin-top: 20px;
  margin-left: -24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.confirm__list {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}
.confirm__item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.confirm__item .is-active {
  font-weight: 600;
}
.confirm__radio {
  position: relative;
  width: 20px;
  height: 20px;
}
.confirm__radio input[type=radio] {
  position: absolute;
  left: 0;
  opacity: 0;
}
.confirm__radio input[type=radio]:not(:checked) + .checkbox-label:before, .confirm__radio input[type=radio]:checked + .checkbox-label:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid var(--ligth-gray-color);
  border-radius: 50%;
  transition: all 0.4s;
}
.confirm__radio input[type=radio]:not(:checked) + .checkbox-label:after, .confirm__radio input[type=radio]:checked + .checkbox-label:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--blue-color);
  transition: all 0.4s;
  opacity: 0;
}
.confirm__radio input[type=radio]:not(:checked) + .checkbox-label:hover:after, .confirm__radio input[type=radio]:checked + .checkbox-label:hover:after {
  opacity: 1;
}
.confirm__radio input[type=radio]:checked + .checkbox-label:after {
  opacity: 1;
  background-color: var(--white-color);
}
.confirm__radio input[type=radio]:checked:focus + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}
.confirm__radio input[type=radio]:checked + .checkbox-label:before {
  background-color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

.basket .question-answer__item {
  margin-top: 52px;
}
.basket .question-answer__item_wrapper {
  width: 118%;
  margin-left: -30px;
  max-width: 450px;
  padding: 15px 30px;
}
.basket .question__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.basket .question-answer__item_button {
  margin-top: 0px;
  width: 24px;
  height: 5px;
}
.basket .question-answer__item_wrapper.is-active .question-answer__item_button {
  transform: rotate(180deg);
  transition: all 0.5s;
}
.basket .question-answer__item_wrapper.is-active {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  background: var(--smoky-gray-color);
}
.basket .question-answer__item-answer {
  width: 118%;
  max-width: 780px;
  margin: -5px 0 0 -30px;
  padding: 25px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  background: var(--smoky-gray-color);
}
.basket .question-answer__item-answer_input {
  padding: 10px;
  border: 1px solid var(--gray-color);
  border-radius: 5px;
}

@media (max-width: 450px) {
  .confirm {
    margin-top: 20px;
    margin-left: -24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
  }
  .confirm__list {
    flex-direction: column;
    gap: 20px;
  }
  .confirm__item {
    margin-left: 6px;
  }
}
.compare {
  position: relative;
  margin-top: 40px;
}
.compare__button.swiper__button-arrow {
  width: 110%;
  max-width: 1350px;
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-right: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -60px;
  z-index: 95;
}
.compare .buy-button {
  visibility: visible;
  margin: 40px 0 0 0;
}
.compare__list {
  display: flex;
  gap: 10px;
  margin: 0px 0 5px 0;
}
.compare__list.swiper-wrapper {
  width: auto;
  margin-left: 0;
  padding-top: 0;
}
.compare__choice {
  box-sizing: content-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: 0.3s;
}
.compare__choice.swiper-slide {
  box-sizing: border-box;
  width: 195px;
  height: auto;
}
.compare__choice.swiper-slide:hover {
  transform: scale(1);
}
.compare__delet {
  position: absolute;
  top: 1px;
  right: 3px;
  width: 20px;
  height: 20px;
  padding: 5px;
}
.compare__delet img {
  width: 10px;
  height: 10px;
}
.compare__title {
  margin-top: 14px;
}
.compare__title h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compare__status.is-active {
  display: block;
}
.compare__status {
  display: none;
  margin-top: 10px;
  color: var(--gray-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.compare__price {
  width: 105%;
  margin-top: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #efefef;
}
.compare__price p {
  color: var(--blue-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
}
.compare__specifications-list h4 {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.compare__choice:first-child .compare__specifications-list h4 {
  visibility: visible;
}
.compare__choice:not(:first-child) .compare__specifications-list h4 {
  visibility: hidden;
}
.compare__specifications-item {
  padding-top: 27px;
  width: 105%;
  padding-bottom: 15px;
  border-bottom: 1px solid #efefef;
}
.compare__specifications-item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

@media (max-width: 835px) {
  .compare {
    position: relative;
    margin-top: 40px;
  }
  .compare__choice.swiper-slide {
    width: 182px;
  }
  .details-order__table{
    overflow: scroll;
    max-height: 200px;
  }
}
@media (max-width: 450px) {
  .compare {
    position: relative;
    margin-top: 40px;
  }
  .compare__choice.swiper-slide {
    width: 170px;
  }
}
.compare-filter__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 36px;
}
.compare-filter__switch {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.compare-filter__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.compare-filter__subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.compare-filter__clear {
  display: flex;
  align-items: center;
  position: relative;
  color: var(--gray-color);
}
.compare-filter__clear p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  text-align: right;
  border-bottom: 1px solid;
}
.compare-filter__clear img {
  padding-top: 2px;
  padding-left: 15px;
  width: 25px;
  height: 12px;
}

.compare-fixed {
  z-index: 98;
  position: fixed;
  background-color: var(--white-color);
  box-shadow: 0px 4px 8px 0px rgba(96, 96, 96, 0.1);
  top: 9px;
  left: 0;
  width: 100%;
}
.compare-fixed .swiper-compare {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}
.compare-fixed .compare__choice.swiper-slide {
  box-sizing: border-box;
  width: 195px;
  height: auto;
  margin-top: 12px;
}
.compare-fixed__wrapper {
  display: flex;
  gap: 10px;
  width: 150px;
}
.compare-fixed__wrapper img {
  width: 57px;
  height: 57px;
}
.compare-fixed__wrapper .compare__delet {
  position: absolute;
  top: -24px;
  left: 65px;
  right: 0px;
  width: 20px;
  height: 20px;
  padding: 5px;
}
.compare-fixed .compare__title h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.compare-fixed__wrapper-inner .compare__price {
  border-bottom: none;
  margin-top: 5px;
  padding-bottom: 0;
}
.compare-fixed__wrapper-inner .compare__price p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.compare-fixed__wrapper-inner .compare__status {
  margin-top: 21px;
  font-size: 12px;
}
.compare-fixed .compare__button.swiper__button-arrow {
  width: 110%;
  max-width: 1350px;
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-right: 0px;
  position: absolute;
  top: 50%;
  left: 45px;
  z-index: 95;
}

@media (max-width: 1224px) {
  .compare-fixed .swiper-compare {
    width: 96%;
  }
  .compare-fixed .compare__button.swiper__button-arrow {
    width: 100%;
    justify-content: space-between;
    padding: 0 25px;
    left: 0px;
  }
  .compare__button.swiper__button-arrow {
    width: 100%;
    max-width: 1180px;
    left: 0px;
  }
}
@media (max-width: 999px) {
  .compare-fixed .swiper-compare {
    width: 90%;
  }
  .compare-fixed .compare__button.swiper__button-arrow {
    padding: 0 50px;
  }
}
@media (max-width: 835px) {
  .compare-fixed .compare__choice.swiper-slide {
    box-sizing: border-box;
    width: 182px;
    height: auto;
    margin-top: 12px;
  }
}
@media (max-width: 660px) {
  .compare-fixed {
    top: 2px;
  }
}
.cld-main {
  margin-top: 15px;
  width: 330px;
}

.cld-main a {
  color: #333;
  font-weight: bold;
}

.cld-datetime {
  position: relative;
  width: 66%;
  min-width: 100px;
  max-width: 300px;
  overflow: hidden;
  padding-bottom: 10px;
}

.cld-datetime .today {
  position: relative;
  float: left;
  width: calc(100% - 40px);
  margin: auto;
  text-align: center;
  color: var(--black-color);
}

.cld-nav {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  stroke: var(--black-color);
}

.cld-nav:hover {
  cursor: pointer;
}

.cld-nav:hover svg {
  stroke: var(--blue-color);
}

.cld-rwd {
  float: left;
  stroke: var(--gray-color);
}

.cld-fwd {
  float: right;
}

.cld-labels,
.cld-days {
  width: 254px;
  margin-left: -10px;
}

.cld-label,
.cld-day {
  display: inline-block;
  width: 14.28%;
  text-align: center;
}

.cld-label {
  color: var(--black-color);
  padding-bottom: 5px;
  border-bottom: 1px solid var(--ligth-gray-color);
}

.cld-day.today .cld-number {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 5px;
  padding: 5px;
  background: var(--blue-color);
  color: var(--white-color);
}

.cld-day.disableDay {
  opacity: 0.5;
}

.cld-day.nextMonth,
.cld-day.prevMonth {
  opacity: 0.33;
}

.cld-number {
  position: relative;
  margin: 5px;
}

.cld-title {
  position: absolute;
  z-index: 5;
  display: none;
  top: 30px;
  left: 0;
  padding: 5px 10px;
  background: #fff;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
}

.cld-number:hover .cld-title {
  display: block;
}

.cld-title::before {
  content: "";
  position: absolute;
  top: -7.5px;
  left: 7.5px;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7.5px solid #ccc;
}

.cld-number.eventday {
  display: inline-block;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  border: 1px solid #999;
}

.cld-number.eventday:hover {
  cursor: pointer;
  background: #eee;
}

.today .cld-number.eventday:hover {
  background: #888;
}

.button {
  position: relative;
  overflow: hidden;
  border-radius: 50px;
  color: var(--white-color);
  background-color: var(--blue-color);
  text-transform: uppercase;
  z-index: 2;
}
.button::after {
  content: "";
  position: absolute;
  width: 130%;
  height: 360%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -60px;
  left: -17px;
  transform: translateY(100%);
  transition: 0.7s;
}
.button:hover::after {
  transform: translateY(0);
}
.button:focus::after {
  transform: translateY(0);
}

@media (max-width: 400px) {
  .button::after {
    width: 135%;
    height: 360%;
    border-radius: 50%;
    top: -40px;
    left: -30px;
  }
}
.head-button {
  padding: 10px 30px;
  font-family: "Gilroy";
  cursor: pointer;
}

@media (max-width: 1034px) {
  .head-button {
    padding: 10px 20px;
    font-size: 16px;
  }
}
@media (max-width: 660px) {
  .head-button {
    visibility: hidden;
  }
}
.big-button {
  padding: 20px 40px;
}

@media (max-width: 470px) {
  .big-button__mobil {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 0;
  }
  .big-button__mobil::after {
    content: "";
    position: absolute;
    width: 120%;
    height: 360%;
    border-radius: 50%;
    background-color: var(--red-color);
    top: -60px;
    left: -30px;
    transform: translateY(100%);
    transition: 0.7s;
  }
  .big-button__mobil:hover::after {
    transform: translateY(0);
  }
}
@media (max-width: 400px) {
  .big-button {
    width: 92%;
    padding: 20px 86px;
  }
  .big-button__mobil {
    width: 100%;
  }
}
.catalog-button {
  position: absolute;
  top: 378px;
  left: 66px;
  padding: 20px 53px;
  color: var(--blue-color);
  background-color: var(--white-color);
  stroke: var(--blue-color);
  font-family: "Gilroy";
}
.catalog-button__text {
  position: relative;
  padding-right: 10px;
  font-size: 16px;
  z-index: 5;
}
.catalog-button svg {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 24px;
  right: 45px;
  z-index: 2;
}

.product-button {
  position: absolute;
  top: 378px;
  left: 66px;
  padding: 20px 53px;
  color: var(--blue-color);
  background-color: var(--white-color);
  stroke: var(--blue-color);
  font-family: "Gilroy";
}
.product-button__text {
  position: relative;
  padding-right: 10px;
  font-size: 16px;
  z-index: 5;
}
.product-button svg {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 21px;
  right: 45px;
  z-index: 2;
}

@media (max-width: 1224px) {
  .catalog-button {
    top: 328px;
  }
  .catalog-button svg {
    top: 24px;
    right: 45px;
  }
}
@media (max-width: 1024px) {
  .catalog-button {
    top: 298px;
  }
}
@media (max-width: 999px) {
  .catalog-button {
    position: absolute;
    top: 275px;
    left: 30px;
    padding: 18px 48px;
    color: var(--blue-color);
    background-color: var(--white-color);
    stroke: var(--blue-color);
  }
  .catalog-button__text {
    position: relative;
    padding-right: 10px;
    font-size: 14px;
    z-index: 5;
  }
  .catalog-button svg {
    width: 10px;
    height: 10px;
    top: 20px;
    right: 45px;
  }
}
@media (max-width: 835px) {
  .catalog-button {
    top: 225px;
  }
  .catalog-button svg {
    right: 45px;
  }
}
@media (max-width: 745px) {
  .catalog-button {
    top: 195px;
  }
  .catalog-button__text {
    font-size: 12px;
  }
  .catalog-button svg {
    width: 8px;
    height: 8px;
    top: 21px;
    right: 45px;
  }
  .product-button svg {
    width: 8px;
    height: 8px;
    top: 20px;
    right: 55px;
  }
}
@media (max-width: 670px) {
  .catalog-button {
    top: 175px;
    padding: 12px 26px;
  }
  .catalog-button__text {
    font-size: 10px;
  }
  .catalog-button svg {
    width: 7px;
    height: 7px;
    top: 14px;
    right: 22px;
  }
}
@media (max-width: 610px) {
  .catalog-button {
    top: 155px;
    padding: 12px 26px;
  }
  .catalog-button__text {
    font-size: 10px;
  }
  .error__button-text {
    font-size: 12px;
  }
  .error__button svg {
    width: 10px;
    height: 10px;
    top: 21px;
    right: 29px;
  }
}
@media (max-width: 524px) {
  .catalog-button {
    top: 135px;
    padding: 12px 26px;
  }
  .catalog-button__text {
    font-size: 10px;
  }
  .error__button-text {
    font-size: 12px;
  }
}
@media (max-width: 476px) {
  .catalog-button {
    top: 118px;
    padding: 8px 26px;
  }
  .catalog-button__text {
    font-size: 9px;
  }
  .catalog-button svg {
    width: 6px;
    height: 6px;
    top: 9px;
    right: 25px;
  }
  .error__button-text {
    font-size: 11px;
  }
  .catalog-button-product svg {
    width: 6px;
    height: 6px;
    top: 9px;
    right: 25px;
  }
}
@media (max-width: 400px) {
  .catalog-button {
    top: 106px;
    left: 18px;
    padding: 6px 11px;
  }
  .catalog-button__text {
    font-size: 6px;
  }
  .catalog-button svg {
    width: 4px;
    height: 4px;
    top: 7px;
    right: 14px;
  }
  .catalog-button-product {
    width: 100%;
    font-size: 14px;
    text-align: center;
  }
}
.catalog-button:hover {
  color: var(--white-color);
  stroke: var(--white-color);
}

.product-button {
  position: relative;
  top: 0;
  left: 0;
  color: var(--white-color);
  background-color: var(--blue-color);
  stroke: currentColor;
  padding: 18px 60px;
}
.product-button::after {
  content: "";
  position: absolute;
  width: 115%;
  height: 360%;
  border-radius: 50%;
  background-color: var(--red-color);
  top: -60px;
  left: -20px;
  transform: translateY(100%);
  transition: 0.7s;
}
.product-button:hover::after {
  transform: translateY(0);
}
.product-button:focus::after {
  transform: translateY(0);
}

@media (max-width: 475px) {
  .product-button {
    position: relative;
    top: 0;
    left: 0;
    color: var(--white-color);
    background-color: var(--blue-color);
    stroke: currentColor;
  }
  .product-button svg {
    width: 7px;
    height: 7px;
    top: 20px;
    right: 55px;
  }
}
@media (max-width: 400px) {
  .product-button {
    width: 100%;
  }
  .product-button svg {
    width: 10px;
    height: 10px;
    top: 21px;
    right: 125px;
  }
}
.buy-button {
  visibility: hidden;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.buy-button:focus::after {
  transform: translateY(0);
}

.buy-tablet-button {
  visibility: visible;
  padding: 9px 33px;
}
.buy-tablet-button:focus::after {
  transform: translateY(0);
}

@media (max-width: 770px) {
  .buy-tablet-button {
    visibility: visible;
    padding: 0px;
    width:28px;
    height:28px;
  }
  .buy-tablet-button:focus::after {
    transform: translateY(0);
  }
}
@media (max-width: 475px) {
  .buy-tablet-button {
    visibility: visible;
    padding: 0px;
  }
  .buy-tablet-button:focus::after {
    transform: translateY(0);
  }
}
.button-arrow__back, .button-arrow__next {
  pointer-events: all;
  width: 40px;
  height: 40px;
}
.button-arrow__back {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-gray.svg);
}
.button-arrow__back:hover {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-black.svg);
}
.button-arrow__back:active {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-blue.svg);
  transform: rotate(180deg);
}
.button-arrow__next {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-black.svg);
  transform: rotate(180deg);
}
.button-arrow__next:hover {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-blue.svg);
  transform: rotate(0deg);
}
.button-arrow__next:active {
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-arrow-blue.svg);
  transform: rotate(0deg);
}

@media (max-width: 835px) {
  .button-arrow__back, .button-arrow__next {
    height: 25px;
  }
}
.button-show-more {
  color: var(--blue-color);
}

.button-show-more:hover {
  text-decoration: underline;
}

.button-hide {
  color: var(--blue-color);
}

.button-hide:hover {
  text-decoration: underline;
}

.button-reset {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 20px 15px;
  border-radius: 60px;
  color: var(--gray-color);
  border: 1px solid var(--gray-color);
  background-color: var(--white-color);
  text-transform: uppercase;
  z-index: 2;
  transition: all 0.3s;
}
.button-reset p {
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
.button-reset__footer {
  margin: 10px 20px 10px 15px;
  padding: 10px;
  border-radius: 60px;
  color: var(--gray-color);
  border: 1px solid var(--gray-color);
}
.button-reset__footer p {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.button-reset__footer:hover {
  color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

.button-reset:hover {
  color: var(--blue-color);
  border: 1px solid var(--blue-color);
}

.catalog-button-show {
  max-width: 237px;
  padding: 20px 60px;
}
.catalog-button-show p {
  position: relative;
  font-size: 16px;
  z-index: 2;
}

.catalog-button-filter {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 8px 15px;
  background: var(--blue-color);
  border-radius: 40px;
}
.catalog-button-filter span {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.category_footer-show-button {
  width: 100%;
  padding: 15px 0;
  background-color: var(--blue-color);
}
.category_footer-show-button p {
  color: var(--white-color);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.error {
  margin-top: 110px;
}
.error__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error .title {
  text-align: center;
}
.error__text {
  margin: 30px 0 40px 0;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
}
.error__img {
  width: 492px;
  height: 141px;
  margin-bottom: 20px;
}
.error__button {
  padding: 20px 40px;
  margin-bottom: 30px;
}
.error__button svg {
  width: 13px;
  height: 13px;
  top: 23px;
  right: 30px;
}

@media (max-width: 999px) {
  .error {
    width: 94%;
  }
  .error .title {
    font-size: 21px;
  }
  .error__button svg {
    width: 12px;
    height: 12px;
    top: 23px;
    right: 30px;
  }
}
.error svg {
  width: 10px;
  height: 10px;
  top: 21px;
  right: 29px;
}

@media (max-width: 400px) {
  .error__button svg {
    width: 11px;
    height: 11px;
    top: 22px;
    right: 115px;
  }
}
/* -----------------------------------------HAMBURGER----------------------------------------- */
.hamburger {
  margin: -8px 0;
  padding: 20px 0;
  position: relative;
  display: block;
  width: 28px;
  height: 20px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  outline: none;
  border: none;
  z-index: 300;
}

.hamburger__bar {
  margin: 6px 0;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  height: 3px;
  width: 30px;
  border-radius: 10px;
  background-color: var(--black-color);
  transition: all 0.3s ease-in-out;
}

@media (max-width: 660px) {
  .hamburger__bar {
    margin: 3px 0;
  }
}
.hamburger__bar::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 0;
  display: block;
  height: 3px;
  width: 30px;
  border-radius: 10px;
  background-color: var(--black-color);
  transition: all 0.3s ease-in-out;
}

.hamburger__bar::before {
  content: "";
  position: absolute;
  top: -9px;
  right: 0;
  display: block;
  height: 3px;
  width: 30px;
  border-radius: 10px;
  background-color: var(--black-color);
  transition: all 0.3s ease-in-out;
}

.hamburger.hamburger_active .hamburger__bar {
  transform: rotate(-45deg) translate(0, -1px);
  width: 0;
}

.hamburger.hamburger_active .hamburger__bar:after {
  transform: rotate(90deg) translate(-20px, -3px);
}

.hamburger.hamburger_active .hamburger__bar:before {
  transform: rotate(0deg) translate(2px, -3px);
}

.dark-back {
  position: relative;
  z-index: 999;
  background-color: rgba(41, 41, 46, 0.2);
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.swiper-compare {
  overflow: visible;
}

.swiper-compare::before,
.swiper-compare::after {
  content: "";
  position: absolute;
  top: 0;
  width: 200px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

@media (max-width: 1024px) {
  .swiper-compare::before,
  .swiper-compare::after {
    width: 100px;
  }
}
.swiper-compare::before {
  left: -10%;
  background: linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.swiper-compare::after {
  right: -10%;
  background: linear-gradient(to left, rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

@media (max-width: 835px) {
  .swiper-compare::before,
  .swiper-compare::after {
    background: none;
  }
}
.swiper-banner {
  margin-left: initial;
}

.swiper-frames {
  overflow: hidden;
  width: 1230px;
  margin-left: initial;
}

.brand-swiper {
  margin-top: 70px;
}
.brand-swiper .swiper-slide:hover.home-frames__item {
  transform: scale(1.25);
}
@media (max-width: 610px) {
  .brand-swiper .swiper-slide:hover.home-frames__item {
    transform: scale(1);
  }
}

@media (max-width: 999px) {
  .brand-swiper {
    width: 100%;
    margin-left: 40px;
  }
}
@media (max-width: 835px) {
  .brand-swiper {
    margin-top: 40px;
    margin-left: 25px;
  }
}
@media (max-width: 600px) {
  .brand-swiper {
    margin-top: 40px;
    margin-left: 20px;
  }
}
.swiper-wrapper {
  margin-left: 30px;
  margin-bottom: 10px;
  padding-top: 20px;
}

.swiper-wrapper-brand {
  margin-left: 0px;
  margin-bottom: 10px;
  padding-top: 20px;
}

.home-frames__list {
  margin: 20px 0 0 0;
}

.swiper-slide {
  position: relative;
  transition: 0.7s;
}

.swiper-slide:hover {
  transform: scale(1.02);
}

.swiper-slide:hover.home-frames__item {
  transform: scale(1);
}

.swiper-pagination {
  z-index: 100;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.swiper-pagination-bullet:hover {
  background: var(--red-color);
  opacity: 1;
}

.swiper-pagination-bullet-active {
  width: 50px;
  height: 10px;
  border-radius: 10px;
}

.swiper-pagination-bullet-active:hover {
  background: var(--swiper-theme-color);
}

.swiper-horizontal > .swiper-pagination-bullets {
  max-width: 70%;
  margin: 0 0 5px 30px;
  text-align: left;
}

.swiper__button-arrow {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-right: 30px;
  position: relative;
  z-index: 99;
}

.sw-btn-brand {
  margin-right: 0;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .sw-btn-brand {
    visibility: hidden;
  }
}
.sw-btn-brand-box {
  display: flex;
  gap: 10px;
}

@media (max-width: 1024px) {
  .sw-btn-brand-box {
    display: none;
  }
}
.swiper-frames__button-arrow {
  width: 100%;
  justify-content: space-between;
  margin-right: 0;
}

.product__swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

.product__swiper-wrapper {
  margin-left: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
}

.swiper-slide {
  position: relative;
}

.product__swiper-slide {
  display: inline-flex;
  justify-content: center;
}

.swiper-horizontal .product__swiper-pagination {
  margin: 0;
  top: -12px;
  max-width: 100%;
  text-align: left;
}

.product__swiper-pagination {
  display: none;
}

.product__choice:hover .product__swiper-pagination {
  display: flex;
  z-index: 2;
}

.product__swiper-pagination-bullet {
  width: 60px;
  height: 2px;
  display: inline-block;
  border-radius: 5px;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  margin-right: 6px;
  margin-top:10px;
}

.product__swiper-pagination-bullet:last-child {
  margin-right: 0px;
}

.product__swiper-pagination-bullet-activ {
  display: inline-block;
  width: 50px;
  height: 2px;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.brand_lens {
  display: inline;
  height: 149px;
}

@media (max-width: 1224px) {
  .swiper {
    width: 98%;
    margin-left: initial;
  }
  .swiper.swiper-frames {
    width: 100%;
  }
  .swiper .sw-btn-brand {
    width: 100%;
    visibility: visible;
  }
  .swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .swiper__button-arrow {
    width: 98%;
  }
  .swiper-horizontal > .swiper-pagination-bullets {
    max-width: 70%;
    margin: 0 0 5px 30px;
    text-align: left;
  }
  .swiper-horizontal .product__swiper-pagination {
    margin: 0;
    top: -12px;
    max-width: 100%;
    text-align: left;
  }
  .product__swiper-pagination-bullet,
  .product__swiper-pagination-bullet-activ {
    width: 90%;
  }
}
@media (max-width: 1024px) {
  .swiper {
    width: 98%;
    margin-left: initial;
  }
  .swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .product__swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }
  .swiper-horizontal > .swiper-pagination-bullets {
    max-width: 85%;
    margin: 0 0 5px 85px;
    text-align: center;
  }
  .swiper-horizontal .product__swiper-pagination {
    margin: 0;
    top: -12px;
    max-width: 100%;
    text-align: left;
  }
}
@media (max-width: 835px) {
  .swiper {
    width: 96%;
  }
  .swiper__button-arrow {
    width: 98%;
    visibility: hidden;
  }
  .swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 3px;
    padding-top: 0px;
  }
  .product__swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }
  .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
  }
  .swiper-pagination-bullet-active {
    width: 25px;
    height: 5px;
    border-radius: 10px;
  }
  .swiper-horizontal > .swiper-pagination-bullets {
    max-width: 100%;
    margin: 0;
    text-align: center;
  }
  .brand_lens {
    height: 88px;
  }
}
@media (max-width: 610px) {
  .swiper {
    width: 98%;
    margin-left: initial;
  }
  .swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-top: 10px;
  }
  .swiper-wrapper.swiper-wrapper-brand {
    margin-left: 25px;
  }
  .product__swiper-wrapper {
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
  }
  .swiper__button-arrow {
    visibility: hidden;
    width: 99%;
    height: auto;
  }
  .swiper-horizontal .product__swiper-pagination {
    margin: 0;
    top: -12px;
    max-width: 100%;
    text-align: left;
  }
  .product__swiper-pagination-bullet,
  .product__swiper-pagination-bullet-activ {
    width: 90%;
  }
  .swiper-pagination-bullet:hover {
    background: var(--red-color);
    opacity: 1;
  }
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px);
  }
  .brand_lens {
    height: 84px;
  }
}
.d-none {
  display: none;
}

.castom-pagination {
  margin-top: 15px;
  flex: 1;
  height: 100%;
}

.product__swiper-pagination .castom-pagination {
  display: flex;
  justify-content: center;
}

.select {
  position: relative;
  width: 100%;
  max-width: -moz-max-content;
  max-width: max-content;
}
.select__header {
  display: flex;
  align-items: center;
  border-radius: 7px;
  border: 1px solid #ffffff;
  background: #ffffff;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s;
}
.select__header-output {
  flex: 1;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--gray-color);
}
.select__header-icon {
  margin-top: 2px;
  width: 10px;
  height: 6px;
  background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-amoon-arrow-gray.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.2s;
}
.select__header-company {
  min-width: -moz-min-content;
  min-width: min-content;
}
.select__list {
  display: flex;
  visibility: hidden;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 2px);
  right: 0;
  z-index: -1;
  width: -moz-max-content;
  width: max-content;
  padding: 10px;
  border-radius: 7px;
  max-height: 0px;
  overflow: hidden;
  scrollbar-width: thin;
  scrollbar-color: #35b6fe rgba(53, 182, 254, 0.2);
  overscroll-behavior: contain;
  border: 6px solid #ffffff;
  background-color: #ffffff;
  scroll-padding-right: 6px;
  transition: max-height 0.2s;
}
.select__list-item {
  color: var(--gray-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 8px 5px 7px 5px;
  cursor: pointer;
  background-color: #ffffff;
}
.select__list-item:hover {
  color: var(--blue-color);
}
.select__list-item:last-child {
  margin-bottom: 7px;
}
.select.js-active {
  z-index: 1;
}
.select.js-active .select__header {
  border-radius: 5px;
}
.select.js-active .select__header-icon {
  transform: rotate(180deg);
  transition: all 0.2s;
}
.select.js-active .select__list {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  background: rgb(255, 255, 255);
  visibility: visible;
}

@media (max-width: 810px) {
  .select__header-output {
    color: var(--black-color);
  }
  .select__header-icon {
    margin-top: 2px;
    width: 10px;
    height: 6px;
    background-image: url(/local/templates/lenses/assets/styles/css/../../images/icon-amoon-arrow-b.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.2s;
  }
  .select__list {
    left: 0;
  }
}
@media (max-width: 576px) {
  .select__header-os {
    min-width: 110px;
  }
}

.footer-catalog__list2
{
	display:flex;
}


.auth-page {
  display: grid;
  grid-template-columns: 598px 1fr;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.auth-page * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.auth-page__container {
  background-color: var(--blue-color);
  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;
}
.auth-page__inner {
  width: 302px;
}
.auth-page__bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.auth-page__title {
  font-family: "RF Dewi Expanded";
  font-weight: 800;
  font-size: 40px;
  margin-bottom: 30px;
  color: #FFFFFF;
}
.auth-page__form-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 11px;
}
.auth-page__form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  padding: 12px 14px;
}
.auth-page__form-input input {
  font-family: "Gilroy";
  font-size: 14px;
  line-height: 16.8px;
  width: 100%;
  color: #FFFFFF;
}
.auth-page__form-input input::-webkit-input-placeholder {
  color: #FFFFFF;
}
.auth-page__form-input input::-moz-placeholder {
  color: #FFFFFF;
}
.auth-page__form-input input:-ms-input-placeholder {
  color: #FFFFFF;
}
.auth-page__form-input input::-ms-input-placeholder {
  color: #FFFFFF;
}
.auth-page__form-input input::placeholder {
  color: #FFFFFF;
}
.auth-page__form-input input:-internal-autofill-selected {
  background-color: transparent !important;
}
.auth-page__form-row {
  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;
}
.auth-page__form-link {
  font-size: 12px;
  line-height: 16.8px;
  text-decoration: underline;
  color: #FFFFFF;
}
.auth-page__form-btn {
  min-width: 193px;
  height: 40px;
  padding: 0 23px;
  background-color: #FFFFFF;
  color: var(--blue-color);
  margin-top: 20px;
}
.auth-page__form-btn p {
  position: relative;
  z-index: 2;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.auth-page__form-btn:hover p {
  color: #FFFFFF;
  -webkit-transition: color 0.35s;
  transition: color 0.35s;
}
.auth-page__form-checkbox {
  margin-top: 9px;
  margin-bottom: 35px;
}

.recovery__title {
  font-size: 36px;
}

.new-password__title {
  white-space: nowrap;
  font-size: 36px;
}

.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.checkbox__input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.checkbox__input:checked ~ .checkbox__custom::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("/local/templates/lenses/assets/images/icon-checkbox.svg");
  background-position: center;
  background-size: contain;
}
.checkbox__custom {
  width: 16px;
  min-width: 16px;
  aspect-ratio: 1;
  border: 1px solid #D6D6D6;
  border-radius: 2px;
  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;
}
.checkbox__label {
  font-weight: 600;
  font-size: 11px;
  line-height: 15.4px;
  color: #FFFFFF;
}
.checkbox__label a {
  text-decoration: underline;
}
.checkbox:hover .checkbox__input:not(:checked) ~ .checkbox__custom::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("/local/templates/lenses/assets/images/icon-checkbox-blue.svg");
  background-position: center;
  background-size: contain;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.input-field {
  position: relative;
}
.input-field-white {
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.input-field-white::-webkit-input-placeholder {
  color: #FFFFFF;
}
.input-field-white::-moz-placeholder {
  color: #FFFFFF;
}
.input-field-white:-ms-input-placeholder {
  color: #FFFFFF;
}
.input-field-white::-ms-input-placeholder {
  color: #FFFFFF;
}
.input-field-white::placeholder {
  color: #FFFFFF;
}
.input-field__input {
  height: 40px;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 16.8px;
  width: 100%;
  color: #000000;
}
.input-field__input::-webkit-input-placeholder {
  color: #B6B6B6;
}
.input-field__input::-moz-placeholder {
  color: #B6B6B6;
}
.input-field__input:-ms-input-placeholder {
  color: #B6B6B6;
}
.input-field__input::-ms-input-placeholder {
  color: #B6B6B6;
}
.input-field__input::placeholder {
  color: #B6B6B6;
}
.input-field__input:-internal-autofill-selected {
  background-color: transparent !important;
}
.input-field__input.input-error {
  border-color: #FA4742;
}
.input-field__input-icon {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.input-field__textarea {
  resize: none;
  height: 81px;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 16.8px;
  width: 100%;
  color: #000000;
}
.input-field__textarea::-webkit-input-placeholder {
  color: #B6B6B6;
}
.input-field__textarea::-moz-placeholder {
  color: #B6B6B6;
}
.input-field__textarea:-ms-input-placeholder {
  color: #B6B6B6;
}
.input-field__textarea::-ms-input-placeholder {
  color: #B6B6B6;
}
.input-field__textarea::placeholder {
  color: #B6B6B6;
}
.input-field__textarea:-internal-autofill-selected {
  background-color: transparent !important;
}
.input-field__textarea.input-error {
  border-color: #FA4742;
}

@media (max-width: 768px) {
  .auth-page {
    grid-template-columns: 1fr;
  }
  .auth-page__bg {
    display: none;
  }
  .auth-page__inner {
    width: 100%;
    padding: 0 40px;
  }
  .auth-page__title {
    font-size: 32px;
    line-height: 35px;
  }
  .recovery__title {
    font-size: 24px;
  }
}

.password-reset .auth-page__inner {
  max-width: 420px;
  width: 100%;
}

.password-reset .auth-page__title {
  font-size: 32px;
  font-weight: 700;

  @media (max-width: 768px) {
    font-size: 24px;
  }
}

.password-reset .auth-page__form-col {
  gap: 8px;
  margin-bottom: 0;
}

.password-reset .password-reset__feedback {
  margin-top: 32px;
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 16px;
  min-height: 50px;
  background-color: #FBE3E3;
}

.password-reset .password-reset__feedback[hidden] {
  display: none;
}

.password-reset .password-reset__error {
  font-weight: 500;
  color: var(--red-color);
  font-size: 16px;
}

.password-reset .auth-page__form-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.password-reset.password-reset--success .auth-page__form-btn {
  margin-top: 0;
}

.profile {
  display: grid;
  grid-template-columns: 298px minmax(0, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  margin-top: 40px;
}
.profile .container {
  margin: 0;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.profile__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 114px;
  background-color: #f4f4f4;
  padding: 30px 24px 36px 30px;
  border-radius: 10px;
}
.profile__nav-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 22px;
}
.profile__nav-item {
  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;
  font-weight: 700;
  font-size: 22px;
  line-height: 26.4px;
  letter-spacing: 0%;
  color: var(--dark-blue-color);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.profile__nav-item:hover, .profile__nav-item.active {
  color: var(--blue-color);
}
.profile__nav-item span {
  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: 22px;
  aspect-ratio: 1;
  border-radius: 10px;
  background-color: var(--red-color);
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  line-height: 14.86px;
  text-align: center;
}
.profile__nav-mobile {
  display: none;
}
.profile__form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.profile__form-col {
  width: 330px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}
.profile__form-col:not(.right) {
  padding-left: 13px;
}
.profile__form-col.right {
  width: 346px;
}
.profile__form-col.right .profile__block-list {
  margin-left: 15px;
}
.profile__form-col.right .profile__block-title {
  padding-left: 15px;
}
.profile__form-button {
  width: 193px;
  height: 40px;
}
.profile__form-button p {
  position: relative;
  z-index: 1;
}
.profile__block {
  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;
}
.profile__block-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 17.33px;
  color: #000000;
  padding-left: 8px;
}
.profile__block-list {
  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;
}
.profile__block-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 54px;
  padding-left: 15px;
}
.profile__block-cheboxes {
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.profile__block-checkbox {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.profile__block-checkbox .checkbox__input:checked ~ .checkbox__custom {
  background-color: #0087FA;
  border-color: #0087FA;
}
.profile__block-checkbox .checkbox__label {
  color: #000000;
  font-family: 12px;
  line-height: 14px;
}
.profile__block-btn {
  margin-left: 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 9px;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #0087FA;
}
.profile__block-pickup {
  padding-left: 27px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 13px;
}
.profile-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 13px;
  cursor: pointer;
}
.profile-radio__custom {
  width: 20px;
  min-width: 20px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #D6D6D6;
  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-transition: all 0.2s;
  transition: all 0.2s;
}
.profile-radio__custom::before {
  content: "";
  width: 12px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.profile-radio__label {
  font-weight: 400;
  font-size: 14px;
  line-height: 16.8px;
  color: #000000;
}
.profile-radio__input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.profile-radio__input:checked ~ .profile-radio__custom {
  background-color: #0087FA;
  border-color: #0087FA;
}
.profile-radio__input:checked ~ .profile-radio__custom::before {
  background-color: #ffffff;
}
.profile-radio:hover .profile-radio__input:not(:checked) ~ .profile-radio__custom::before {
  background-color: #0087FA;
}
.profile-address {
  background-color: #F2F2F2;
  border-radius: 5px;
  padding: 13px 12px 21px 13px;
}
.profile-address__row {
  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;
  margin-bottom: 7px;
}
.profile-address__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.profile-address__text {
  padding-left: 21px;
}
.profile-address__text p {
  font-weight: 400;
  font-size: 11px;
  line-height: 13.2px;
  color: #5C5C5C;
}

input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

.input-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  padding: 12px 14px;
  cursor: text;
}
.input-profile input {
  font-size: 14px;
  line-height: 16.8px;
  width: 100%;
  color: #000000;
  cursor: text;
}
.input-profile input::-webkit-input-placeholder {
  color: #B6B6B6;
}
.input-profile input::-moz-placeholder {
  color: #B6B6B6;
}
.input-profile input:-ms-input-placeholder {
  color: #B6B6B6;
}
.input-profile input::-ms-input-placeholder {
  color: #B6B6B6;
}
.input-profile input::placeholder {
  color: #B6B6B6;
}

@media (max-width: 1100px) {
  .profile {
    grid-template-columns: 245px minmax(0, 1fr);
  }
  .profile__form-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 30px;
  }
  .profile__form-col {
    width: auto;
  }
  .profile__form-col:not(.right) {
    padding: 0;
    margin-left: 15px;
  }
  .profile__form-col.right {
    width: auto;
  }
}
@media (max-width: 836px) {
  .profile {
    grid-template-columns: 1fr;
    gap: 23px;
  }
  .profile__nav {
    display: none;
  }
  .profile__nav-mobile {
    display: block;
  }
}
.profile-recipe {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 9px;
  -webkit-column-gap: 11px;
  -moz-column-gap: 11px;
  column-gap: 11px;
}

.recipe-card {
  min-height: 430px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.recipe-card__title-empty {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #727272;
}
.recipe-card.r-empty, .recipe-card.new {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 40px;
}
.recipe-card.new {
  background-color: #f2f2f2;
  border-radius: 5px;
}
.recipe-card__button {
  width: 193px;
  height: 40px;
  position:static;
  z-index: auto;
}
.recipe-card__button p {
  position: static;
  z-index: 1;
}

.recipe-card__button::after
{
  display:none;
}

.recipe-card:not(.r-empty):not(.new) {
  border: 1px solid #c7c7c7;
  border-radius: 5px;
  padding: 14px 26px 35px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 17px;
}
.recipe-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}
.recipe-card__img-icon {
  width: 134px;
  aspect-ratio: 1;
}
.recipe-card__img.r-empty .recipe-card__img-icon {
  cursor: pointer;
}
.recipe-card__img.r-empty .recipe-card__tools-btn {
  pointer-events: none;
}
.recipe-card__img.r-empty .recipe-card__tools-btn .fill {
  fill: #cdcdcd;
}
.recipe-card__img.r-empty .recipe-card__tools-btn .stroke {
  stroke: #cdcdcd;
}
.recipe-card__tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 28px;
}
.recipe-card__tools-btn .stroke {
  stroke: #6a6a6a;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.recipe-card__tools-btn:hover .stroke {
  stroke: #0087fa;
}
.recipe-card__tools-btn .fill {
  fill: #6a6a6a;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.recipe-card__tools-btn:hover .fill {
  fill: #0087fa;
}
.recipe-card__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 9px;
  width: 100%;
}
.recipe-card__info-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #0087fa;
}
.recipe-card__info-list {
  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;
}
.recipe-card__info-item {
  font-weight: 700;
  font-size: 12px;
  line-height: 200%;
  letter-spacing: 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: 2px;
}
.recipe-card__info-item p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.recipe-card__info-item div {
  height: 12px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.recipe-card__info-item div::after {
  content: "........................................................................................................";
  position: absolute;
  display: block;
  height: 12px;
  bottom: 0;
  left: 0;
  line-height: 1;
}
.recipe-card__date {
  font-weight: 300;
  font-size: 11px;
  line-height: 130%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.recipe-card__edite {
  position: absolute;
  top: 17px;
  right: 18px;
  width: 24px;
  aspect-ratio: 1;
  cursor: pointer;
}
.recipe-card__edite .stroke {
  stroke: #6a6a6a;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.recipe-card__edite:hover .stroke {
  stroke: #0087fa;
}
.recipe-card__edite .fill {
  fill: #6a6a6a;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.recipe-card__edite:hover .fill {
  fill: #0087fa;
}
.recipe-card__form {
  width: 100%;
  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;
  position: relative;
  z-index: 1;
}
.recipe-card__form-item {
  width: 100%;
  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: 2px;
}
.recipe-card__form-item p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 700;
  font-size: 12px;
  line-height: 200%;
  letter-spacing: 0%;
}

.dropdown {
  position: relative;
}
.dropdown input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.dropdown input:focus ~ .dropdown__body,
.dropdown input:checked ~ .dropdown__body {
  z-index: 10;
  visibility: visible;
}
.dropdown__head {
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  height: 40px;
  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: 2px;
  padding: 0 3px 0 6px;
  cursor: pointer;
  min-width:55px;
}
.dropdown__head-icon {
  min-width: 16px;
}
.dropdown__body {
  visibility: hidden;
  border: 1px solid #D6D6D6;
  background-color: #FFFFFF;
  border-radius: 5px;
  width: 100%;
  position: absolute;
  top: calc(100% + 2px);
  z-index:10;
}
.dropdown__body-item {
  display: block;
  padding: 2px 3px 2px 6px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.dropdown__body-item:hover {
  background-color: #D6D6D6;
}

@media (max-width: 1224px) {
  .profile-recipe {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 999px) {
  .profile-recipe {
    grid-template-columns: 1fr;
  }
}
.profile-orders__tabs {
  padding-left: 20px;
}
.profile-orders__tabs .category__list {
  margin-top: 8px;
}
.profile-orders__switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
}
.profile-orders__switcher-btn {
  min-width: 161px;
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #0a0a3d;
  -moz-text-align-last: left;
  text-align-last: left;
  padding-left: 2px;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.profile-orders__switcher-btn:hover, .profile-orders__switcher-btn.active {
  color: #0087fa;
}
.profile-orders__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

.order-card input {
  display: none;
}
.order-card input:not(:checked) ~ .order-card__body {
  height: 0;
  display: none;
}
.order-card input:not(:checked) ~ .order-card__head .order-card__head-icon svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.order-card__head {
  position: relative;
  overflow: hidden;
  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;
  background-color: #f7f7f7;
  padding: 14px 34px 10px 19px;
  border-radius: 10px;
  gap: 12px;
}
.order-card__head::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  display: block;
  height: 1px;
  background-color: #d2d2d2;
}
.order-card__head-icon .stroke {
  stroke: #000000;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.order-card__head-icon:hover .stroke {
  stroke: #0087fa;
}
.order-card__center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 18px;
  margin-right: 49px;
}
.order-card__repeat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  position: relative;
  z-index: 1;
  max-width: 66px;
}
.order-card__repeat-icon {
  width: 36px;
  aspect-ratio: 1;
}
.order-card__repeat-text {
  font-weight: 300;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  color: #000000;
}
.order-card__preview {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.order-card__preview-img {
  width: 80px;
  aspect-ratio: 1;
  border: 1px solid #f7f7f7;
  border-radius: 50%;
  position: relative;
  background-color: #fff;
}
.order-card__preview-img:not(:last-child) {
  margin-left: -54px;
}
.order-card__preview-count {
  position: absolute;
  top: -1px;
  right: -5px;
  z-index: 1;
  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: 22px;
  aspect-ratio: 1;
  background-color: #fa4742;
  border: 0.5px solid #ffffff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.order-card__info {
  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;
}
.order-card__info-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  color: #0a0a3d;
}
.order-card__info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 14px;
}
.order-card__info-number {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #797979;
  min-width: 66px;
}
.order-card__info-status {
  padding: 4px 18px;
  border: 1px solid #0087fa;
  border-radius: 30px;
  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;
  font-weight: 600;
  font-size: 11px;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #0087fa;
}
.order-card__price {
  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;
}
.order-card__price-price {
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0087fa;
}
.order-card__price-count {
  font-family: Gilroy;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #797979;
}
.order-card__body {
  padding: 13px 4px 20px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 20px;
}
.order-card__descr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 12px 12px 17px;
  background-color: #f7f7f7;
  border-radius: 10px;
}
.order-card__descr-item {
  font-weight: 300;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}
.order-card__descr-item span {
  font-weight: 700;
}
.order-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
  padding: 15px 0;
}

.order-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.order-product__preview {
  position: relative;
}
.order-product__preview-img {
  width: 80px;
  aspect-ratio: 1;
  border: 1px solid #f7f7f7;
  border-radius: 50%;
}
.order-product__preview-count {
  position: absolute;
  top: -1px;
  right: -5px;
  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: 22px;
  aspect-ratio: 1;
  background-color: #fa4742;
  border: 0.5px solid #ffffff;
  border-radius: 50%;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
}
.order-product__info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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: 8px;
}
.order-product__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
}
.order-product__text-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}
.order-product__text-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #29292e;
}
.order-product__text-text {
  font-weight: 400;
  font-size: 11px;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #29292e;
}
.order-product__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 4px;
}
.order-product__price-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #29292e;
}
.order-product__price-bonus {
  padding: 2px 12px;
  border: 1px solid #0087fa;
  border-radius: 80px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #0087fa;
  white-space: nowrap;
}
.order-product__repeat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-item-align: center;
  align-self: center;
  gap: 4px;
}
.order-product__repeat-icon {
  width: 36px;
  aspect-ratio: 1;
}
.order-product__repeat-text {
  font-weight: 300;
  font-size: 11px;
  line-height: 100%;
}

@media (max-width: 1100px) {
  .order-card__head {
    padding: 14px 10px;
  }
  .order-card__descr-item {
    font-size: 10px;
  }
  .order-card__repeat {
    max-width: 50px;
  }
  .order-card__repeat-icon {
    width: 28px;
  }
  .order-card__info-title {
    font-size: 16px;
  }
  .order-card__center {
    margin: 0;
  }
  .order-card__price-price {
    font-size: 18px;
  }
  .order-card__price-count {
    font-size: 11px;
  }
  .order-card__preview-img {
    width: 60px;
  }
  .order-card__preview-img:not(:last-child) {
    margin-left: -36px;
  }
  .order-card__descr {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 28px 7px 6px;
  }
  .order-product__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
  .order-product__price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .order-product__preview {
    width: 60px;
  }
  .order-product__price-title {
    font-size: 16px;
  }
  .order-product__price-bonus {
    font-size: 11px;
  }
  .order-product__text-title {
    font-size: 14px;
  }
  .order-product__text-subtitle {
    font-size: 12px;
  }
  .order-product__text-text {
    font-size: 10px;
  }
  .order-product__repeat {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .order-product__repeat-icon {
    width: 28px;
  }
  .order-product__repeat-text {
    display: none;
  }
}
@media (max-width: 836px) {
  .profile-orders__switcher-btn {
    font-size: 20px;
    min-width: 111px;
  }
  .profile-orders__list {
    margin-top: 24px;
  }
  .order-card__center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
  }
  .order-card__price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .order-card__body {
    grid-template-columns: 1fr;
    padding: 15px 6px 10px 5px;
  }
  .order-card__descr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    padding: 11px 13px 13px 14px;
  }
  .order-card__descr-item {
    font-size: 9px;
  }
}
.profile-favorites {
  min-width: 1px;
}
.profile-favorites.home-catalog {
  margin: 0;
  width: auto;
}
.profile-favorites .category__list {
  margin: 0;
}
.profile-favorites .product__list {
  grid-template-columns: repeat(3, 307px);
}
.acuvue_points {
  position: absolute;
  top: 4rem;
  z-index: 8;
  background: rgba(1, 63, 134, 1);
  padding: 5px 9px 5px 5px;
  color: white;
  display: flex;
  border-radius: 5px;
}

.acuvue_points img {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}

.acuvue_points_text {
  display: flex;
  flex-direction: column;
  font-size: 10px;
  line-height: 120%;
}

.product__choice.k-product__choice.myacuvue_tizer {
  background: rgba(208, 230, 255, 1);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  cursor: auto;
}

.myacuvue_tizer .myacuvue {
  text-align: center;
}

.myacuvue_tizer img {
  width: 86px;
  height: 86px;
  margin-bottom: 40px;
}

.myacuvue_tizer .top-text {
  color: rgba(10, 10, 61, 1);
  font-size: 20px;
  font-weight: 800;
  font-family: 'RF Dewi Expanded';
  margin-bottom: 20px;
}

.myacuvue_tizer .bottom-text {
  color: rgba(10, 10, 61, 1);
  font-size: 16px;
  margin-bottom: 40px;
}

.myacuvue_tizer a {
  display: block;
  background: rgba(0, 135, 250, 1);
  width: 193px;
  margin: 0 auto;
  height: 40px;
  border-radius: 60px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
}
.my_acuvue_basket_points{
  color: rgba(0, 135, 250, 1);
  padding: 2px 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 1px solid;
  border-radius: 80px;
}

.myacuvue_basket_promo {
  color: rgba(10, 10, 61, 1);
  font-size: 20px;
  font-weight: 500;
}

.basket-coupon-hints {
  margin: 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.basket-coupon-hints__item {
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1.4;
  color: rgba(10, 10, 61, 1);
  background: rgba(16, 65, 133, 0.08);
}

.basket-coupon-hints__item--applicable {
  border-left: 4px solid #104185;
}

.basket-coupon-hints__item--almost {
  border-left: 4px solid #f5a623;
  background: rgba(245, 166, 35, 0.12);
}

.myacuvue-card {
  margin-bottom: 20px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.myacuvue-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 24px;
  background: #104185;
  border-radius: 10px;
  color: #fff;
}

.myacuvue-title-lk{
  font-size: 40px;
  font-family: 'RF Dewi Expanded';
  font-weight: 800;
}

.myacuvue-card__brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.myacuvue-card__brand-name {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.02em;
}

.myacuvue-card__link {
  color: #fff;
  font-size: 14px;
  text-decoration: underline;
}

.myacuvue-card__link:hover {
  color: rgba(255,255,255,0.9);
}

.myacuvue-card__balance {
  font-size: 14px;
}

.myacuvue-card__balance strong {
  font-weight: 600;
}

.myacuvue-card__body {
  padding: 20px 24px;
  background: #f0f8ff;
  border: 1px solid #add8e6;
  border-radius: 10px;
  margin-top: 16px;
}

.myacuvue-card__title {
  margin: 0 0 16px;
  font-size: 16px;
  font-weight: 500;
  color: #1d1d1f;
}

.myacuvue-card__discounts {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.myacuvue-card__discount {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 10px;
  min-width: 140px;
  max-width: 40%;
  background: #007bff;
  color: #fff;
  cursor: default;
  position: relative;
  overflow: visible;
}
/* Кликнуть по купону можно только в корзине — там он применяется к заказу */
.myacuvue_basket_promo .myacuvue-card__discount:not(.myacuvue-card__discount--disabled) {
  cursor: pointer;
}
.myacuvue-card__discount svg{
  min-width: 24px;
}
.myacuvue-card__discount-tooltip {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  width: 260px;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  color: #00133a;
  font-size: 13px;
  line-height: 1.35;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  z-index: 15;
}

.myacuvue-card__discount-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 8px;
  border: 6px solid transparent;
  border-top-color: #fff;
}

.myacuvue-card__discount:hover .myacuvue-card__discount-tooltip,
.myacuvue-card__discount:focus-within .myacuvue-card__discount-tooltip {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1024px) {
  .myacuvue-card__discount {
    max-width: 100%;
    width: 49%;
  }

  .myacuvue_basket_promo{
    margin-bottom: 50px;
  }
  .myacuvue-card__discount-tooltip {
    right: auto;
    left: 0;
    bottom: auto;
    top: calc(100% + 8px);
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .myacuvue-card__discount-tooltip::after {
    top: auto;
    bottom: 100%;
    right: auto;
    left: 20px;
    border-top-color: transparent;
    border-bottom-color: #fff;
  }
}

.myacuvue-card__discount--active {
  background: #38393a;
  color: #fff;
}

.myacuvue-card__discount--disabled {
  cursor: not-allowed;
  background: rgb(0 123 255 / 55%);
}

.myacuvue-card__discount--disabled > svg,
.myacuvue-card__discount--disabled .myacuvue-card__discount-inner {
  opacity: 0.55;
}

.myacuvue-card__discount--disabled .myacuvue-card__discount-inner {
  pointer-events: none;
}

.myacuvue-card__discount--disabled:hover .myacuvue-card__discount-tooltip,
.myacuvue-card__discount--disabled:focus-within .myacuvue-card__discount-tooltip {
  opacity: 1;
}

.myacuvue-card__discount-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 2px solid currentColor;
  border-radius: 8px;
  font-size: 18px;
  font-weight: 700;
}

.myacuvue-card__discount-inner {
  display: flex;
  flex-direction: column;
}

.myacuvue-card__discount-label {
  font-size: 12px;
  opacity: 0.9;
}

.myacuvue-card__discount .myacuvue-card__discount-label {
  opacity: 1;
}

.myacuvue-card__discount-value {
  font-size: 18px;
  font-weight: 700;
}

.myacuvue-card__discount--accumulate {
  background: #e0e0e0;
  color: #6c757d;
}

.myacuvue-tiles {
  padding: 24px 0 40px;
}

.myacuvue-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-radius: 18px;
  overflow: hidden;
  padding: 50px 50px 45px;
  margin-bottom: 16px;
  position: relative;
}

.myacuvue-banner--top {
  background-color: #0087fa;
  color: #fff;
}

.myacuvue-banner--bottom {
  background-color: #f5f7fb;
  color: #00133a;
}

.myacuvue-banner__content {
  flex: 1 1 50%;
  max-width: 450px;
  z-index: 1;
}

.myacuvue-banner__title {
  margin: 0 0 16px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "RF Dewi Expanded", serif;
}

.myacuvue-banner__text {
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.4;
}

.myacuvue-banner__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 19px;
  height: 40px;
  border-radius: 60px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  background-color: #ffffff;
  color: #0087fa;
  text-transform: uppercase;
  min-width: 193px;
}

.myacuvue-banner--bottom .myacuvue-banner__button {
  background-color: #0087fa;
  color: #ffffff;
}


.myacuvue-banner__visual {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  width: 320px;
  display: flex;
  justify-content: end;
  z-index: 0;
}

.myacuvue-banner__visual img {
  position: absolute;
  display: block;
  height: 100%;
  width: auto;
  object-fit: contain;
}

.myacuvue-banner__visual--person::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 395px;
  height: 395px;
  border-radius: 100%;
  background: rgba(250, 71, 66, 1);
  right: -33px;
  top: 55px;
}

.myacuvue-banner__visual--product::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 395px;
  height: 395px;
  border-radius: 100%;
  background: rgba(0, 135, 250, 1);
  right: -33px;
  top: 55px;
}
.profile .product__list{
  grid-template-columns: repeat(3, 307px);
}
.profile .product__list .product__choice-bottom.sku-type{
  margin-bottom: 46px;
}
.price_blocks_new{
display: flex;
}
.price_blocks_new .product__price--acuvue{
  margin-left: 20px;
}

@media (max-width: 1024px) {
  .myacuvue-banner__visual img{
    height: auto;
    right: -45px;
    width: 250px;
    bottom: 0;
  }
  .myacuvue-banner__visual--person::before, .myacuvue-banner__visual--product::before{
    right: -67px;
    top: 67px;
    width: 292px;
    height: 292px;
  }
  .myacuvue-banner__title{
    font-size: 20px;
    margin: 0 0 12px;
  }
  .myacuvue-banner__text{
    font-size: 14px;
    max-width: 295px;
  }
  .myacuvue-banner__visual--product img{
    width: 298px;
  }
}

@media (max-width: 768px) {
  .myacuvue-banner {
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 0;
  }

  .myacuvue-banner__visual {
    position: static;
    width: 100%;
    height: auto;
    margin-top: 16px;
    display: flex;
    justify-content: center;
  }

  .myacuvue-banner__visual img {
    position: relative;
    height: auto;
    right: 0;
    bottom: 0;
    width: 230px;
  }
  .myacuvue-banner__visual--product img{
    width: 298px;
  }

  .myacuvue-banner__visual--person::before,
  .myacuvue-banner__visual--product::before {
    right: auto;
    left: 50%;
    top: auto;
    bottom: -80px;
    transform: translateX(-50%);
    width: 280px;
    height: 280px;
  }

  .myacuvue-banner__text {
    margin-bottom: 12px;
  }
}

@media (max-width: 1224px) {
  .profile-favorites .product__list {
    grid-template-columns: repeat(3, 33%);
  }
}
@media (max-width: 999px) {
  .profile-favorites .product__list {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (max-width: 610px) {
  .acuvue_points{
    top: 0.5rem;
  }
  .myacuvue_tizer a{
    width: auto;
    font-size: 10px;
    line-height: 30px;
    height: 30px;
  }
  .myacuvue_tizer .bottom-text{
    font-size: 10px;
    margin-bottom: 33px;
  }
  .myacuvue_tizer .top-text{
    font-size: 16px;
    margin-bottom: 20px;
  }
  .myacuvue_tizer img{
    width: 70px;
    height: 70px;
    margin-bottom: 38px;
  }
  .profile-favorites .product__list {
    grid-template-columns: repeat(1, 100%);
  }
  .my_acuvue_basket_points{
      bottom: -35px;
  }
  .myacuvue-card__discount {
    max-width: 100%;
    width: 100%;
  }
  .myacuvue-title-lk{
    font-size: 22px;
  }
  .profile .product__list {
    grid-template-columns: repeat(2, 190px);
  }
  .my_acuvue_basket_points{
    font-size: 12px;
  }
  .profile .product__list .product__choice-bottom.sku-type{
    margin-bottom: 0px;
  }
}

/* Cookie consent */
.cookie-consent-toast {
  position: fixed;
  right: 0;
  bottom: 16px;
  left: 0;
  z-index: 1100;
  box-sizing: border-box;
  width: calc(100% - 32px);
  max-width: 937px;
  max-height: calc(100dvh - 32px);
  margin: 0 auto;
  padding: 16px;
  overflow: auto;
  border-radius: 16px;
  background-color: #f6f6f6;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  color: #161a1d;
  font-family: "Gilroy", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
}

@media (max-width: 480px) {
  .cookie-consent-toast {
    border-radius: 10px;
    padding: 12px;
    font-size: 12px;
  }
}
.cookie-consent-toast__inner {
  display: flex;
  align-items: center;
  gap: 80px;
}

@media (max-width: 768px) {
  .cookie-consent-toast__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
}
.cookie-consent-toast[hidden],
.cookie-consent-toast__inner[hidden] {
  display: none;
}

.cookie-consent-toast__text {
  min-width: 0;
  margin: 0;
}

.cookie-consent-toast__link {
  color: #0087fa;
  text-decoration: none;
}

.cookie-consent-toast__link:hover {
  text-decoration: underline;
}

.cookie-consent-toast__actions {
  display: flex;
  flex: none;
  flex-wrap: wrap;
  gap: 4px;
}

.cookie-consent-toast__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cookie-consent-toast__header .cookie-consent-toast__text {
  color: #adadad;
}

.cookie-consent-toast__title {
  margin: 0;
  color: #0087fa;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.cookie-consent-toast__categories {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cookie-consent-toast__switch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  width: 100%;
  color: #1d1d1d;
  cursor: pointer;
}

.cookie-consent-toast__toggle {
  position: relative;
  width: 36px;
  height: 20px;
}

.cookie-consent-toast__toggle-input {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.cookie-consent-toast__toggle-track {
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background-color: #adadad;
  transition: background-color 0.2s;
  pointer-events: none;
}

.cookie-consent-toast__toggle-track::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  transition: transform 0.2s;
}

.cookie-consent-toast__toggle-input:checked + .cookie-consent-toast__toggle-track {
  background-color: #0087fa;
}

.cookie-consent-toast__toggle-input:checked + .cookie-consent-toast__toggle-track::before {
  transform: translateX(16px);
}

.cookie-consent-toast__toggle-input:disabled {
  cursor: not-allowed;
}

.cookie-consent-toast__button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  white-space: nowrap;
  cursor: pointer;
}

.cookie-consent-toast__button-text {
  position: relative;
  z-index: 2;
}

.cookie-consent-toast__button--light.button {
  background-color: var(--white-color);
  color: var(--blue-color);
}

.cookie-consent-toast__button--light.button::after {
  background-color: var(--blue-color);
  transform: translateY(100%);
}

@media (hover: hover) and (pointer: fine) {
  .cookie-consent-toast__button--light.button:hover {
    color: var(--white-color);
  }
  .cookie-consent-toast__button--light.button:hover::after {
    transform: translateY(0);
  }
}
.cookie-consent-toast--settings {
  padding: 20px;
  font-size: 16px;
}

.cookie-consent-toast--settings .cookie-consent-toast__inner {
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  margin: 0;
}

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

/* End */


/* Start:/local/templates/lenses/dev.css?178938871614723*/
.dev-pagination{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.input-error{
    border-color: red !important;
}

.change-eyes-wrap
{
    display:inline-flex;

    margin-top:40px;
}

.change-eyes-wrap a
{
    font-weight:600;
    font-size:16px;
    line-height:22px;
    color: #0087FA;
    padding:8px 20px;
    border:1px solid #0087FA;
    border-radius:80px;
}

.change-eyes-wrap a.active
{
    color: #fff;
    background-color:#0087FA;
}

.eyes-filtr
{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap:5px;
}
@media (max-width: 1280px) {
.eyes-filtr
{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.eyes-filtr
{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.eyes-filtr div
{
    width: 100%;
	margin-top:5px;
}

.eyes-filtr div.btn-add
{
    display:inline-flex;
    grid-column: 1 / -1;
}


.eyes-filtr select
{
    height:40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--black-color);
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    width: 100%;
	margin-top:5px;
	color:#B6B6B6;
	font-weight:300;
}


.eyes-filtr select option {
    color: #29292E;
}

.eyes-filtr select[data-selected] {
    color: #29292E;
}

.eyes-filtr span
{
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    color:#29292E;
}


.eyes-title
{
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    color:#29292E;
    margin-top:30px;
}

#eyes-filtr-wrap2
{
    display:none;
}

.eyes-filtr div.btn-add.disabled button
{
    background-color:#D6D6D6;
}

.eyes-filtr div.btn-add.disabled button:hover
{
    background-color:#D6D6D6;
}

.k-error
{
    border-color:var(--red-color);
}

#error-message
{
    color :#fff;
}

a h3
{
    cursor:pointer;
}

a:hover h3
{
   color:#0087fa;
}

.recipe-card2
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    gap: 17px;
}


@media (max-width: 620px) {
.footer-catalog__list2
{
    display:none;
}
}
.colorbox-wrap
{
    display:flex;
    gap:20px;
    margin-top:20px;
}

.colorbox-wrap a
{
color: var(--gray-color);
font-size: 11px;
font-weight:400;
line-height: 1.2;
}
.colorbox
{
    border-radius: 6px;
    border: 2px solid;
    border-color: #f5f7fa;
    width:52px;
    height:52px;
    margin-bottom:5px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.colorbox span
{
    border-radius:50%;
    width:35px;
    height:35px;
}



.active-color .colorbox
{
    border-color:var(--blue-color);
}

.colorbox-wrap a.active-color
{
    color:#000;
}


@media (max-width: 700px) {
    .colorbox-wrap {

        margin: 20px;
    }
	
	.eyes-filtr
	{
		display:block;
		padding:20px;
	}
	
	.basket__counter-buttons.one-product-btn
	{
		margin-left:0px;
		margin-bottom:10px;
	}
}

.popup-gallery__content
{
	padding-top:0px;
	padding-bottom:0px;
	height:auto;
	overflow:hidden;
}

.popup-gallery__nav
{
	padding-bottom:50px;
}

.compare__choice img
{
	height:200px;
}


.news-actions
{
	display: block;
}

.news-actions .news-all
{
	align-items:flex-start;
}



.actions-tabs
{
	padding-left:0px;
	margin-top:40px;
}

.produc-row__gallery_main-img img{
margin-left:0px;
}

.k-menu-wrap
{
	display:none;
}


.catalog-activ__item.active
{
	color:#0087FA;
}

.catalog-activ__item.active::after
{
	 background: no-repeat url(/local/templates/lenses/assets/images/arrow-blue.svg);
}


.catalog-activ__item:first-child:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 25px;
    width: 39px;
    height: 39px;
    transition: 0.3s;
    background: no-repeat url(/local/templates/lenses/assets/images/iconamoon_arrow-down-2-light.svg);
}


.catalog-activ__inner a
{
	color:#29292e;
}

.catalog-activ__item.active:first-child:after {
    transform: rotate(180deg);
}


.produc-row__button-order
{
	    white-space: nowrap;
}


.confirm-wrap h1
{
	font-size:40px;
	font-weight:800;
	 font-family: "RF Dewi Expanded";
}

.confirm-wrap p.info
{
	font-size:16px;
	font-weight:300;
	margin-top:30px;
	margin-bottom:30px;
}

.confirm-wrap
{
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	min-height:500px;
}

.product__choice-bottom
{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

.product__title
{
	padding-left:15px;
	padding-right:15px;
}

.basket-checkout-container h2
{
	font-weight:600;
}

.home-catalog.profile-favorites
{
	width:100%;
}


.k-plashka-grey
{
	background-color:rgba(245, 245, 245, 1);
	border-radius:10px;
	color:rgba(250, 71, 66, 1);
	margin-top:20px;
	margin-bottom:20px;
	padding:15px 25px;
	align-items:center;
}

.k-plashka-grey svg
{
	margin-right:5px;
}

.k-plashka-after-text
{
	color:rgba(41, 41, 46, 1);
	font-weight:300;
	font-size:16px;
	font-family: "Gilroy";
	line-height: 1.4;
}


.salon-addresses__radio input[type="radio"] {
  position: absolute;
  left: 0;
  opacity: 0;
}

.box__tabs_item-radio-wrap
{
	color:rgba(41, 41, 46, 1);
	font-weight:400;
	font-size:16px;
	font-family: "Gilroy";
	line-height: 1.4;
}

.details-order h2
{
	font-weight:600;
}

.k-order-detail-wrap
{
	display:flex;
	justify-content:flex-start;
	margin-top:25px;
}

.k-order-detail-item
{
	color:rgba(10, 10, 61, 1);
	font-weight:600;
	font-family: "Gilroy";
	line-height: 1.3;
	font-size:16px;
}

.k-order-detail-quin
{
	color:rgba(41, 41, 46, 1);
	font-weight:400;
	font-family: "Gilroy";
	line-height: 1.4;
	font-size:14px;
	margin-left:20px;
	white-space:nowrap;
}

.k-order-detail-price
{
	color:rgba(182, 182, 182, 1);
	font-weight:400;
	font-family: "Gilroy";
	line-height: 1.4;
	font-size:14px;
}

.team__text
{
	
	max-width:800px;
}


.produc-row__order__inputs .input-auth:focus::placeholder, .produc-row__order__inputs .input-auth:hover::placeholder
{
	color:rgba(144, 144, 144, 1);
}




#k-share-button_wrap.tooltip {
    position: absolute;

    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
    margin: 40px;
    display:none;
    left:-120px;
    top:-100px;
}

#k-share-button_wrap .tooltip-content {
    background: white;
    border-radius: 8px;
    height: 57px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
}

#k-share-button_wrap.tooltip::after {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 13px solid white;
}

#k-share-button_wrap .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

#k-share-button_wrap .icon:nth-child(1) {
    width: 26px !important;
    height: 26px !important;
}

#k-share-button_wrap .icon:nth-child(1) svg
{
    width: 26px !important;
    height: 26px !important;
}

#k-share-button_wrap .icon:nth-child(2) {
    width: 25px!important;
    height: 26px!important;
    margin-left: 10px!important;
}

#k-share-button_wrap .icon:nth-child(2) svg {
    width: 25px!important;
    height: 26px!important;
}

#k-share-button_wrap .icon:nth-child(3) {
    width: 20px!important;
    height: 20px!important;
    margin-left: 30px!important;
    position: relative!important;
    top: 3px!important;
}

.linkshare
{
    font-size:12px;
    font-weight:400;
    font-family: "Gilroy";
    line-height: 1.2;
    color:rgba(10, 10, 61, 1);
    white-space: nowrap;
}

.produc-row__gallery_main-img
{
    cursor:pointer;
}

.order-product__text
{
    width:240px;
}

.compare-fixed__wrapper img
{
    height:57px !important;
}

.news-page img
{
    width:100%;
}

.news-page .delivery__suburb
{
    max-width:100%;
}

.history-banner .swiper-wrapper
{
    margin-top:15px;
}

.team__text
{
    font-size:16px;
    line-height: 1.6;
}

.category-range__slider-range
{
    margin-left:10px;
    margin-right: 10px;;
}


.action-items h2
{
	font-weight:800;
	 font-family: "RF Dewi Expanded";
	 font-size:36px;
	 margin-top:40px;
}

.news-all__item:hover img
{
	transform:scale(1);
}

.btn-compare-new
{
	display:none;
}


@media (max-width: 660px) {
	
.btn-compare-new
{
	border:1px solid rgba(214, 214, 214, 1);
	padding:15px 40px;
	color:rgba(214, 214, 214, 1);
	border-radius:50px;
	width:90%;
	display:block;
}


.header__nav-activ
{
	gap:10px;
}

.catalog-activ__item a
{
	font-size:16px;
}

.catalog-activ__item
{
	padding:15px 0px;
}

.catalog-activ__item::after
{
	top:5px;
}

.catalog-activ__item:first-child:after
{
	top:5px;
}

.catalog-activ__list
{
	width:50%;
}

.compare-filter__clear-desc
{
	display:none;
}
}

.swiper-slide:hover
{
	transform: scale(1);
}

.lens-product__filter-item .select.js-active
{
	z-index:9;
}

.select__list
{
	z-index:999;
}

.profile-address
{
	margin-bottom:10px;
}

.eyes-filtr select
{
	padding-left:15px;
	padding-right:15px;
}

.basket__counter-input
{
	color:var(--dark-blue-color, black);
	opacity:1;
}




.catalog-activ__item-footer.active
{
	color: #fff;
}

.catalog-activ__item-footer.active .catalog-activ__select
{
	display:block;
}



.catalog-activ__item-footer.active .catalog-activ__item a
{
	color:#fff !important;
}


#footer .catalog-activ__inner a
{
	color:#fff !important;
}

/*
._in_wishlist [data-add2wishlist] svg, ._in_compare [data-add2compare] svg
{
	fill:#fa4742;
}

._in_wishlist [data-add2wishlist] span, ._in_compare [data-add2compare] span
{
	color:#fa4742 !important;
}
*/

.box__tabs.checkout-tabs
{
	display:block;
}

.k-checkout .box__tabs_item::after
{
	display:none;
}



@media (max-width: 545px) 
{
.salon-addresses h3
{
	        display: contents;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.1;
}

.salon-addresses-item p
{
	font-size: 14px;
}
}

.filter__category_title-wrapper
{
	justify-content:flex-start;
}

.k-filtr-count
{
	font-size:12px;
	background-color:rgba(250, 71, 66, 1);
	color:#fff;
	border-radius:50%;
	height:18px;
	width:18px;
	margin-left:10px;
	font-weight:bold;
	padding-top:2px;
	margin-top:3px;
}

.filter__category_list.hide-overflow-close
{
	overflow:hidden;
}

.produc-row__info_icon .choice-active
{
	background-color:#fff;
	
}

.produc-row__info_icon .choice-active svg
{
	fill:#fa4742 !important;
}

.produc-row__info_icon .choice-active span
{
	color:#fa4742 !important;
}

.repair-popup__select .select__header-output
{
	font-family: "Gilroy";
	color: var(--ligth-gray-color);
}

.select__list-item
{
	font-family: "Gilroy";
}

.produc-row__order__consent-text
{
	color:#29292e;
}

.compare__list.swiper-wrapper
{
	overflow:hidden;
}

.swiper-compare
{
	overflow:hidden;
}


.delivery-russia__button.active
{
	background-color:rgba(245, 245, 245, 1);
}

.myacuvue-detail-preview {
    background: rgba(1, 63, 134, 1);
    font-size: 12px;
    color: white;
    font-weight: 500;
    padding: 11px 10px 11px 10px;
    width: max-content;
    border-radius: 50px;
    display: flex;
    align-items: center;
    margin-top: 25px;
    max-width: 100%;
}
.basket__item_details .myacuvue-detail-preview{
    width: 100%;
    max-width: unset;
}
.myacuvue-detail-preview:hover{
    color: white;
    text-decoration: unset;
}
.myacuvue-detail-preview:before{
    content: "";
    background-image: url('/images/icons/acuvue_icon_product.svg');
    min-width: 24px;
    height: 24px;
    display: block;
    margin-right: 8px;
}

.product__price--acuvue:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url('/images/icons/acuvue_icon_product.svg');
    margin-right: 5px;
}

.product__price--acuvue {
    padding: 5px;
    background: rgba(1, 63, 134, 1);
    color: white;
    border-radius: 5px;
    font-size: 10px;
    height: max-content;
    width: max-content;
    display: flex;
}

.webform-notification {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 1100;
	max-width: min(420px, calc(100vw - 32px));
	padding: 16px 20px 16px 52px;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 8px 30px rgba(41, 41, 46, 0.2);
	color: #29292e;
	font-family: "Gilroy", sans-serif;
	font-size: 16px;
	line-height: 1.4;
	opacity: 0;
	pointer-events: none;
	transform: translateY(16px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.webform-notification::before {
	content: "\2713";
	position: absolute;
	top: 50%;
	left: 18px;
	display: flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #31a66a;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	transform: translateY(-50%);
}

.webform-notification--visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 767px) {
	.webform-notification {
		right: 16px;
		bottom: 16px;
		left: 16px;
		max-width: none;
	}
}

.price_block-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

/* ЛК → Мои заказы: кнопка «Оплатить» у неоплаченных заказов */
.order-card__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}

.order-card__pay {
    display: block;
    padding: 6px 10px;
    border-radius: 5px;
    background-color: var(--blue-color);
    color: var(--white-color);
    font-size: 11px;
    line-height: 100%;
    white-space: nowrap;
    text-align: center;
}

.order-card__pay:hover {
    opacity: 0.85;
}

.profile-orders__pay-error {
    margin-top: 32px;
    color: red;
    font-size: 14px;
}

.password-field {
    position: relative;
}

.password-field .input-auth,
.password-field .input-field__input {
    padding-right: 52px;
}

.password-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: 48px;
    height: 100%;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0 5px 5px 0;
    color: #6a6a6a;
}

.password-toggle img {
    width: 24px;
    height: 24px;
}

.password-toggle:not(.is-visible)::after {
    content: "";
    position: absolute;
    width: 23px;
    height: 2px;
    border-radius: 1px;
    background-color: currentColor;
    transform: rotate(-45deg);
}

.password-toggle:focus-visible {
    outline: 2px solid #0087fa;
    outline-offset: -4px;
}

.password-field--light .password-toggle {
    color: #ffffff;
}

.password-field--light .password-toggle img {
    filter: brightness(0) invert(1);
}

.password-field--light .password-toggle:focus-visible {
    outline-color: #ffffff;
}

/* End */


/* Start:/local/templates/lenses/components/bitrix/search.title/.default/style.css?17657402122131*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
	font-family: "Gilroy";
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/lenses/components/bitrix/search.title/.default/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */
/* /local/templates/lenses/assets/styles/css/style.css?1793172940321322 */
/* /local/templates/lenses/dev.css?178938871614723 */
/* /local/templates/lenses/components/bitrix/search.title/.default/style.css?17657402122131 */