/*--------------------*/
/*  Helpers           */
/*--------------------*/
/* spacers */
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
/* gutters */
.g-xl,
.gy-xl {--bs-gutter-y: var(--sp-xl);}
.g-lg,
.gy-lg {--bs-gutter-y: var(--sp-lg);}
.g-md,
.gy-md {--bs-gutter-y: var(--sp-md);}
.g-sm,
.gy-sm {--bs-gutter-y: var(--sp-sm);}
.g-xs,
.gy-xs {--bs-gutter-y: var(--sp-xs);}
.g-xl,
.gx-xl {--bs-gutter-x: var(--sp-xl);}
.g-lg,
.gx-lg {--bs-gutter-x: var(--sp-lg);}
.g-md,
.gx-md {--bs-gutter-x: var(--sp-md);}
.g-sm,
.gx-sm {--bs-gutter-x: var(--sp-sm);}
.g-xs,
.gx-xs {--bs-gutter-x: var(--sp-xs);}
/* margins */
.mt-xl {margin-top: var(--sp-xl);}
.mt-lg {margin-top: var(--sp-lg);}
.mt-md {margin-top: var(--sp-md);}
.mt-sm {margin-top: var(--sp-sm);}
.mt-xs {margin-top: var(--sp-xs);}
.mb-xl {margin-bottom: var(--sp-xl);}
.mb-lg {margin-bottom: var(--sp-lg);}
.mb-md {margin-bottom: var(--sp-md);}
.mb-sm {margin-bottom: var(--sp-sm);}
.mb-xs {margin-bottom: var(--sp-xs);}
.mb-xxs {margin-bottom: var(--sp-16-10);}
.mx-auto {margin-inline: auto;}
.tp-60 {margin-bottom: var(--sp-40-20);}
/* colors */
.clr-white {color: var(--clr-white) !important;}
.clr-black {color: var(--clr-black) !important;}
.clr-primary {color: var(--clr-primary) !important;}
.clr-secondary {color: var(--clr-secondary) !important;}
.clr-green {color: var(--clr-green) !important;}
.clr-red {color: var(--clr-red) !important;}
/* cover */
.image {position: relative;}
.image img {display: block;position: relative;width: 100%;}
:where(.image-cover),
:where(.video-cover),
:where(.image-contain) {position: relative;overflow: hidden;padding-bottom: 50%;}
:where(.image-round) {overflow: hidden;border-radius: 100%;padding-bottom: 100%;}
.video-cover video,
.image-cover img,
.image-contain img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.image-contain img {-o-object-fit: scale-down;object-fit: scale-down;}
a .image-cover img,
a .video-cover video {transition: transform var(--transition-1);}
@media (min-width: 1200px) {
a:hover .image-cover img,
a:hover .video-cover video {transform: scale(1.04);}
}
/* icon */
.icon {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.icon > * {display: block;width: 100%;height: 100%;}
/*--------------------*/
/*  BANNER            */
/*--------------------*/
header {opacity: 1;}
.banner-section {margin-top: 0;}
.banner {position: relative;--clr-title: #fff;--clr-text: rgba(255, 255, 255, .7);}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media::before {content: "";position: absolute;z-index: 2;inset: 0;background: var(--gradient);}
.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;}
.video {position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;clip: rect(auto, auto, auto, auto);display: none;}
.video.video-present {display: block;overflow: hidden;}
.video video {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: auto;height: auto;min-width: calc(100% + 8px);min-height: calc(100% + 8px);}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 625rem;height: 75vh;padding-block: max(1.875rem, 4vw);}
.banner-align.align-bottom {vertical-align: bottom;}
.banner-align.align-top {vertical-align: top;}

@media (min-width: 768px) {
.banner-align {padding-block:var(--sp-80-40);}
.banner-info > * + * {margin-top: var(--sp-40-20);}
.banner-slider .slider-controls.type2 {min-height: var(--btn-height); position: absolute;bottom: var(--sp-80-40);right: calc((100% - var(--container-width)) / 2 + 0.75rem);margin-top: 0;}

.banner-slider .swiper-pagination-bullet {background: var(--clr-white-30);}
.banner-slider .swiper-pagination-bullet-active {background: var(--clr-white);}
}
.seo-section:first-child + .banner-section,
.banner-section:first-child {margin-top: calc(var(--h-height) * -1);}

.banner.full .banner-align {height: 100%;position: absolute; inset: 0;}
.banner.full .banner-media{position: relative;width: 100%;}
.banner.full .banner-media img{position: relative;width: 100%;height: auto;}
.banner.full .swiper-slide>a {display: block;width: 100%;}

@media (max-width: 767px) {
.banner-info .title {font-size: var(--h2);}
.banner-info > * {margin-top: 1rem;}
.banner-slider .slider-controls.type2 {display: none;}
}
.banner-section {opacity: 1;}
/*--------------------*/
/*  BREADCRUMBS       */
/*--------------------*/
.breadcrumbs {--br-fz: clamp(0.75rem, 0.5981rem + 0.3165vw, 0.875rem);--br-space: 1rem;width: 100%;margin-top: var(--sp-sm);overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;}
.breadcrumbs + * {margin-top: var(--sp-sm);}
.breadcrumbs + .seo-section + * {margin-top: var(--sp-40-20);}
.breadcrumbs ul {min-width: -moz-max-content;min-width: max-content;line-height: 0;font-size: 0;padding-right: var(--br-space);}
.breadcrumbs li {position: relative;display: inline-block;font-size: var(--br-fz);line-height: 1.5;font-weight: 400;letter-spacing: -0.0175rem;color: var(--clr-title);padding-right: var(--sp-20-12);scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li::after {content: "";position: absolute;top: 18%;right: calc(var(--sp-20-12) / 2.1);width: 1px;height: 70%;transform: rotate(25deg);background-color: var(--clr-title);pointer-events: none;}
.breadcrumbs li:last-child::after {content: none;}
.breadcrumbs li.active {color: var(--clr-text);}
.breadcrumbs .icon {--size: 1.125rem;display: inline-block;vertical-align: middle;margin-top: -0.0625rem;}
.breadcrumbs .icon *[stroke] {stroke: currentColor;}
.banner .breadcrumbs {position: absolute;top: 0;left: 0;z-index: 2;}
.banner .breadcrumbs + * {margin-top: 0;}
.banner .breadcrumbs li {color: var(--clr-white-70);}
.banner .breadcrumbs li::after {background-color: var(--clr-white-70);}
.banner .breadcrumbs li.active {color: var(--clr-white);}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {color: var(--clr-primary-accent);}
.banner .breadcrumbs li a:hover {color: var(--clr-white);}
}
/*--------------------*/
/*  Seo Block         */
/*--------------------*/
.seo-section { --clr-text: var(--clr-white-70); --clr-title: var(--clr-white);background-color: var(--clr-black);padding-block: var(--sp-50-20);margin-bottom: 0;}
.seo-block {--space: var(--sp-20-12);gap: var(--sp-lg);display: flex;align-items: center;}
.seo-inner > * + *:not(.more-content) {margin-top: var(--space);}
.seo-btn {position: relative;cursor: pointer;font-size: 1rem;line-height: 1.25;font-weight: 500;color: var(--clr-title);display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;transition: var(--transition-1);}
.seo-btn::before {content: attr(data-toggle-more);}

.seo-btn svg {display: inline-block;width: 1.125rem;height: 1.125rem;flex-shrink: 0;transition: var(--transition-1);transform: rotate(90deg);}
.seo-btn.is-active::before {content: attr(data-toggle-less);}
.seo-btn.is-active svg {transform: rotate(-90deg);}
.more-content {display: none;padding-top: var(--space);}
@media (min-width: 1200px) {
.seo-btn:hover{color: var(--clr-primary-accent);}  
}
/*--------------------*/
/*  Category          */
/*--------------------*/
.category-item {position: relative;display: flex;flex-direction: column;align-items: center;gap: var(--sp-20-12);}
.category-item .cat-img {position: relative;padding-top: 116.13%;width: 100%;overflow: hidden;}
.category-item .cat-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: var(--cubic-1);}
/*--------------------*/
/*  Collection        */
/*--------------------*/
.collection-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--sp-20-12);padding-inline: var(--sp-20-12);}
.collection-item {position: relative;overflow: hidden;display: flex;aspect-ratio: 930/950;border-radius: var(--rd-1);}
.collection-item::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 48.33%, rgba(0, 0, 0, 0.5) 100%);z-index: 2;pointer-events: none;}
.collection-item img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.collection-item .content {position: absolute;left: 4vw;bottom: 4vw;right:4vw;z-index: 2; --clr-text: var(--clr-white);--clr-title:var(--clr-white);}
.collection-item .title{text-wrap-style: balance;}

.collection-item .content > * + * {margin-top: var(--sp-20-12);}
.collection-item.full {grid-column: 1/-1;aspect-ratio: 1880/950;}
@media (max-width: 767px) {
.collection-grid {grid-template-columns: repeat(1, 1fr);}
.collection-item.full {aspect-ratio: 930/950;}
}
/*--------------------*/
/*  Advantages        */
/*--------------------*/
.advt-slider .swiper-slide {height: auto;}
.advt-item {text-align: center;padding: var(--sp-32-20) var(--sp-16-12);display: flex;flex-direction: column;align-items: center;gap: var(--sp-16-10);height: 100%;border-radius: var(--rd-1);background-color: var(--bg-1);}
.advt-item img{width: auto; height: 6.875rem; margin-bottom: var(--sp-16-10);}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-img-1 {position: relative;padding-top: 100%;overflow: hidden;border-radius: var(--rd-1);}
.lr-img-1 img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.lr-content-1{display: flex;flex-direction: column;align-items: flex-start; gap: var(--sp-40-12);}
@media (max-width: 991px) {
.lr-img-1 {margin-bottom: var(--sp-32-12);}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-img-2 {position: relative;padding-top: 100%;overflow: hidden;border-radius: var(--rd-1);}
.lr-img-2 img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.lr-content-2 {--lr-width: max(.875rem, 2.5vw);}
.lr-content-2 > * + * {margin-top: var(--lr-width);}
@media (max-width: 991px) {
.lr-img-2::before {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 50%;background: linear-gradient(180deg, rgba(60, 60, 60, 0) 19.27%, rgba(30, 30, 30, 0.63) 100%);}
.lr-content-2 {position: relative;z-index: 1;}
.lr-content-2 .title {position: absolute;z-index: 1;top: calc(-1 * var(--lr-width));left: 0;width: 100%;padding: var(--lr-width);transform: translateY(-100%);color: var(--clr-white);}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-block-3 {--lr-x-space: max(1.875rem, 7vw);--lr-y-space: max(0.875rem, 2.5vw);}
.lr-img-3 {position: relative;padding-top: 100%;overflow: hidden;border-radius: var(--rd-1);}
.lr-img-3 img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.lr-content-3 > * + * {margin-top: var(--lr-y-space);}
@media (min-width: 992px) {
.lr-block-3 {display: grid;grid-template-columns: 0.9fr 1.1fr;grid-column-gap: var(--lr-x-space);grid-row-gap: var(--lr-y-space);}
.lr-block-3.right {grid-template-columns: 1.1fr 0.9fr;}
.lr-block-3.right .lr-img-3 {grid-area: 1/2/3/3;}
.lr-img-3 {grid-area: 3/2/1/1;}
.lr-title-3 {align-self: end;}
.lr-content-3 {align-self: start;}
}
@media (max-width: 991px) {
.lr-block-3 > * + * {margin-top: var(--lr-y-space);}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.blog-wrap > * + * {margin-top: var(--sp-md);}
.blog-row {--bs-gutter-x: var(--sp-20-12);--bs-gutter-y: var(--sp-32-20);}
.blog-item {position: relative;gap: var(--sp-16-12);display: flex;flex-direction: column;height: 100%;}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 573/433;max-height: 27.125rem;padding: 0;border-radius: var(--rd-1);}
.blog-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.blog-tags {pointer-events: none;position: absolute;top: 0;left: 0;padding: 0.625rem;gap: 0.375rem;display: flex;flex-wrap: wrap;}
.blog-tags > * {display: inline-block;font-size: 0.875rem;line-height: 1em;font-weight: 400;padding: 0.4em 0.6em;background-color: var(--clr-grey);}
.blog-content {gap: 0.5rem;display: flex;align-items: flex-start;flex-direction: column;flex: 1;}
.blog-content .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-content .text {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-content .btn {margin-top: auto;}
.blog-labels > * {pointer-events: none;font-size: var(--text);line-height: 1.25em;font-weight: 400;color: var(--clr-primary);}
.blog-labels > * img {max-width: 1.715em;max-height: 1.715em;margin-right: 0.5em;}
.blog-labels > * > * {vertical-align: middle;}
.blog-labels > * {font-size: var(--text-md);line-height: 1.4em;}
@media (min-width: 768px) {
.blog-wrap .blog-item {align-items: center;flex-direction: row;}
.blog-wrap .blog-img {align-self: flex-start;flex: 0 0 60%;}
.blog-wrap.type-2 .blog-item:nth-child(even) {flex-direction: row-reverse;}
}
@media (min-width: 1200px) {
.blog-item a.title:hover {color: var(--clr-primary-accent);}
}
@media (max-width: 1199px) {
.blog-row {--bs-gutter-x: 1rem;}
.blog-label {font-size: 0.75rem;}
.blog-tags b {font-size: 0.75rem;}
}
@media (max-width: 767px) {
.blog-row {--bs-gutter-y: 1.875rem;}
.blog-item .title,
.blog-item .text {display: block;}
}
/*--------------------*/
/*  Pagination        */
/*--------------------*/
.pagination {--size: 2rem;--font-size: 1rem;--gap: 0.5rem;position: relative;display: block;margin-top: var(--sp-md);text-align: center;}
.pagination .btn {margin-inline: auto;}
.pagination .btn + * {margin-top: calc(var(--sp-16-12) + 0.625rem);}
.pagination ul {line-height: 0;display: flex;align-items: center;justify-content: center;gap: 0;}
.pagination li {flex-shrink: 0;display: inline-block;position: relative;width: var(--size);height: var(--size);text-align: center;font-size: var(--font-size);font-weight: 400;line-height: var(--size);border-radius: 100%;color: var(--clr-title);}
.pagination a:not(.btn) {display: flex;align-items: center;justify-content: center;position: relative;width: 100%;height: 100%;border-radius: inherit;}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow {--size: 2.5rem;background-color: var(--clr-border);margin-right: 0.625rem;color: var(--clr-title);transition: background var(--transition-1);}
.pagination .pag-arrow svg {width: 1.125rem;}
.pagination .pag-arrow:last-child {transform: rotate(180deg);margin-right: 0;margin-left: 0.625rem;}
.pagination li.active a {pointer-events: none;color: var(--clr-primary);}
@media (min-width: 1200px) {
.pagination li a:hover {color: var(--clr-primary-accent);}
.pagination .pag-arrow:hover {color: var(--clr-title);background-color: var(--clr-primary-accent);}
}
@media (max-width: 767px) {
.pagination {--size: 1.875rem;--font-size: 0.875rem;--gap: 0.375rem;margin-top: 1.875rem;}
.pagination .pag-arrow {--size: 1.875rem;}
}
/*--------------------------*/
/*  Tabs (not for styling)  */
/*--------------------------*/
._tabs {position: relative;}
:where(._tab) {display: none;}
._tab:nth-child(1 of ._tab) {display: block;}
.tab-nav {display: flex;align-items: center;justify-content: center;gap: var(--sp-40-12);margin-bottom: var(--sp-16-12);}
._tab-item {cursor: pointer;font-size: clamp(0.875rem, 0.4193rem + 0.9494vw, 1.25rem);font-weight: 500;line-height: 1;letter-spacing: -0.0525rem;color: var(--clr-primary);transition: var(--transition-1);}
._tab-item.is-active {pointer-events: none;color: var(--clr-title);}
@media (min-width: 1200px) {
._tab-item:hover {color: var(--clr-title);}
}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion {position: relative;z-index: 1;}
.accordion-item {--padding-acc: var(--sp-20-12);--arrow-size:2.5rem;position: relative;border-bottom: 1px solid var(--clr-grey-2);}
.accordion-item:first-child {border-top: 1px solid var(--clr-grey-2);}
.accordion-title {position: relative;cursor: pointer;font-size: var(--h5);line-height: 1.25;font-weight: 600;color: var(--clr-title);padding-block: var(--padding-acc);transition: var(--transition-1);display: flex;justify-content: space-between;align-items: center;gap: var(--padding-acc);}
.accordion-title i {display: inline-flex;position: relative;width: var(--arrow-size);height: var(--arrow-size);background-color: var(--bg-1);border-radius: 50%;transition: var(--transition-1);align-self: flex-start;align-items: center;justify-content: center;}
.accordion-title i svg {width: 1rem;height: 1rem; transform: rotate(90deg);transition: var(--transition-1);}
.accordion-title.is-active {color: var(--clr-title);}
.accordion-title.is-active svg {color: var(--clr-title);transform: rotate(-90deg);}
.accordion-inner {display: none;padding-bottom: var(--padding-acc);}
.accordion.type2 .accordion-title {font-size: var(--h6);line-height: 1.25;font-weight: 500;}
.accordion.type2 .accordion-title i {background-color: transparent; height: 0.875rem;width: 0.875rem;transform: rotate(-90deg);}
.accordion.type2 .accordion-title i::after {content: none;}
.accordion.type2 .accordion-inner {padding-inline: 0;}
@media (min-width: 1200px) {
.accordion-title:hover i {background-color: var(--clr-primary-accent);}
}
@media (max-width: 991px) {

}
/*--------------------*/
/*  Contacts          */
/*--------------------*/
.ct-items-row {--bs-gutter-x: var(--sp-40-20);--bs-gutter-y: var(--sp-40-20);}
* + .contact-wrap {margin-top: var(--sp-24-12);}
.contact-wrap {display: flex;align-items: flex-start;flex-wrap: wrap;gap: var(--sp-20-12) var(--sp-32-12);}
.contact-item {display: flex;flex-direction: column;gap: var(--sp-12-8);position: relative;height: 100%;padding-inline: var(--sp-32-12);padding-bottom: var(--sp-16-12);border-bottom: 1px solid var(--clr-border);}
.contact-item-img {--size: 1.5rem;position: relative;display: flex;align-self: flex;align-items: center;gap: var(--sp-12-8);}
.contact-item-img img {width: var(--size);height: var(--size);flex-shrink: 0;}
.contact-item-img span {font-size: var(--h3);line-height: 1;font-weight: 500;letter-spacing: -0.03rem;color: var(--clr-title);}
.contact-item-info {display: flex;flex-direction: column;align-items: flex-start;}
.contact-item-info span {color: var(--clr-title);}
.contact-item-info > * + * {margin-top: 0.25rem;}
.contact-block {position: relative;overflow: hidden;display: block;padding-top: max(25rem, 25vw);}
.map {position: absolute;inset: 0;}
.map-city-select {position: absolute;top: var(--sp-20-12);left: var(--sp-20-12);z-index: 5;width: 14.375rem;}
.map-city-select .SumoSelect > .CaptionCont {border: none;}
.map-city-select .SumoSelect > .optWrapper {border: none;}
.map-city-select .SumoSelect.open > .optWrapper {top: calc(100% + 0.25rem);}
@media (max-width: 767px) {
.contact-item-img {--size: 1.25rem;}
}
/*--------------------*/
/*  InfoBox           */
/*--------------------*/
.infoBox {--space: var(--sp-16-12);}
.infoBox > img {z-index: 10;opacity: 0;}
.infoBox > img,
.infoBox .btn-close {position: absolute;top: calc(-1 * var(--space));right: var(--space);width: calc(var(--space) * 2);height: calc(var(--space) * 2);border-radius: 100%;}
.infoBox .btn-close {right: calc(-1 * var(--space));}
.info-box-wrapper {position: relative;z-index: 1;background-color: var(--clr-white);display: flex;}
.info-box-inner {padding: var(--space);padding-right: calc(var(--space) * 2);}
.info-box-inner > * {margin-bottom: var(--sp-12-8);height: auto;padding: 0;background: transparent;align-items: center;flex-direction: row;border: none;}
.info-box-inner :last-child {margin-bottom: 0;}
.info-box-inner .contact-item-title {font-size: var(--h3);line-height: 1;font-weight: 500;color: var(--clr-title);}
.cnt-item {display: flex;align-items: flex-start;}
.cnt-img {--size: 1.25rem;flex-shrink: 0;}
.cnt-img img {line-height: 0;flex-shrink: 0;}
.cnt-info {font-family: var(--ff-1);font-weight: 400;font-size: var(--text-md);line-height: 1.3;letter-spacing: -0.03rem;}
.cnt-info > * + * {margin-top: 0.25rem;}
@media (min-width: 1200px) {
.infoBox img:hover + .info-box-wrapper .btn-close {color: var(--clr-black);background-color: var(--bg-2);}
.cnt-info a:hover {color: var(--clr-title);}
}
@media (max-width: 575px) {
.infoBox > img,
.infoBox .btn-close {top: calc(var(--space) * 0.5);right: calc(var(--space) * 2.5);}
.infoBox .btn-close {right: calc(var(--space) * 0.5);}
}
/*--------------------*/
/*  Product Card      */
/*--------------------*/
.row-fav {--bs-gutter-x: 0.5rem;--bs-gutter-y: var(--sp-40-20);}
.prd-slider .swiper-slide {height: auto;}
.prd-card {--prd-padding: var(--sp-16-12);position: relative;z-index: 1;display: flex;flex-direction: column;height: 100%;background-color: var(--clr-white);border: solid 1px var(--clr-border);border-radius: var(--rd-1);overflow: hidden;padding: var(--prd-padding);}
.prd-card.no-available .prd-img,
.prd-card.no-available .fav-btn,
.prd-card.no-available .prd-title {opacity: 0.5;}
.prd-card.no-available .prd-info {margin-block: auto;}
.prd-card .prd-labels {top: var(--prd-padding);left: var(--prd-padding); max-width: calc(100% - var(--prd-padding)*2 - 1.5rem);}
.prd-card .fav-btn,
.prd-card .delete-btn {position: absolute;top: calc(var(--prd-padding) - 0.625rem);right: calc(var(--prd-padding) - 0.625rem);z-index: 2;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.prd-card .stepper {font-size: clamp(0.875rem, 0.6793rem + 0.5435vw, 1.25rem);}
.prd-card .ch-box-filter__label {--size: 1.25rem;color: var(--clr-text);}
.prd-card .variation-selector input[type=radio]:checked + *,
.prd-card .variation-selector input[type=checkbox]:checked + * {color: var(--clr-black);}
.prd-img {position: relative;overflow: hidden;display: block;padding-bottom: 120%;transition: var(--transition-1);}
.prd-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;transition: var(--transition-1);will-change: transform;backface-visibility: hidden;}
.prd-title {font-size: 1rem;line-height: 1.3;font-weight: 400;color: var(--clr-title);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: left;margin-top: 0.75rem;margin-bottom: 0.5rem;transition: var(--transition-1);}
.prd-size {font-size: clamp(0.75rem, 0.6196rem + 0.3623vw, 1rem);line-height: 1.2em;font-weight: 400;color: var(--clr-text);}
.prd-desc {font-size: clamp(0.75rem, 0.6196rem + 0.3623vw, 1rem);line-height: 1.4em;font-weight: 400;color: var(--clr-text);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-info {gap: 0.5rem;display: flex;flex-direction: column;align-items: center;justify-content: space-between;margin-top: auto;}
.prd-info .price-wrap {gap: var(--sp-12-8);flex-direction: row;align-items: center;}
.prd-controls {gap: 0.375rem 0.5rem;display: flex;align-items: center;justify-content: space-between;margin-top: auto;}
.prd-controls .title {font-size: clamp(0.75rem, 0.6196rem + 0.3623vw, 1rem);line-height: 1.2em;font-weight: 400;color: var(--clr-text);}
.prd-rate-wrap {gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;line-height: 0;}
.add-cart {position: relative;cursor: pointer;flex-shrink: 0;margin-top: 0.25rem;transition: var(--transition-1);}
.add-cart svg {color: currentColor;flex-shrink: 0;transition: var(--transition-1);}
.add-cart svg *[stroke] {stroke: currentColor;}
@media (min-width: 1200px) {
.prd-title:hover {color: var(--clr-primary-accent);}
.fav-btn.btn-icon:hover {color: var(--clr-black);}
}
@media (max-width: 767px) {
.row-fav {--bs-gutter-x: 0.75rem;}
.prd-card {--prd-padding: 0.5rem;}
.prd-card .prd-title {font-size: 0.75rem;font-weight: 400;}
.prd-card .fav-btn {--size: 2rem;top: calc(var(--prd-padding) - 0.5rem);right: calc(var(--prd-padding) - 0.5rem);}
.prd-card .prd-labels {gap: 0.5rem;}
.prd-card .prd-labels li {font-size: 0.75rem; padding: 0.1875rem 0.375rem;}
.prd-card .stepper {--thumb-size: 2rem;--input-size: 2rem;}
.prd-card.no-available .btn {font-size: 0.625rem;}
.prd-controls .btn:has(svg:only-child) {padding: 0.5em;}
.prd-card .prd-availability{font-size: 0.625rem;}
}
/*--------------------*/
/*  Prod. horizontal  */
/*--------------------*/
.prd-horiz {--img-size: 5.625rem;--prd-padding: var(--sp-12-8);position: relative;background-color: var(--clr-white);gap: var(--sp-12-8);display: flex;border-radius: var(--rd-1);border: solid 1px var(--clr-border);padding: var(--prd-padding);}
.prd-horiz .delete-btn {--size: 2rem;position: absolute;right: calc(var(--prd-padding) - .5rem);top: calc(var(--prd-padding) - .5rem);}
.prd-horiz-img {position: relative;width: var(--img-size);height: 100%;aspect-ratio: 90/109;flex-shrink: 0;}
.prd-horiz-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.prd-horiz-info {display: flex;flex-direction: column;justify-content: space-between;width: 100%;}
.prd-horiz-info-top > * + * {margin-top: 0.5rem;}
.prd-horiz-title {font-size: 0.875rem;line-height: 1.2;font-weight: 400;color: var(--clr-title);letter-spacing: -0.28px;padding-right: 2rem;width: 100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: var(--transition-1);}
.prd-horiz:not(:has(.delete-btn)) .prd-horiz-title {padding-right: 0;}
.prd-option {--size: 0.875rem;display: flex;align-items: flex-start;gap: var(--sp-12-8);flex-wrap: wrap;row-gap: 0.5rem;}
.prd-option .item {position: relative;display: flex;align-items: center;gap: 0.375rem;font-size: var(--size);line-height: 1;font-weight: 400;letter-spacing: -0.28px;color: var(--clr-text);}
.prd-option .item i {color: var(--clr-title);}
.prd-option .item i[style] {width: var(--size);height: var(--size);border-radius: 50%;background-color: var(--color);}
.prd-horiz-controls {gap: var(--sp-16-10);display: flex;align-items: flex-end;justify-content: space-between;margin-top: auto;    margin-top: 0.5rem;  }
.prd-qty {font-size: 0.875rem;}
.prd-horiz .price-wrap {justify-content: flex-end;row-gap: 2px;}
@media (min-width: 1200px) {
.prd-horiz-title:hover {color: var(--clr-primary-accent);}
}
@media (max-width: 767px) {
.prd-horiz-title {font-size: 0.75rem;font-weight: 400;}
}


.prd-gift input[type="radio"], .prd-gift input[type="checkbox"] {display: none;}
.prd-gift{display: grid;grid-template-columns: 5rem auto;align-items: center;transition: border-color var(--transition-1);}
.prd-gift .prd-horiz-img{height: auto; width: 100%;}
.prd-gift .price-wrap{flex-shrink: 0;font-size: var(--h6);}
.prd-gift-title{ font-size: var(--text);}
.prd-gift-title img{margin-top: -.3em;}
.prd-horiz-controls .prd-gift-title{align-self: center;color: var(--clr-title);}
.prd-gift{cursor: pointer;}
.prd-gift:has(input:checked){border-color: var(--clr-primary);}
@media (min-width:1200px) {
  .prd-gift-slider .swiper-container{margin-right: calc(var(--container-width)/2 - 50vw);}
  .prd-gift:hover {border-color: var(--clr-primary-accent);}
  .prd-gift .prd-horiz-info{display: flex;flex-direction: row; gap: inherit;}
}
@media (max-width:1200px) {
  /* .prd-gift{grid-template-columns: 3.75rem auto;} */
  .prd-gift .price-wrap{justify-content: flex-start;margin-top: .5rem;}
}
@media (max-width:767px) {
  .prd-gift{grid-template-columns: 3.75rem auto;}
  .prd-gift-title{font-size: 0.75rem;}
}
/*--------------------*/
/*  Fav. buttons      */
/*--------------------*/
.fav-btn {--size: 2.5rem;position: relative;cursor: pointer;display: block;flex-shrink: 0;width: var(--size);height: var(--size);color: var(--clr-black);transition: var(--transition-1);}
.fav-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 1.25rem;height: 1.25rem;}
.fav-btn:active {transform: translateY(0.25rem);}
.fav-btn.is-active {color: var(--clr-black);}
.fav-btn.is-active [fill] {fill: currentColor;}
.delete-btn {--size: 2.5rem;position: relative;cursor: pointer;display: block;flex-shrink: 0;width: var(--size);height: var(--size);color: var(--clr-text);transition: var(--transition-1);}
.delete-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 1rem;height: 1rem;}
.delete-btn:active {transform: translateY(0.25rem);}
.delete-btn.is-active {color: var(--clr-primary);}
.delete-btn.is-active [fill] {fill: currentColor;}
@media (min-width: 1200px) {
.fav-btn:hover {color: var(--clr-primary-accent);}
.delete-btn:hover {color: var(--clr-red);}
}
/*--------------------*/
/*  Labels            */
/*--------------------*/
.prd-labels {position: absolute;z-index: 1;top: 0;left: 0;line-height: 0;gap: 0.25rem;display: flex;align-items: flex-start;flex-wrap: wrap;}
.prd-labels li {display: flex;align-items: center;gap: 0.625rem;font-size: 0.875rem;line-height: 1.25;font-weight: 400;color: #000; background-color: var(--color);border-radius: 0.375rem;padding: 0.25rem 0.5rem;}
/*--------------------*/
/*  Stepper           */
/*--------------------*/
.stepper {--btn-size: 1.5625rem;--input-size: 1.875rem;font-size: 0.875rem;line-height: 1;font-weight: 400;letter-spacing: -0.0175rem;color: var(--clr-title);text-align: center;display: flex;}
.stepper button {position: relative;cursor: pointer;display: inline-block;width: var(--btn-size);height: var(--btn-size);color: var(--clr-black);border-radius: 50%;background-color: var(--bg-1);transition: var(--transition-1);flex-shrink: 0;}
.stepper button::before {content: "";position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -4px;width: 7px;height: 1px;background-color: currentColor;}
.stepper button.incr::after {content: "";position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: -1px;width: 1px;height: 7px;background-color: currentColor;}
.stepper input {cursor: default;width: var(--input-size);font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
@media (min-width: 1200px) {
.stepper button:hover {color: var(--clr-white);background-color: var(--clr-black);}
}
/*--------------------*/
/*  Price             */
/*--------------------*/
.price-wrap .btn{flex-shrink: 0;}
.price-wrap {position: relative;font-size: var(--h5);line-height: 1.3;color: var(--clr-black);font-weight: 400;display: inline-flex;gap: 0.5rem;flex-direction: row;align-items: center;flex-wrap: wrap;row-gap: 0;}
.price-wrap .price{font-weight: 600;}
.price-wrap:has(.old) .price:not(.old) {color: var(--clr-black);}
.price-wrap .old {color: #616161;text-decoration: line-through;font-weight: 400;}
.price-wrap .price-sale {padding:0.1875rem 0.375rem; font-size: calc(var(--text-md) - 0.125rem);color: var(--clr-red);font-weight: 400; border-radius: var(--rd-1);background-color: #FFEBEB;}
.price-wrap .divider{display: block;width: 100%;height: 1px;}
@media (max-width: 575px) {
.price-wrap {font-size: 0.875rem;}
}
/*--------------------*/
/*  Loader            */
/*--------------------*/
.loading > * {opacity: 0;visibility: hidden;}
.loading::after {content: "";position: absolute;z-index: 10;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.25rem;height: 1.25rem;border-radius: 100%;border: 0.125rem solid currentcolor;border-bottom-color: transparent;animation: 0.8s spin linear infinite;}
@keyframes spin {
0% {transform: translate(-50%, -50%) rotate(0deg);}
100% {transform: translate(-50%, -50%) rotate(360deg);}
}
/*--------------------*/
/*  Prod. Thumbs      */
/*--------------------*/
.prd-detail-slider {position: relative;}
.prd-detail-slider .swiper-button-prev {left: 0.5rem;}
.prd-detail-slider .swiper-button-next {right: 0.5rem;}
.prd-detail-img {position: relative;padding-top: 100%;width: 100%;overflow: hidden;background-color: var(--clr-white);border-radius: var(--rd-1);}
.prd-detail-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.swiper-thumbs-bottom .swiper-slide {width: 5rem;}
.swiper-entry.swiper-thumbs-bottom{margin-top: var(--sp-16-12);}
.swiper-thumbs .swiper-slide{overflow: hidden;border-radius: var(--rd-1);border: solid 1px transparent}
.prd-detail-slider .prd-labels{position: absolute;left: 0;top: 0;position: absolute;z-index: 2;}
@media (min-width: 992px) {
.prd-detail-slider {position: sticky;top: calc(var(--h-height) + 1rem);}
}
@media (max-width: 767px) {
.prd-detail-slider [class*=swiper-button] {display: none;}
.swiper-thumbs-bottom .swiper-slide {width: 4rem;}
}
/*--------------------*/
/*  Prod. Detail Info */
/*--------------------*/
.prd-detail-grid {display: flex; gap: var(--sp-80-40);}
.prd-detail-slider-wrap{flex-basis: 41%;flex-shrink: 0;max-width: calc(100svh - var(--h-height) - var(--h-top-height) - 6.25rem);}
.prd-detail-content{flex-grow: 1;}
.prd-detail-content > * + * {margin-top: var(--sp-32-20);}
.prd-detail-content .accordion .text {--text-th-height: 2.5rem;--text-th-padding: 1rem;}
.prd-detail-content .accordion .text thead th,
.prd-detail-content .accordion .text thead td {font-size: 0.875rem;text-transform: uppercase;font-weight: 400;background-color: var(--bg-1);}
.prd-detail-content .variation-selector {gap: 0.5rem;}
.prd-detail-content .variation-selector input[type=radio]:checked + *,
.prd-detail-content .variation-selector input[type=checkbox]:checked + * {color: var(--clr-black);}
.prd-detail-content .ch-box-filter__label {color: var(--clr-black);font-size: var(--text-md);}
.prd-detail-info .prd-labels {position: relative;top: auto;left: auto;}
.prd-detail-info .prd-labels li {font-size: var(--text-md);}
.prd-detail-info .price-wrap {font-size: var(--h4);}
.prd-detail-info .price-wrap .price-sale {font-size: calc(var(--h4)*.8);}
.prd-detail-info > * + * {margin-top: var(--sp-24-12);}
.prd-detail-top {gap: var(--sp-16-12);display: flex;align-items: center;flex-wrap: wrap;}
.product-variations-block .caption {font-size: var(--text-md);font-weight: 500;color: var(--clr-black);margin-bottom: var(--sp-12-8);}
.prd-availability{display: inline-block;padding: 0.25rem 0.5rem;font-size: 0.875rem;color: var(--clr-black);border-radius: 0.25rem;line-height: 1.25;background-color: var(--clr-green-light);}
.prd-availability_out {background-color: var(--clr-red-light);}
.prd-sku{font-size: 0.875rem;color: var(--clr-black);}
.prd-detail-price-wrap{display: flex;align-items: center;justify-content: space-between;padding: var(--sp-20-12);border-radius: var(--rd-1);background-color: var(--bg-1);gap: var(--sp-20-12);}
.prd-detail-controls{display: flex;align-items: center;gap: var(--sp-12-8);flex-shrink: 0;}
.prd-detail-controls .btn-block {flex-grow: 1;width: auto;}
@media (max-width:991px) {
  .prd-detail-grid{flex-direction: column;}
}
@media (max-width: 767px) {
.prd-detail-content .accordion .text {--text-th-padding: 0.75rem;}
.prd-detail-price-wrap{flex-wrap: wrap;}
.prd-detail-controls{flex-grow: 1;}
}
/*--------------------*/
/*  Color Selector    */
/*--------------------*/
.color-selector {--size: 1.5rem;--radius: 50%;--column: 10;opacity: 1;display: grid;display: grid;grid-template-columns: repeat(var(--column), 1fr);gap: var(--sp-12-8) 0.375rem;}
.color-selector .ch-box-color {display: flex;align-items: center;gap: 0.375rem;cursor: pointer;}
.color-selector input {cursor: pointer;width: var(--size);height: var(--size);display: flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: var(--radius);position: relative;transition: var(--transition-1);}
.color-selector input::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 1rem;height: 1rem;background: currentColor;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: var(--radius);transition: var(--transition-1);}
.color-selector input:checked {border-color: var(--clr-black);}
.color-selector input:checked::before {border: none;}
.color-selector input:checked + * {color: var(--clr-black);}
.color-selector input:disabled {opacity: 0.5;cursor: not-allowed;}
.color-selector input:disabled::after {content: "";position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background-color: var(--clr-red);z-index: 1;transform: rotate(33deg);transform-origin: center;}
.color-selector .ch-box-color__label {font-size: var(--text);line-height: var(--size);font-weight: 400;letter-spacing: -0.03rem;color: var(--clr-primary);transition: var(--transition-1);}
@media (min-width: 1200px) {
.ch-box-color:hover .ch-box-color__label {color: var(--clr-black);}
}
@media (max-width: 1199px) {
.color-selector {--column: 4;}
}
@media (max-width: 767px) {
.color-selector {--column: 3;}
}
.variation-selector {display: flex;align-items: center;gap: var(--sp-20-12);}
.ch-box-filter {position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.ch-box-filter__label {--size: 1.5rem;position: relative;display: flex;align-items: center;justify-content: center;width: auto;height: auto;background: var(--bg-1);transition: var(--transition-1);line-height: 1.4;font-weight: 500;color: var(--clr-black);text-align: center;border-radius: var(--rd-1);padding: 0.5rem 0.75rem;border: solid 1px var(--bg-1);}
.ch-box-filter.disabled {cursor: not-allowed !important;}
.ch-box-filter.disabled .ch-box-filter__label {opacity: .5;}
.ch-box-filter input[type=radio],
.ch-box-filter input[type=checkbox] {display: none;}
.ch-box-filter input[type=radio]:checked ~ .ch-box-filter__label,
.ch-box-filter input[type=checkbox]:checked ~ .ch-box-filter__label {background-color: var(--clr-border);border-color: var(--clr-border);}
@media (min-width: 1200px) {
.ch-box-filter:not(.disabled):hover .ch-box-filter__label {border-color: var(--clr-border);}
}
@media (max-width: 767px) {
.ch-box-filter__label {--size: 1.875rem;font-size: 0.75rem;}
}
/*--------------------*/
/*  Prod. Informers   */
/*--------------------*/
.prd-informer {position: relative;background-color: var(--clr-grey);display: flex;align-items: center;gap: 1rem;padding: 1rem 1.25rem;}
.prd-informer .icon {--size: 2rem;}
.prd-informer + .prd-informer {margin-top: 1rem;}
/*--------------------*/
/*  Cart              */
/*--------------------*/
.cart {--cart-pd: var(--sp-32-12);position: fixed;z-index: 110;inset: 0;display: block;visibility: hidden;transition: visibility 0s linear;transition-delay: 0.6s;}
.cart-overlay {cursor: pointer;position: fixed;z-index: 1;inset: 0;opacity: 0;visibility: hidden;background: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));transition: var(--cubic-1);display: block;}
.cart-inner {position: absolute;z-index: 2;top: 0;right: 0;will-change: transform;transform: translateX(100%);width: min(30rem, 100%);height: 100%;max-height: 100%;display: flex;flex-direction: column;background: var(--clr-white);transition: var(--transition-1);}
.cart-inner::-webkit-scrollbar {display: none;}
.cart-top {gap: var(--sp-20-12);display: flex;align-items: center;justify-content: space-between;padding-block: var(--cart-pd) 0;padding-inline: var(--cart-pd);padding-bottom: calc(var(--cart-pd)/2);}
.cart-top .title {font-size: var(--h5);color: var(--clr-black);font-weight: 600;}
.cart-bottom {gap: var(--sp-16-12);display: flex;flex-direction: column;padding-block: 1.5rem;padding-inline: var(--cart-pd);background: var(--clr-border);}

.cart-controls {gap: var(--sp-20-12);display: flex;align-items: center;justify-content: space-between;}
.cart-controls__count b{color: var(--clr-title);font-weight: inherit;}
.cart-total {font-size: var(--h4);line-height: 1.25;font-weight: 600;color: var(--clr-title);}
.cart-is-open .cart {transition-delay: 0s;visibility: visible;}
.cart-is-open .cart-inner {transition-delay: 0.1s;transform: translateX(0);}
.cart-is-open .cart-overlay {transition-delay: 0.1s;opacity: 1;visibility: visible;}
.cart-empty {position: relative;height: 100%;padding: var(--cart-pd);text-align: center;gap: 0.5rem;align-items: center;justify-content: center;flex-direction: column;display: none;}
.cart-empty img {flex-shrink: 0;width: 2.5rem;margin-bottom: 0.5rem;}
.cart-empty .btn {margin-top: 0.5rem;}
.cart-products {padding: calc(var(--cart-pd)/2) var(--cart-pd);height: 100%;overflow-x: clip;overflow-y: auto;overscroll-behavior-y: none;}
.cart-products > * + * {margin-top: 0.5rem;}
.cart-inner.is-empty .cart-products,
.cart-inner.is-empty .cart-bottom {display: none;}
.cart-inner.is-empty .cart-empty {display: flex;}
@media (min-width: 1200px) {
.cart-products .price-wrap {font-size: 1rem;}
.cart-products .price-wrap .price-sale {font-size: 0.875rem;}
}
@media (max-width: 767px) {
.cart-controls .title {font-size: 0.75rem;}
}
@media (min-width:767px) {
  .cart-inner{border-radius: var(--rd-1) 0 0 var(--rd-1);}
}
/*--------------------*/
/*  Cart informer     */
/*--------------------*/
.cart-informer {--gap: 1rem;position: fixed;z-index: 500;bottom: var(--sp-20-12);left: 0.75rem;right: 0.75rem;width: calc(100% - 1.5rem);max-width: 54.375rem;margin-inline: auto;padding-block: var(--sp-16-12);padding-inline: var(--sp-32-12);transform: translate(0, 100%);opacity: 0;visibility: hidden;backface-visibility: hidden;display: block;background: var(--bg-1);box-shadow: var(--box-shadow);transition: var(--transition-1);border-radius: var(--rd-1);}
.cart-informer.is-active {visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cart-informer-inner {width: 100%;gap: 1rem;display: flex;align-items: center;justify-content: space-between;}
.cart-informer-inner .text {color: var(--clr-black-75);}
.cart-informer-inner .text b {color: var(--clr-black);}
.cart-informer-btn-wrap{flex-shrink: 0;white-space: nowrap;}
.toast-informer{width: auto;left: 0%;right: auto;transform: translate(calc(50vw - 50%), 100%);}
.toast-informer.is-active{transform: translate(calc(50vw - 50%), 0%);}
@media (max-width: 767px) {
.cart-informer {--gap: 1rem;}
.cart-informer-inner{flex-direction: column;align-items: stretch;}
}
/*--------------------*/
/*  Checkout          */
/*--------------------*/
.delivery-form .form-part:not(:last-child) {margin-bottom: var(--sp-32-20);}
.checkout-sec .part-inner {margin-top: var(--sp-16-12);}
.checkout-sec .form-title {font-size: 0.875rem;line-height: 1;font-weight: 400;text-transform: uppercase;letter-spacing: -0.0175rem;color: var(--clr-title);}
.checkout-sec .form-separator {display: block;width: 100%;height: 1px;background-color: var(--clr-grey);margin-bottom: var(--sp-32-20);}
.checkout-sec .SumoSelect {max-width: 100%;}
.checkout-sec .toggle-block {padding-top: var(--sp-16-12);display: none;}
.checkout-products > * + * {margin-top: var(--sp-16-12);padding-top: var(--sp-16-12);border-top: 1px solid var(--clr-grey);}
.checkout-products > *:first-child {padding-top: var(--sp-16-12);border-top: 1px solid var(--clr-grey);}
.checkout-products > *:last-child {padding-bottom: var(--sp-16-12);border-bottom: 1px solid var(--clr-grey);}
.input-button {position: relative;display: flex;align-items: flex-start;gap: 0.625rem;}
.input-button .input-field {width: 100%;}
.input-button .input {text-transform: uppercase;padding-right: 3rem;}
.input-button .input::-moz-placeholder {text-transform: initial;}
.input-button .input::placeholder {text-transform: initial;}
.input-button .btn {flex-shrink: 0;}
.input-button .btn-close {position: absolute;top: 0.75rem;right: 0.75rem;z-index: 1;display: none;}
.set-promocode .invalid .input {border-color: var(--clr-red);}
.set-promocode .invalid .input-error,
.set-promocode .invalid .btn-close {display: block;}
.set-promocode .success .input-success,
.set-promocode .success .btn-close {display: block;}
.checkout-error {position: relative;width: 100%;text-align: center;display: none;align-items: center;justify-content: center;gap: 0.5rem;height: 2.25rem;padding: 0.25rem 0.625rem;background-color: rgba(229, 46, 46, 0.1);font-size: var(--text);font-weight: 400;line-height: 1.25;letter-spacing: -0.03rem;color: var(--clr-title);margin-top: var(--sp-16-12);}
.checkout-error img {width: 1.125rem;height: 1.125rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.main-order-button {margin-top: var(--sp-16-12);}
.cart-empty-sec {display: none;}
.cart-empty-message {position: relative;text-align: center;display: flex;gap: 0.5rem;align-items: center;justify-content: center;flex-direction: column;}
.cart-empty-message img {flex-shrink: 0;width: 2.5rem;margin-bottom: 0.5rem;}
.cart-empty-message .btn {margin-top: 0.5rem;}
@media (min-width: 1200px) {
.delivery-form.right {margin-left: var(--sp-60-20);}
.checkout-products .price-wrap {font-size: 0.875rem;}
.checkout-products .price-wrap .price-sale {font-size: 0.75rem;}
}
@media (max-width: 991px) {
.delivery-form.right {margin-top: 1.25rem;}
.input-button .btn-close {top: 0.625rem;right: 0.625rem;}
}
@media (max-width: 767px) {
.checkout-sec .form-title {font-size: 0.75rem;}
}
/*--------------------*/
/*  Thank You         */
/*--------------------*/
.thank-block {position: relative;padding: var(--sp-40-20) var(--sp-40-12);border: 1px solid var(--clr-grey);display: flex;flex-direction: column;max-width: 41.25rem;width: 100%;margin-inline: auto;}
.thank-block .thank-price {border-top: none;padding-top: var(--sp-16-12);}
.thank-block .thank-price + .thank-price {padding-top: var(--sp-16-12);margin-top: var(--sp-16-12);border-top: 1px solid var(--clr-grey);}
.thank-head {gap: var(--sp-16-12);display: flex;justify-content: space-between;font-size: 0.875rem;line-height: 1.25;font-weight: 400;letter-spacing: -0.03rem;color: var(--clr-text);padding: var(--sp-16-10) 0;border-top: 1px solid var(--clr-grey);border-bottom: 1px solid var(--clr-grey);}
.thank-head .time {font-size: var(--text);font-weight: 400;color: var(--clr-title);flex-shrink: 0;}
.thank-head .time > * + * {margin-left: var(--sp-16-10);}
.thank-items {margin-top: var(--sp-16-12);}
.thank-items > * + * {margin-top: var(--sp-16-12);padding-top: var(--sp-16-12);border-top: 1px solid var(--clr-grey);}
.thank-items > *:first-child {padding-top: var(--sp-16-12);}
.thank-items > *:last-child {padding-bottom: var(--sp-16-12);border-bottom: 1px solid var(--clr-grey);}
.thank-price {padding-top: var(--sp-32-20);border-top: 1px solid var(--clr-grey);}
.thank-price-item {display: flex;align-items: flex-start;justify-content: space-between;gap: var(--sp-32-20);}
.thank-price-item + .thank-price-item {margin-top: 0.25rem;}
.thank-price-item p {font-size: var(--text);font-weight: 400;line-height: 1.25;color: var(--clr-text);letter-spacing: -0.03rem;}
.thank-price-item p:first-child {flex-shrink: 0;}
.thank-price-item p:last-child {color: var(--clr-title);text-align: right;font-weight: 600;}
.thank-total-item p {font-size: var(--text-md);line-height: 1.4;letter-spacing: -0.0338rem;}
.thank-total-item p:first-child {color: var(--clr-title);}
@media (min-width: 1200px) {
.thank-items .price-wrap {font-size: 0.875rem;}
.thank-items .price-wrap .price-sale {font-size: 0.75rem;}
}
/*--------------------*/
/*  Other             */
/*--------------------*/
.about-grid {display: grid;grid-template-columns: 1fr 1fr;gap: var(--sp-20-12);}
.about-grid .lr-content-1 {position: relative;background-color: var(--bg-1);padding: var(--sp-60-20);border-radius: var(--rd-1);display: flex;flex-direction: column;align-items: flex-start;}
.about-grid.reverse {grid-template-columns: 1fr 1fr;}
.about-grid.reverse .about-imgs {order: 1;}
.about-grid.reverse .lr-content-1 {order: 2;}
.about-imgs {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--sp-20-12);}
.about-grid .lr-content-1 > .title{margin-bottom: auto;}
.about-grid .lr-content-1 > .text {margin-top: auto;}
.about-imgs .img-item {position: relative;width: 100%;overflow: hidden;aspect-ratio: 870/760;background-color: var(--clr-grey);border-radius: var(--rd-1);}
.about-imgs .img-item:only-child {grid-column: span 2/span 2;height: 100%;}
.about-imgs .img-item:nth-child(1) {grid-row: span 4/span 4;}
.about-imgs .img-item:nth-child(2) {aspect-ratio: 1/0.54;grid-row: span 2/span 2;}
.about-imgs .img-item:nth-child(3) {aspect-ratio: 1/0.54;grid-row: span 2/span 2;grid-column-start: 1;grid-row-start: 5;}
.about-imgs .img-item:nth-child(4) {grid-row: span 4/span 4;grid-column-start: 2;grid-row-start: 3;}
.about-imgs .img-item img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.insta-sec .slider-controls {max-width: var(--container-width);margin-inline: auto;padding-inline: 0.75rem;}
.inst-icon {position: relative;display: flex;align-items: center;justify-content: center;width: clamp(2.5rem, 1.5886rem + 1.8987vw, 3.25rem);height: clamp(2.5rem, 1.5886rem + 1.8987vw, 3.25rem);border-radius: 50%;background-color: var(--bg-1);}
.inst-icon img {width: 1.25rem;height: 1.25rem;}
.insta-img {position: relative;width: 100%;overflow: hidden;aspect-ratio: 356/476;border-radius: var(--rd-1);}
.insta-img.size2 {aspect-ratio: 434/506;}
.insta-img.size3 {aspect-ratio: 1/1.1;}
.insta-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.img-animation img {transition: var(--transition-1);backface-visibility: hidden;will-change: transform;}
.simple-img {position: relative;overflow: hidden;aspect-ratio: 1/0.375;border-radius: var(--rd-1);}
.simple-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.delivery-logo {display: flex;align-items: flex-start;flex-wrap: wrap;gap: var(--sp-32-12);font-size: 0;margin-top: var(--sp-24-12);}
.delivery-logo img {width: 8.5rem;}
.shops-block {--count: 3;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-40-20);}
.shop-item {position: relative;display: flex;flex-direction: column;gap: var(--sp-16-10);padding-bottom: var(--sp-24-12);border-bottom: 1px solid var(--clr-grey);}
.shop-item .title {font-weight: 500;}
.shop-item .text a {color: var(--clr-text);text-decoration-color: transparent;}
@media (min-width: 1200px) {
.about-grid .lr-content-1 {padding-left: calc((100vw - var(--container-width) + 1rem) / 2);}
.about-grid .lr-content-1 .text {max-width: 36.25rem;}
.shop-item .text a:hover {color: var(--clr-black);text-decoration-color: currentColor;}
}
@media (max-width: 991px) {
.about-grid {grid-template-columns: 1fr 1fr;}
.about-grid.reverse {grid-template-columns: 1fr 1fr;}
.about-grid .lr-content-1 {padding-block: var(--sp-20-12);}
.shops-block {--count: 2;}
}
@media (max-width: 767px) {
.about-grid {grid-template-columns: 1fr;}
.about-grid.reverse {grid-template-columns: 1fr;}
.about-grid .about-imgs {order: 0;}
.about-grid .lr-content-1 {order: 1;padding-block: 1.875rem 2rem;}
.delivery-logo img {width: 5rem;}
.shops-block {--count: 1;}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
footer {position: relative;background-color: var(--bg-3);padding-block: var(--sp-50-20);--clr-title: var(--clr-white);--clr-text: var(--clr-white-70);font-size: var(--text-md);}
footer a {color: var(--clr-text);transition: color var(--transition-1);}
.footer-grid{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--sp-40-20);gap: var(--sp-xl);}
.footer-right {display: flex;flex-direction: column;gap: var(--sp-40-20);align-self: stretch; justify-content: space-between;flex-grow: 1;max-width: 87.125rem;}
.footer-logo {display: block;max-width: 13.125rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-content {display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;flex-wrap: wrap;}
.footer-caption {color: var(--clr-title);font-weight: 600;margin-bottom: var(--sp-12-8);}
.footer-links ul {display: flex;flex-direction: column;gap: var(--sp-12-8);}
.footer-contacts {display: flex;flex-direction: column;align-items: flex-start;gap: var(--sp-12-8);}
.footer-cnt-item {display: flex;align-items: center;gap: 0.5rem;font-weight: 400;}
.footer-cnt-item-icon{--size:2.5rem;display: flex;align-items: center;justify-content: center;width: var(--size);height: var(--size);border-radius: 50%;background-color: rgba(255, 255, 255, .1);}
.footer-cnt-item-icon img{width: 1.5rem;height: 1.5rem;}
.social {margin-top: var(--sp-32-20);}
.social ul {display: flex;align-items: center;flex-wrap: wrap;gap: var(--sp-12-8);}
.social a {position: relative;font-weight: 400;text-transform: uppercase;color: var(--clr-text);}
.social a > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 60%;max-height: 60%;}

.copy-dev {display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 0.5rem var(--sp-80-40);margin-top: auto;color: var(--clr-white-50);font-size: 0.75rem;}
.footer-copy {display: flex;align-items: center;color: var(--clr-white-50);}
.dev-link {gap: 0.5rem;display: flex;align-items: center;justify-content: flex-end;}
@media (min-width: 1200px) {
footer a:hover {color: var(--clr-title);}
}
@media (max-width:767px) {
  .footer-grid{flex-direction: column;align-items: center;}
  .footer-content{column-gap: 1rem;/*justify-content: space-around;*/}
  .copy-dev{text-align: center;flex-direction: column;}
}

/*--------------------*/
/*  Popups            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));opacity: 0;transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;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 0.75rem;overflow: auto;-webkit-overflow-scrolling: touch;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: translateY(6.25rem);transition: var(--transition-1);}
.popup-content.active {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: 625rem;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 37.5rem;background: var(--clr-white);border-radius: var(--rd-1);}
.popup-container.size-2 {max-width: 48.75rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 0.625rem;right: 0.625rem;}
.popup-align {position: relative;z-index: 1;padding: var(--sp-60-20);}
.popup-info > * + * {margin-top: var(--sp-32-20);}
.popup-info .ch-box-wrap {margin-block: calc(var(--space) * 2);}
.open-popup {cursor: pointer;}
.pr-popup {position: relative;border: solid 1px var(--clr-border);display: flex;align-items: center;justify-content: flex-start;gap: var(--sp-12-8);padding-inline: 0.75rem;border-radius: var(--rd-1);}
.pr-popup .prd-horiz-img {width: 5rem;aspect-ratio: 1/1.3;}
.pr-popup .prd-horiz-info {gap: 0.5rem;}
.pr-popup .prd-horiz-title {padding: 0;text-align: left;}
.switch-tab {cursor: pointer;color: var(--clr-black);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;text-decoration-color: currentColor;transition: var(--transition-1);}
.text .open-popup,
.popup-info .ch-box a {text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;text-decoration-color: currentColor;transition: var(--transition-1);}
@media (min-width: 1200px) {
.switch-tab:hover,
.text .open-popup:hover,
.popup-info .ch-box a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 767px) {
.popup-align {padding: 2.5rem 0.75rem;}
}
/*--------------------*/
/*  Informer          */
/*--------------------*/
.informer {--inf-pd: var(--sp-16-12);--inf-gap: var(--sp-16-12);overflow: hidden;position: fixed;z-index: 98;width: calc(100% - var(--inf-gap) * 2);padding: var(--inf-pd);background-color: var(--clr-white);opacity: 0;visibility: hidden;display: block;box-shadow: var(--box-shadow);transition: var(--transition-1);}
.informer.is-active {opacity: 1;visibility: visible;transform: translate(0%, 0%);}
.informer > * + * {margin-top: 0.5rem;}
.informer .btn {margin-top: var(--sp-16-12);}
.informer-img {position: relative;pointer-events: none;z-index: 1;display: block;padding-bottom: 100%;width: 100%;margin: 0;margin-bottom: var(--inf-pd);}
.informer-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.informer-close {position: absolute;z-index: 10;top: 0.625rem;right: 0.625rem;}
.promotional-informer {max-width: 20rem;bottom: var(--sp-20-12);right: var(--sp-20-12);transform: translate(calc(100% + var(--inf-gap)), 0%);border-radius: var(--rd-1);}
@media (max-width: 575px) {
.promotional-informer {--inf-gap: 0;max-width: 100%;bottom: 0;right: 0;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--cookie-pd: var(--sp-16-12);--cookie-gap: var(--sp-16-12);position: fixed;bottom: var(--sp-20-12);left: var(--sp-20-12);transform: translate(0%, 100%);max-width: min(100%, 30rem);width: 100%;padding: var(--cookie-pd);padding-right: calc(var(--cookie-pd) * 3.5);background: var(--clr-white);box-shadow: var(--box-shadow);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);display: block;}
.cookies-informer .btn-close {position: absolute;top: 0.625rem;right: 0.625rem;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-informer-inner {width: 100%;}
.cookies-informer-inner > * + * {margin-top: 1rem;}
.cookies-btn-wrap {display: flex;align-items: center;gap: 1.25rem;}
.cookies-btn-wrap > *:first-child:not(:hover) {color: var(--clr-primary-accent);}
@media (max-width: 575px) {
.cookies-informer {bottom: 0;left: 0;}
}
/*--------------------*/
/*  404               */
/*--------------------*/
.page-404 {margin: 0;padding: 2.5rem 0;width: 100%;min-height: calc(100svh - var(--h-height) - var(--h-top-height));display: flex;align-items: center;justify-content: center;}
.page-404-inner {margin-top: var(--sp-60-20);text-align: center;}
.page-404-inner > * + * {margin-top: var(--sp-32-12);}
.page-404-inner .btn {margin-inline: auto;}
.page-404-img {display: block;max-width: 31.875rem;margin-inline: auto;}
.page-404-img img {width: 100%;}
/*--------------------*/
/*  Brands            */
/*--------------------*/
.brand-slider .swiper-container{overflow: visible;}
.brand-slider .swiper-slide{height: auto;}
.brand-item{display: flex;flex-direction: column; align-items: center;justify-content: space-between;padding: var(--sp-16-10) var(--sp-20-12);border: solid 1px var(--clr-border);border-radius: var(--rd-1);background-color: var(--clr-white);gap: var(--sp-12-8);height: 100%;}
.brand-item img{aspect-ratio: 225/100; object-fit: contain;}
@media (min-width:1200px) {
  a.brand-item:hover{border-color: var(--clr-primary-accent);}
}
/*--------------------*/
/*  Promo CTA         */
/*--------------------*/
.promo-cta{position: relative;border-radius: var(--rd-1);background-color: var(--clr-primary-accent);display: grid;grid-template-columns: 1fr 2fr 1fr ; gap: var(--sp-12-8); align-items: center;overflow: hidden;}
.promo-cta__content{padding-block: var(--sp-50-20);text-align: center;}
.promo-cta__content > * + *{margin-top: var(--sp-16-10);}
.promo-cta__content .btn{margin-top: var(--sp-24-12);}
.promo-cta__decor{padding: 0; height: 100%;}
.promo-cta__decor img{width: 140%; object-fit: cover;object-position: right;max-width: unset; }
.promo-cta__decor:first-child img{left: unset;right: 0;}
.promo-cta__decor:last-child img{object-position: left;}
@media (max-width:991px) {
  .promo-cta__decor:first-child{display: none;}
  .promo-cta{grid-template-columns: 2fr 1fr; padding-left: calc(var(--bs-gutter-x)/2);}
  .promo-cta__content{text-align: left;}
}
@media (max-width:575px) {
  .promo-cta{grid-template-columns: 3fr 1fr;}
  .promo-cta__decor:last-child{margin-left: -2.75rem;}
}
/*--------------------*/
/*  Reviews           */
/*--------------------*/
.reviews{margin-top: var(--sp-12-8);}
.reviews>*+*{margin-top: var(--sp-12-8);}
.review-item{display: flex;flex-direction: column;gap: var(--sp-24-12);border-radius: var(--rd-1);background-color: var(--bg-1);padding: var(--sp-20-12);}
.review-item-product{display: grid;grid-template-columns: 3.75rem auto; gap: var(--sp-16-10);align-items: center; padding-bottom: var(--sp-12-8);border-bottom: solid 1px var(--clr-border);}
.review-item-product .image-cover{padding-bottom: 100%;border-radius: var(--rd-1);}
.review-info{display: flex;justify-content: space-between;gap: var(--sp-12-8);}
.review-info>*{display: flex;flex-direction: column;justify-content: flex-start;gap:.5rem}
.date-block{display: inline-flex;align-items: center;gap: .5rem;color: var(--clr-title);font-size: var(--text-md);}
.date-block svg{color: var(--clr-primary);}
.review-stars{display: inline-flex;align-items: center;gap: 0.25rem;color: rgba(0, 0, 0, 0.2);}
.review-stars .active{color: #FDA900;}
.review-text>*+*{margin-top: var(--sp-12-8);}
.review-images{display: flex;gap: var(--sp-12-8);flex-wrap: wrap; margin-top: auto;}
.review-images .image-cover{padding-bottom: 0;border-radius: var(--rd-1);width: 5rem;aspect-ratio: 1;}
.review-slider .swiper-slide{height: auto;}
.review-slider .review-item{height: 100%;}
.review-slider .swiper-container{overflow: visible;}

.review-summary{display: flex;flex-wrap: wrap;gap: 0.5rem var(--sp-16-10);align-items: center;font-size: var(--text-md);}
.review-summary .btn-link{margin-left: auto;}
.review-summary b{display: inline-flex;align-items: center;gap: .5rem;font-weight: 500;color: var(--clr-title);}
.review-summary span{font-size: var(--text);}
.review-summary-stars{mask-image:url("../img/stars-mask.svg");mask-size: 100%; position: relative;background-color: rgba(0, 0, 0, 0.2);height: 1rem;aspect-ratio: 100/16;transform: translateY(-7%);}
.review-summary-stars::before{content: "";position: absolute;left: 0;top: 0;width: calc(var(--score) / 5 * 100%);height: 100%;background:#FDA900; }
/*--------------------*/
/*  Brands list       */
/*--------------------*/

.brands {
    --col-w: 13.75rem;
    position: relative;
    -webkit-column-count: auto;
    -moz-column-count: auto;
    column-count: auto;
    -webkit-column-width: var(--col-w);
    -moz-column-width: var(--col-w);
    column-width: var(--col-w);
    -webkit-column-gap: var(--sp-md);
    -moz-column-gap: var(--sp-md);
    column-gap: var(--sp-md);
    margin: 0 auto;
    width: 100%;
    -webkit-column-fill: balance-all;
    -moz-column-fill: balance-all;
    column-fill: balance-all;
    font-size: var(--text-lg);
}

.brands > * {
    margin-bottom: var(--sp-sm);
}

.brands-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--sp-12-8);
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.brands-list > * {
    min-width: 0;
    max-width: 100%;
}
@media (max-width:767px) {
    .brands {
        --col-w: 8rem;
    }
}

/* PRODUCT CHARACTERISTICS */
.char-grid{
  display: grid;
  grid-template-columns: min-content auto;
  gap: var(--sp-12-8) var(--sp-20-12);
  font-size: var(--text-md);
}
.char-grid>*:nth-child(odd){
  white-space: nowrap;
}
.char-grid .text{
  color: var(--clr-title);
}
.char-grid .text>p+p{
  margin-top: .5em;
}