:root {
   --boxShadow: 0px 4px 64px 0px #23439814, 0px 2px 8px 0px #2343981F;
   --lilacColor: #A8BEF8;
   --blueColor: #557FF2;
   --mainColor: #3C3C3C;
}

/*header*/
header {
   position: relative;
   z-index: 105;
}

.header-top {
   box-shadow: 0px 4px 10px 0px #2343980D, 0px 2px 2px 0px #2343980D;
   background: #fff;
   position: relative;
   z-index: 7;
}

.header-bottom {
   box-shadow: var(--boxShadow);
   background: #fff;
   position: relative;
   z-index: 6;
   border-radius: 0 0 12px 12px;
}

.header-top__container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   column-gap: clamp(1.5rem, -3.955rem + 9.09vw, 4rem);
   padding-block: 22px;
   font-size: 14px;
}

.header-logo {
   display: flex;
}

.header-logo img {
   max-width: none;
   width: clamp(5.938rem, 1.574rem + 7.27vw, 7.938rem);
}

.header-top .menu {
   flex: 1 1 100%;
}

.menu__list {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   row-gap: 8px;
   column-gap: clamp(0.5rem, -0.591rem + 1.82vw, 1rem);
}

.menu__list .icon-arrow_Down {
   font-size: 10px;
}

.menu__list>li {
   position: relative;
}

.menu__link {
   display: inline-block;
   padding: 8px;
}

.sub-menu {
   position: absolute;
   top: calc(100% + 24px);
   left: -24px;
   background: #fff;
   box-shadow: 2px 4px 12px 0px #3A4C7E29, 2px 2px 4px 0px #3A4C7E29;
   border-radius: 24px;
   opacity: 0;
   transition: 0.5s;
   pointer-events: none;
   z-index: 2;
}

.sub-menu__link {
   display: block;
   padding: 12px 24px;
   white-space: nowrap;
}

.menu__list>li:hover .icon,
.menu__list>li:hover .menu__link,
.sub-menu__link:hover {
   color: var(--blueColor);
   text-shadow: 0.6px 0px 0px var(--blueColor);
}

/**/
.icon {
   transition: 0.5s;
}

.dropdown.open .icon-arrow_Down,
.menu__list>li:hover .icon-arrow_Down {
   transform: rotatex(180deg);
}

.menu__list li:hover .sub-menu {
   opacity: 1;
   top: calc(100% + 0px);
   pointer-events: auto;
}

.header-feedback {
   display: flex;
   gap: 24px;
   white-space: nowrap;
}

.header-phone,
.header-feedback__col {
   display: flex;
   flex-direction: column;
   gap: 4px;
}

.footer-menu__link,
.menu__list>li,
.header-phone__link,
.header-mail__link,
.social {
   display: flex;
   align-items: center;
   gap: 8px;
}

.social,
.footer-menu .icon,
.header-phone .icon,
.header-mail .icon {
   font-size: 16px;
}

.header-feedback__col {
   align-items: center;
}

.header-language {
   text-transform: uppercase;
}

.header-language .dropdown {
   display: inline-block;
}

.header-language .dropdown-toggle {
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 6px 10px;
   background: var(--blueColor);
   color: #fff;
   font-weight: 700;
   border-radius: 3px;
   position: relative;
   z-index: 1001;
}

.header-language .dropdown-menu {
   min-width: 100%;
   border-radius: 0 0 3px 3px;
   border-color: var(--blueColor);
   top: calc(100% - 3px);
   padding-top: 9px;
   padding-bottom: 6px;
}

.header-language .dropdown-menu li {
   padding-block: 2px;
   padding-inline: 10px;
   cursor: pointer;
}

.header-language .dropdown-menu li:not(:last-child) {
   margin-bottom: 4px;
}

.header-language .dropdown-menu li:hover {
   background: var(--lilacColor);
}

.header-bottom__container {
   display: grid;
   grid-template-columns: 1fr minmax(270px, 400px) 1fr;
   column-gap: 24px;
   justify-items: start;
   align-items: center;
   padding-block: 16px;
}

.header-search {
   height: 40px;
   width: 100%;
   max-width: 400px;
   position: relative;
   border: 1px solid var(--lilacColor);
   border-radius: 20px;
   display: flex;
   align-items: center;
   gap: 5px;
   padding-inline: 24px;
}

.header-search__control {
   font-size: 14px;
   color: var(--mainColor);
   width: 100%;
   height: 100%;
   background: none;
   border: 1px solid transparent;
}

.header-search input::-moz-placeholder {
   color: var(--lilacColor);
}

.header-search input::-webkit-input-placeholder {
   color: var(--lilacColor);
}

.header-search__button {
   display: flex;
   font-size: 16px;
}

.header-icons {
   justify-self: end;
   display: flex;
   align-items: center;
   gap: clamp(0.5rem, -0.591rem + 1.82vw, 1rem);
}

.comparing-table .icon-delete,
.category-panel .icon-filter,
.header-icons__link,
.pr-desc .icon-comparison,
.pr-desc .icon-favorite {
   display: flex;
   align-items: center;
   justify-content: center;
   height: clamp(2.5rem, 0.318rem + 3.64vw, 3.5rem);
   width: clamp(2.5rem, 0.318rem + 3.64vw, 3.5rem);
   border: 2px solid transparent;
   border-radius: 8px;
   cursor: pointer;
   font-size: 20px;
}

#wishlist-total span,
#compare-total span{
   margin-left: 5px;
}

.header-icons__link svg {
   height: 20px;
   width: 20px;
}

.comparing-table .icon-delete:hover,
.category-panel .icon-filter:hover,
.pr-desc .icon-comparison:hover,
.pr-desc .icon-favorite:hover,
.header-icons__link:hover {
   border-color: var(--lilacColor);
}

.comparing-table .icon-delete:active,
.category-panel .icon-filter:active,
.pr-desc .icon-comparison:active,
.pr-desc .icon-favorite:active,
.header-icons__link:active {
   border-color: var(--lilacColor);
   background: linear-gradient(100.08deg, #D9E3FF 18.04%, #CAD7FE 86.5%);
}

.catalog-button .button--catalog {
   width: 340px;
}

.catalog-button .dropdown-menu {
   top: calc(100% + 3px);
   padding: 0;
   width: 100%;
   box-shadow: 2px 4px 12px 0px #3A4C7E29, 2px 2px 4px 0px #3A4C7E29;
   border: none;
   border-radius: 24px;
}

.catalog-button__item{
   position: relative;
}

.catalog-button__link {
   display: block!important;
   font-size: 16px;
   padding: 12px 24px!important;
   white-space: nowrap!important;
}

.catalog-button__item:first-child .catalog-button__link {
   border-radius: 24px 24px 0 0;
}

.catalog-button__item:last-child .catalog-button__link {
   border-radius: 0 0 24px 24px;
}

.catalog-button__item:hover .catalog-button__link,
.catalog-submenu__link:hover {
   color: var(--mainColor);
   font-weight: 700;
   background: linear-gradient(100.08deg, #D9E3FF 18.04%, #CAD7FE 86.5%);
}

.catalog-submenu-wrapper {
   width: 260px;
   display: none;
   position: absolute;
   top: 0px;
   right: 0;
   transform: translatex(100%);
   background: #fff;
   box-shadow: 2px 4px 12px 0px #3A4C7E29, 2px 2px 4px 0px #3A4C7E29;
   border: none;
   border-radius: 8px;
}

.catalog-button__item:hover .catalog-submenu-wrapper {
   display: block;
}

.catalog-submenu {
   border-bottom: 1px solid var(--lilacColor);
}

.catalog-submenu__item:first-child .catalog-submenu__link {
   border-radius: 8px 8px 0 0;
}

.catalog-submenu__link,
.catalog-submenu-wrapper__link {
   display: block;
   padding: 12px 24px;
   font-weight: 500;
   line-height: 1.2;
}

.catalog-submenu__link:hover{
   font-weight: 500;
}

.catalog-submenu-wrapper__link:hover{
   color: var(--lilacColor);
}

.header-mob {
   display: none;
   background: #fff;
   box-shadow: 0px 4px 10px 0px #2343980D, 0px 2px 2px 0px #2343980D;
}

.header-mob__container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-block: 4px;
}

/*footer*/
footer {
   background: #fff;
   box-shadow: var(--boxShadow);
   border-radius: 12px 12px 0 0;
   padding-block: 24px;
   margin-top: 20px !important;
}

.footer__container {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
}

.footer__col:not(:last-child) {
   padding-right: 12px;
}

.footer__title,
.footer-menu__title {
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 16px;
}

.footer__title .icon {
   display: none;
}

.footer-menu__list {
   font-size: 14px;
   display: grid;
   gap: 8px;
   padding-bottom: 16px;
}

.footer__button {
   min-width: 0;
   width: 100%;
   max-width: 296px;
}

.footer-social .social {
   justify-content: center;
   padding-bottom: 16px;
}

.footer-menu__content {
   font-size: 14px;
}

.logo-card {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 24px;
}

.footer-copy {
   font-size: 14px;
   color: #A3A3A3;
   padding-top: 16px;
   text-align: center;
}

/*index*/
.slider-shadow {
   padding: 16px 24px 20px;
   margin-inline: -24px;
}

.hero-slider.slider-shadow .swiper-slide,
.brands-slider.slider-shadow .swiper-slide {
   box-shadow: var(--boxShadow);
   border-radius: 12px;
}

.hero-slider {
   padding-top: 20px;
}

.statistic__grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
}

.statistic-item {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 24px;
}

.statistic-item__number {
   font-weight: 700;
   font-size: 40px;
   color: var(--blueColor);
   line-height: 1.2;
   margin-bottom: 4px;
}

.statistic-item__text {
   text-align: center;
}

.drand-item {
   text-align: center;
   padding: 8px;
   background: #fff;
   border-radius: 5px;
}

.in-category__grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
   gap: 32px;
}

.item-in-category {
   padding: 8px 7px;
}

.item-in-category__img {
   display: block;
   width: 100%;
   height: 224px;
   overflow: hidden;
   background: #fff;
   border-radius: 12px;
}

.item-in-category__text {
   font-weight: 700;
   line-height: 1.2;
   text-align: center;
   max-width: 94%;
}

.item-in-category:hover {
   background: var(--lilacColor);
}

.in-feedback__grid {
   display: grid;
   grid-template-columns: 63% 1fr;
   align-items: center;
   gap: 16px;
   padding: 24px;
}

/*feedback*/
.feedback {
   width: 100%;
   max-width: 500px;
   margin: 0 auto;
   background: #fff;
}

.feedback .input-container {
   margin-bottom: 16px;
}

.feedback .input-container label {
   text-align: center;
   top: calc(28px - 10px);
   padding-inline: 16px;
}

.feedback .input-container textarea {
   padding-inline: 16px;
}

.feedback .input-container textarea+label {
   text-align: left;
}

.feedback .input-container input {
   height: 56px;
   text-align: center;
}

.feedback__title {
   text-align: center;
   font-size: 20px;
   font-weight: 700;
}

.feedback__grid {
   display: grid;
   gap: 8px;
}

.feedback__footer {
   display: grid;
   grid-template-columns: 1fr 1fr auto;
   gap: 8px;
}

.feedback--product-card {
   max-width: none;
}

.feedback--product-card .feedback__row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
}

.feedback--product-card .input-container {
   margin-bottom: 0;
}

.feedback .input-container input {
   border-radius: 12px;
}

.feedback--product-card .input-container input {
   border-radius: 8px;
}

.feedback--product-card .feedback__row .input-container {
   width: 100%;
   max-width: 350px;
}

.feedback--product-card .feedback__button {
   text-align: right;
}

.block-boxshadow {
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 16px 24px;
}

/*modal*/
.modal-bl {
   display: grid;
   position: fixed;
   z-index: 110;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   overflow: auto;
   background: rgba(0, 0, 0, 0.7);
   align-items: center;
   padding: 15px;
   transition: all 0.5s;
   opacity: 0;
   pointer-events: none;
}

.modal-bl.__open {
   opacity: 1;
   pointer-events: auto;
}

.close_modal_window.icon {
   position: absolute;
   top: 8px;
   right: 8px;
   font-size: 16px;
   cursor: pointer;
}

.modal__content {
   margin: 0 auto;
   display: grid;
   gap: 16px;
   width: 100%;
}

.modal__bg {
   background: #fff;
   width: 100%;
   padding: 32px 16px;
   border-radius: 12px;
   position: relative;
}

.modal__bg--text {
   padding: 24px;
}

.modal__bg--text2 {
   padding: 32px 24px 24px;
}

.modal__md {
   max-width: 480px;
}

.modal__sm {
   max-width: 420px;
}

/*modal-form*/
.modal-form {
   max-width: 384px;
   margin-inline: auto;
   display: grid;
   gap: 24px;
}

.modal-form__head {
   display: grid;
   gap: 8px;
}

.modal-form__progress {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
}

.modal-form__progress span {
   height: 8px;
   width: 100%;
   background: var(--lilacColor);
   border-radius: 6px;
   opacity: 0.3;
}

.modal-form__progress .active {
   opacity: 1;
}

.personal-area__input-wrapper,
.modal-form__grid {
   display: grid;
   gap: 12px;
}

.personal-area__row,
.modal-form__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.input-container input[type="password"] {
   padding-right: 50px;
}

.input-container .input-addon,
.input-container .icon-edit,
.input-container .icon-eye {
   position: absolute;
   top: 14px;
   right: 20px;
   font-size: 22px;
   cursor: pointer;
}

.modal__button {
   width: 100%;
}

.modal-text .title-h3 {
   margin-bottom: 8px;
}

.modal-text__button-bl {
   text-align: center;
   margin-top: 16px;
}

.modal-text__button-bl .button {
   min-width: 280px;
}

.modal-description {
   font-size: 14px;
   text-align: center;
}

.modal-description p:not(:last-child) {
   margin-bottom: 8px;
}

.modal-form__link,
.modal-description a {
   font-size: 14px;
   color: var(--blueColor);
}

.modal-form__link:hover,
.modal-description a:hover {
   color: var(--blueColor);
   text-decoration: underline;
}

.personal-area .check,
.modal-form .check {
   font-size: 14px;
   line-height: 16px;
   margin-bottom: 0;
}


/*product*/
.product__img {
   display: block;
   width: 100%;
   height: 247px;
}

.product__icons {
   position: absolute;
   top: 8px;
   right: 8px;
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.product__icons .icon,
.product2__icons .icon {
   font-size: 24px;
   cursor: pointer;
   color: #A3A3A3;
   transition: 0.5s;
}

.product__icons .icon:hover,
.product2__icons .icon:hover {
   color: var(--mainColor);
}
.product__icons .icon.--active,
.product2__icons .icon.--active {
   color: var(--blueColor);
}

.product__name {
   margin-bottom: 4px;
   -webkit-line-clamp: 1;
}

.product__name:hover {
   text-decoration: underline;
}

.product__row {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.product__price s {
   font-size: 12px;
   color: #A3A3A3;
}

.product__discount {
   font-size: 14px;
}

.product__button {
   font-size: 14px;
   padding: 4px 8px;
   border: 1px solid var(--blueColor);
   color: var(--blueColor);
   border-radius: 12px;
   transition: 0.5s;
}

.product__button:hover {
   background: var(--lilacColor);
   color: var(--mainColor);
}

.in-about__button {
   margin-top: 24px;
   text-align: center;
}

.item-reviews {
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 16px 24px;
}

.item-reviews__head {
   margin-bottom: 8px;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
}

.item-reviews__name {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 4px;
}

/*rating*/
.rating-area {
   display: flex;
   flex-direction: row-reverse;
   gap: 1px;
}

.rating-area:not(:checked)>input {
   display: none;
}

.rating-area:not(:checked)>label {
   font-size: 24px;
   color: #A3A3A3;
   cursor: pointer;
   margin-bottom: 0;
}

.rating-area .icon-star:before {
   color: #A3A3A3;
}

.rating-area>input:checked~label:before {
   color: var(--blueColor);
}

.rating-area:not(:checked)>label:hover:before,
.rating-area:not(:checked)>label:hover~label:before {
   color: var(--blueColor);
}

.stars-bl,
.stars-bl__list,
.rating-bl {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 4px;
}

.rating-bl {
   gap: 8px;
}

.item-reviews__profession,
.stars-bl__number,
.rating-bl__text {
   font-size: 14px;
   color: #A3A3A3;
}

.stars-bl .icon-star {
   font-size: 16px;
}

.icon-star--lilac::before {
   color: var(--lilacColor);
}

.item-reviews__content {
   font-size: 14px;
   line-height: 1;
}

.advantage__container {
   background: linear-gradient(111.52deg, #557FF2 -0.45%, #A1CCF1 109.8%);
   border-radius: 12px;
   padding-inline: 24px;
}

.advantage__grid {
   display: flex;
   flex-wrap: wrap;
   column-gap: 48px;
   row-gap: 24px;
   max-width: 870px;
   margin-inline: auto;
   padding-block: 40px;
   justify-content: center;
}

.advantage-item {
   width: 100%;
   max-width: 410px;
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 24px;
   display: flex;
   align-items: center;
   gap: 16px;
}

.advantage-item__img img {
   width: clamp(2.375rem, 1.333rem + 4.44vw, 4rem);
}

.advantage-item__title {
   font-size: clamp(1.125rem, 1.045rem + 0.34vw, 1.25rem);
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 4px;
}

.advantage-item__text {
   font-size: 14px;
}

/*card-pr*/
.breadcrumb {
   font-size: 14px;
   padding: 18px 0px;
   padding-left: 22px;
   margin-bottom: 0px;
   background: none;
   border-radius: 0px;
}

.breadcrumb li {
   position: relative;
}

.breadcrumb>li+li:before,
.breadcrumb>.active {
   color: var(--mainColor);
}

.breadcrumb .icon-home {
   font-size: 18px;
   margin-right: 4px;
   position: absolute;
   top: 50%;
   left: -22px;
   margin-top: -10px;
}

.card-pr__grid {
   display: grid;
   grid-template-columns: 360px 1fr 300px;
   gap: 16px;
}

/*---------*/
.gallery-main {
   margin-bottom: 16px;
}

.gallery-main__item {
   width: 100%;
   max-width: 360px;
   margin-inline: auto;
   aspect-ratio: 360/360;
   background: #fff;
   overflow: hidden;
}

.gallery-thumbs__item {
   height: 80px;
   width: 80px;
   margin-inline: auto;
   background: #fff;
   overflow: hidden;
   cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active .gallery-thumbs__item {
   border-color: var(--mainColor);
}

.gallery .ob-fit img {
   object-fit: contain;
}

.gallery__wrapper {
   width: 240px;
   position: relative;
   padding-inline: 32px;
   margin-inline: auto;
}

.gallery-thumbs .swiper-slide {
   width: auto;
}

.gallery .swiper-button-next,
.gallery .swiper-rtl .swiper-button-prev {
   right: 0px;
}

.gallery .swiper-button-prev,
.gallery .swiper-rtl .swiper-button-next {
   left: 0;
}

.gallery .swiper-button-prev:after,
.gallery .swiper-button-next:after {
   font-size: 16px;
   font-family: 'icomoon' !important;
   content: "\e901";
   color: var(--mainColor);
}

.gallery .swiper-button-next:after {
   content: "\e902";
}

/*---------*/
.card-pr__content .icon-star {
   font-size: 20px;
}

.card-pr__col {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 32px;
}

.pr-desc__reviews,
.pr-desc__number {
   font-size: 14px;
   color: #A3A3A3;
}

.pr-desc__price {
   font-size: 32px;
   font-weight: 700;
   line-height: 1.2;
}

.card-pr__button {
   min-width: 200px;
}

.pr-desc__code,
.pr-desc__availability {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2;
}

.pr-desc__row {
   display: flex;
   flex-wrap: wrap;
   text-align: center;
   gap: 8px;
}

.pr-desc .icon-comparison,
.pr-desc .icon-favorite {
   height: 56px;
   width: 56px;
}

/*quantity*/
.quantity {
   display: grid;
   grid-template-columns: 52px 92px 52px;
   grid-template-rows: 54px;
   border: 2px solid var(--lilacColor);
   background: #fff;
   border-radius: 30px;
}

.quantity input {
   font-size: 32px;
   font-weight: 700;
   border: none;
   text-align: center;
   color: var(--mainColor);
}

.quantity span {
   color: var(--lilacColor);
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   cursor: pointer;
   transition: 0.5s;
   font-size: 24px;
   font-weight: 700;
}

.quantity span:hover {
   color: var(--mainColor);
}

.info-bl {
   font-size: 14px;
}

.info-bl__title {
   font-size: 16px;
   font-weight: 700;
}

.info-bl__list li {
   margin-top: 8px;
}

a.info-bl__link {
   color: var(--mainColor);
   display: flex;
   align-items: center;
   gap: 8px;
   text-decoration: none;
}

.info-bl__conteiner {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 16px;
}

.info-bl__text p:not(:last-child) {
   margin-bottom: 8px;
}

.card-pr__tabs-wrapper {
   max-width: 100vw;
   overflow-x: auto;
   scrollbar-width: none;
   padding-inline: 24px;
   margin-inline: -24px;
}

.card-pr__tabs {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   text-align: center;
   gap: 16px;
   padding-top: 20px;
   padding-bottom: 24px;
}

.card-pr__tabs a {
   display: block;
   font-size: 14px;
   padding: 16px 24px;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   white-space: nowrap;
}

.card-pr__tabs .active a {
   font-weight: 700;
   color: var(--blueColor);
   background: #fff;
}

.img-left {
   float: left;
   width: 35%;
   min-width: 300px;
   margin-right: 16px;
}

.img-right {
   float: right;
   width: 35%;
   min-width: 300px;
   margin-left: 16px;
}

.item-reviews-pr {
   padding: 16px 24px;
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 8px;
}

.item-reviews-pr__head,
.item-reviews-pr__col {
   display: flex;
   align-items: center;
   gap: 12px;
}

.item-reviews-pr__head {
   justify-content: space-between;
}

.item-reviews-pr__avatar {
   height: 32px;
   width: 32px;
   border-radius: 50%;
   background: var(--mainColor);
   font-size: 16px;
   font-weight: 700;
   color: #fff;
   overflow: hidden;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   text-transform: uppercase;
}

.item-reviews-pr__name {
   font-weight: 700;
   line-height: 1.2;
}

.item-reviews-pr__date {
   font-size: 12px;
   font-weight: 400;
   color: #A3A3A3;
}

.item-reviews-pr__content {
   font-size: 14px;
}

/**/
.filter {
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 24px;
   display: flex;
   flex-direction: column;
   gap: 24px;
   width: 100%;
   max-width: 390px;
   margin-left: -24px;
}

.filter__title-h2 {
   font-size: 20px;
   font-weight: 700;
   text-align: center;
}

.filter__title {
   font-size: 14px;
   font-weight: 700;
}

.rz-form {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 8px;
   padding-block: 4px;
}

.rz-form .rz-form__col {
   display: flex;
   align-items: center;
   border: 1px solid var(--lilacColor);
   border-radius: 15px;
   overflow: hidden;
}

.rz-form label {
   font-size: 14px;
   font-weight: 500;
   margin-bottom: 0;
   padding: 8px;
   height: 100%;
   border-right: 1px solid var(--lilacColor);
}

.rz-form input {
   height: 100%;
   width: 100%;
   font-size: 14px;
   color: var(--mainColor);
   text-align: center;
   border: 1px solid transparent;
}

.rz-form input::-moz-placeholder {
   color: var(--lilacColor);
}

.rz-form input::-webkit-input-placeholder {
   color: var(--lilacColor);
}

.rz-slider-wrapper {
   width: 100%;
   padding: 0 5px;
}

.rz-slider {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   height: 10px;
}

.rz-slider__range-center {
   position: relative;
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: var(--lilacColor);
}

.rz-slider__range-center:before,
.rz-slider__range-center:after {
   display: block;
   content: "";
   position: absolute;
   width: 5px;
   height: 2px;
   top: 0;
   background: var(--lilacColor);
}

.rz-slider__range-center:before {
   left: -5px;
}

.rz-slider__range-center:after {
   right: -5px;
}

.rz-slider__range-space {
   height: 2px;
   background: var(--blueColor);
   width: 24%;
}

.rz-slider__range-button {
   position: absolute;
   top: 0;
   width: 10px;
   height: 10px;
   border: none;
   border-radius: 50%;
   background-color: var(--mainColor);
   cursor: pointer;
}

.rz-slider__range-button-type-left {
   margin-left: -5px;
   left: 0%;
}

.rz-slider__range-button-type-right {
   margin-right: -5px;
   left: 24%;
}


/*radio, checkbox*/
.check {
   margin-top: 0;
   margin-bottom: 12px;
}

.radio {
   margin-top: 0;
   margin-bottom: 0px;
}

.checkbox+.checkbox,
.radio+.radio {
   margin-top: 0px;
}

.radio input,
.check input {
   display: none;
}

.radio span,
.check span {
   display: inline-block;
   position: relative;
   padding-left: 24px;
   cursor: pointer;
   font-weight: 500;
   font-size: 14px;
   line-height: 16px;
}
.radio input:disabled ~ span,
.check input:disabled ~  span {
   opacity: 0.4;
   pointer-events: none;
}

.radio span:before,
.check span:before,
.radio input[type="radio"]:checked+span:after,
.check input[type="checkbox"]:checked+span:after {
   content: "";
   position: absolute;
   top: 0px;
}

.radio span:before,
.check span:before {
   height: 16px;
   width: 16px;
   left: 0px;
   border: 1px solid var(--lilacColor);
}

.radio span:before {
   border-radius: 50%;
}

.radio input[type="radio"]:checked+span:after {
   height: 12px;
   width: 12px;
   top: 2px;
   left: 2px;
   border-radius: 50%;
   background: var(--blueColor);
}

.check input[type="checkbox"]:checked+span:after {
   content: "\e906";
   font-family: 'icomoon' !important;
   top: 1px;
   left: 1px;
   font-size: 14px;
   color: var(--blueColor);
}

.radio input[type="radio"]:checked+span:before,
.check input[type="checkbox"]:checked+span:before {
   border: 1px solid var(--blueColor);
}

/*-----*/
.filter .panel {
   font-size: 14px;
}

.panel-heading {
   padding: 0;
   border-radius: 0;
}

.panel-group {
   margin-bottom: 0;
}

.panel-group .panel {
   box-shadow: none;
   border-radius: 0;
   margin-bottom: 0px;
   background: none;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
   border: none;
}

.panel__title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}

.panel__title .icon {
   font-size: 12px;
}

.filter .panel:not(:last-child) {
   margin-bottom: 24px;
}

.filter .panel-body {
   padding: 0;
   margin-top: 12px;
   max-height: 208px;
   overflow-y: auto;
}

.panel__title.collapsed .icon {
   transform: rotatex(0deg);
}

.panel__title .icon {
   transform: rotatex(180deg);
   transition: 0.5s;
}

/***/
.filter .panel-body::-webkit-scrollbar {
   width: 2px;
   background-color: var(--lilacColor);
}

.filter .panel-body::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-color: var(--blueColor)
}

.filter .panel-body::-webkit-scrollbar-track {
   border-radius: 10px;
   background-color: var(--lilacColor)
}

/***/
.category__grid {
   display: grid;
   grid-template-columns: 360px 1fr;
   position: relative;
   align-items: start;
}

.products-grid,
.subcategory__grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
   column-gap: 24px;
   row-gap: 32px;
}

.category__grid,
.subcategory__grid {
   padding-bottom: 20px;
}

.item-subcategory {
   padding-bottom: 27px;
}

.item-subcategory__img {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 224px;
}

.item-subcategory__text {
   font-weight: 700;
   line-height: 1.2;
   text-align: center;
}

.category-panel {
   padding: 16px 24px;
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 24px;
   margin-block: 16px;
}

.category-panel .icon-filter {
   display: none;
}

.select-bl__button {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   gap: 22px;
   min-width: 160px;
   padding: 13px 24px;
   font-size: 14px;
   color: var(--lilacColor);
   border: 1px solid var(--lilacColor);
   cursor: pointer;
   border-radius: 30px;
   background: #fff;
   position: relative;
   width: 100%;
}

.open .select-bl__button {
   z-index: 992;
}

.select-bl .dropdown-menu {
   min-width: 100px;
   width: 100%;
   border-radius: 0 0 12px 12px;
   border: 1px solid transparent;
   box-shadow: var(--boxShadow);
   top: calc(50% - 0px);
   padding-top: 25px;
   padding-bottom: 6px;
}

.open .dropdown-menu {
   z-index: 991;
}

.select-bl .dropdown-menu li {
   font-size: 14px;
   padding-block: 5px;
   padding-inline: 24px;
   cursor: pointer;
}

.select-bl .dropdown-menu li span {
   white-space: nowrap;
}

.select-bl .dropdown-menu li:hover {
   background: var(--lilacColor);
}

.category-products {
   display: grid;
   gap: 16px;
}

.page {
   text-align: center;
}

.page__list {
   display: inline-flex;
   align-items: center;
}

.page__number {
   display: flex;
   width: 35px;
   justify-content: center;
   opacity: 0.6;
   line-height: 1.2;
}

.page__list .current,
.page__list a.page__number:hover {
   color: var(--blueColor);
   font-weight: 700;
}

/*materials*/
.materials-contacts__grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   column-gap: 32px;
   row-gap: 32px;
   max-width: 1392px;
   padding-inline: clamp(0rem, -1.207rem + 4.95vw, 3.125rem);
   margin-inline: auto;
}

.item-mat-contact {
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 24px;
   font-size: 14px;
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.item-mat-contact__title {
   font-size: 20px;
   font-weight: 700;
}

.item-mat-contact a {
   display: flex;
   align-items: center;
   gap: 8px;
}

/*contacts*/
.contacts .social__link {
   font-size: 24px;
   color: var(--mainColor);
   text-decoration: none;
   margin-left: 8px;
}

.contacts .social__link:hover {
   color: var(--mainColor);
}

.contacts__description {
   font-size: 14px;
}

.contacts__grid {
   display: grid;
   grid-template-columns: 280px 1fr;
   column-gap: clamp(1.5rem, -2.045rem + 5.91vw, 3.125rem);
   row-gap: clamp(1rem, -2.273rem + 5.45vw, 2.5rem);
}

.contacts__button {
   width: 100%;
   min-width: 260px;
   max-width: 294px;
}

.contacts__map {
   min-height: 380px;
   grid-row: span 2;
   height: 100%;
   width: 100%;
}

/*blog*/
.universal__grid {
   display: grid;
   grid-template-columns: 265px 1fr;
   column-gap: 24px;
   row-gap: 16px;
   align-items: start;
}

.universal__list {
   display: grid;
   gap: 16px;
}

.universal__link {
   display: flex;
   justify-content: center;
   padding: 16px;
   font-size: 14px;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   background: #fff;
   white-space: nowrap;
}

.universal__link--exit {
   border-radius: 0;
   box-shadow: none;
   background: none;
}

.universal__content {
   display: grid;
   gap: 16px;
}

.universal__item-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   column-gap: 32px;
   row-gap: 24px;
}

.universal__left-bl{
   position: sticky;
   top: 20px;
}

.universal__menu {
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 16px 24px;
   max-width: 265px;
   margin-inline: auto;
}

.universal__menu-title {
   font-weight: 700;
   line-height: 1.2;
   text-align: center;
   margin-bottom: 16px;
}

.universal-list {
   font-size: 14px;
}

.universal__menu .universal-list>li {
   border-bottom: 1px solid #E7EDFF;
   padding-block: 4px;
}

a.universal-list__link {
   color: var(--mainColor);
   text-decoration: none;
}

.universal-list__link {
   display: inline-block;
   padding-block: 4px;
}

.universal-list-2 {
   margin-left: 16px;
}

.article__content,
.blog__content {
   padding-inline: 24px;
}

.article__content {
   display: grid;
   gap: 16px;
}

.article__panel {
   display: flex;
   align-items: center;
   justify-content: space-between;
   column-gap: 16px;
   padding: 16px 24px;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   background: #fff;
}

.article__panel-text {
   font-size: 12px;
   color: #A3A3A3;
   display: flex;
   align-items: center;
   gap: 4px;
   text-align: right;
}

.article__social {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 4px;
}

.article__panel-col {
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
   align-items: center;
   column-gap: clamp(1rem, -2.273rem + 5.45vw, 2.5rem);
   row-gap: 4px;
}

.article__social a.social__link {
   color: #A3A3A3;
}

.sales__grid,
.blog__content .universal__item-grid {
   padding-inline: clamp(1.5rem, 0.11rem + 3.09vw, 2.813rem);
}

.item-blog__img {
   display: block;
   width: 100%;
   height: 212px;
   overflow: hidden;
}

.item-blog__read {
   font-size: 14px;
   padding: 4px 16px;
   background: #fff;
   color: var(--blueColor);
   border: 1px solid var(--blueColor);
   border-radius: 12px;
   position: absolute;
   top: 8px;
   right: 8px;
}

.item-blog__name {
   height: 2.4em;
}

.item-blog__name:hover {
   text-decoration: underline;
}

.item-blog__text {
   font-size: 14px;
}

.item-blog__footer {
   font-size: 12px;
   line-height: 16px;
   color: #A3A3A3;
   display: flex;
   justify-content: space-between;
}

.item-blog__views {
   display: flex;
   align-items: center;
}

.article__panel .icon-eye,
.item-blog__views .icon-eye {
   font-size: 16px;
   margin-right: 4px;
}

.case .universal__item-grid {
   grid-template-columns: repeat(auto-fill, minmax(328px, 1fr));
}

.error404__content {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 16px;
}

/*site-map*/
.site-map__content {
   columns: 3 300px;
   column-gap: 24px;
}

.site-map__content a {
   display: inline-block;
   color: var(--mainColor);
   text-decoration: none;
   margin-bottom: 16px;
   padding-block: 5px;
}

.site-map__content ul:first-child>li>a {
   font-size: 20px;
   font-weight: 700;
   padding: 0;
}

.site-map__content ul:first-child>li {
   break-inside: avoid;
}

.site-map__content ul {
   list-style: none;
   padding-left: 16px;
   margin-block: 0;
}

/*sertificates*/
.sertificates__grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
   column-gap: 24px;
   row-gap: 32px;
   padding-inline: clamp(0rem, -4.364rem + 7.27vw, 2rem);
}

.item-sertificate {
   cursor: pointer;
}

.item-sertificate__img {
   width: 100%;
   height: 294px;
}

.item-sertificate__name {
   text-align: center;
}

/*faq*/
.faq__content {
   max-width: 700px;
   margin: 0 auto;
}

.faq__accordion .panel__title {
   padding: 8px 24px;
   border: 1px solid #A3A3A3;
   border-radius: 100px;
   font-weight: 700;
   font-size: 20px;
   line-height: 1.2;
}

.faq__accordion .panel__title .icon {
   font-size: 16px;
}

.faq__accordion .panel-body {
   padding: 8px 24px 0;
   line-height: 1;
}

.faq__accordion .panel+.panel {
   margin-top: 24px;
}

.prices__wrapper {
   width: 100%;
   max-width: 720px;
   margin-inline: auto;
   display: grid;
   gap: 40px;
}

.prices__grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(167px, 1fr));
   column-gap: 32px;
   row-gap: 24px;
}

.prices__block {
   display: grid;
   gap: 16px;
}

.item-price {
   border: 2px solid transparent;
   padding: 16px 8px 8px;
   gap: 16px;
}

.item-price__img {
   display: block;
   width: 100%;
   height: 130px;
}

.item-price__img-hover,
.item-price__img-active {
   transition: 0.3s;
}

.item-price__img-hover {
   opacity: 0;
}

.item-price__name {
   text-align: center;
   -webkit-line-clamp: 4;
}

.item-price:hover .item-price__img-hover {
   opacity: 1;
}

.item-price:hover .item-price__img-active {
   opacity: 0;
}

.item-price:hover {
   border: 2px solid var(--blueColor);
   color: var(--blueColor);
}

/*sales*/
.sales__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 32px;
}

.item-sale {
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 16px;
}

.item-sale__img {
   display: block;
   aspect-ratio: 600/315;
   overflow: hidden;
}

.item-sale__name {
   margin-block: 8px;
}

.item-sale__name:hover {
   text-decoration: underline;
}

.item-sale__date {
   font-size: 14px;
   color: #A3A3A3;
}

.sale__img {
   display: flex;
   justify-content: center;
   margin-bottom: 16px;
}

/*personal-area*/
.personal-area__content-wrapper {
   /*max-width: 770px;*/
   max-width: 900px;
   display: grid;
   gap: 16px;
}

.cart__content-wrapper,
.personal-area__item {
   display: grid;
   gap: 16px;
}

.personal-area__item .title-h3 {
   text-align: left;
}

.personal-area__button {
   max-width: 280px;
}

.pa-textarea {
   display: grid;
   grid-template-columns: 1fr auto;
   border: 1px solid var(--blueColor);
   border-radius: 8px;
   padding: 16px 24px;
}

.search-bl-result__text,
.personal-area__item-text,
.pa-textarea__text {
   color: #A3A3A3;
   line-height: 1.2;
}

.pa-textarea__text p:not(:last-child) {
   margin-bottom: 4px;
}

.pa-textarea__icon {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
}

.pa-textarea .icon-edit,
.pa-textarea .icon-delete {
   font-size: 22px;
}

.pa-table__text {
   line-height: 1.2;
   margin-bottom: 16px;
}

.pa-table__grid {
   border: 1px solid #A3A3A3;
   border-radius: 12px;
}

.pa-table__thead {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   border-bottom: 1px solid #A3A3A3;
}

.pa-table__td {
   padding: 8px;
}

.pa-table  .table-responsive{
   border: 1px solid #A3A3A3;
    border-radius: 12px;
}
.pa-table .table{
   border-collapse: collapse;    
    border-style: hidden; 
    margin: 0;
}
.pa-table .table td {
        border: 1px solid #A3A3A3;
    }

.pa-table__thead .pa-table__td:not(:last-child) {
   border-right: 1px solid #A3A3A3;
}

.pa-table__tbody .pa-table__td {
   text-align: center;
}

.personal-area__radio-bl {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 24px;
}

.personal-area__radio-bl label {
   margin-block: 0 !important;
}

.input-subject {
   display: grid;
   gap: 12px;
}

.input-subject__title span {
   color: #DF4C4C;
   margin-right: 3px;
   font-weight: 500;
}

/*search-bl*/
.search-bl__panel {
   display: grid;
   grid-template-columns: 345px 345px 1fr;
   gap: 16px;
   margin-bottom: 16px;
}

.search-bl__col {
   display: grid;
   gap: 8px;
}

.search-bl__button-bl .button {
   min-width: 230px;
}

.product-grid-list,
.search-bl-result {
   display: grid;
   gap: 16px;
}

.search-bl-result__title {
   font-weight: 700;
   line-height: 1.2;
}

.search-bl .select2-container .select2-selection--single,
.search-bl .input-container input {
   height: 56px;
}

.search-bl .input-container input,
.search-bl .input-container label,
.search-bl .select2-container .select2-selection--single {
   padding-inline: 16px;
}

.search-bl .input-container label,
.search-bl .select2-container .select2-selection--single .select2-selection__placeholder {
   top: 18px !important;
   font-size: 16px !important;
}

.search-bl .select2-container .select2-selection--single .select2-selection__placeholder {
   left: 16px;
   padding-inline: 0;
   color: #A3A3A3;
}

.category-panel__buttons {
   display: flex;
   align-items: center;
   border: 1px solid #A3A3A3;
   border-radius: 8px;
   overflow: hidden;
   margin-left: auto;
}

.category-panel__buttons .icon {
   font-size: 20px;
   padding: 10px;
   cursor: pointer;
}

.category-panel__buttons .icon:not(:last-child) {
   border-right: 1px solid #A3A3A3;
}

.category-panel__buttons .icon.active {
   color: #fff;
   background: var(--lilacColor);
}

.product2 {
   background: #fff;
   border-radius: 12px;
   box-shadow: var(--boxShadow);
   padding: 8px;
   display: grid;
   grid-template-columns: 100px 1fr auto;
   align-items: center;
   gap: 8px;
}

.product2__img {
   display: block;
   width: 100px;
   height: 100px;
}

.product2__name:hover {
   text-decoration: underline;
}

.product2__desc,
.product2__other {
   display: grid;
   gap: 8px;
}

.product2__icons {
   display: flex;
   gap: 24px;
}

.product2__text {
   font-size: 12px;
}

.product2__discount {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2;
}

.product2__other .button {
   min-width: 0;
}




/*cart*/
.cart-is-empty {
   color: #A3A3A3;
}

.cart-table__grid {
   display: grid;
   grid-template-columns: auto 1fr repeat(3, minmax(0, 160px)) 40px;
   column-gap: 8px;
   position: relative;
}

.cart-table__grid::before {
   content: "";
   display: block;
   height: 1px;
   width: 100%;
   background: #A3A3A3;
   position: absolute;
   left: 0px;
   top: 35px;
}

.cart-table__row {
   display: contents;
}

.cart-table-head {
   font-weight: 700;
   line-height: 20px;
   text-align: center;
}

.cart-table-head .cart-table__td:first-child {
   grid-column: span 2;
}

.cart-table__td {
   padding-block: 8px;
}

.cart-table__img a {
   display: block;
   width: 100px;
   height: 100px;
}

.item-cart__name {
   display: block;
   margin-bottom: 8px;
}

.item-cart__article {
   font-size: 12px;
}

.cart-table__price,
.cart-table__number,
.cart-table__total {
   justify-self: center;
}

.cart-table__price-title {
   display: none;
   margin-right: 4px;
}

.cart-table__delete .icon-shopper,
.cart-table__delete .icon-delete {
   font-size: 18px;
   color: #A3A3A3;
   cursor: pointer;
}

.cart-table__number .quantity {
   display: grid;
   width: 52px;
   grid-template-columns: 1fr;
   grid-template-rows: 16px 20px 16px;
   gap: 8px;
   border: 1px solid #A3A3A3;
   background: #fff;
   padding: 4px;
   border-radius: 5px;
}

.cart-table__number .quantity input {
   font-size: 16px;
   font-weight: normal;
   width: 100%;
}

.cart-table__number .quantity span {
   color: var(--blueColor);
   height: 100%;
   font-size: 16px;
   font-weight: normal;
}

.cart-table-body {
   display: grid;
   gap: 16px;
   margin-top: 16px;
}

.promocod .input-container {
   max-width: 220px;
}

.cart-table-body .button,
.promocod .input-container input {
   height: 48px;
   min-width: 0;
}

.promocod .input-container label {
   top: 14px;
}

.promocod__text {
   font-size: 14px;
   margin-bottom: 16px;
}

.promocod__row {
   display: flex;
   align-items: center;
   gap: 16px;
}

.cart-table__button {
   font-size: 20px;
   font-weight: 700;
   line-height: 1.2;
   padding: 12px;
   text-decoration: underline;
}

.cart-table__button:hover {
   text-decoration: none;
}

.total-amount {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 8px;
   font-weight: 700;
   line-height: 1.2;
}

.total-amount span {
   font-size: 20px;
   color: var(--blueColor);
}

.cart-table-footer,
.cart-table-body__row {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.cart-table-footer {
   margin-top: 16px;
   grid-column: 1/-1;
}

.ordering-form {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 16px;
   margin-top: 16px;
   align-items: start;
}

.ordering-form__col,
.ordering-form__col .personal-area__input-wrapper {
   display: grid;
   gap: 16px;
}

.ordering-form__col .radio span {
   font-size: 16px;
   font-weight: 700;
   line-height: 1.2;
   padding-left: 30px;
}

.ordering-form__col .radio span:before {
   height: 20px;
   width: 20px;
}

.ordering-form__col .radio input[type="radio"]:checked+span:after {
   height: 16px;
   width: 16px;
}

.ordering-form__button-bl .button {
   min-width: 0;
}

/*comparing*/
.comparing-slider {
   width: 100%;
}

.comparing__title {
   text-align: left;
   margin-bottom: 16px;
}

.comparing-table {
   display: grid;
   grid-template-columns: 240px calc(100% - 240px);
   align-items: start;
}

.comparing-table__th {
   border: 1px solid #A3A3A3;
}

.comparing-table__td {
   padding: 8px;
   min-height: 40px;
   line-height: 1.2;
   border-bottom: 1px solid #A3A3A3;
}

.comparing-table__th .comparing-table__td {
   display: flex;
   align-items: center;
   font-weight: 700;
}

.comparing-item {
   width: 100%;
   border: 1px solid #A3A3A3;
   border-left: none;
}

.comparing-table .product__img {
   display: block;
   height: 168px;
   width: 168px;
}

.comparing-table .product__img img {
   object-fit: contain;
}

.comparing-table .button {
   min-width: 0;
}

.compare__button-bl {
   display: flex;
   align-items: center;
   gap: 8px;
}





/*delete*/
.comparing-table__th .comparing-table__td>div {
   display: flex;
   align-items: center;
}

.comparing-table__th .comparing-table__td--text {
   height: 4.8em;
}

.comparing-item .comparing-table__td--text {
   height: 4.8em;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
   overflow-y: auto;
}

.comparing-table__td:last-child {
   height: 73px;
   border-bottom: none;
}

.comparing-table__td--name {
   height: 2.4em;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}

.comparing-table__td--img {
   height: 168px;
}

.comparing-table__td--star {
   height: 35px;
}

@media only screen and (max-width: 959px) {
   .comparing-table__td--img {
      height: 84px;
   }

   .comparing-table__td--name {
      height: 3.6em;
      -webkit-line-clamp: 3;
   }

   .comparing-table__th .comparing-table__td--text {
      height: 7.2em;
   }

   .comparing-item .comparing-table__td--text {
      height: 7.2em;
      -webkit-line-clamp: 6;
   }
}

/*--------delete---------*/



/*mob*/
.mob-menu {
   display: none;
   gap: 16px;
   padding-block: 16px;
}

.mob-menu__item,
.mob-menu__link {
   display: flex;
   align-items: center;
   gap: 8px;
}

.mob-menu__list {
   display: grid;
   gap: 16px;
}

.mob-menu__link {
   font-size: 14px;
   line-height: 16px;
   padding-block: 5px;
}

.mob-menu__link .icon {
   height: 16px;
   font-size: 16px;
}

.mob-menu__list--2 {
   padding-top: 16px;
   border-top: 1px solid #A3A3A3;
}

.__open .mob-menu--1,
.__open2 .mob-menu--2 {
   display: grid;
}

.icon.icon-mob-menu.active::before {
   content: "\e907";
}

.header-icons__link.active {
   background-color: #CEDAFF;
   border: 2px solid var(--lilacColor) !important;
}

.password-forget .title-h3{
   margin-bottom: 4px;
}