@charset "UTF-8";/*--------------------*/
/*  Other             */
/*--------------------*/
.icon {--size: 1.25rem;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.icon svg,
.icon img {display: inline-block;width: 100%;height: 100%;}
.title-block > * + * {margin-top: 1rem;}
.padd-sec {position: relative;padding-block: var(--sp-xl);overflow: hidden;}
.padd-sec.size-200 {padding-block: calc(var(--sp-xl) * 1.34);}
.padd-sec + .section:not(.padd-sec) {margin-top: var(--sp-xl);}
.path-block {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;z-index: 0;-webkit-clip-path: polygon(44px 0, 100% 0, 100% 100%, 0 100%, 0 44px);clip-path: polygon(44px 0, 100% 0, 100% 100%, 0 100%, 0 44px);}
.path-block.size2 {-webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 34px);clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 34px);}
.bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;-o-object-fit: cover;object-fit: cover;pointer-events: none;}
.decor-section {--size: 66vw;position: absolute;width: var(--size);height: var(--size);background-image: url(../img/content/decor-section.png);background-size: cover;background-position: center center;background-repeat: no-repeat;-o-object-fit: cover;object-fit: cover;z-index: -1;pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.decor-section.black-decor {background-image: url(../img/content/decor-section-black.png);}
.content-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: 2.5rem;}
.full-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;z-index: 5;}
@media (min-width: 992px) {
.show-sticky {overflow: visible !important;}
.sticky-block {position: sticky;top: calc(var(--h-height) + 1rem);}
}
@media (max-width: 1199px) {
.path-block,
.path-block.size2 {-webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);}
}
@media (max-width: 991px) {
.content-block {gap: 1rem;}
}
@media (max-width: 767px) {
.padd-sec.size-200 {padding-block: var(--sp-xl);}
.content-block {gap: 1.25rem;}
}
/*-------------------*/
/*  Breadcrumbs      */
/*-------------------*/
.breadcrumbs {--br-fz: 0.875rem;--br-space: 1rem;position: relative;z-index: 10;width: 100%;padding-block: 0.625rem;overflow-y: hidden;overflow-x: auto;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;}
.breadcrumbs ul {min-width: -webkit-max-content;min-width: -moz-max-content;min-width: max-content;line-height: 0;padding-right: var(--br-space);}
.breadcrumbs li {position: relative;display: inline-block;vertical-align: middle;font-size: var(--br-fz);line-height: 1.5rem;font-weight: 400;color: var(--clr-text);scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li:after {content: "";position: relative;display: inline-block;vertical-align: middle;width: 4px;height: 13px;margin: 0 0.5rem;margin-top: -1px;background-image: url(../img/icons/breadcrumbs-line.svg);background-size: contain;background-repeat: no-repeat;}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs li.active {color: var(--clr-primary);}
.breadcrumbs.style2 li {color: var(--clr-secondary);}
.breadcrumbs.style2 li.active {color: var(--clr-primary);}
.banner .breadcrumbs {--clr-title: var(--clr-white);--clr-plc: rgba(var(--rgb-white), 0.8);position: absolute;top: 0;left: 0;}
.banner .breadcrumbs li:after {background-image: url(../img/icons/breadcrumbs-line.svg);}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  BANNER MAIN       */
/*--------------------*/
.head-banner {overflow: hidden;z-index: 1;position: relative;}
.head-banner [class*=swiper-button] {display: block;}
.head-banner .swiper-button-wrap {position: absolute;right: 0;bottom: auto;width: 100%;top: 0;-webkit-transform: translateY(calc(58vw + 0.625rem));transform: translateY(calc(58vw + 0.625rem));}
.head-banner .swiper-button-wrap > .container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 1rem;}
.head-banner .swiper-button-wrap .swiper-pagination {margin-top: 0;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;left: 0 !important;-webkit-transform: initial !important;transform: initial !important;bottom: 0;}
.head-banner .swiper-button-wrap .swiper-button-prev,
.head-banner .swiper-button-wrap .swiper-button-next {display: none;}
.head-banner .swiper-button-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.head-banner .swiper-button-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.head-banner .swiper-button-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.head-banner .swiper-button-wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform: scale(1);transform: scale(1);}
.head-slide {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;overflow: hidden;z-index: 1;position: relative;}
.head-content {position: relative;padding-block: 2rem 6.25rem;}
.head-content .title {text-transform: uppercase;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.head-content .text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.head-content > * + * {margin-top: 1.5rem;}
@media (min-width: 768px) {
.head-banner,
.head-slide {height: 37.5rem;}
.head-banner .swiper-button-wrap {top: auto;bottom: 3.125rem;-webkit-transform: initial;transform: initial;}
.head-banner .swiper-button-wrap > .container {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.head-banner .swiper-button-wrap .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 50%;margin: 0 7px !important;background: rgba(var(--rgb-white), 0.3);z-index: 2;}
.head-banner .swiper-button-wrap .swiper-pagination-bullet-active {background: var(--bg-1);}
.head-slide .banner-media::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;}
.head-content .title {color: var(--clr-secondary);}
.head-content .text {color: rgba(236, 231, 227, 0.8);max-width: 70%;}
}
@media (min-width: 1200px) {
.head-banner,
.head-slide {height: 100vh;}
}
@media (min-width: 1681px) {
.head-content {max-width: 92%;}
}
@media (max-width: 1199px) {
.head-content {padding-block: 7rem 5rem;}
}
@media (max-width: 991px) {
.head-content > * + * {margin-top: 1rem;}
}
@media (max-width: 767px) {
.head-slide {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.head-slide > .container {width: 100%;}
.head-slide .banner-media {width: 100%;overflow: hidden;}
.head-content {margin-top: 1.875rem;padding-block: 0;text-align: center;}
.head-content .title,
.head-content .text {-webkit-line-clamp: 4;}
.head-content .btn-wrapp {width: 100%;}
.head-content .btn {-webkit-box-flex: 0;-ms-flex: 0 1 50%;flex: 0 1 50%;}
.head-banner .swiper-button-wrap {position: relative;-webkit-transform: none;transform: none;top: auto;bottom: auto;margin-top: 1.25rem;}
}
/*--------------------*/
/*  BANNER            */
/*--------------------*/
.banner {position: relative;overflow: hidden;}
.banner-media {z-index: 0;inset: 0;padding-bottom: 38%;}
.banner-media img,
.banner-media video {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.banner-media .video {position: absolute;top: 0;bottom: 0;left: 0;right: 0;clip: rect(auto, auto, auto, auto);display: none;}
.banner-media .video.video-present {display: block;overflow: hidden;}
.banner-media .video video {position: fixed;left: 50%;top: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.banner-media.banner-img {position: relative;}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: bottom;width: 10000px;height: auto;}
.banner-sec + .section:not(.padd-sec) {margin-top: var(--sp-xl);}
@media (min-width: 768px) {
.banner-align {padding-block: max(1.5rem, 2vw) 0;height: clamp(22.5rem, 7.76rem + 28vw, 40.65rem);}
.banner-info {position: relative;padding-block: 1.5rem;}
.banner-info::before {content: "";position: absolute;z-index: -1;top: 0;left: -100%;right: -100%;width: 300%;height: 100%;background-color: var(--bg-1);}
.banner-info > * + * {margin-top: 1.25rem;}
.banner.type-2 .banner-align {height: clamp(22.5rem, 7.76rem + 28vw, 37.5rem);}
.banner.type-2 .banner-info .title {color: var(--clr-white);}
.banner.type-2 .banner-info::before {content: none;}
}
@media (min-width: 1200px) {
.banner.full .banner-align {height: calc(100vh - var(--h-height));}
.banner-info::before {width: 200%;right: 0;}
}
@media (min-width: 1441px) {
.banner-info {padding-block: 1.875rem;}
.banner.type-2 .banner-info {padding-block: 3rem;}
}
@media (max-width: 767px) {
.banner-sec + .section {margin-top: var(--sp-xl);}
.banner-media {position: relative;padding-top: 48%;}
.banner-media::before {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.banner-info {padding-block: 1rem;position: relative;}
.banner-info::before {content: "";position: absolute;z-index: -1;top: 0;left: -100%;right: -100%;width: 300%;height: 100%;background-color: var(--bg-1);}
.banner.type-2 .banner-media {padding-top: 56%;}
}
/*--------------------*/
/*  Categories        */
/*--------------------*/
.cat-sec .btn {margin-top: 1.875rem;}
.cat-sec .title-block {text-align: center;}
.cat-row {--bs-gutter-x: 1.875rem;--bs-gutter-y: 1.875rem;}
.cat-item.decor-block {padding-bottom: 4px;padding-left: 4px;}
.cat-item {position: relative;display: block;height: 100%;}
.cat-item::before {content: "";position: absolute;bottom: 4px;left: 4px;width: 100%;height: 46%;background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(39, 42, 42)), to(rgba(39, 42, 42, 0)));background: linear-gradient(to top, rgb(39, 42, 42) 50%, rgba(39, 42, 42, 0) 100%);z-index: 3;}
.cat-item .decor {display: inline-block;position: absolute;bottom: 0;left: 0;width: 64px;height: 64px;background-color: var(--bg-2);border-radius: var(--rd-1);z-index: -1;pointer-events: none;}
.cat-item .title {--gap: 2rem;position: absolute;z-index: 4;bottom: 0;right: 0;width: 100%;color: var(--clr-secondary);padding: var(--gap);padding-right: calc(var(--gap) * 3);text-transform: uppercase;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cat-item .title::before {content: "";position: absolute;top: 50%;right: var(--gap);-webkit-transform: translateY(-70%);transform: translateY(-70%);width: 19px;height: 19px;background-image: url("../img/icons/green-arrow.svg");-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cat-item .sub-category-link {position: absolute;right: 2rem;bottom: 2rem;z-index: 6;box-shadow: 0 0 0 0 rgb(149 159 124 / 20%);-webkit-animation: pulse 1.5s infinite;}
.cat-item .sub-category-link .decor {display: inline-block;position: absolute;top: -0.25rem;left: -0.25rem !important;width: 2.5rem;height: 2.5rem;background-color: var(--bg-2);border-radius: var(--rd-1);z-index: -1;pointer-events: none;}
.cat-item .sub-category-link b {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;width: 11.5rem;min-height: 9rem;background-color: var(--bg-3);border-radius: var(--rd-1);border: 1px solid rgba(255, 255, 255, 0.2);padding: 1rem;color: var(--clr-white);font-size: 1.125rem;font-weight: 400;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cat-item .sub-category-link b::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/content/btn-decor-size3.svg);background-position: left center;background-size: contain;background-repeat: no-repeat;}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 2rem rgb(149 159 124 / 0%);
  }
    100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgb(149 159 124 / 0%);
  }
}
.cat-img {position: relative;overflow: hidden;padding-bottom: 59%;}
.cat-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);z-index: 2;}
.cat-sec.type2 .cat-item.decor-block {padding-left: 0;padding-right: 4px;}
.cat-sec.type2 .cat-item.decor-block .decor {bottom: 0;left: auto;right: 0;}
.cat-sec.type2 .cat-item .cat-img {padding-bottom: 51%;}
.cat-sec.type2 .cat-item::before {left: 0;right: 4px;bottom: 4px;width: auto;height: 100%;background: none;background-image: url("../img/content/category-bg.jpg");z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.cat-sec.type2 .cat-item::after {content: "";position: absolute;top: 50%;left: -5%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 220px;background: none;background-image: url(../img/content/category-decor.svg);z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.cat-sec.type2 .cat-item .cat-img::before {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;}
.cat-sec.type2 .cat-item .cat-img img {left: auto;right: 1px;top: auto;bottom: 1px;height: auto;-o-object-fit: contain;object-fit: contain;max-width: -webkit-fit-content;max-width: -moz-fit-content;max-width: fit-content;max-height: -webkit-fit-content;max-height: -moz-fit-content;max-height: fit-content;}
.cat-sec.type2 .cat-item .title {bottom: auto;top: 0;padding: var(--gap) calc(var(--gap) * 1.25);padding-right: calc(var(--gap) * 3);}
.cat-sec .cat-item.muffler::before {background-image: url(../img/content/category-bg2.jpg);}
.cat-sec .cat-item.muffler .cat-img img {top: 50%;bottom: auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);max-width: 90%;max-height: 90%;-o-object-position: center;object-position: center;}
.cat-sec .cat-item.muffler .bottom-info {position: absolute;bottom: 0;left: 0;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: 1rem;padding: 1.875rem 3.125rem;z-index: 2;}
.cat-sec .cat-item.muffler .bottom-info .type {color: var(--clr-secondary);}
.cat-sec .cat-item.muffler .bottom-info .product_price-wrap {color: var(--clr-secondary);white-space: nowrap;}
@media (min-width: 1200px) {
.cat-item:hover .cat-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.cat-item:hover .title {color: var(--clr-green);}
.cat-item:hover .title::before {-webkit-transform: translateY(-70%) rotate(45deg);transform: translateY(-70%) rotate(45deg);}
.cat-sec .title-block {max-width: 71%;margin-inline: auto;}
.sub-category-link:hover b {color: var(--clr-secondary);}
}
@media (max-width: 1199px) {
.cat-sec .btn {margin-top: 1.5rem;}
.cat-item .title {--gap: 1rem;}
.cat-item .sub-category-link {right: 1rem;bottom: 1rem;}
.cat-item .sub-category-link b {width: 10rem;min-height: 5rem;}
}
@media (max-width: 767px) {
.cat-row {--bs-gutter-y: 1.25rem;}
.cat-item.decor-block {padding-left: 3px;padding-bottom: 3px;}
.cat-sec.type2 .cat-item.decor-block {padding-right: 3px;}
.cat-sec.type2 .cat-item::after {height: 50%;}
.cat-item .decor {width: 2rem;height: 2rem;}
.cat-item .sub-category-link .decor {width: 2rem;height: 2rem;top: -2px;left: -2px !important;}
.cat-item .sub-category-link b {min-height: 4rem;font-size: 1rem;padding: 0.5rem;}
.cat-item .sub-category-link b::before {top: 15%;height: 70%;}
.cat-sec .cat-item.muffler .cat-img img {top: 50%;bottom: auto;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.cat-sec .cat-item.muffler .bottom-info {gap: 0.625rem;padding: 1rem;}
.cat-sec .cat-item.muffler .bottom-info .type {font-size: calc(var(--h5) - 4px);}
}
/*--------------------*/
/*  Benefit Block     */
/*--------------------*/
.benefits-wrapp {position: relative;display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);gap: 1rem;z-index: 2;max-width: 96%;}
.benefit-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;gap: 1rem;min-height: 150px;padding: 1rem 1.875rem;background-color: var(--bg-2);-webkit-clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%, 0 36px);clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%, 0 36px);}
.benefit-item::before {content: "";position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 18.17vw;height: 6.016vw;background: none;background-image: url(../img/content/benefit-item-decor.svg);z-index: 0;background-position: center;background-size: cover;background-repeat: no-repeat;}
.benefit-item .icon {--size: 3.125rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.benefit-item .icon > * {display: inline-block;width: 100%;height: 100%;}
.benefit-item .title {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;text-transform: uppercase;color: var(--clr-white);}
.benefit-item .path-block-border {position: absolute;top: 1px;left: 1px;width: calc(100% - 2px);height: calc(100% - 2px);background-color: var(--clr-black);z-index: -1;-webkit-clip-path: inherit;clip-path: inherit;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.benefit-img {--blur: 30vw;position: absolute;right: 3%;bottom: 0;width: 48vw;height: 98%;z-index: 1;}
.benefit-img::before {content: "";position: absolute;top: 50%;left: 50%;width: var(--blur);height: var(--blur);-webkit-transform: translate(-30%, -34%);transform: translate(-30%, -34%);background: var(--clr-green);border-radius: 50%;z-index: 0;-webkit-filter: blur(calc(var(--blur) * 0.6));filter: blur(calc(var(--blur) * 0.6));}
.benefit-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.benefits-wrapp.type2 {-ms-grid-columns: (1fr)[3];grid-template-columns: repeat(3, 1fr);gap: 1rem 1.875rem;max-width: 100%;}
.benefits-wrapp.type2 .benefit-item {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 0.25rem;-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;color: var(--clr-secondary);}
.benefits-wrapp.type2 .benefit-item .title,
.benefits-wrapp.type2 .benefit-item .text {max-width: 70%;color: var(--clr-secondary);}
@media (min-width: 2000px) {
.benefit-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-fit: contain;object-fit: contain;}
}
@media (min-width: 1200px) {
.benefit-item:hover .path-block-border {background-color: var(--clr-text);}
}
@media (max-width: 1440px) {
.benefits-wrapp.type2 .benefit-item .title,
.benefits-wrapp.type2 .benefit-item .text {max-width: 100%;}
}
@media (max-width: 1199px) {
.benefit-item {min-height: 7rem;}
}
@media (max-width: 991px) {
.benefits-wrapp.type2 {-ms-grid-columns: (1fr)[2];grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 767px) {
.benefits-wrapp,
.benefits-wrapp.type2 {-ms-grid-columns: (1fr)[1];grid-template-columns: repeat(1, 1fr);max-width: 100%;}
.benefits-wrapp .benefit-item,
.benefits-wrapp.type2 .benefit-item {padding: 1rem 1.5rem;min-height: auto;-webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);}
.benefits-wrapp .benefit-item .icon,
.benefits-wrapp.type2 .benefit-item .icon {--size: 2.2rem;}
.benefits-wrapp .benefit-item::before,
.benefits-wrapp.type2 .benefit-item::before {width: 30vw;height: 12vw;}
.benefit-img {display: none;}
}
/*--------------------*/
/*  Form block        */
/*--------------------*/
.form-block-info {position: relative;margin-bottom: 1.875rem;}
.form-block-info > * + * {margin-top: 0.75rem;}
@media (max-width: 991px) {
.form-block-info {margin-bottom: 1.5rem;}
}
/*--------------------*/
/*  SEO Block         */
/*--------------------*/
.seo-sec {background-color: var(--bg-2);padding-block: 2.5rem;}
.seo-block {--space: 15px;}
.seo-block > * + *:not(.more-content) {margin-top: var(--space);}
.more-content {display: none;padding-top: var(--space);}
.more-text {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;cursor: pointer;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 1rem;font-weight: 500;line-height: 1.375em;margin-top: 20px;color: var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.more-text i {display: inline-block;position: relative;width: 20px;height: 20px;margin-left: 10px;color: currentColor;}
.more-text i:before {content: "";position: absolute;top: 35%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 10px;height: 10px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;}
.seo-block.open .more-text i {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
@media (min-width: 1200px) {
.more-text:hover {color: rgba(var(--bg-3), 0.6);}
}
@media (max-width: 991px) {
.seo-block {--space: 12px;}
}
/*------------------------------------------------------------------------*/
/* - PRODUCTS */
/*------------------------------------------------------------------------*/
/* thumb-input-number */
.thumb-input-number {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 1.125rem;line-height: 1;background-color: var(--bg-1);border-radius: var(--rd-1);min-width: 150px;}
.thumb-input-number button {cursor: pointer;width: 40px;height: 46px;background: none;-webkit-transition: var(--transition-1);transition: var(--transition-1);font-size: 1.5rem;font-weight: 400;color: var(--clr-green);}
.thumb-input-number button:active {-webkit-transform: translateY(2px);transform: translateY(2px);}
.thumb-input-number input {width: 70px;height: 46px;text-align: center;font-size: 1.125rem;font-weight: 400;padding-top: 0.25rem;}
/*media*/
@media (min-width: 1200px) {
.thumb-input-number button:hover {color: var(--clr-title);}
}
/* CART INFORMER */
.cart-informer {--gap: 1.875rem;position: fixed;bottom: 0;left: 0;width: 100%;padding-block: var(--gap);-webkit-transform: translate(0, 100%);transform: translate(0, 100%);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;display: block;background: var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);z-index: 500;}
.cart-informer-inner {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;width: 100%;gap: 1rem;}
.cart-informer.active {visibility: visible;opacity: 1;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
/*media*/
@media (max-width: 1199px) {
.cart-informer-inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.cart-informer-inner .text {padding-right: 1.25rem;}
}
@media (max-width: 767px) {
.cart-informer {--gap: 1rem;}
}
/* btn-loader */
.btn-loader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;display: none;}
.btn-loader-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;height: 100%;background: var(--clr-primary);}
.btn-loader-inner span {display: block;width: 4px;height: 4px;border-radius: var(--rd-1);background-color: var(--clr-title);margin: 0 3px;-webkit-animation: scale 1s infinite ease;animation: scale 1s infinite ease;}
.btn-loader-inner span:nth-child(2) {-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.btn-loader-inner span:nth-child(3) {-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.btn-loader-complete {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;border-radius: var(--rd-1);background: var(--clr-primary);background-image: url(../img/icons/icon-prod_complete.svg);background-position: center;background-repeat: no-repeat;margin: 0;}
@-webkit-keyframes scale {
0% {-webkit-transform: scale(1);transform: scale(1);}
50% {-webkit-transform: scale(1.5);transform: scale(1.5);}
to {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes scale {
0% {-webkit-transform: scale(1);transform: scale(1);}
50% {-webkit-transform: scale(1.5);transform: scale(1.5);}
to {-webkit-transform: scale(1);transform: scale(1);}
}
/* product */
.product-row {--bs-gutter-x: 16px;--bs-gutter-y: 16px;}
.product-row .col-20 {position: relative;}
.product-row .col-20::before,
.product-row .col-20::after,
.product_swiper .swiper-slide::before,
.product_swiper .swiper-slide::after {content: "";position: absolute;bottom: -4px;left: 4px;width: 64px;height: 64px;border-radius: var(--rd-1);background-color: var(--bg-2);z-index: -1;}
.product-row .col-20::after,
.product_swiper .swiper-slide::after {left: auto;right: 4px;}
.product_swiper .swiper-slide::before {left: -4px;}
.product_swiper .swiper-slide::after {right: -4px;}
.product_swiper .swiper-wrapper, .product_swiper .swiper-wrapper .swiper-slide{height: inherit;}
.product {--gap: 15px;position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;padding: var(--gap);-webkit-transition: var(--transition-1);transition: var(--transition-1);margin-left: auto;margin-right: auto;background-color: var(--clr-white);}
.product_image-wrap {position: relative;width: 100%;margin-left: auto;margin-right: auto;}
.product_image {position: relative;display: block;padding-bottom: 100%;}
.product_image img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: var(--transition-1);transition: var(--transition-1);width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.product_labels {position: absolute;top: 0;right: 0;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: end;-ms-flex-align: end;align-items: flex-end;gap: 5px;z-index: 1;}
.product_labels li {display: block;padding: 8px 12px 6px;font-size: 0.625rem;line-height: 1;font-weight: 500;color: var(--clr-white);text-transform: uppercase;}
.product_title-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 25px 0 15px;padding-bottom: 20px;border-bottom: 1px solid var(--clr-green);}
.product_title-wrap .fav-btn {-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-item-align: start;align-self: flex-start;margin-left: 1em;}
.fav-btn {position: relative;width: 1.5rem;height: 1.5rem;line-height: 1.5rem;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.fav-btn svg {display: block;max-width: 100%;max-height: 100%;}
.fav-btn svg path {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.fav-btn:active {-webkit-transform: translateY(3px);transform: translateY(3px);}
.fav-btn.active svg path {fill: var(--clr-green);}
.product_title {color: var(--clr-title);min-height: 2.625em;text-transform: uppercase;}
.product_title a {position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-height: 2.625em;}
.product_title a:active {-webkit-transform: translateY(3px);transform: translateY(3px);}
.product_info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 15px;}
.product_info table {width: 100%;}
.product_info td {position: relative;font-size: 1rem;line-height: 1.375em;font-weight: 400;color: var(--clr-title);text-align: left;padding: 2px 0 2px 1rem;}
.product_info td:first-child {color: rgba(44, 43, 42, 0.8);}
.product_info td:first-child:before {content: "";position: absolute;top: 0.5rem;left: 0;width: 0.375rem;height: 0.375rem;border-radius: 50%;background-color: var(--clr-green);}
.product_info td:last-child {font-weight: 600;text-align: right;padding-left: 0.5rem;}
.product_price-wrap {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: 1.125rem;line-height: 1.625em;font-weight: 400;text-transform: uppercase;color: var(--clr-title);font-family: var(--ff-2);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.product_price-old {text-decoration: line-through;white-space: nowrap;font-size: 0.875rem;line-height: 1.125em;font-weight: 400;color: rgba(44, 43, 42, 0.6);}
.product_price-old b,
.product_price-old strong {font-weight: inherit;}
.product_controls {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-top: auto;padding: 0 5px;}
.product_controls .btn {width: 54px;height: 54px;padding: 0.4em;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-item-align: start;align-self: flex-start;margin-left: 1em;-webkit-box-sizing: border-box;box-sizing: border-box;}
.product_controls .btn::before,
.product_controls .btn::after {content: none;}
.product_controls .btn path {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.product.promotion .product_price-wrap {color: var(--clr-green);}
.product.not-available .product_price-wrap {color: rgba(44, 43, 42, 0.6);font-size: 0.75rem;}
.product_swiper .swiper-container {overflow: visible;}
.product_swiper .swiper-button-prev {left: calc((var(--size) - var(--gap) + 15px) * -1);}
.product_swiper .swiper-button-next {right: calc((var(--size) - var(--gap) + 15px) * -1);}
/* product detail */
.product_detail-sec {position: relative;overflow: visible;margin-bottom: var(--sp-xl);}
.product_detail-sec .bg {--margin-top: 2.75rem;-o-object-position: top;object-position: top;top: calc(var(--margin-top) * -1);height: calc(100% + var(--margin-top));}
.product_detail-sec .row {--bs-gutter-x: 5rem;}
.prd__detail--slider {--padd-slider: 5rem;position: relative;padding-inline: var(--padd-slider);}
.prd__detail--slider .swiper-thumbs-top .swiper-container {overflow: visible;}
.prd__detail--slider .swiper-thumbs-top .swiper-wrapper {-webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 34px);clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 34px);}
.product_detail-img {position: relative;padding-top: 100%;background-color: var(--clr-white);}
.product_detail-img img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;}
.prd__detail--slider .swiper-thumbs-top .swiper-button {left: calc(var(--padd-slider) * -1);width: 3.5rem;height: 3.5rem;-webkit-clip-path: polygon(25% 0%, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);clip-path: polygon(25% 0%, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);background-color: var(--clr-green);color: var(--clr-secondary);}
.prd__detail--slider .swiper-thumbs-top .swiper-button.swiper-button-next {left: auto;right: calc(var(--padd-slider) * -1);-webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%);}
.prd__detail--slider .swiper-thumbs-top .swiper-button .path-block-border {position: absolute;top: 1px;left: 1px;width: calc(100% - 2px);height: calc(100% - 2px);background-color: var(--bg-3);z-index: -1;-webkit-clip-path: inherit;clip-path: inherit;}
.prd__detail--slider .swiper-thumbs-top .product_labels {top: 1rem;}
.swiper-thumbs-bottom {position: relative;margin-top: 0.625rem;}
.prd_detail-thumbs {position: relative;cursor: pointer;overflow: hidden;padding-top: 100%;border: 3px solid transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);background-color: var(--clr-white);}
.prd_detail-thumbs img {display: block;position: absolute;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.swiper-slide-thumb-active .prd_detail-thumbs {border-color: var(--clr-primary);}
.swiper-thumbs.hide-bottom .swiper-thumbs-bottom {display: none;}
.product-navigation {--padd-slider: 5rem;position: relative;padding-inline: var(--padd-slider);margin-top: 1.25rem;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;}
.product-navigation .btn-link {color: var(--clr-white);}
.product-navigation .btn-link.next-btn svg {margin-right: 0;margin-left: 0.625rem;}
.product_detail > *:not(:last-child) {position: relative;margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid var(--clr-text);}
.product-top-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: 1rem;}
.product_detail .product-top-item {position: relative;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;}
.product_detail .product-status {position: relative;color: var(--clr-green);font-weight: 500;font-size: 0.875rem;text-transform: uppercase;}
.product_detail .fav-btn {width: auto;}
.product_detail .fav-btn span {position: relative;color: var(--clr-secondary);font-size: 1rem;padding-left: 0.625rem;margin-top: 0.125rem;}
.product_detail-review {color: var(--clr-secondary);font-size: 1rem;line-height: 1.125;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;gap: 0.75rem;}
.product_detail-review .comment-stars .select-icon {width: 1.25rem;height: 1.25rem;margin-right: 0;}
.product_detail-code {white-space: nowrap;color: var(--clr-secondary);font-size: 1rem;line-height: 1.125;}
.product_detail-code span {font-size: 1rem;font-weight: 400;}
.product_detail .pd-info-item .title {margin-bottom: 0.625rem;}
.product_detail .ch-pd-wrapp {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;min-width: 20.625rem;}
.product_detail .ch-pd-wrapp .ch-item {border: none;font-size: 1.125rem;font-weight: 400;line-height: 1.22;padding-block: 0.5rem;color: rgba(236, 231, 227, 0.8);}
.product_detail .ch-pd-wrapp .ch-item b {font-weight: 600;color: var(--clr-secondary);}
.product_detail .ch-pd-wrapp .ch-item::before {top: 0.8rem;}
.product_detail .pd-info-item .btn-link {margin-top: 0.75rem;}
.product-variations-items {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.5rem;}
.product-variations-block .title {margin-bottom: 0.625rem;color: var(--clr-secondary);}
.product-variations-wrapper {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;gap: 0.625rem;}
.product-variation {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-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;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 2.875rem;padding: 0.75rem 0.625rem 0.625rem;cursor: pointer;border: 1px solid rgba(236, 231, 227, 0.15);border-radius: var(--rd-1);-webkit-transition: var(--transition-1);transition: var(--transition-1);width: 5.875rem;}
.product-variation .volume {color: var(--clr-secondary);font-size: 1.125rem;line-height: 1.2;font-weight: 500;}
.product-variation.active {background-color: var(--clr-secondary);border-color: var(--clr-secondary);}
.product-variation.active .volume {color: var(--bg-3);}
.product-variations-color {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 0.625rem;}
.color-variation {--size: 1.875rem;position: relative;width: var(--size);height: var(--size);background-color: rgba(236, 231, 227, 0.3);border-radius: var(--rd-1);-webkit-transition: var(--transition-1);transition: var(--transition-1);cursor: pointer;border: 1px solid transparent;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.color-variation i {--size: 1.25rem;background: currentColor;width: var(--size);height: var(--size);border-radius: var(--rd-1);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.color-variation.active {border-color: var(--clr-green);}
.color-variation.not-select {cursor: inherit;pointer-events: none;}
.color-variation.not-select::before {content: "";position: absolute;width: var(--size);height: 0.125rem;background-color: var(--clr-secondary);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.product_detail-controls-wrapp .product_price-wrap {font-size: 1.75rem;color: var(--clr-green);-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;gap: 1.875rem;margin-bottom: 0.5rem;}
.product_detail-controls-wrapp .product_price-wrap .product_price-old {color: var(--clr-secondary);font-size: 1.125rem;}
.product_detail .product_detail-controls {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: 1rem;}
.product_detail-controls .right-part {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;gap: 3.125rem;}
.product_detail-controls .btn svg {margin-right: 0.4rem;margin-top: -0.25rem;}
.product_detail-controls-wrapp .free-delivery {background-color: rgba(224, 207, 191, 0.6);border: none;margin-top: 1.25rem;margin-bottom: 0;}
.product_detail-controls-wrapp .free-delivery .text {color: var(--clr-secondary);}
.product_detail .pd-info-item {padding-bottom: 0;border-bottom: none;}
.product-bottom-info .accordion-item:not(:last-child) {margin: 0;}
.product-bottom-info .accordion-item {background-color: transparent;--padding-acc: 1.25rem;border-bottom: 1px solid var(--clr-text);}
.product-bottom-info .accordion-item:first-child {border-top: 1px solid var(--clr-text);}
.product-bottom-info .accordion-title {color: var(--clr-secondary);border-radius: 0;padding-inline: 0;}
.product-bottom-info .accordion-title .title {color: inherit;}
.product-bottom-info .accordion-title i {right: 0;}
.product-bottom-info .accordion-inner {padding-inline: 0;}
.product-bottom-info .accordion-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1rem;}
.product-bottom-info .accordion-item .text {color: var(--clr-secondary);}
.product-bottom-info .accordion + .btn-link {margin-top: 1.25rem;}
.list-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: 0.625rem;}
.list-info-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;gap: 0.625rem;}
.list-info-item .left-part {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.list-info-item .left-part .icon {--size: 1.875rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;margin-right: 0.5rem;}
.list-info-item .left-part .text {line-height: 1.2;margin-top: 0.25rem;}
.list-info-item .left-part .text > * {margin: 0;}
.list-info-item .right-part {font-weight: 600;}
.product_detail .not-available {display: none;}
.product_detail.not-available .product-status {color: var(--clr-secondary);}
.product_detail.not-available .not-available {display: block;}
.product_detail.not-available .product_detail-controls-wrapp:not(.not-available) {display: none;}
.pd-info {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;gap: 3.75rem;}
.pd-info .pd-info-item {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;gap: 1rem;}
.ch-pd-wrapp .ch-item {position: relative;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;border-bottom: 1px solid var(--clr-hover-dark);padding: 1rem 0 1rem 1rem;font-size: 1.125rem;font-weight: 400;line-height: 1.5;color: var(--clr-text);gap: 0.5rem;}
.ch-pd-wrapp .ch-item::before {content: "";position: absolute;left: 0;top: 1.5rem;width: 0.375rem;height: 0.375rem;border-radius: 100%;background-color: var(--clr-green);}
.ch-pd-wrapp .ch-item b {font-weight: 600;color: var(--clr-title);}
.trial-video {position: relative;}
.trial-video iframe {position: relative;z-index: 1;display: block;border: 0;width: 100%;height: 100%;aspect-ratio: 20/9;}
.trial-video::before,
.trial-video::after {content: "";display: inline-block;position: absolute;top: -0.25rem;right: -0.25rem;width: 4rem;height: 4rem;background-color: var(--bg-2);border-radius: var(--rd-1);pointer-events: none;}
.trial-video::after {top: auto;right: auto;bottom: -0.25rem;left: -0.25rem;}
.review-sec .row {--bs-gutter-x: 5rem;}
.pd-reviews {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.625rem;}
.pd-reviews .review-item {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.25rem;}
.pd-reviews .review-item::before {content: none;}
.pd-reviews .review-item .review-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.pd-reviews .review-item .review-content .review-left {width: 30%;}
.pd-reviews .review-item .review-left .comment-stars {margin-top: 0.125rem;}
.review-item .review-item-bottom {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-top: 1rem;}
.review-count {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 1rem;line-height: 1em;font-weight: 400;color: var(--clr-text);}
.review-count img {width: 1rem;height: 1rem;margin-right: 0.25rem;}
.review-count b {margin-right: 0.25rem;}
.review-reply-comment {position: relative;padding-left: 1.875rem;border-top: 1px solid var(--bg-1);width: 100%;}
.review-reply-comment .review-content {padding-top: 1.25rem;}
.review-reply-comment .btn-link {padding-top: 1rem;}
.review-reply-comment .review-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1rem;}
.review-reply-comment .review-top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 1rem;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.review-top .answer-block {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;}
.review-top .answer-block .answer-tag {font-size: 0.875rem;font-weight: 400;color: var(--clr-title);background-color: var(--clr-hover-dark);padding: 0.2rem 0.625rem 0.0625rem;border-radius: var(--rd-1);}
.review-top .date {font-size: 0.875rem;}
.review-item .review-reply-comment .review-bottom {margin-top: 0;}
.review-bottom-form {position: relative;padding-left: 1.875rem;padding-top: 1.25rem;border-top: 1px solid var(--bg-1);display: none;}
.review-bottom-form .title {margin-bottom: 1.875rem;}
.review-bottom-form .form-block .btn {margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
.review-bottom-form .form-block + * {margin-top: 1.25rem;}
.more-reviews {display: none;}
.pd-reviews .visible-more-review {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
.pd-reviews .visible-more-review::after {-webkit-transform: translate(0%, -50%) rotate(45deg);transform: translate(0%, -50%) rotate(45deg);top: 42%;}
.review-form {position: relative;padding: 1.875rem;-webkit-clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 34px);clip-path: polygon(34px 0, 100% 0, 100% 100%, 0 100%, 0 34px);}
.rate-wrap {position: relative;font-size: 1.125rem;line-height: 1em;font-weight: 400;color: var(--clr-secondary);display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;gap: 0.625rem;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.comment-stars {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
.comment-stars.stars-selected {pointer-events: none;cursor: auto;}
.comment-stars .select-icon {position: relative;width: 1rem;height: 1rem;display: inline-block;background-size: cover;background-position: center;background-repeat: no-repeat;cursor: pointer;-webkit-transition: var(--transition-1);transition: var(--transition-1);margin-right: 0.25rem;}
.comment-stars .select-icon.icon-star {background-image: url(../img/icons/star-selected.svg);}
.comment-stars .select-icon.icon-star-empty {background-image: url(../img/icons/star-empty.svg);}
.not-reviews-wrapp {display: none;}
.not-reviews {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;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.625rem;}
.product-fixed-panel {position: fixed;top: var(--h-height);left: 0;width: 100%;background-color: var(--bg-3);padding-block: 0.625rem;z-index: 77;-webkit-transform: translateY(calc(var(--h-height) * -2));transform: translateY(calc(var(--h-height) * -2));-webkit-transition: var(--transition-1);transition: var(--transition-1);border-top: 1px solid #545553;}
.product-fixed-panel.fixed {-webkit-transform: none;transform: none;}
.panel-inner {position: relative;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: 1rem;}
.panel-inner > * {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.panel-inner .left-part {gap: 2rem;max-width: 60%;}
.preview-product-img {position: relative;max-width: 5.25rem;height: 5.25rem;width: 100%;overflow: hidden;}
.preview-product-img img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;width: 100%;height: 100%;}
.left-part .title {color: var(--clr-secondary);}
.panel-inner .right-part {gap: 3.125rem;}
.panel-inner .right-part .product_price-wrap {color: var(--clr-secondary);}
.panel-inner .price {white-space: nowrap;}
.panel-inner .right-part .btn svg {margin-right: 0.4rem;margin-top: -0.25rem;}
/*media*/
@media (min-width: 1441px) {
.product-row .col-20 {width: 20%;}
.product_swiper .swiper-button-prev {left: calc((var(--size) - var(--gap) + 45px) * -1);}
.product_swiper .swiper-button-next {right: calc((var(--size) - var(--gap) + 45px) * -1);}
}
@media (min-width: 1200px) {
.product-variation:hover {border-color: var(--clr-secondary);}
.prd__detail--slider .swiper-thumbs-top .swiper-button:hover {color: var(--clr-green);}
.product .product_image:hover img {-webkit-transform: translate(-50%, -50%) scale(1.05);transform: translate(-50%, -50%) scale(1.05);}
.product_title a:hover {color: var(--clr-primary);}
.product_controls .btn:hover {background-color: var(--clr-primary);}
.product_swiper {--gap: 15px;margin: calc(var(--gap) * -1);}
.product_swiper .swiper-container {padding: var(--gap);}
}
@media (max-width: 1441px) {
.review-sec .row {--bs-gutter-x: 1.875rem;}
}
@media (max-width: 1199px) {
.product_detail-sec .row {--bs-gutter-x: 1.875rem;}
.product::before {-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);}
.product-row {--bs-gutter-y: 15px;--bs-gutter-x: 15px;}
.prd__detail--slider,
.product-navigation {--padd-slider: 0;}
.product_detail > *:not(:last-child) {margin-bottom: 1.25rem;padding-bottom: 1.25rem;}
.product_detail .pd-info-item {padding-bottom: 0;}
.product-variations-block .title {margin-bottom: 0.5rem;}
.list-info-item {-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;}
.product_detail .product_detail-controls {-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;}
.pd-reviews .review-item {--padd: 1rem;padding-top: var(--padd);}
.pd-reviews .review-item .review-content .review-left {width: 36%;}
.review-bottom-form,
.review-reply-comment {padding-left: 1rem;}
.review-form {padding: 1rem;-webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);}
.panel-inner .left-part,
.panel-inner .right-part {gap: 1rem;}
}
@media (max-width: 991px) {
.product_controls {padding: 0;}
.product_title-wrap {margin: 15px 0;padding-bottom: 15px;}
.product_price-wrap {font-size: 1rem;line-height: 1;}
.product_price-old {line-height: 1.22em;}
.product_detail {margin-top: 1.875rem;}
.product_detail-controls-wrapp .product_price-wrap {margin-bottom: 1rem;}
.review-sec .row {--bs-gutter-y: 1.875rem;}
.product-bottom-info .accordion-item .accordion-title i {right: 0;}
.product_info td {font-size: 0.875rem;}
.panel-inner .left-part {max-width: 45%;}
}
@media (max-width: 767px) {
.product-row {--bs-gutter-x: 10px;}
.product-row .col-20::before,
.product-row .col-20::after,
.product_swiper .swiper-slide::before,
.product_swiper .swiper-slide::after {bottom: -3px;left: 2px;width: 2rem;height: 2rem;}
.product_swiper .swiper-slide::before {left: -3px;}
.product-row .col-20::after,
.product_swiper .swiper-slide::after {left: auto;right: 2px;}
.product_swiper .swiper-slide::after {right: -3px;}
.product_title-wrap {margin: 10px 0;padding-bottom: 10px;}
.product_title {min-height: unset;font-size: 12px;}
.product_title-wrap .fav-btn {margin-left: 0.2em;}
.product_info td {font-size: 0.625rem;line-height: 1em;padding: 2px 0 2px 0.6rem;}
.product_info td:first-child:before {top: 3px;width: 4px;height: 4px;}
.product_info {margin-bottom: 10px;}
.product_price-wrap,
.product_price-old {font-size: 0.75rem;line-height: 1.2;}
.product_controls .btn {margin-left: 0.5rem;width: 34px;height: 34px;min-height: 34px;}
.product_labels li {padding: 7px 8px 4px;}
.product {max-width: 100%;--gap: 10px;}
.product::before {content: none;}
.product-variation {height: 2.5rem;width: 5rem;}
.product_detail-controls .right-part {width: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1.25rem;}
.list-info {gap: 1rem;}
.product_detail-controls-wrapp .product_price-wrap {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;}
.product_detail .product_detail-controls {-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1.25rem;}
.product_detail-controls-wrapp .free-delivery {padding: 0.625rem;gap: 0.625rem;}
.trial-video::before,
.trial-video::after {width: 2.5rem;height: 2.5rem;}
.pd-reviews .review-item .review-content {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.pd-reviews .review-item .review-content {gap: 1rem;}
.review-bottom-form {padding-left: 0;padding-top: 1rem;}
.review-bottom-form .title {margin-bottom: 1rem;}
.review-bottom-form,
.review-reply-comment {padding-left: 0;}
.review-top .answer-block {gap: 0.625rem;}
.review-top .answer-block .title {font-size: calc(var(--h5) - 0.125rem);}
.product_detail-sec .bg {--margin-top: 3.3rem;}
.panel-inner .left-part {display: none;}
.product-fixed-panel {height: 4rem;top: auto;bottom: 0;-webkit-transform: none;transform: none;}
.product-fixed-panel.hide {-webkit-transform: translateY(100%);transform: translateY(100%);}
.panel-inner .right-part {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
.panel-inner .right-part .btn {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;padding: 0.4rem 0.625rem;min-height: 2.625rem;}
}
@media (max-width: 575px) {
.product-status {font-size: 14px;}
.product_detail-controls {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.ch-pd-wrapp .ch-item {font-size: 1rem;padding-block: 0.625rem;}
.ch-pd-wrapp .ch-item::before {top: 1.1rem;}
.product_swiper .swiper-container.card-swiper {max-width: 70%;}
.product_swiper .swiper-container.card-swiper .swiper-slide:not(.swiper-slide-active) {-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
}
/* ------------------- */
/* ZOOM PRODUCT DETAIL */
/* ------------------- */
.xzoom-source img,
.xzoom-preview img,
.xzoom-lens img {display: block;max-width: none;max-height: none;-webkit-transition: none;transition: none;}
.xzoom {-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);}
.xzoom-source,
.xzoom-hidden {display: block;position: static;float: none;clear: both;}
.xzoom-hidden {overflow: hidden;}
.xzoom-preview {border: 1px solid #888;background: #2f4f4f;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.xzoom-lens {border: 1px solid #555;-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);cursor: crosshair;}
.xzoom-loading {background-position: center center;background-repeat: no-repeat;border-radius: 100%;opacity: 0.7;background: url(../img/xloading.gif);width: 48px;height: 48px;}
.xactive {-webkit-box-shadow: 0px 0px 3px 0px rgb(74, 169, 210);box-shadow: 0px 0px 3px 0px rgb(74, 169, 210);border: 1px solid #4aaad2;}
.row-category {gap: 1.875rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.product-not-found {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: 0.625rem;padding-block: var(--sp-lg) var(--sp-sm);}
.product-not-found:only-child img {display: block;margin: 0 auto;width: 10.125rem;height: auto;}
.category-products {position: relative;width: 100%;}
/*media*/
@media (min-width: 1200px) {
.row-category .col-20 {width: 33.33333333%;}
}
@media (min-width: 1441px) {
.row-category .col-20 {width: 25%;}
}
/**---------------*/
/* - FILTERS      */
/**---------------*/
.filter {padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid var(--clr-text);}
.sidebar-entry .filter:last-of-type {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.filter-title {position: relative;cursor: pointer;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-size: var(--h6);line-height: 1.5em;font-weight: 400;color: var(--clr-secondary);padding-right: 1.5rem;text-transform: uppercase;}
.filter-title.not-toggle {pointer-events: none;}
.filter-title .arrow {position: absolute;top: 3px;right: 0;width: 0.875rem;height: 0.875rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filter-title .arrow:before {content: "";position: absolute;right: 2px;top: 50%;width: 0.5rem;height: 0.5rem;border: solid var(--clr-primary);border-width: 0 2px 2px 0;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);margin-top: -2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filter-title.active .arrow {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);}
.filter-title + .filter-inner {margin-top: 0.625rem;}
.filter-list li {position: relative;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filter-list li .ch-box-wrap {width: 100%;position: relative;z-index: 1;}
.filter-list li .ch-box-wrap .ch-box {width: inherit;padding-block: 0.25rem;}
.ch-box-wrap.sub-category + .arrow {position: absolute;top: 0;right: 0;width: 1.5rem;height: 1.5rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);z-index: 5;cursor: pointer;}
.ch-box-wrap.sub-category + .arrow:before {content: "";position: absolute;right: 2px;top: 50%;width: 0.5rem;height: 0.5rem;border: solid var(--clr-primary);border-width: 0 2px 2px 0;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);margin-top: -2px;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.ch-box-wrap.sub-category.active + .arrow {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);}
.filter-list li .filter-inner {display: none;padding-left: 1.5rem;}
.filter-all .filter-list {display: none;}
.price-from-to {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: 0.625rem;}
.price-from-to .input {height: 3.125rem;line-height: 3.125rem;padding: 0.625rem 1.25rem 0.375rem;}
.price-from-to .btn {-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;width: 3.125rem;height: 3.125rem;}
.price-from-to .btn::before,
.price-from-to .btn::after {content: none;}
.price-from-to i {font-size: 1.125rem;font-weight: 500;color: var(--clr-secondary);}
.show-all-btn {position: relative;cursor: pointer;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;font-size: 0.875rem;line-height: 1.25em;color: var(--clr-green);font-weight: 500;-webkit-transition: var(--transition-1);transition: var(--transition-1);margin-top: 0.625rem;}
.show-all-btn i {width: 1rem;height: 1rem;}
.filter-all.show .show-all-btn i {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
.filter-panel {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 2.5rem;margin-bottom: 1.875rem;}
.set-filter-values {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#filter-output {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0.625rem;}
.filter-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0.625rem 0.625rem 0.5rem;border-radius: var(--rd-1);background-color: var(--clr-hover-dark);border: 1px solid var(--clr-hover-dark);cursor: pointer;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filter-item .filter-name {font-size: 0.75rem;line-height: 1.25em;color: var(--clr-title);font-weight: 500;}
.filter-item .filter-name + .btn-close {margin-left: 0.6rem;color: var(--clr-grey2);width: 0.75rem;height: 0.75rem;}
.clear-filter {position: relative;cursor: pointer;font-size: 1rem;line-height: 2.125em;font-weight: 500;color: var(--clr-title);white-space: nowrap;display: none;margin-left: 0.625rem;}
.clear-filter.btn-link > svg {margin: -0.125rem 0 0 0.5rem;}
.clear-filter.btn-link {display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
/*media*/
@media (min-width: 1200px) {
.show-all-btn:hover {color: var(--clr-white);}
.filter-item:hover {background-color: transparent;}
.filter-item:hover .btn-close {color: var(--clr-green);}
}
@media (max-width: 1199px) {
.filter-panel {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0;}
#filter-output {gap: 0 0.625rem;}
.filter-item,
.clear-filter.btn-link {margin-bottom: 0.625rem;}
}
/**---------------*/
/* - SIDEBAR      */
/**---------------*/
.sidebar {--width: 19.375rem;-ms-flex-negative: 0;flex-shrink: 0;}
.sidebar .sidebar-entry {width: var(--width);position: relative;background-color: var(--bg-3);border-radius: var(--rd-1);padding: 1rem;overflow-x: hidden;overflow-y: auto;max-height: calc(100vh - var(--h-height) - 2rem);}
.sidebar-entry::-webkit-scrollbar {width: 0.25rem !important;height: 0.25rem !important;}
.sidebar-entry::-webkit-scrollbar-thumb {background: var(--clr-hover-dark) !important;}
/*media*/
@media (min-width: 992px) {
.open-filter,
.top-sidebar,
.sidebar-wrapp .set-filter-values {display: none;}
}
@media (max-width: 1199px) {
.sidebar {--width: 17.5rem;}
.row-category {gap: 1.5rem;}
}
@media (max-width: 991px) {
.set-filter-values {display: none;}
.sidebar-wrapp .set-filter-values {display: block;margin-inline: 0.625rem;}
#mob-filter-output {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#mob-filter-output .filter-item {margin: 0.626rem 0.626rem 0 0;}
#mob-filter-output .filter-item:last-child {margin-right: 0;}
.open-filter {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 1.25rem;}
.sidebar {--width: 26.25rem;gap: 0;position: fixed;left: 0;top: 0;padding: 0;z-index: -1;width: 100%;height: 100%;background-color: transparent;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sidebar-wrapp {position: relative;overflow: auto;height: inherit;background-color: var(--bg-3);-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 3.125rem 0 1.5rem;max-width: var(--width);}
.sidebar-wrapp .sidebar-entry {max-height: calc(100dvh - 2rem);}
.sidebar-overlay {position: absolute;right: calc(var(--width) * -1);left: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sidebar.active {z-index: 110;opacity: 1;visibility: visible;}
.sidebar.active .sidebar-wrapp {-webkit-transform: translateX(0);transform: translateX(0);}
.sidebar.active .sidebar-overlay {opacity: 1;visibility: visible;}
.top-sidebar {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;position: fixed;top: 0;left: 0;width: var(--width);height: 3.125rem;-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);padding: 0.625rem 1rem;z-index: 2;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.top-sidebar .btn-link::after {top: 40%;}
.top-sidebar .clear-filter.btn-link {margin: 0;}
}
@media (max-width: 575px) {
.sidebar {--width: 100%;}
.open-filter {margin-bottom: 1rem;}
}
/*------------*/
/* - CART     */
/*------------*/
.cart_bg-layer {display: block;position: fixed;z-index: 101;inset: 0;opacity: 0;visibility: hidden;background-color: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cart {position: fixed;right: 0;top: 0;bottom: 0;width: 100%;max-width: 32.5rem;z-index: 110;background-color: var(--bg-1);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cart.active {-webkit-transform: translateX(0);transform: translateX(0);}
.cart.active + .cart_bg-layer {opacity: 1;visibility: visible;}
.cart_top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 1.875rem 1.875rem 1rem;}
.cart_top .btn-link {margin-left: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.cart_top .btn-link svg {margin: 0;}
.cart-empty-message {display: none;text-align: center;margin: 0;padding: 15px 0;}
.cart-empty-message:only-child {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.625rem;}
.cart-empty-message:only-child img {display: block;margin: 0 auto;width: 92px;height: 92px;}
.cart-items {position: relative;padding: 0 1.875rem 1rem 1.875rem;padding-bottom: 0.375rem;max-height: calc(100vh - 210px);height: 100%;overflow-y: auto;overflow-x: hidden;}
.cart-items > * {margin-bottom: 10px;}
.cart-items::-webkit-scrollbar {width: 3px !important;height: 3px !important;}
.cart_bottom {margin-top: auto;padding: 1.25rem 1.875rem;border-top: 2px solid var(--clr-grey2);background-color: var(--clr-white);}
.cart_bottom .btn {margin-top: 1rem;}
.cart_bottom-pay {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0.625rem;}
.cart_bottom-pay .text {color: var(--clr-title);-ms-flex-negative: 0;flex-shrink: 0;}
.cart_price-wrap {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;}
.cart_price-wrap .total-product {font-size: 1rem;line-height: 1em;font-weight: 400;color: var(--clr-text);}
.cart_price-wrap .cart-total-price {-ms-flex-negative: 0;flex-shrink: 0;}
@media (max-width: 575px) {
.cart_top {padding: 1rem;}
.cart-items {padding-inline: 1rem;max-height: calc(100vh - 176px);}
.cart_bottom {padding: 1rem;}
.cart_bottom .btn {margin-top: 0.625rem;}
}
/*--------------------*/
/*  Checkout          */
/*--------------------*/
.delivery-form .form-part:not(:last-child) {margin-bottom: 1.875rem;padding-bottom: 1.875rem;border-bottom: 1px solid var(--clr-secondary);}
.checkout-sec .part-inner {margin-top: 1.875rem;display: none;}
.part-completed {margin-left: 3.5rem;padding-top: 0.3rem;display: none;}
.part-completed .part-completed-inner {position: relative;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: 1rem;}
.part-completed-inner .set-info {font-size: 1rem;font-weight: 400;color: var(--clr-title);}
.part-completed-inner .btn-link {-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0;}
.checkout-sec .form-title i {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 2.5rem;height: 2.5rem;background-color: var(--clr-white);color: var(--clr-title);font-size: 1rem;font-weight: 400;border-radius: var(--rd-1);border: 1px solid var(--clr-input);margin-right: 1rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding-top: 0.25rem;}
.checkout-sec .form-title.active i {background-color: var(--bg-1);border-color: var(--bg-1);}
.checkout-sec .form-title i::before {content: "";--size: 1.5rem;position: absolute;top: 0.45rem;left: 0.45rem;width: var(--size);height: var(--size);background-image: url("../img/icons/check-icon.svg");background-position: center;background-repeat: no-repeat;background-size: cover;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.delivery-form .next-step {margin-left: auto;display: -webkit-box;display: -ms-flexbox;display: flex;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;min-width: 150px;}
.checkout-sec .SumoSelect {max-width: 100%;}
.checkout-sec .form-part.completed .form-title i {color: transparent;background-color: var(--bg-1);border-color: var(--bg-1);}
.checkout-sec .form-part.completed .form-title i::before {opacity: 1;visibility: visible;}
.checkout-sec .method-delivery .title {margin-bottom: 1.125rem;}
.checkout-sec .method-delivery .toggle-block-item {margin-bottom: 0.75rem;}
.checkout-sec .ch-box-wrap.with-icon .ch-box {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.checkout-sec .ch-box-wrap.with-icon .icon {--size: 1.875rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;margin-right: 0.5rem;}
.checkout-sec .ch-box-wrap.with-icon .ch-box-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.checkout-sec .ch-box-wrap.with-icon .ch-box-content span b {font-weight: 600;}
.checkout-sec .toggle-block {padding-top: 0.75rem;display: none;}
.checkout-sec .checkbox-entry-inner .toggle-block {padding-bottom: 0.875rem;}
.delivery-form .set-promocode {padding-bottom: 1.875rem;margin-bottom: 1.875rem;border-bottom: 1px solid var(--clr-input);}
.set-promocode .title {margin-bottom: 0.75rem;}
.input-button {position: relative;}
.input-button input::-webkit-input-placeholder {text-transform: initial;}
.input-button input::-moz-placeholder {text-transform: initial;}
.input-button input:-ms-input-placeholder {text-transform: initial;}
.input-button input::-ms-input-placeholder {text-transform: initial;}
.input-button input::placeholder {text-transform: initial;}
.input-button .input {text-transform: uppercase;padding-right: 10rem;}
.input-button .input-field img {position: absolute;top: 1rem;left: 1.125rem;pointer-events: none;width: 1.5rem;height: 1.5rem;z-index: 1;display: none;}
.input-button .btn-link {position: absolute;top: 1.25rem;right: 1rem;z-index: 1;}
.input-button .btn-close {position: absolute;top: 1.25rem;right: 1rem;z-index: 1;color: var(--clr-grey2);display: none;}
.input-button .btn-close::before {font-size: 1.5rem;}
.set-promocode .invalid .input {border-color: var(--clr-red);}
.set-promocode .invalid .input,
.set-promocode .success .input {padding-left: 3.375rem;padding-right: 2.5rem;}
.set-promocode .invalid .input-error,
.set-promocode .invalid .icon-error,
.set-promocode .invalid .btn-close {display: block;}
.set-promocode .success .input-success,
.set-promocode .success .icon-success,
.set-promocode .success .btn-close {display: block;}
.set-promocode .invalid .input-error,
.set-promocode .success .input-success {margin-top: 0.5rem;}
.set-promocode .invalid .btn-link,
.set-promocode .success .btn-link {display: none;}
.checkout-sec .thank-price-wrapp {padding-top: 0;border-top: none;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.checkout-sec .thank-price-wrapp > .title {margin-bottom: 0.5rem;}
.checkout-sec .thank-price {min-width: auto;width: 100%;}
.checkout-sec .thank-price.all-price > *:nth-child(1) {text-transform: initial;font-family: var(--ff-1);font-size: 1rem;}
.main-order-button {margin-top: 1.875rem;}
.cart-empty-sec {display: none;}
.cart-empty-sec .title-sec {margin-bottom: 50px;}
.delivery-form {position: relative;padding: 1.875rem;background-color: var(--clr-white);border-radius: var(--rd-1);}
.checkout-products {position: relative;margin-bottom: 1.875rem;border-bottom: 1px solid var(--clr-input);}
.checkout-products .prod_horiz {-webkit-clip-path: none;clip-path: none;padding-inline: 0;padding-block: 1.5rem;border-bottom: 1px solid var(--clr-input);}
.checkout-products .prod_horiz:last-child {border-bottom: none;}
.checkout-products .prod_horiz .btn-delete {right: 0;}
.checkout-products .prod_horiz-controls {gap: 1rem;}
.checkout-products .prod_horiz-controls .product_additions {display: -webkit-box;display: -ms-flexbox;display: flex;white-space: nowrap;}
.checkout-products .prod_horiz-controls .product-control {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1.875rem;}
.free-delivery {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;padding: 1rem 1.25rem;background-color: #E0CFBF;margin-bottom: 1.875rem;border-bottom: 1px solid var(--clr-input);}
.free-delivery .icon {--size: 2rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.free-delivery .icon > * {display: inline-block;width: 100%;height: 100%;}
/*media*/
@media (min-width: 1200px) {
.input-button .btn-close:hover {color: var(--clr-green);}
}
@media (max-width: 1680px) {
.checkout-products .prod_horiz-controls {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.5rem;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-top: 0.625rem;}
.checkout-products .prod_horiz-controls .product-control {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
}
@media (max-width: 1440px) {
.input-button .input-field img {top: 0.75rem;}
.input-button .btn-link,
.input-button .btn-close {top: 1rem;}
}
@media (max-width: 1199px) {
.delivery-form {padding: 1rem;}
.delivery-form .form-part:not(:last-child) {margin-bottom: 1.25rem;padding-bottom: 1.25rem;}
.checkout-sec .part-inner {margin-top: 1rem;}
.checkout-products {margin-bottom: 1.25rem;}
.free-delivery {margin-bottom: 1.25rem;padding: 1rem;}
.delivery-form .set-promocode {padding-bottom: 1.25rem;margin-bottom: 1.25rem;}
.main-order-button {margin-top: 1.25rem;}
.checkout-products .prod_horiz-img {width: 60px;height: 60px;}
}
@media (max-width: 991px) {
.checkout-sec .row {--bs-gutter-y: 1.25rem;}
}
@media (max-width: 767px) {
.form-block {--space: 1rem!important;}
.checkout-sec .form-title {font-size: calc(var(--h5) - 0.25rem);}
.checkout-sec .form-title i {margin-right: 0.625rem;}
.part-completed {margin-left: 3.125rem;}
.part-completed .part-completed-inner {-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;gap: 0.5rem;}
.part-completed .part-completed-inner .btn-link {padding: 0;}
.input-button .input {padding-right: 8rem;}
}
/* PRODUCT HORIZONTAL */
.prod_horiz {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-negative: 0;flex-shrink: 0;background-color: var(--clr-white);padding: 1rem;-webkit-clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);}
.prod_horiz .btn-delete {position: absolute;top: 1.25rem;right: 1rem;width: 12px;height: 12px;color: var(--clr-green);cursor: pointer;}
.prod_horiz .btn-delete svg {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prod_horiz .btn-delete svg *[stroke] {stroke: currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.prod_horiz-controls {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;margin-top: 0.875rem;}
.prod_horiz-controls .thumb-input-number {-ms-flex-negative: 0;flex-shrink: 0;max-width: 110px;min-width: 110px;background-color: transparent;}
.prod_horiz-controls .thumb-input-number button {width: 30px;height: 50px;text-align: left;}
.prod_horiz-controls .thumb-input-number button.increment {text-align: right;}
.prod_horiz-controls .thumb-input-number input {width: 50px;height: 50px;padding-top: 0;}
.prod_horiz-img {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;-ms-flex-item-align: start;align-self: flex-start;width: 96px;height: 96px;-ms-flex-negative: 0;flex-shrink: 0;position: relative;}
.prod_horiz-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-backface-visibility: hidden;backface-visibility: hidden;-o-object-fit: contain;object-fit: contain;}
.prod_horiz-desc {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;margin-left: 0.75rem;}
.prod_horiz-desc .title {position: relative;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;max-height: 3rem;margin-right: 1.25rem;}
.prod_horiz-desc .description {margin-top: 2px;}
.prod_horiz-desc .description ul {font-size: 0;line-height: 0;padding: 0;}
.prod_horiz-desc .description li {font-size: 0.875rem;line-height: 1.5em;color: var(--clr-text);margin-top: 2px;}
.product-wrapp > * {border-bottom: 1px solid var(--clr-input);}
.prod_horiz.type2 {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-clip-path: none;clip-path: none;padding-inline: 0;}
.prod_horiz.type2 .prod_horiz-desc {-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;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 1rem;}
.prod_horiz.type2 .prod_horiz-desc .prod_horiz-details {width: 50%;}
.prod_horiz.type2 .prod_horiz-desc .product_additions {width: 35%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;}
@media (min-width: 1200px) {
.prod_horiz a.title:hover {color: var(--clr-primary);}
.prod_horiz-img:hover {opacity: 0.8;}
.btn-delete:hover svg path {color: var(--clr-red);}
}
@media (max-width: 1199px) {
.prod_horiz.type2 .prod_horiz-desc .product_additions {width: 50%;}
}
@media (max-width: 575px) {
.prod_horiz-img {width: 60px;height: 60px;}
.prod_horiz-desc {margin-left: 0.625rem;}
.prod_horiz-desc .title {margin-right: 0;}
.prod_horiz-controls .thumb-input-number button {height: 46px;}
.prod_horiz-controls .thumb-input-number input {height: 46px;}
.prod_horiz .product_price-wrap,
.prod_horiz .product_price-old {font-size: 0.875rem;}
.prod_horiz .btn-delete {top: 5px;right: 5px;}
.prod_horiz.type2 {padding-block: 0.625rem;}
.prod_horiz.type2 .prod_horiz-desc {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.625rem;}
.prod_horiz.type2 .prod_horiz-desc .prod_horiz-details {width: 100%;}
.prod_horiz.type2 .prod_horiz-desc .product_additions {width: 100%;gap: 0.625rem;}
}
/*------------------*/
/* - THANK YOU      */
/*------------------*/
.thank-price-wrapp {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.625rem;border-top: 1px solid var(--clr-input);padding-top: 1.25rem;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.thank-price {min-width: 20rem;font-size: 1rem;line-height: 1.25;font-weight: 400;color: var(--clr-text);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 1rem;}
.thank-price > *:nth-child(2) {font-family: var(--ff-2);color: var(--clr-title);text-transform: uppercase;}
.thank-price.discount > *:nth-child(2),
.thank-price.delivery > *:nth-child(2) {color: var(--clr-primary);}
.thank-price.all-price {text-transform: uppercase;font-family: var(--ff-2);font-size: 1.25rem;}
@media (max-width: 575px) {
.thank-price-wrapp {padding-top: 1rem;}
.thank-price {min-width: 100%;gap: 0.625rem;}
.thank-price.all-price {font-size: 1rem;}
}
/* THANK YOU PAGE */
.thanks-content {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1rem;margin-bottom: 1.25rem;}
.thank-sec .order-bottom {display: -webkit-box;display: -ms-flexbox;display: flex;background-color: var(--clr-white);border-radius: var(--rd-1);margin-bottom: 0;}
.thank-sec .order-info {gap: 1.875rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background-color: var(--clr-white);border-radius: var(--rd-1);padding: 1.875rem;}
.thank-sec .order-info .order-info-item {padding-bottom: 1.875rem;border-bottom: 1px solid #E9E9E9;}
.thank-sec .order-info .thank-price-wrapp {padding: 0;border-top: 0;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.thank-sec .order-info .thank-price-wrapp .thank-price {min-width: auto;width: 100%;}
.thank-sec .order-info .thank-price-wrapp .thank-price.all-price > *:nth-child(1) {text-transform: initial;font-family: var(--ff-1);font-size: 1rem;}
.thank-sec .order-info .title {margin-bottom: 1rem;}
.thank-sec .order-info .text > * {margin-top: 0.5rem;}
.thank-sec .product-wrapp .prod_horiz:last-child {border-bottom: none;padding-bottom: 0;}
@media (max-width: 1199px) {
.thank-sec .order-info {gap: 1rem;padding: 1rem;}
.thank-sec .order-info .title {margin-bottom: 0.625rem;}
.thank-sec .order-info .order-info-item {padding-bottom: 1rem;}
}
@media (max-width: 991px) {
.thank-sec .row {--bs-gutter-y: 1rem;}
}
/*----------------*/
/* - CABINET      */
/*----------------*/
.orders-block .load-more {margin-top: 1.875rem;}
.order-main-top,
.order-top {position: relative;gap: 0 0.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;}
.order-main-top > *,
.order-top > * {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.order-main-top > *:nth-child(1),
.order-top > *:nth-child(1) {width: 15%;}
.order-main-top > *:nth-child(2),
.order-top > *:nth-child(2) {width: 12%;}
.order-main-top > *:nth-child(3),
.order-top > *:nth-child(3) {width: 21%;}
.order-main-top > *:nth-child(4),
.order-top > *:nth-child(4) {width: 21%;}
.order-main-top > *:nth-child(5),
.order-top > *:nth-child(5) {width: 15%;}
.order-main-top > *:nth-child(6),
.order-top > *:nth-child(6) {width: 15%;text-align: right;}
.order-main-top {background-color: var(--clr-title);padding: 1.25rem;border-radius: var(--rd-1);}
.order-main-top .order-info {font-size: 0.875rem;line-height: 1.5;font-weight: 400;color: var(--clr-secondary);}
.order-items {position: relative;background-color: var(--clr-white);}
.order-items.load-after {display: none;}
.order-items + .order-items .order-item:first-child {border-top: 1px solid var(--clr-input);}
.order-item {position: relative;border-bottom: 1px solid var(--clr-input);margin-inline: 1.25rem;}
.order-item:last-child {border-bottom: none;}
.order-top {padding-block: 1.25rem;}
.order-top .order-info {font-size: 1rem;line-height: 1.5;font-weight: 400;color: var(--clr-title);}
.order-top > *:nth-child(1) {font-family: var(--ff-2);}
.order-top > * .summ {font-family: var(--ff-2);}
.order-top > * .type-pay {font-size: 0.875rem;}
.order-top > * .status {position: relative;padding-left: 0.875rem;}
.order-top > * .status::before {content: "";position: absolute;left: 0;top: 0.45rem;width: 0.375rem;height: 0.375rem;border-radius: 50%;background-color: currentColor;}
.order-top > * .status.pay {color: #F2994A;}
.order-top > * .status.done {color: #219653;}
.order-top > * .status.cancel {color: var(--clr-red);}
.order-info .btn-link {color: var(--clr-primary);}
.order-info .btn-link::after {top: 40%;-webkit-transform: translate(0%, -50%) rotate(45deg);transform: translate(0%, -50%) rotate(45deg);}
.order-bottom {position: relative;gap: 1.25rem;display: none;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;border: 1px solid var(--clr-input);margin-bottom: 1.25rem;padding: 1.875rem;}
.order-bottom .order-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 1rem;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 0;padding-top: 1.25rem;}
.order-bottom .order-info > * {width: 48%;}
.order-bottom .order-info > .thank-price-wrapp {width: 100%;}
.order-bottom .order-info .title {margin-bottom: 1rem;}
.order-bottom .order-info .text {--text-space: 0.25rem;}
.btn-link.active::after {top: 50%;-webkit-transform: translate(0%, -50%) rotate(-135deg);transform: translate(0%, -50%) rotate(-135deg);}
@media (min-width: 1200px) {
.order-info .btn-link:hover {color: var(--clr-title);}
}
@media (max-width: 1199px) {
.order-main-top .order-info {font-size: 0.625rem;}
.order-top .order-info {font-size: 0.875rem;}
.order-top .order-info .btn-link {font-size: 0.875rem;}
.order-bottom {padding: 1rem;}
}
@media (max-width: 575px) {
.order-main-top {display: none;}
.order-item {margin-inline: 1rem;}
.order-top {-ms-flex-wrap: wrap;flex-wrap: wrap;padding-block: 1rem;gap: 0.5rem;}
.order-top .order-info {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;white-space: nowrap;width: 100%;}
.order-top .order-info::before {content: attr(data-mobile-title);line-height: 1.5;font-weight: 400;color: var(--clr-title);font-family: var(--ff-1);width: 50%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;text-align: left;}
.order-top .order-info > * {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: auto;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0;}
.order-info .btn-link::after {top: 30%;}
.order-info .btn-link.active::after {top: 50%;}
.order-bottom .order-info {padding-top: 1rem;}
.order-bottom .order-info > * {width: 100%;}
.order-bottom .order-info .title {margin-bottom: 0.625rem;}
}
/* ------------------------------------------- */
/* personal info */
.cabinet-list {--padd: 1.25rem;position: relative;z-index: 1;}
.cabinet-list::before {content: "";position: absolute;top: -4px;left: -4px;width: 2.5rem;height: 2.5rem;background-color: var(--bg-2);border-radius: var(--rd-1);z-index: -1;pointer-events: none;}
.cabinet-list ul {line-height: 0;min-width: 230px;background: var(--bg-3);padding: var(--padd);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--rd-1);}
.cabinet-list li {line-height: 0;}
.cabinet-list li .icon {--size: 1.5rem;}
.cabinet-list li > * {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;gap: 0.625rem;background-color: transparent;font-size: 1rem;line-height: 1.2em;font-weight: 400;color: var(--clr-secondary);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 0.625rem;}
.cabinet-list li > * b {display: inline-block;white-space: nowrap;}
.cabinet-list li:last-child {margin-top: 0.625rem;padding-top: 0.625rem;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.cabinet-list li a.active {background-color: var(--clr-text);pointer-events: none;}
.empty-history {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-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;height: 100%;gap: 1rem;text-align: center;}
@media (min-width: 1200px) {
.cabinet-sec .col-20 {width: 33.3333%;}
.cabinet-list li > *:hover {background-color: var(--clr-text);}
}
@media (min-width: 1441px) {
.cabinet-sec .col-20 {width: 25%;}
.cabinet-inner {margin-left: 3.125rem;}
}
@media (max-width: 991px) {
.cabinet-list {display: none;}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-img {position: relative;padding-top: 94.43%;overflow: hidden;}
.lr-img ::before {content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 80%;background-color: var(--bg-2);z-index: -1;pointer-events: none;-webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-fit: contain;object-fit: contain;-o-object-position: bottom;object-position: bottom;}
.lr-content > * + * {margin-top: 3.125rem;}
@media (min-width: 1200px) {
.lr-wrap {--bs-gutter-x: 5.625rem;}
.lr-wrap .lr-img ::before {left: 0;width: 94%;}
.lr-wrap.lr-right .lr-img ::before {left: auto;right: 0;width: 90%;}
}
@media (min-width: 992px) {
.lr-wrap.lr-right > *:first-child {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
}
@media (max-width: 991px) {
.lr-wrap {--bs-gutter-y: 1.5rem;}
.lr-wrap > *:first-child {-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0;}
.lr-content > * + * {margin-top: 1rem;}
}
@media (max-width: 767px) {
.lr-img ::before {-webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);}
}
/*--------------------*/
/*  BLOG              */
/*--------------------*/
.blog-row {--bs-gutter-x: 1.875rem;--bs-gutter-y: 3.125rem;}
.blog-slider .swiper-container {overflow: visible;}
.blog-slider .swiper-slide {height: auto;}
.blog-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;border-radius: var(--rd-1);overflow: hidden;padding-right: 4px;padding-bottom: 4px;}
.blog-item::before {content: "";position: absolute;bottom: 0;right: 0;width: 64px;height: 64px;background-color: var(--bg-2);border-radius: var(--rd-1);z-index: -1;}
.blog-item .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: var(--clr-white);text-transform: uppercase;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.blog-item .text {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: var(--clr-text);}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;padding-top: 93%;}
.blog-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.blog-label {pointer-events: none;font-size: 1rem;line-height: 1.125em;font-weight: 400;color: var(--clr-primary);}
.blog-content {display: block;width: 100%;background-color: var(--bg-3);padding: 1.5rem;height: 100%;}
.blog-content > *:not(:last-child) {margin-bottom: 10px;}
@media (min-width: 1200px) {
.blog-item:hover .blog-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.blog-item:hover .title {color: rgba(255, 255, 255, 0.6);}
.blog-content {padding: 1.5rem;}
}
@media (min-width: 1441px) {
.blog-content {padding: 1.5rem;}
}
@media (max-width: 1440px) {
.blog-row {--bs-gutter-y: 2.5rem;}
}
@media (max-width: 1199px) {
.blog-row {--bs-gutter-y: 2rem;}
}
@media (max-width: 767px) {
.blog-slider .swiper-slide {height: 100%;}
.blog-item {padding-right: 3px;padding-bottom: 3px;}
.blog-item::before {bottom: -3px;right: -3px;width: 32px;height: 32px;}
.blog-item .blog-content {padding: 15px;}
}
/*------------------*/
/*  Pagination      */
/*------------------*/
.pagination {--size: 3.5rem;--font-size: 1rem;position: relative;display: block;margin-top: var(--sp-sm);}
.pagination ul {line-height: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.pagination li {-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;position: relative;width: calc(var(--size) * 0.82);height: var(--size);font-size: var(--font-size);font-weight: 400;line-height: var(--size);color: var(--clr-text);text-align: center;background-color: var(--clr-white);}
.pagination a {display: inline-block;position: relative;width: 100%;height: 100%;}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow {width: var(--size);border-right: 1px solid var(--clr-hover-dark);-webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);border-bottom-left-radius: var(--rd-1);}
.pagination .pag-arrow a {color: var(--clr-title);}
.pagination .pag-arrow a::before {content: "";position: absolute;top: 50%;left: 50%;margin-left: 3.5%;width: 18%;height: 18%;border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.pagination .pag-arrow:last-child {border-right: none;border-left: 1px solid var(--clr-hover-dark);-webkit-clip-path: polygon(100% 0, 100% 41px, 41px 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 100% 41px, 41px 100%, 0 100%, 0 0);border-bottom-left-radius: 0;border-top-right-radius: var(--rd-1);}
.pagination .pag-arrow:last-child ::before {margin-left: 0;-webkit-transform: translate(-50%, -50%) rotate(225deg);transform: translate(-50%, -50%) rotate(225deg);}
.pagination li.active a {pointer-events: none;color: var(--clr-dark-green);}
@media (min-width: 1200px) {
.pagination li a:hover {color: var(--clr-dark-green);}
.pagination li.pag-arrow a:hover {border-color: var(--clr-dark-green);}
}
@media (max-width: 767px) {
.pagination {--size: 3rem;}
.pagination .pag-arrow {-webkit-clip-path: polygon(13px 0, 100% 0, 100% 100%, 0 100%, 0 13px);clip-path: polygon(13px 0, 100% 0, 100% 100%, 0 100%, 0 13px);}
.pagination .pag-arrow:last-child {-webkit-clip-path: polygon(100% 0, 100% 35px, 35px 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 100% 35px, 35px 100%, 0 100%, 0 0);}
}
/*--------------------*/
/*  Delivery          */
/*--------------------*/
.delivery-wrapp {--gap: 3.125rem;margin-top: var(--gap);}
.delivery-wrapp + .delivery-wrapp {margin-top: var(--gap);}
.delivery-wrapp > * + * {margin-top: var(--gap);}
.delivery-item {--gap: 1.875rem;margin-top: var(--gap);}
.delivery-item > * + * {margin-top: 1rem;}
.delivery-title {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: var(--gap);}
.delivery-icon {--size: 4.375rem;position: relative;width: calc(var(--size) * 1.143);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;background-color: var(--bg-2);-webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);border-radius: var(--rd-1);}
.delivery-icon img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 66.67%;height: 66.67%;}
@media (max-width: 1440px) {
.delivery-wrapp {--gap: 1.5rem;}
.delivery-wrapp + .delivery-wrapp {margin-top: 3rem;}
.delivery-item + .delivery-item {margin-top: 2rem;}
}
@media (max-width: 991px) {
.delivery-wrapp {--gap: 1.25rem;}
.delivery-wrapp + .delivery-wrapp {margin-top: 2rem;}
.delivery-wrapp > * + * {margin-top: var(--gap);}
.delivery-item {--gap: 1.25rem;margin-top: var(--gap);}
.delivery-item > * + * {margin-top: 1rem;}
.delivery-item + .delivery-item {margin-top: 1.25rem;}
.delivery-icon {--size: 3.5rem;}
}
/*--------------------*/
/*  Review           */
/*--------------------*/
.review-row {--bs-gutter-y: 1.875rem;}
.review-item {--padd: 1.875rem;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;background-color: var(--clr-white);padding: var(--padd);gap: var(--padd);}
.review-item::before {content: "";position: absolute;top: -11px;left: var(--padd);width: 2rem;height: 2rem;background: none;background-image: url(../img/icons/review-icon.svg);z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.review-item .review-left {position: relative;-ms-flex-negative: 0;flex-shrink: 0;width: 36%;}
.review-item .review-left .date {font-size: 0.875rem;margin-top: 2px;}
.review-item .review-bottom {position: relative;margin-top: 1rem;}
@media (max-width: 767px) {
.review-item {--padd: 15px;padding-top: 30px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.625rem;}
.review-item .review-left {width: 100%;}
}
/*--------------------*/
/*  Tabs              */
/*--------------------*/
.tabs {position: relative;}
.tabs .title-margin {margin-bottom: 1rem;}
.tab-nav {position: relative;line-height: 0;margin-bottom: 30px;--gap: 10px;overflow-y: hidden;overflow-x: scroll;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;text-align:center;}
.tab-nav::-webkit-scrollbar{width:0!important;height:0!important;}
.tabs-wrap {position: relative;}
:where(.tab) {display: none;}
.tab:first-child {display: block;}
.tab-toggle {display: -webkit-box;display: -ms-flexbox;display: inline-flex;text-align: center;line-height: 0;gap: var(--gap);}
.tab-toggle div {display: -webkit-box;display: -ms-flexbox;display: flex;white-space: nowrap;position: relative;cursor: pointer;font-size: 1.125rem;font-weight: 500;line-height: 1em;min-width: 350px;max-width: 350px;color: var(--bg-1);padding: 18px 15px 14px;border-radius: var(--rd-1);border: 1px solid rgba(236, 231, 227, 0.15);background-color: transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.tab-toggle div.is-active {color: var(--clr-text);border-color: var(--bg-1);background-color: var(--bg-1);}
.tab-toggle span {width: 100%;}
@media (min-width: 1200px) {
.tab-toggle div:not(.is-active):hover {background-color: rgba(255, 255, 255, 0.15);}
}
@media (max-width: 767px) {
	.tab-nav{margin-inline: -1rem;}
	.tab-toggle {padding-inline: 1rem;}
	.tab-toggle div {min-width: 10rem;width: auto;padding: 1rem;}
}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion {position: relative;z-index: 1;}
.accordion-item {position: relative;background-color: var(--clr-hover-dark);--padding-acc: 1.5rem;}
.accordion-item:not(:last-child) {margin-bottom: 15px;}
.accordion-title {position: relative;cursor: pointer;color: var(--clr-title);border-radius: var(--rd-1);padding: var(--padding-acc);padding-right: calc(var(--padding-acc) * 2);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.accordion-title i {display: inline-block;position: absolute;right: 1.4rem;top: var(--padding-acc);width: var(--padding-acc);height: 1.36em;-webkit-transition: var(--transition-1);transition: var(--transition-1);color: #2e2e2e;}
.accordion-title i::before {content: "";position: absolute;top: 45%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 8px;height: 8px;border-right: 2px solid var(--clr-primary);border-bottom: 2px solid var(--clr-primary);}
.accordion-title.is-active i {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);}
.accordion-inner {display: none;padding: 0 calc(var(--padding-acc) * 2) var(--padding-acc) var(--padding-acc);}
@media (min-width: 1200px) {
.accordion-title:hover {color: var(--clr-primary);}
}
@media (max-width: 1680px) {
.accordion-item {--padding-acc: 20px;}
}
@media (max-width: 991px) {
.accordion-item {--padding-acc: 15px;}
.accordion-item .accordion-title {padding-right: calc(var(--padding-acc) * 3);}
.accordion-item .accordion-title i {right: 1rem;}
}
@media (max-width: 767px) {
.accordion-item .accordion-title .title {font-size: calc(var(--h5) - 0.125rem);}
.accordion-item .accordion-title i {top: 0.75rem;}
}
/*--------------------*/
/*  ABOUT              */
/*--------------------*/
.section-logo {position: relative;text-align: center;margin: 0 auto;max-width: 34.0625rem;}
.section-logo > img {width: 100%;height: auto;}
.history-slider .swiper-container {overflow: visible;}
.history-slider .swiper-container .swiper-slide:not(.swiper-slide-active) {-webkit-transform: scale(0.9);transform: scale(0.9);-webkit-transform-origin: top;transform-origin: top;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.history-item .history-img {position: relative;overflow: hidden;display: block;width: 100%;padding-top: 53.36%;}
.history-item .history-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 991px) {
.section-logo {margin-bottom: 2.5rem;}
}
@media (max-width: 767px) {
.history-slider .swiper-container .swiper-slide:not(.swiper-slide-active) {-webkit-transform: scale(1);transform: scale(1);}
.history-slider .swiper-slide {height: 100%;}
}
/*--------------------*/
/*  CONTACTS          */
/*--------------------*/
.contact-items {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1rem;}
.contact-items .benefit-item {gap: 1rem;min-height: 6.25rem;padding: 1.875rem;-webkit-clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px);clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px);}
.contact-items .benefit-item::before {content: none;}
.contact-items .benefit-item .icon {--size: 2.5rem;}
.contact-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: 1rem;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.contact-block {position: relative;overflow: hidden;display: block;padding-top: max(22.5rem, 33.9vw);}
.map {position: absolute;inset: 0;}
@media (min-width: 1200px) {
.contact-items .benefit-item:hover .path-block-border {background-color: var(--clr-title);}
.contact-items .benefit-item a:hover {color: var(--clr-green);}
.contact-info .social a {--size: 3.75rem;}
.contact-info .social a > * {width: 2.25rem;height: 2.25rem;}
}
@media (max-width: 1199px) {
.contact-sec .row {--bs-gutter-y: 3.125rem;}
.contact-items .benefit-item {min-height: 5rem;padding: 1rem;-webkit-clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);clip-path: polygon(24px 0, 100% 0, 100% 100%, 0 100%, 0 24px);}
.contact-items .benefit-item .icon {--size: 2rem;}
.contact-items .benefit-item .title {font-size: calc(var(--h5) - 0.375rem);}
}
.infoBox {--space: 1rem;}
.infoBox > img {z-index: 10;opacity: 0;}
.infoBox > img,
.infoBox .btn-close {position: absolute;top: var(--space);right: var(--space);width: var(--space);height: var(--space);border-radius: 100%;}
.infoBox .btn-close {top: calc(var(--space) * 0.75);right: calc(var(--space) * 0.75);width: calc(var(--space) * 1.125);height: calc(var(--space) * 1.125);color: var(--clr-grey2);}
.infoBox .btn-close::before {font-size: 1.3rem;font-weight: 300;}
.info-box-wrapper {position: relative;z-index: 1;background-color: var(--clr-white);border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-input);padding: var(--space);padding-right: calc(var(--space) * 1.5);}
.info-box-wrapper .title {margin-bottom: 0.75rem;}
.info-box-inner > * + * {margin-top: 0.75rem;}
.cnt-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.cnt-item.no-icon {margin-left: 2.125rem;}
.cnt-img {-ms-flex-negative: 0;flex-shrink: 0;width: 1.5rem;height: 1.5rem;margin-right: 0.625rem;margin-top: -0.125rem;}
.cnt-img img {width: 100%;line-height: 0;}
.cnt-info {font-family: var(--ff-1);font-size: 1rem;font-weight: 400;line-height: 1.3em;}
.cnt-info > * + * {margin-top: 0.25rem;}
.cnt-info b {font-weight: 700;}
@media (min-width: 1200px) {
.infoBox img:hover + .info-box-wrapper .btn-close {color: var(--clr-red);}
.cnt-info a:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  FOOTER            */
/*--------------------*/
footer {position: relative;overflow: hidden;background: var(--bg-3);}
footer::before {content: "";position: absolute;top: 0;right: 0;width: 63%;height: 100%;background-image: url("../img/content/footer-decor.svg");background-position: right center;background-size: contain;background-repeat: no-repeat;}
.footer-top {position: relative;z-index: 1;padding: 3.125rem 0 1.25rem;}
.footer-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 70px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.footer-wrapp-items {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 70px;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
.footer-item {display: inline-block;position: relative;z-index: 1;}
.footer-caption {position: relative;border: 1px solid rgba(236, 231, 227, 0.3);padding: 8px 15px 4px;font-size: 1rem;font-weight: 400;text-transform: uppercase;font-family: var(--ff-2);color: var(--clr-white);width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;margin-bottom: 20px;z-index: 1;}
.footer-caption::before {content: "";position: absolute;top: -3px;left: -3px;width: 18px;height: 18px;background: transparent;border-color: transparent;border-width: 4px;border-style: solid;border-color: rgba(255, 255, 255, 0.5);border-right: none;border-bottom: none;pointer-events: none;}
.footer-links ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 1rem 1.25rem;}
.footer-links li {line-height: 0;}
.footer-links a {font-size: 1rem;font-weight: 400;line-height: 1.25em;color: rgba(255, 255, 255, 0.7);}
.footer-contact {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;max-width: 20rem;gap: 1rem;}
.footer-contact ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.footer-contact li {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 1rem;}
.footer-contact .icon {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.footer-contact .icon > * {display: inline-block;width: 100%;height: 100%;}
.footer-contact a {font-size: 1rem;font-weight: 400;line-height: 1.25em;color: rgba(255, 255, 255, 0.7);padding-top: 0.25rem;}
.social {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-negative: 0;flex-shrink: 0;}
.social ul {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 10px;}
.social li {line-height: 0;}
.social a {--size: 2.5rem;position: relative;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;border-radius: 100%;background-color: var(--bg-2);}
.social a > * {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 60%;max-height: 60%;}
.cards-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 30px;}
.cards-wrapper li {line-height: 0;}
.cards-wrapper img {width: auto;height: auto;max-width: 40px;}
.footer-bottom {position: relative;z-index: 1;padding-bottom: 20px;}
.footer-logo {display: block;max-width: 9.5rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-copy {font-size: 1rem;line-height: 1.25em;font-weight: 400;color: rgba(255, 255, 255, 0.7);}
.dev-link a {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 1rem;line-height: 1.4em;font-weight: 400;color: rgba(255, 255, 255, 0.7);}
.dev-link a img {margin-left: 0.8rem;}
@media (min-width: 992px) {
.text-lg-right {text-align: right;}
}
@media (min-width: 1200px) {
.footer-links a:hover,
.footer-contact a:hover {color: var(--clr-primary);}
.social a:hover {background-color: var(--clr-white);}
.footer-copy a:hover,
.dev-link a:hover {color: var(--clr-primary);}
}
@media (max-width: 1440px) {
.footer-wrapp {gap: 3rem;}
.footer-logo {max-width: 8rem;}
.footer-wrapp-items {gap: 2rem;}
}
@media (max-width: 991px) {
.footer-top {padding-block: 2.5rem;}
.footer-bottom {padding-block: 0 2.5rem;}
.footer-logo {display: none;}
.footer-wrapp-items {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.footer-links ul {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.dev-link {text-align: center;margin-top: 1.5rem;}
}
@media (max-width: 575px) {
.footer-top {padding-block: 2.5rem 2rem;}
.footer-links ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.footer-bottom {padding-block: 0 10px;}
.social,
.footer-copy,
.cards-wrapper,
.dev-link {text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0;margin-bottom: 10px;}
.dev-link a,
.footer-copy {font-size: 0.875rem;}
}
/*--------------------*/
/*  POPUPS            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -100px;bottom: -100px;background: rgba(0, 0, 0, 0.5);opacity: 0;-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 1rem;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transform: translateY(100px);transform: translateY(100px);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.popup-content.active {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;}
.open-popup {cursor: pointer;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 38.75rem;border-radius: var(--rd-1);background-color: var(--bg-1);}
.popup-container.size-2 {max-width: 52.5rem;}
.popup-container.with-icon .popup-align {padding-top: 5rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 15px;right: 15px;color: var(--clr-grey2);}
.popup-container .icon {--size: 5.75rem;width: var(--size);height: var(--size);border-radius: 50%;background-color: var(--clr-green);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;position: absolute;top: calc(var(--size) / 2 * -1);left: 50%;-webkit-transform: translateX(calc(var(--size) / 2 * -1));transform: translateX(calc(var(--size) / 2 * -1));}
.popup-container .icon img {max-width: 44px;max-height: 44px;}
.popup-align {position: relative;z-index: 1;padding: 3.125rem;}
.popup-info > * + * {margin-top: 1.25rem;}
.popup-info .popup-align-top + .form-block {margin-top: 1.875rem;}
.popup-info .text + * {margin-top: 1.875rem;}
.popup-info .text + .text {margin-top: 1.25rem;}
.popup-info .form-block {--space: 1.25rem;}
.popup-info .form-block > * {margin-bottom: 1.25rem;}
.popup-info .form-block .input-error {text-align: center;}
.popup-info .form-block .input-field .input-error {text-align: left;}
.popup-info .form-block .btn-wrapp {margin-top: 1.875rem;}
.popup-info .popup-align-top {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: 0.625rem;padding-bottom: 1rem;border-bottom: 1px solid var(--clr-grey2);}
.popup-info .popup-align-top .open-popup {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
@media (min-width: 1200px) {
.popup-align-top .open-popup:hover {color: var(--clr-primary);}
.popup-container .btn-close:hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.popup-align {padding: 2.5rem;}
.popup-container.size-2 {max-width: 38.75rem;}
.popup-container.with-icon .popup-align {padding-top: 4rem;}
.popup-container .icon {--size: 4.375rem;}
.popup-container .icon img {max-width: 38px;max-height: 38px;}
.popup-container .btn-close {top: 10px;right: 10px;}
.popup-info > * + * {margin-top: 1rem;}
}
@media (max-width: 767px) {
.popup-align {padding: 2.5rem 15px;}
.popup-info .popup-align-top + .form-block {margin-top: 1.25rem;}
.popup-info .form-block .btn-wrapp {margin-top: 1.25rem;}
}
/*--------------------*/
/*  VIDEO POPUP       */
/*--------------------*/
.video-popup {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.video-popup .embed-responsive-16by9 {padding-bottom: 56.3%;}
.video-popup iframe {position: absolute;width: 100%;height: 100%;}
.video-popup-overlay {position: absolute;left: 0;top: -100px;right: 0;bottom: -100px;opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.video-popup-content {position: absolute;top: 0;width: 100%;height: 100%;overflow: auto;font-size: 0;text-align: center;-webkit-transition: opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;transition: opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;left: -10000px;padding: 1rem;}
.video-popup-content::after {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.video-popup-container {position: relative;overflow: hidden;display: inline-block;vertical-align: middle;width: 100%;max-width: 80rem;text-align: left;border-radius: var(--rd-1);background-color: var(--clr-white);padding: 3rem 1.5rem 1.5rem 1.5rem;}
.video-popup-container .btn-close {position: absolute;z-index: 10;top: 0.625rem;right: 0.625rem;}
.video-popup-align {position: relative;overflow: hidden;max-height: 100vh;}
.video-popup-layer {position: absolute;left: 0;bottom: 0;right: 0;height: 10000px;background: rgba(0, 0, 0, 0.5);}
.video-popup.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.video-popup.active .video-popup-overlay {opacity: 1;}
.video-popup.active .video-popup-content {position: relative;left: 0;-webkit-transform: scale(1);transform: scale(1);opacity: 1;-webkit-transition: opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;transition: opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;}
@media (max-width: 991px) {
.video-popup-container {max-width: 100%;}
}
@media (max-width: 767px) {
.video-popup-container {padding: 2rem 1rem 1rem 1rem;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--gap: 1.875rem;position: fixed;bottom: 0;left: 0;width: 100%;padding-block: var(--gap);-webkit-transform: translate(0, 100%);transform: translate(0, 100%);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;display: block;background: var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cookies-informer .btn-close {position: absolute;top: 2.7rem;right: 3rem;}
.cookies-informer-inner {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;width: 100%;gap: 1rem;}
.cookies-informer-inner .btn > * {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
@media (max-width: 1440px) {
.cookies-informer .btn-close {right: 1.5rem;}
}
@media (max-width: 1199px) {
.cookies-informer .btn-close {top: 10px;right: 10px;}
.cookies-informer-inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.cookies-informer-inner .text {padding-right: 1.25rem;}
}
@media (max-width: 767px) {
.cookies-informer {--gap: 1rem;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.sale-informer {position: fixed;bottom: 1.875rem;right: 1.875rem;width: 100%;max-width: 26.875rem;-webkit-transform: translate(110%, 0);transform: translate(110%, 0);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;display: block;border-radius: 0.5rem;overflow: hidden;background: var(--bg-3);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.sale-informer .btn-close {position: absolute;top: 0.625rem;right: 0.625rem;color: var(--clr-title);--bw: 1.875rem;background: rgba(255, 255, 255, 0.3);border-radius: 50%;}
.sale-informer .btn-close::before {font-size: 1.125rem;}
.sale-informer.active {z-index: 400;visibility: visible;opacity: 1;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
.sale-img {position: relative;overflow: hidden;display: block;width: 100%;padding-bottom: 55.8%;}
.sale-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.sale-content {position: relative;padding: 1.25rem;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.625rem;}
.sale-content .sale-date {font-size: 1rem;line-height: 1.375rem;font-weight: 400;color: var(--clr-green);}
.sale-content .title {color: var(--clr-secondary);}
.sale-content .text {color: rgba(236, 231, 227, 0.8);}
.sale-content .btn-link {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
@media (min-width: 1200px) {
.sale-informer .btn-close:hover {background-color: var(--clr-secondary);}
.sale-content .title:hover {color: var(--clr-green);}
}
@media (min-width: 768px) {
.sale-informer .btn-close::before {top: 60%;}
}
@media (max-width: 767px) {
.sale-informer {position: fixed;bottom: 0;right: 0;left: 0;width: 100%;border-radius: 0;}
.sale-content {padding: 1rem;}
}
/*--------------------*/
/*   404              */
/*--------------------*/
.page-404 {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;min-height: calc(100vh - var(--h-height));margin: 0 !important;padding: 2rem 0;}
.page-404 .row {--bs-gutter-x: max(1.875rem, 4vw);}
.page-404-inner {position: relative;z-index: 1;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;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;gap: 1.125rem;}
.page-404-inner .title {color: var(--clr-secondary);text-transform: uppercase;}
.page-404-inner .text {color: rgba(236, 231, 227, 0.8);}
.page-404-img {display: block;width: 100%;max-width: 506px;}
.page-404-img img {width: 100%;}
.page-404-img + * {margin-top: 2.75rem;}
@media (max-width: 1440px) {
.page-404-img {width: 80%;}
.page-404-img + * {margin-top: 1rem;}
}