/*--------------------*/
/*  Helpers           */
/*--------------------*/
/* 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);}
.mx-auto {margin-inline: auto;}
.d-none {display: none !important;}
/*--------------------*/
/*  BANNER            */
/*--------------------*/
.banner-section {--clr-title: #fff;--clr-sub-title: #fff;--clr-text: rgba(255, 255, 255, .85);position: relative;overflow: clip;margin-top: calc(-1 * var(--h-height));}
.banner-section .swiper-pagination-bullet {color: rgba(255, 255, 255, 0.3);}
.banner-section .swiper-pagination-bullet-active {color: var(--clr-white);}
.banner-media {overflow: clip;position: relative;width: 100%;height: 100svh !important;display: flex !important;align-items: center;justify-content: center;padding-block: calc(var(--sp-md) + var(--h-height-true) * 2) var(--sp-lg);}
.banner-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 68.73%);}
.banner-media img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.video {position: absolute;z-index: 0;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;clip: rect(auto, auto, auto, auto);}
.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-info {position: relative;z-index: 3;gap: 0.625rem;display: grid;justify-items: center;text-align: center;}
.banner-info .text {margin-top: var(--sp-xss);max-width: 38.75rem;}
.banner-info .btn {margin-top: var(--sp-xs);}
.banner-media.style-2 {justify-content: flex-start;align-items: flex-end;}
.banner-media.style-2 .banner-info {text-align: left;justify-items: start;}
.banner-media.style-3 {justify-content: center;align-items: flex-end;}
/*--------------------*/
/*  BREADCRUMBS       */
/*--------------------*/
.breadcrumbs {--br-fz: 0.875rem;--br-space: 0.75rem;position: relative;z-index: 10;width: calc(100% + var(--br-space) * 2);line-height: 0;margin-top: var(--sp-xss);padding-inline: var(--br-space);margin-inline: calc(-1 * var(--br-space));overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;}
.breadcrumbs::-webkit-scrollbar {display: none;}
.breadcrumbs svg {width: 1rem;height: 1rem;}
.breadcrumbs ul {display: inline-flex;align-items: center;min-width: -moz-max-content;min-width: max-content;line-height: 0;}
.breadcrumbs li {position: relative;display: inline-block;font-size: var(--br-fz);line-height: 1rem;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;margin: 0 0.5em;width: 0.25rem;height: 0.25rem;border-radius: 100%;background-color: currentColor;}
.breadcrumbs li:last-child {padding-right: var(--br-space);}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs li.active {color: var(--clr-black);}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {color: var(--clr-secondary);}
}
/*--------------------*/
/*  Categories        */
/*--------------------*/
.ctg-grid {gap: var(--sp-xs);display: grid;grid-template-columns: 1fr;}
.ctg-item {gap: var(--sp-xss);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: calc(var(--sp-xs) + var(--sp-xss)) var(--sp-sm);border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);transition: background var(--cubic-1),border-color var(--cubic-1);background-color: var(--clr-white);background-size: 20%;background-position: top 20% left 4%;background-repeat: no-repeat;background-image: url(../img/decor-1.svg);}
.ctg-item:has(.btn) {gap: var(--sp-sm);border-color: var(--bg-1);background-color: var(--bg-1);background-image: none;aspect-ratio: 1.045;}
.ctg-img {position: relative;display: block;width: 100%;aspect-ratio: 1.165;}
.ctg-img img {content-visibility: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
@media (min-width: 576px) {
.ctg-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 992px) {
.ctg-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1200px) {
a.ctg-item:hover {border-color: var(--bg-1);background-color: var(--bg-1);background-size: 66%;background-position: top 35% left 4%;}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-block {--lr-gap: 1rem;--lr-space: 0.75rem;position: relative;gap: var(--lr-gap);display: grid;grid-template-columns: 1fr;}
.lr-block:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--rd-1);background-color: var(--bg-1);background-size: 25%;background-position: bottom -2% right -3%;background-repeat: no-repeat;background-image: url(../img/decor-2.svg);}
.lr-title {text-wrap: balance;margin-top: var(--sp-md);margin-inline: var(--lr-space);}
.lr-title > * + * {margin-top: var(--sp-xs);}
.lr-img-wrap {align-self: start;gap: var(--lr-gap);display: grid;grid-template-columns: 1fr 1fr;margin-inline: var(--lr-space);}
.lr-img {width: 100%;aspect-ratio: 1.04;max-height: 30rem;overflow: hidden;border-radius: var(--rd-1);}
.lr-img:only-child {grid-column: span 2;}
.lr-img-inner {position: relative;width: 100%;height: 100%;}
.lr-img-inner img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.lr-content {max-width: 100%;margin-inline: var(--lr-space);margin-bottom: var(--sp-md);}
.lr-content > * + * {margin-top: var(--sp-xs);}
.lr-content > * + *:is(.btn) {margin-top: var(--sp-md);}
.lr-content .more-content{display: none;padding-top: var(--sp-xs)}
.lr-content .more-btn::before{content: attr(data-toggle-more)}
.lr-content .more-btn svg {transition: transform var(--transition-1)}
.lr-content .more-btn.is-active::before {content: attr(data-toggle-less)}
.lr-content .more-btn.is-active svg {transform: rotateX(180deg)}
@media (min-width: 576px) {
.lr-block {--lr-gap: var(--sp-xs);--lr-space: var(--sp-md);}
.lr-title {margin-top: var(--lr-space);}
.lr-content {margin-bottom: var(--lr-space);}
}
@media (min-width: 992px) {
.lr-block {--lr-space: var(--sp-sm);grid-template-columns: 1fr 1fr;}
.lr-block:before {left: auto;right: 0;width: calc(50% - var(--lr-gap) / 2);background-position: bottom -2% left -3%;}
.lr-block.reverse-side:before {left: 0;right: auto;}
.lr-block.reverse-side .lr-img-wrap {grid-column: 2/3;}
.lr-img-wrap {grid-row: 1/3;grid-template-columns: 1fr;margin-inline: 0;}
.lr-img {aspect-ratio: 2.139;max-height: unset;}
.lr-img:only-child {aspect-ratio: 1.17;grid-column: span 1;}
.lr-title {align-self: start;}
.lr-content {justify-self: end;align-self: end;max-width: 30.875rem;}
}
@media (min-width: 1200px) {
.lr-block {--lr-space: var(--sp-md);}
}
@media (min-width: 1480px) {
.lr-block {--lr-space: var(--sp-lg);}
}
/*--------------------------*/
/*  Tabs (not for styling)  */
/*--------------------------*/
._tabs {position: relative;}
:where(._tab) {display: none;}
._tab:nth-child(1 of ._tab) {display: block;}
._tab-item {cursor: pointer;}
._tab-item.is-active {pointer-events: none;}
/*--------------------*/
/*  Full block        */
/*--------------------*/
.full-block {position: relative;}
.full-block-nav {position: absolute;z-index: 2;top: 1.5rem;left: 50%;transform: translateX(-50%);padding: 0.625rem 1rem;gap: 0.625rem;display: inline-flex;align-items: center;width: -moz-max-content;width: max-content;overflow: clip;background: rgba(255, 255, 255, 0.2);border-radius: 100px;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.full-block-nav > * {flex-shrink: 0;font-size: 1.125rem;font-weight: 400;line-height: 1.33333em;color: var(--clr-white);padding: 0.75rem 1rem;border-radius: 100px;transition: background-color var(--transition-1);}
.full-block-nav > *.is-active {background-color: var(--clr-primary);}
.full-block-item {position: relative;z-index: 0;width: 100%;height: calc(100vh - var(--h-height-true));}
.full-block-item > * {position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
@media (max-width: 767px) {
.full-block-nav > * {font-size: 1rem;}
}
/*--------------------*/
/*  Sticky Cards      */
/*--------------------*/
.st-cards-block {gap: var(--sp-md) var(--sp-xs);display: grid;}
.st-cards {position: relative;}
.st-cards::after {content: "";display: block;width: 100%;height: var(--sp-xl);}
.st-card {--angle-left: -1.25deg;--angle-right: 1.25deg;will-change: transform;position: sticky;top: calc(var(--h-height-true) + 42svh + var(--sp-sm) * var(--index));width: min(100%, 540px);text-wrap: balance;margin-inline: auto;margin-top: var(--sp-xl);padding: var(--sp-xs) var(--sp-sm);border: 0.0625rem solid var(--bg-1);border-radius: var(--rd-1);background-color: var(--bg-1);background-size: 12.5%;background-position: top 40% right var(--sp-md);background-repeat: no-repeat;background-image: url(../img/decor-1.svg);transform-style: preserve-3d;transform-origin: center;animation: linear scaleRight forwards;animation-timeline: view(block);animation-range: entry 20% cover 40%;}
.st-card:nth-child(odd) {animation: linear scaleLeft forwards;animation-timeline: view(block);animation-range: entry 20% cover 40%;}
.st-card img {display: block;width: 5.75rem;margin-bottom: var(--sp-xs);}
.st-card + .st-card {margin-top: var(--sp-xl);}
.st-cards-content {align-self: baseline;position: sticky;top: calc(var(--h-height-true) + var(--sp-sm));margin-bottom: calc(var(--h-height-true) + 20svh);}
.st-cards-content > * + * {margin-top: var(--sp-xs);}
.st-cards-content .sub-title + .title {margin-top: 0.25rem;}
@media (min-width: 992px) {
.st-cards-content {grid-row: span 2;top: calc((100svh - var(--h-height-true)) / 3);margin-bottom: 0;}
.st-cards-content > * + * {margin-top: var(--sp-md);}
.st-cards-content .sub-title + .title {margin-top: var(--sp-xs);}
.st-cards {grid-column: 2/3;}
.st-card {top: calc(var(--h-height-true) + var(--sp-md) + var(--sp-sm) * var(--index));padding: var(--sp-sm);width: 100%;}
.st-card:first-child {margin-top: var(--sp-xl);}
.st-card img {width: 8rem;}
}
@media (min-width: 1200px) {
.st-cards-block {gap: 0 var(--col-1);grid-template-columns: var(--col-5) var(--col-6);}
.st-card {margin-left: auto;padding: var(--sp-md);}
.st-card img {width: 10.375rem;}
}
@keyframes scaleLeft {
75% {background-color: var(--bg-1);border-color: var(--bg-1);}
100% {background-color: var(--clr-white);border-color: var(--clr-border);transform: translateX(calc(-1 * var(--sp-sm))) rotate(calc(var(--angle-left) * var(--index)));}
}
@keyframes scaleRight {
75% {background-color: var(--bg-1);border-color: var(--bg-1);}
100% {background-color: var(--clr-white);border-color: var(--clr-border);transform: translateX(var(--sp-sm)) rotate(calc(var(--angle-right) * var(--index)));}
}
/*--------------------*/
/*  Brands            */
/*--------------------*/
.scrolling-section {overflow: clip;margin-top: var(--sp-sm);will-change: transform;position: relative;display: grid;transform-origin: center;transform-style: preserve-3d;animation: scrollingSection linear both;animation-timeline: view(block);animation-range: entry-crossing 0% entry 100%;}
@keyframes scrollingSection {
from {transform: scale3d(0.8, 0.8, 1);border-radius: 50px;}
to {transform: scale3d(1, 1, 1);border-radius: 0px;}
}
.scrolling-bg {position: sticky;z-index: -1;top: var(--h-height-true);height: calc(100svh - var(--h-height-true));grid-column: 1;grid-row: 1;}
.scrolling-bg::before {content: "";position: absolute;z-index: 1;inset: 0;background-color: rgba(0, 0, 0, 0.2);}
.scrolling-bg img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.scrolling-content {--clr-title: #fff;--clr-sub-title: #fff;--clr-text: rgba(255, 255, 255, .85);padding-block: calc(var(--sp-lg) + var(--sp-sm));grid-column: 1;grid-row: 1;}
.scrolling-content > * + * {margin-top: var(--sp-lg);}
.scrolling-title {width: 100%;text-wrap: balance;}
.scrolling-title > * + * {margin-top: var(--sp-xs);}
.scrolling-block {width: 100%;}
.scrolling-block > * + * {margin-top: var(--sp-md);}
.scrolling-item {padding: var(--sp-sm);border-radius: var(--rd-1);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);background: rgba(255, 255, 255, 0.03);gap: var(--sp-xs) var(--sp-sm);display: grid;}
.scrolling-item:has(img) {grid-template-columns: auto 1fr;grid-template-rows: auto 1fr;}
.scrolling-item img {grid-column: 1/2;grid-row: 1/3;width: var(--sp-lg);}
.scrolling-item .title b {font-size: 275%;}
@media (min-width: 768px) {
.scrolling-title {margin-left: var(--sp-md);}
.scrolling-block {width: var(--col-9);margin-inline: auto var(--sp-md);}
.scrolling-item img {width: calc(var(--sp-lg) * 1.5);}
}
@media (min-width: 992px) {
.scrolling-title {width: var(--col-9);margin-left: var(--sp-lg);}
.scrolling-block {width: var(--col-8);margin-inline: auto var(--sp-lg);}
}
@media (min-width: 1200px) {
.scrolling-title {width: var(--col-7);margin-left: var(--col-1);}
.scrolling-block {margin-inline: auto var(--col-1);width: var(--col-6);}
}
@media (min-width: 1480px) {
.scrolling-item {padding: var(--sp-sm) var(--sp-md);gap: var(--sp-xs) var(--sp-md);}
.scrolling-item img {width: calc(var(--sp-lg) * 2);}
}
/*--------------------*/
/*  Call to           */
/*--------------------*/
.clt-block {gap: var(--sp-sm);display: grid;width: 100%;padding-block: var(--sp-md);padding-inline: 0.75rem;margin-inline: auto;border-radius: var(--rd-1);background-color: var(--bg-1);background-size: 44%;background-position: top -8% right 0%;background-repeat: no-repeat;background-image: url(../img/decor-3.svg);}
.clt-content {max-width: 26.5rem;width: 100%;align-self: center;}
.clt-content > * + * {margin-top: var(--sp-xs);}
.clt-apps {margin-top: var(--sp-sm);gap: var(--sp-xs);display: flex;flex-wrap: wrap;align-items: center;}
.clt-apps > * {width: 8.375rem;}
.clt-apps img {display: block;width: 100%;}
.clt-img {display: block;width: 100%;max-width: 31.25rem;margin-bottom: calc(-1 * var(--sp-md));justify-self: center;}
.clt-img img {display: block;width: 100%;}
@media (min-width: 576px) {
.clt-block {padding-block: var(--sp-sm);padding-inline: var(--sp-lg);}
.clt-img {margin-bottom: calc(-1 * var(--sp-sm));}
}
@media (min-width: 992px) {
.clt-block {grid-template-columns: 1fr 0.814fr;background-position: top -4rem right 32%;}
.clt-img {max-width: 100%;}
}
@media (min-width: 1200px) {
.clt-block {width: var(--col-10);}
}
/*--------------------*/
/*  Seo Block         */
/*--------------------*/
.seo-section {position: relative;margin-bottom: var(--sp-sm);}
.seo-section::before {content: "";position: absolute;z-index: -1;inset: 0 1.875rem;border-radius: var(--rd-1);background-color: var(--bg-1);}
.seo-block {--space: 1.25rem;padding-block: var(--sp-sm);gap: var(--sp-lg);display: flex;}
.seo-img {position: relative;overflow: hidden;display: block;width: 33.333334%;aspect-ratio: 2;flex-shrink: 0;align-self: flex-start;}
.seo-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
.seo-inner {align-self: center;flex-grow: 1;}
.seo-content {--inActive-height: calc(1.3em * 2);margin-top: 0.75rem;height: var(--inActive-height);min-height: var(--inActive-height);overflow: hidden;text-overflow: ellipsis;}
.seo-btn {margin-top: var(--sp-xs);}
.seo-btn::before {content: attr(data-toggle-more);}
.seo-btn svg {transition: transform var(--transition-1);}
.seo-btn.is-active::before {content: attr(data-toggle-less);}
.seo-btn.is-active svg {transform: rotateX(180deg);}
@media (max-width: 1199px) {
.seo-section {margin-inline: 0.75rem;}
.seo-section::before {content: none;}
.seo-block {gap: var(--sp-sm);border-radius: var(--rd-1);background-color: var(--bg-1);}
.seo-img {width: 28%;}
}
@media (max-width: 991px) {
.seo-img {display: none;}
.seo-content {--inActive-height: calc(1.3em * 5);}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer::before {content: "";position: absolute;z-index: -1;inset: 0;background-color: rgba(0, 0, 0, 0.75);}
.footer > picture img {position: absolute;top: 0;left: 0;z-index: -2;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.footer-top {padding-block: 3.125rem 2.5rem;gap: 2.5rem 1.5rem;display: grid;grid-template-columns: repeat(5, auto);}
.footer-logo {display: block;width: 11rem;}
.footer-logo img {display: block;width: 100%;}
.footer-col {max-width: 23.875rem;}
.footer-col > * + * {margin-top: 1rem;}
.footer-caption {font-size: 1.125rem;line-height: 1em;font-weight: 500;color: var(--clr-white);text-transform: uppercase;}
.footer-links {font-size: 1rem;font-weight: 400;line-height: 1.25em;color: rgba(255, 255, 255, 0.6);}
.footer-links li + li {margin-top: 0.75rem;}
.footer-contacts > * + * {margin-top: 0.75rem;}
.footer-cnt-item {font-size: 1rem;font-weight: 400;line-height: 1.5em;color: rgba(255, 255, 255, 0.6);gap: 0 0.625rem;display: grid;justify-items: start;grid-template-columns: auto 1fr;}
.footer-cnt-item > * {grid-column: 2/3;}
.footer-cnt-item img,
.footer-cnt-item svg {grid-column: 1/2;width: 1.25rem;height: 1.25rem;margin-top: 0.15em;color: var(--clr-secondary);}
.footer-bottom {font-size: 1rem;line-height: 1.25em;color: rgba(255, 255, 255, 0.6);padding-block: 1.25rem;gap: 1rem;display: flex;align-items: center;justify-content: space-between;border-top: 0.0625rem solid rgba(255, 255, 255, 0.25);}
.footer-copy {gap: var(--sp-sm) var(--sp-xs);display: flex;flex-wrap: wrap;align-items: center;}
.footer-apps {gap: var(--sp-xs);display: flex;flex-wrap: wrap;align-items: center;}
.footer-apps > * {width: 8.375rem;}
.footer-apps img {display: block;width: 100%;}
.dev-link {gap: 0.5em;display: flex;align-items: center;}
.dev-link img {width: 5.875em;max-width: 5.875rem;}
@media (min-width: 1200px) {
.footer-cnt-item a:hover,
.footer-links a:hover,
.footer-bottom a:hover {color: var(--clr-white);}
.footer-logo:hover,
.footer-apps a:hover {filter: brightness(1.2);}
.dev-link:hover {color: var(--clr-white);}
}
@media (max-width: 1199px) {
.footer {position: relative;z-index: 2;}
.footer-top {grid-template-columns: repeat(3, auto);}
.footer-col:has(.footer-links) {order: 2;}
.footer-col:has(.footer-contacts) {grid-column: span 2;}
}
@media (max-width: 767px) {
.footer-top {gap: 2.5rem 1rem;grid-template-columns: repeat(2, 1fr);}
.footer-logo {width: 8.625rem;}
.footer-col:has(.footer-links) {order: unset;}
.footer-caption {font-size: 1.0625rem;}
.footer-cnt-item,
.footer-links {font-size: 0.9375rem;}
.footer-bottom {font-size: 0.875rem;flex-direction: column;}
.footer-apps {order: 2;}
}
/*--------------------*/
/*  Advantages        */
/*--------------------*/
.atg-grid {--gap: 0.75rem;gap: var(--gap);display: flex;overflow-y: clip;overflow-x: scroll;scroll-snap-type: x mandatory;margin-inline: calc(-1 * var(--gap));padding-inline: var(--gap);}
.atg-grid::-webkit-scrollbar {display: none !important;}
.atg-grid > * {width: 80%;}
.atg-item {flex-shrink: 0;padding: var(--sp-xs);background-color: var(--bg-1);scroll-snap-align: start;scroll-margin-left: 0.75rem;}
.atg-item > * + * {margin-top: 0.5rem;}
.atg-img {position: relative;width: calc(100% + var(--sp-xs) * 2);margin-top: calc(-1 * var(--sp-xs));margin-inline: calc(-1 * var(--sp-xs));aspect-ratio: 1.1;margin-bottom: var(--sp-xs);}
.atg-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: var(--rd-1);}
@media (min-width: 576px) {
.atg-grid > * {width: 40%;}
}
@media (min-width: 768px) {
.atg-grid {margin: 0;padding: 0;flex-wrap: wrap;}
.atg-grid > * {width: calc(50% - var(--sp-xs) + var(--sp-xs) / 2);}
}
@media (min-width: 992px) {
.atg-grid {gap: var(--sp-xs);}
.atg-grid > * {width: calc(33.3333333333% - var(--sp-xs) + var(--sp-xs) / 3);}
}
@media (min-width: 1200px) {
.atg-grid > * {width: calc(25% - var(--sp-xs) + var(--sp-xs) / 4);}
}
/*--------------------*/
/*  Certificate       */
/*--------------------*/
.swiper-slide:has(.crt-item) {height: auto !important;}
.crt-item {--gap: calc(var(--sp-xs) * 1.5);height: 100%;display: block;padding: var(--gap);border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);background-color: var(--clr-white);}
.crt-item > * + * {margin-top: var(--gap);}
@media (max-width: 1199px) {
.swiper-container:has(.crt-item) {overflow: visible;}
}
/*--------------------*/
/*  Process Cards     */
/*--------------------*/
.swiper-entry:has(.prc-card) {counter-reset: number;}
.prc-card {position: relative;gap: var(--sp-xs);display: flex;border-radius: var(--rd-1);background-color: var(--bg-1);}
.prc-card::before {counter-increment: number;content: counter(number, decimal-leading-zero);position: absolute;top: calc(var(--sp-xs) * 1.5);left: calc(var(--sp-xs) * 1.5);font-size: var(--h1);line-height: 0.8em;color: var(--clr-secondary);font-weight: 700;transition: opacity var(--transition-1);transition-delay: 0.4s;}
.prc-card-info {align-self: flex-end;padding-block: calc(var(--h1) + var(--sp-xs) * 1.5) calc(var(--sp-xs) * 1.5);padding-inline: var(--sp-md) 5%;transition: opacity var(--transition-1);transition-delay: 0.4s;}
.prc-card-info > * + * {margin-top: var(--sp-xs);}
.prc-card-img {position: relative;flex-shrink: 0;width: calc(50% - var(--sp-xs) / 2);aspect-ratio: 1.3833;}
.prc-card-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: var(--rd-1);content-visibility: auto;}
@media (min-width: 992px) {
.swiper-slide:not(.swiper-slide-active) .prc-card::before,
.swiper-slide:not(.swiper-slide-active) .prc-card-info {opacity: 0;transition-delay: 0s;}
}
@media (max-width: 1199px) {
.prc-card-info {padding-inline: var(--sp-xs);}
}
@media (max-width: 991px) {
.prc-card {flex-direction: column-reverse;padding-inline: 0.75rem;}
.prc-card-img {width: 100%;margin-top: calc(var(--h1) + var(--sp-xs) * 2);}
.prc-card-info {padding-block: 0 calc(var(--sp-xs) * 1.5);padding-inline: 0;}
}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.faq-nav {display: flex;align-items: center;width: -moz-max-content;width: max-content;max-width: 100%;margin-inline: auto;padding: 0.5rem;background-color: var(--bg-1);border-radius: var(--rd-1);overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;}
.faq-nav::-webkit-scrollbar {display: none;}
.faq-nav b {color: var(--clr-primary);transition: color var(--transition-1);}
.faq-nav > * {cursor: pointer;flex-shrink: 0;font-size: var(--text-sm);font-weight: 500;line-height: 1.5em;color: var(--clr-black);padding: 0.625em 1.25em;border-radius: var(--rd-1);scroll-snap-align: center;transition: background-color var(--transition-1),color var(--transition-1);}
.faq-nav > *.is-active {color: var(--clr-white);background-color: var(--clr-primary);}
.faq-nav > *.is-active b {color: var(--clr-white);}
.accordion {position: relative;z-index: 1;}
.accordion-item {--padding-acc: var(--sp-sm);position: relative;border-radius: var(--rd-1);background-color: var(--bg-1);}
.accordion-item + .accordion-item {margin-top: 0.75rem;}
.accordion-title {position: relative;cursor: pointer;font-size: var(--h6);line-height: 1.25em;font-weight: 500;color: var(--clr-title);padding: var(--padding-acc);padding-right: calc(var(--padding-acc) + 1.25em);transition: var(--transition-1);}
.accordion-title i {display: inline-block;position: absolute;line-height: 0;right: var(--padding-acc);top: var(--padding-acc);transform-origin: center;color: var(--clr-white);transition: transform var(--transition-1);}
.accordion-title i::before {content: "";position: absolute;z-index: 0;inset: 0.125rem;border-radius: 100%;background-color: var(--clr-primary);}
.accordion-title svg {position: relative;z-index: 1;width: 1em;height: 1em;}
.accordion-title.is-active {color: var(--clr-primary);}
.accordion-title.is-active i {transform: rotate(180deg);}
.accordion-inner {display: none;padding-bottom: var(--padding-acc);padding-inline: var(--padding-acc);}
@media (min-width: 1200px) {
.accordion-title:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  Brands            */
/*--------------------*/
.brand-grid {gap: var(--sp-xs) calc(var(--sp-xl) * 1.75);display: grid;grid-template-columns: 1fr 1fr;}
.brand-title {text-wrap: balance;}
.brand-title > * + * {margin-top: var(--sp-xs);}
.brand-content > * + * {margin-top: var(--sp-md);}
.brand-wrap {position: relative;width: 100%;aspect-ratio: 1;border-radius: 100%;border: 0.0625rem solid var(--clr-border);}
.brand-wrap:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 45%;height: 45%;border-radius: 100%;border: 0.625rem solid rgba(185, 168, 121, 0.2);}
.brand-item {position: absolute;overflow: clip;z-index: 1;width: 19.5%;aspect-ratio: 1;border-radius: 100%;border: 0.0625rem solid var(--clr-secondary);background-color: var(--clr-white);}
.brand-item img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 70%;max-height: 50%;content-visibility: auto;}
@media (min-width: 768px) {
.brand-title {align-self: center;}
.brand-wrap {grid-row: 1/3;grid-column: 2/3;}
.brand-content {justify-self: end;align-self: center;max-width: 30.875rem;}
}
@media (max-width: 1480px) {
.brand-grid {gap: var(--sp-xs) calc(var(--sp-xl) * 1.25);}
}
@media (max-width: 1380px) {
.brand-grid {gap: var(--sp-xs) var(--sp-xl);}
}
@media (max-width: 1199px) {
.brand-grid {gap: var(--sp-xs);}
.brand-content > * + * {margin-top: var(--sp-xs);}
.brand-wrap {margin: var(--sp-md) auto;width: 86%;}
}
@media (max-width: 767px) {
.brand-grid {grid-template-columns: 1fr;}
.brand-wrap:before {border-width: 0.25rem;}
.brand-item img {width: 86%;}
}
/*--------------------*/
/*  About block       */
/*--------------------*/
.ab-grid {gap: var(--sp-xs);display: grid;grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));}
.ab-item {padding: calc(var(--sp-xs) * 1.6);height: 100%;gap: var(--sp-xs);display: flex;align-items: flex-start;flex-direction: column;border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);background-color: var(--clr-white);}
.ab-item-title {gap: 0.25rem;display: flex;align-items: center;font-size: var(--h6);line-height: 1.25em;font-weight: 500;color: var(--clr-black);}
.ab-item-title img {flex-shrink: 0;width: calc(var(--h6) * 4);}
@media (min-width: 1200px) {
.ab-grid {grid-template-columns: repeat(auto-fit, minmax(20.5rem, 1fr));}
}
/*--------------------*/
/*  Vacancies         */
/*--------------------*/
.vc-grid {--items: 4;gap: var(--sp-xs);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.vc-item {padding: calc(var(--sp-xs) * 1.6);aspect-ratio: 1.35;gap: 1rem;display: flex;align-items: flex-start;flex-direction: column;border-radius: var(--rd-1);background-color: var(--bg-1);background-size: 42%;background-position: bottom calc(var(--sp-xs) * -1.6) right -15%;background-repeat: no-repeat;background-image: url(../img/decor-2.svg);}
.vc-item .title {transition: color var(--transition-1);}
.vc-tag {width: -moz-fit-content;width: fit-content;font-size: 0.875rem;line-height: 1em;padding: 0.5rem 1rem;border-radius: var(--rd-1);background-color: var(--clr-white);}
.vc-item-bottom {width: 100%;margin-top: auto;display: flex;align-items: flex-end;justify-content: space-between;}
.vc-item-btn {position: relative;border-radius: 100%;overflow: clip;color: var(--clr-white);transition: color var(--transition-1);}
.vc-item-btn::before {content: "";position: absolute;z-index: 0;inset: 0.125rem;border-radius: 100%;background-color: var(--clr-primary);transition: background-color var(--transition-1);}
.vc-item-btn svg {position: relative;z-index: 1;width: calc(var(--sp-sm) * 1.2);height: calc(var(--sp-sm) * 1.2);}
@media (min-width: 1200px) {
a.vc-item:hover .title {color: var(--clr-primary);}
a.vc-item:hover .vc-item-btn {color: var(--clr-primary);}
a.vc-item:hover .vc-item-btn::before {background-color: var(--clr-white);}
}
@media (max-width: 1199px) {
.vc-grid {--items: 3;}
}
@media (max-width: 767px) {
.vc-grid {--items: 2;}
}
@media (max-width: 575px) {
.vc-grid {--items: 1;}
}
/*--------------------*/
/*  Form block        */
/*--------------------*/
.qst-img {display: none;}
.qst-form {display: flex;flex-direction: column;justify-content: center;padding-inline: var(--sp-md);padding-block: var(--sp-sm);border-radius: var(--rd-1);background-color: var(--bg-1);}
.qst-form .form-block {max-width: 38.25rem;}
@media (min-width: 992px) {
.qst-section {gap: var(--sp-xs);display: grid;grid-template-columns: 1fr 1fr;}
.qst-img {display: block;overflow: hidden;border-radius: var(--rd-1);}
.qst-img img {display: block;width: 100%;}
}
@media (max-width: 991px) {
.qst-form {width: 100%;max-width: 42.5rem;margin-inline: auto;padding-block: var(--sp-md);}
}
@media (max-width: 575px) {
.qst-form {padding-inline: 1rem;}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.blog-wrap > * + * {margin-top: var(--sp-xs);}
.blog-item {padding: var(--sp-xs);gap: var(--sp-xs);display: grid;align-items: start;border-radius: var(--rd-1);background-color: var(--bg-1);}
.blog-img {position: relative;overflow: hidden;display: block;aspect-ratio: 1.75;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;content-visibility: auto;transition: var(--transition-1);}
.blog-prom {position: absolute;z-index: 2;left: var(--sp-sm);top: var(--sp-sm);font-size: var(--h5);line-height: 1em;font-weight: bold;padding: 0.75em 0.6666666em;color: var(--clr-white);border-radius: var(--rd-1);background-color: var(--clr-secondary);}
.blog-content {gap: var(--sp-xs);display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.blog-labels {gap: var(--sp-xs) var(--sp-sm);display: inline-flex;flex-wrap: wrap;align-items: center;}
.blog-labels li {gap: 0.75em;display: inline-flex;align-items: center;font-size: var(--text-sm);line-height: 1em;font-weight: 400;color: var(--clr-text);}
.blog-labels li:only-child {padding: 0.75em;border-radius: var(--rd-1);background-color: var(--clr-white);}
.blog-labels li:only-child svg {color: var(--clr-primary);}
.blog-labels svg {width: 1.5em;height: 1.5em;color: var(--clr-primary);}
.blog-detail > * + * {margin-top: var(--sp-md);}
.blog-detail .blog-labels li:only-child {background-color: var(--bg-1);}
.blog-detail .blog-labels svg {color: var(--clr-secondary);}
.blog-detail-img {display: block;width: 100%;}
.blog-detail-img img {display: block;width: 100%;border-radius: var(--rd-1);}
@media (min-width: 992px) {
.blog-item {grid-template-columns: 1.285fr 1fr;grid-template-rows: auto 1fr auto;}
.blog-item:nth-child(even) {grid-template-columns: 1fr 1.285fr;}
.blog-item:nth-child(even) .blog-img {grid-column: 2/3;}
.blog-img {grid-column: 1/2;grid-row: 1/4;}
}
@media (min-width: 1200px) {
.blog-item > *:not(.blog-img) {margin-inline: var(--sp-sm);}
.blog-item .title {margin-top: var(--sp-sm);}
.blog-content {margin-bottom: var(--sp-sm);}
a.blog-img:hover img {transform: scale(1.04);}
.blog-item a.title:hover {color: var(--clr-secondary);}
}
.col-content,
.col-content-2 {width: 100%;margin-inline: auto;}
@media (min-width: 992px) {
.col-content {width: var(--col-10);}
}
@media (min-width: 1200px) {
.col-content {width: var(--col-8);}
.col-content-2 {width: var(--col-10);}
}
/*--------------------*/
/*  Pagination        */
/*--------------------*/
.pagination {--size: 3.125rem;position: relative;display: block;text-align: center;margin-top: var(--sp-md);}
.pagination ul {line-height: 0;display: inline-flex;justify-content: center;border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);}
.pagination li {flex-shrink: 0;display: inline-block;position: relative;width: var(--size);height: var(--size);border-radius: var(--rd-1);font-size: var(--text-sm);font-weight: 500;color: var(--clr-text);line-height: var(--size);text-align: center;}
.pagination a {display: inline-block;position: relative;width: 100%;height: 100%;border-radius: inherit;}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow {margin-inline: 0.375em;}
.pagination .pag-arrow svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.875em;height: 0.875em;}
.pagination li.active a {pointer-events: none;color: var(--clr-primary);background-color: var(--bg-1);}
@media (min-width: 1200px) {
.pagination li a:hover {background-color: var(--bg-1);}
}
@media (max-width: 575px) {
.pagination {--size: 2.375rem;}
.pagination .pag-arrow {margin-inline: 0;}
}
/*--------------------*/
/*  Contacts          */
/*--------------------*/
.ct-items-row {gap: var(--sp-xs);display: grid;grid-template-columns: repeat(auto-fit, minmax(16.25rem, 1fr));}
.contact-item {padding: calc(var(--sp-xs) * 1.6);border-radius: var(--rd-1);background-color: var(--bg-1);}
.contact-item-title {gap: 1em;display: flex;align-items: center;font-size: calc(var(--text-sm) * 1.125);font-weight: 500;line-height: 1em;color: var(--clr-black);text-transform: uppercase;margin-bottom: 0.625rem;}
.contact-item-title svg {width: 1.125em;height: 1.125em;color: var(--clr-primary);}
.contact-item-info {font-size: var(--text);font-weight: 400;line-height: 1.25em;color: var(--clr-text);}
.contact-item-info + .contact-item-info {margin-top: 0.375rem;}
.contact-block {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 16/6.29;min-height: 22.5rem;border-radius: var(--rd-1);}
.map {position: absolute;inset: 0;}
@media (min-width: 1200px) {
a.contact-item-info:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  InfoBox           */
/*--------------------*/
.infoBox {--space: calc(var(--sp-xs) * 1.5);}
.infoBox > img {z-index: 10;opacity: 0;}
.infoBox > img,
.infoBox .btn-close {position: absolute;top: var(--space);right: var(--space);width: 1.125rem;height: 1.125rem;border-radius: 0;transform: translate(50%, -50%);}
.infoBox .btn-close::before,
.infoBox .btn-close::after {width: 100%;}
.info-box-wrapper {position: relative;z-index: 1;background-color: var(--clr-white);border-radius: var(--rd-1);}
.info-box-inner {padding: var(--space);}
.cnt-caption {font-size: calc(var(--text-sm) * 1.125);font-weight: 500;line-height: 1em;text-transform: uppercase;color: var(--clr-black);margin-bottom: var(--sp-xs);}
.cnt-item {position: relative;padding-left: 2em;font-family: var(--text-sm);font-weight: 400;font-size: 1rem;line-height: 1.25em;gap: 0.25rem;display: flex;align-items: flex-start;flex-direction: column;}
.cnt-item::before {content: "";position: absolute;top: 0;left: 0;width: 1.25em;height: 1.25em;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: contain;}
.cnt-item + .cnt-item {margin-top: var(--sp-xs);}
.cnt-phone:before {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.97 18.33C21.97 18.69 21.89 19.06 21.72 19.42C21.55 19.78 21.33 20.12 21.04 20.44C20.55 20.98 20.01 21.37 19.4 21.62C18.8 21.87 18.15 22 17.45 22C16.43 22 15.34 21.76 14.19 21.27C13.04 20.78 11.89 20.12 10.75 19.29C9.6 18.45 8.51 17.52 7.47 16.49C6.44 15.45 5.51 14.36 4.68 13.22C3.86 12.08 3.2 10.94 2.72 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C11.27 13.75 11.79 14.24 12.32 14.69C12.84 15.13 13.27 15.43 13.61 15.61C13.66 15.63 13.72 15.66 13.79 15.69C13.87 15.72 13.95 15.73 14.04 15.73C14.21 15.73 14.34 15.67 14.45 15.56L15.21 14.81C15.46 14.56 15.7 14.37 15.93 14.25C16.16 14.11 16.39 14.04 16.64 14.04C16.83 14.04 17.03 14.08 17.25 14.17C17.47 14.26 17.7 14.39 17.95 14.56L21.26 16.91C21.52 17.09 21.7 17.3 21.81 17.55C21.91 17.8 21.97 18.05 21.97 18.33Z' stroke='%23009249' stroke-width='1.4' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");}
.cnt-mail:before {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 20.5H7C4 20.5 2 19 2 15.5V8.5C2 5 4 3.5 7 3.5H17C20 3.5 22 5 22 8.5V15.5C22 19 20 20.5 17 20.5Z' stroke='%23009249' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 9L13.87 11.5C12.84 12.32 11.15 12.32 10.12 11.5L7 9' stroke='%23009249' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.cnt-address:before {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 8.99953V14.9995C22 17.4995 21.5 19.2495 20.38 20.3795L14 13.9995L21.73 6.26953C21.91 7.05953 22 7.95953 22 8.99953Z' stroke='%23009249' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.73 6.27L6.26999 21.73C3.25999 21.04 2 18.96 2 15V9C2 4 4 2 9 2H15C18.96 2 21.04 3.26 21.73 6.27Z' stroke='%23009249' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3795 20.38C19.2495 21.5 17.4995 22 14.9995 22H8.99954C7.95954 22 7.05953 21.91 6.26953 21.73L13.9995 14L20.3795 20.38Z' stroke='%23009249' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.23929 7.9807C6.91929 5.0507 11.3193 5.0507 11.9993 7.9807C12.3893 9.7007 11.3093 11.1607 10.3593 12.0607C9.66928 12.7207 8.5793 12.7207 7.8793 12.0607C6.9293 11.1607 5.83929 9.7007 6.23929 7.9807Z' stroke='%23009249' stroke-width='1.4'/%3E%3Cpath d='M9.09412 8.69922H9.1031' stroke='%23009249' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.cnt-days:before {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' stroke='%23009249' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
@media (min-width: 1200px) {
.infoBox:has(> img:hover) .btn-close {color: var(--clr-red);}
.cnt-item a:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  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-secondary);transition: var(--transition-1);}
.fav-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 1.5rem;height: 1.5rem;}
.fav-btn.is-active {color: var(--clr-secondary);}
.fav-btn.is-active [fill] {fill: currentColor;}
.delete-btn {--size: 2rem;position: relative;cursor: pointer;display: block;flex-shrink: 0;width: var(--size);height: var(--size);color: var(--clr-primary);transition: var(--transition-1);}
.delete-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 1.25rem;height: 1.25rem;}
.delete-btn.is-active {color: var(--clr-secondary);}
@media (min-width: 1200px) {
.fav-btn:hover {color: var(--clr-primary);}
.delete-btn:hover {color: var(--clr-red);}
}
/*--------------------*/
/*  Labels            */
/*--------------------*/
.prd-labels {position: absolute;z-index: 1;top: 0;left: 0;line-height: 0;gap: 0.125rem;display: flex;flex-direction: column;align-items: flex-start;}
.prd-labels li {display: block;font-size: calc(var(--text-sm) * 0.875);line-height: 1em;font-weight: 400;color: var(--clr-white);padding: 0.575em 0.7155em;border-radius: 8px;}
/*--------------------*/
/*  Price             */
/*--------------------*/
.price-wrap {position: relative;font-size: var(--text-sm);line-height: 1.4em;font-weight: 500;color: var(--clr-title);flex-shrink: 0;display: inline-flex;align-items: flex-end;flex-direction: column;}
.price-wrap .old {font-size: 87.5%;line-height: 1em;color: var(--clr-text);text-decoration: line-through;}
.price-wrap b,
.price-wrap strong {font-weight: inherit;}
/*--------------------*/
/*  Loader            */
/*--------------------*/
.loading > * {opacity: 0.3;/*visibility: hidden;*/}
.loading::before {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);}
}
/*--------------------*/
/*  Stepper           */
/*--------------------*/
.stepper {--btn-size: 1.75rem;--input-size: 2.375rem;--br-size: 4px;font-size: 0.875rem;line-height: 1.2em;font-weight: 500;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-text);border-radius: var(--br-size);background-color: var(--bg-1);transition: var(--transition-1);flex-shrink: 0;}
.stepper button::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;height: 0.125rem;background-color: currentColor;}
.stepper button.incr::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.125rem;height: 40%;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-primary);}
}
/*--------------------*/
/*  Product Card      */
/*--------------------*/
.prd-slider .swiper-slide {height: auto;}
.prd-card {--prd-padding: var(--sp-xs);position: relative;z-index: 1;height: 100%;gap: calc(var(--prd-padding) * 0.8);display: flex;flex-direction: column;padding: var(--prd-padding);border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);background-color: var(--clr-white);transition: border var(--transition-1);}
.prd-card .prd-labels {top: var(--prd-padding);left: var(--prd-padding);}
.prd-card .fav-btn,
.prd-card .delete-btn {position: absolute;top: calc(var(--prd-padding) / 1.5);right: calc(var(--prd-padding) / 1.5);}
.prd-img {position: relative;overflow: hidden;display: block;padding-bottom: 100%;margin-top: calc(-0.8 * var(--prd-padding));margin-inline: calc(-0.8 * var(--prd-padding));}
.prd-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform-origin: center;-o-object-fit: contain;object-fit: contain;content-visibility: auto;transition: var(--transition-1);}
.prd-title {text-align: center;font-size: var(--text);line-height: 1.25em;font-weight: 500;color: var(--clr-black);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-controls {gap: 0.375rem 0.5rem;display: flex;align-items: center;justify-content: space-between;margin-top: auto;}
@media (min-width: 1200px) {
.prd-card:hover {border-color: var(--clr-secondary);}
a.prd-img:hover img {transform: scale(1.05);}
a.prd-title:hover {color: var(--clr-secondary);}
}
/*--------------------*/
/*  Prod. horizontal  */
/*--------------------*/
.prd-horiz {--img-size: 6.25rem;--prd-padding: .75rem;position: relative;gap: var(--sp-xss);display: flex;align-items: center;padding: var(--prd-padding);border-radius: var(--rd-1);background-color: var(--clr-white);border: 0.0625rem solid var(--clr-white);transition: border-color var(--transition-1);}
.prd-horiz .delete-btn {position: absolute;z-index: 2;right: calc(var(--prd-padding) / 2);top: calc(var(--prd-padding) / 2);}
.prd-horiz-img {position: relative;width: var(--img-size);aspect-ratio: 1;flex-shrink: 0;}
.prd-horiz-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;border-radius: var(--rd-1);content-visibility: auto;}
.prd-horiz-info {flex-grow: 1;align-self: center;}
.prd-horiz-info > * + * {margin-top: var(--sp-xss);}
.prd-horiz-value {font-size: calc(var(--text-sm) * 0.875);line-height: 1.2em;font-weight: 400;color: var(--clr-text);}
.prd-horiz-title {font-size: var(--text-sm);line-height: 1.2em;font-weight: 400;color: var(--clr-black);padding-right: 2.5rem;width: -moz-fit-content;width: fit-content;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-horiz:not(:has(.delete-btn)) .prd-horiz-title {padding-right: 0;}
.prd-horiz-controls {gap: var(--prd-padding);display: flex;align-items: flex-end;justify-content: space-between;}
.prd-horiz-controls:not(:has(.stepper)) {justify-content: flex-end;}
@media (min-width: 1200px) {
a.prd-horiz-title:hover {color: var(--clr-secondary);}
.cart-products .prd-horiz:hover {border-color: var(--clr-secondary);}
}
@media (max-width: 575px) {
.prd-horiz {--img-size: 4.5rem;--prd-padding: .625rem;}
.prd-horiz-title {font-size: 0.875rem;}
}
/*--------------------*/
/*  Prod. promo       */
/*--------------------*/
.prd-promo {padding: max(1rem, var(--sp-xs)) var(--sp-xs);border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);background-color: var(--bg-1);}
.prd-promo > * + * {margin-top: 0.75rem;}
.prd-promo .prd-horiz {--img-size: 3rem;}
.prd-promo .prd-horiz-info {display: flex;align-items: center;justify-content: space-between;}
.prd-promo .stepper button:not(:hover) {background-color: var(--clr-white);}
.prd-promo .price-wrap {gap: 0.5rem;align-items: center;flex-direction: row;}
.prd-promo-top {position: relative;font-size: var(--text-sm);line-height: 1.25em;color: var(--clr-black);font-weight: 500;gap: 0.75rem;display: flex;align-items: center;justify-content: space-between;}
.prd-promo-top .delete-btn {position: absolute;top: 50%;right: 0;transform: translate(15%, -50%);}
.prd-promo-plus {position: relative;height: 1.25rem;text-align: center;font-size: 1.25rem;line-height: 1em;color: var(--clr-black);}
.prd-promo-plus:before,
.prd-promo-plus:after {content: "";position: absolute;top: 50%;left: 0;width: 44%;height: 0.0625rem;background-color: var(--clr-border);}
.prd-promo-plus:after {left: auto;right: 0;}
@media (max-width: 575px) {
.prd-promo .prd-horiz-info {flex-direction: column;align-items: flex-start;}
}
/*--------------------*/
/*  Prod. mini        */
/*--------------------*/
.prd-mini {--img-size: 3.875rem;--prd-padding: .5rem;width: 14.375rem;}
.prd-mini .prd-horiz-title {font-size: calc(var(--text-sm) * 0.875);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-mini .prd-horiz-info > * + * {margin-top: 0.25rem;}
@media (max-width: 767px) {
.prd-mini {--img-size: 3.5rem;--prd-padding: 0.25rem;width: 13.125rem;}
}
/*--------------------*/
/*  Prod. Slider      */
/*--------------------*/
.prd-detail-section {margin-top: 0;}
.prd-detail-grid {position: relative;margin-top: var(--sp-md);gap: var(--sp-sm);display: grid;align-items: start;}
.prd-detail-slider {position: relative;}
.prd-detail-slider .swiper-container {border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);}
.prd-detail-slider .swiper-pagination-relative {margin-top: var(--sp-xs) !important;}
.prd-detail-slider .prd-labels {top: 1rem;}
.prd-detail-img {position: relative;padding-top: 100%;background-color: var(--clr-white);}
.prd-detail-img img {position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;}
@media (min-width: 768px) {
.prd-detail-grid {grid-template-columns: 0.875fr 1fr;}
.prd-detail-slider {position: sticky !important;top: calc(var(--h-height-true) + 0.625rem);}
}
@media (min-width: 1200px) {
.prd-detail-grid {gap: var(--sp-md);}
}
/*--------------------*/
/*  Prod. Detail Info */
/*--------------------*/
.prd-detail-content > * + * {margin-top: calc(var(--sp-xs) * 1.6);}
.prd-detail-info > * + * {margin-top: max(0.5rem, var(--sp-xs) * 0.75);}
.prd-detail-sku {font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.prd-detail-title {font-size: var(--h3);line-height: 1.1em;font-weight: 500;color: var(--clr-black);text-wrap: balance;}
.prd-detail-status {font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;color: var(--clr-primary);}
.prd-detail-controls {padding: var(--sp-xs);gap: var(--sp-xs);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;border-radius: var(--rd-1);background-color: var(--clr-white);border: 0.0625rem solid var(--clr-border);}
.prd-detail-controls-inner {width: 100%;max-width: 23.375rem;gap: 0.5rem;display: grid;align-items: center;grid-template-columns: 1fr auto 1fr;}
.prd-detail-controls-inner .price-wrap:first-child {text-align: left;align-items: flex-start;}
@media (max-width: 575px) {
.prd-detail-controls-inner {max-width: 100%;}
.prd-detail-controls .btn {width: 100%;}
}
.prd-select > * + * {margin-top: max(0.5rem, var(--sp-xs) * 0.75);}
.prd-select-inner {font-size: var(--text);line-height: 1em;font-weight: 400;color: var(--clr-black);gap: 0.5em;display: flex;flex-wrap: wrap;align-items: center;}
.prd-select-inner input {display: none !important;}
.prd-select-inner label {cursor: pointer;display: inline-block;font-size: var(--text-sm);color: var(--clr-text);line-height: 1.25em;padding: 0.5em 1.25em;border-radius: 8px;border: 0.0625rem solid var(--clr-border);transition: var(--transition-1);}
.prd-select-inner label:has(input:checked) {color: var(--clr-white);border-color: var(--clr-secondary);background-color: var(--clr-secondary);}
.prd-select-inner label:has(input:disabled) {cursor: not-allowed;opacity: 0.5;}
.prd-select-caption {width: 7ch;}
@media (min-width: 1200px) {
.prd-select-inner label:hover {border-color: var(--clr-secondary);}
}
/*--------------------*/
/*  Prod. Cheaper     */
/*--------------------*/
.chp-block {--gap: calc(var(--sp-xs) * 1.5);padding: 0.625rem;border-radius: var(--rd-1);background-color: var(--bg-1);gap: calc(var(--gap) * 3);display: flex;align-items: center;}
.chp-item {position: relative;flex: 0 1 100%;}
.chp-item + .chp-item::before {content: "+";position: absolute;top: 50%;left: 0;transform: translate(-200%, -50%);width: var(--gap);height: var(--gap);border-radius: 100%;background-color: var(--clr-white);font-size: var(--text);color: var(--clr-black);display: flex;align-items: center;justify-content: center;}
.chp-item.chp-sum::before {content: "=";position: absolute;top: 50%;left: 0;transform: translate(-200%, -50%);width: var(--gap);height: var(--gap);border-radius: 100%;background-color: var(--clr-white);font-size: var(--text);color: var(--clr-black);display: flex;align-items: center;justify-content: center;}
.chp-item .prd-mini {--img-size: 5rem;--prd-padding: 0rem;width: 100%;}
.chp-sum {gap: var(--gap);display: flex;align-items: center;flex: 1 0 auto;}
.chp-sum::before {content: "=";}
.chp-sum .price-wrap {flex-shrink: 0;white-space: nowrap;}
@media (max-width: 1480px) {
.chp-block {--gap: var(--sp-xs);}
}
@media (max-width: 1199px) {
.chp-block {--gap: 2rem;gap: 3.125rem;flex-direction: column;padding: 1.2rem;}
.chp-item {width: 100%;}
.chp-item + .chp-item::before{top: 0%;left: 50%;transform: translate(-50%, calc(-100% - 0.5rem));}
.chp-item .prd-mini {--img-size: 4rem;--prd-padding: 0.5rem;}
.chp-sum {justify-content: center;}
}
/*--------------------*/
/*  COMMENTS          */
/*--------------------*/
.cmt-block > * + * {margin-top: calc(var(--sp-xs) * 1.2);}
.cmt-item > * + * {margin-top: var(--sp-xs);}
.cmt-top {padding: calc(var(--sp-xs) * 1.2);border-radius: var(--rd-1);background-color: var(--clr-white);border: 0.0625rem solid var(--clr-border);}
.cmt-top > * + * {margin-top: var(--sp-xs);}
.cmt-part > * + * {margin-top: 0.25rem;}
.cmt-name {font-size: var(--text-sm);color: var(--clr-text);font-weight: 400;line-height: 1.25em;gap: var(--sp-xs);display: flex;align-items: center;}
.cmt-name b {gap: 0.5em;display: flex;align-items: center;font-size: var(--text);color: var(--clr-black);font-weight: 500;}
.cmt-name .btn-link {margin-left: auto;}
.cmt-date {gap: 0.5em;display: flex;align-items: center;margin-left: auto;text-align: right;}
.cmt-date svg {width: 1.5em;height: 1.5em;color: var(--clr-secondary);}
.cmt-rate {margin-top: 0.5rem;}
.cmt-images {gap: var(--sp-xss);display: flex;flex-wrap: wrap;}
.cmt-img {cursor: pointer;width: calc(var(--sp-sm) * 2.4);aspect-ratio: 1;}
.cmt-img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: var(--rd-1);}
.cmt-controls {margin-top: var(--sp-xs);gap: 1rem 1.5rem;display: flex;flex-wrap: wrap;align-items: center;}
.cmt-controls .feedback-wrap {margin-left: auto;}
.cmt-control-link {cursor: pointer;font-size: var(--text-sm);color: var(--clr-text);gap: 0.5rem;display: flex;align-items: center;transition: color var(--transition-1);}
.cmt-control-link i {font-size: 112.5%;font-weight: 500;display: inline-block;color: var(--clr-primary);transition: color var(--transition-1);}
.cmt-control-link svg {display: inline-block;width: 1.5em;height: 1.5em;color: var(--clr-primary);transition: color var(--transition-1);}
.feedback-wrap {flex-shrink: 0;gap: 1rem;display: flex;align-items: center;}
.feedback-btn {cursor: pointer;font-size: var(--text-sm);color: var(--clr-text);line-height: 1em;gap: 0.25em;display: flex;align-items: center;}
.feedback-btn svg {color: var(--clr-primary);width: 1.5em;height: 1.5em;transition: color var(--transition-1);}
.cmt-answer {display: none;}
.cmt-answer-inner {border-left: 0.0625rem solid var(--clr-border);padding-left: calc(var(--sp-xs) * 1.2);}
.cmt-answer-inner > * + * {margin-top: 0.25rem;}
.cmt-answer-item {padding: calc(var(--sp-xs) * 1.2);border-radius: var(--rd-1);background-color: var(--bg-1);}
.cmt-answer-item > * + * {margin-top: 0.5rem;}
.cmt-answer-hide {margin-top: var(--sp-xs);margin-left: calc(var(--sp-xs) * 1.2);color: var(--clr-primary);}
@media (min-width: 1200px) {
.feedback-btn:hover,
.cmt-control-link:hover {color: var(--clr-secondary);}
.feedback-btn:hover > *,
.cmt-control-link:hover > * {color: var(--clr-secondary) !important;}
}
@media (max-width: 575px) {
.cmt-controls .feedback-wrap {order: -1;margin-left: 0;width: 100%;}
}
/*--------------------*/
/*  Rate Select       */
/*--------------------*/
.rate {--star-size: var(--text);--star-clr: var(--clr-secondary);--star-width: 0%;gap: calc(var(--star-size) * 0.25);display: inline-flex;align-items: center;flex-shrink: 0;line-height: 0;}
.rate > * {outline: 1px solid red;outline-offset: 21px;display: inline-block;position: relative;width: var(--star-size);height: var(--star-size);flex-shrink: 0;mask-size: 100% 100%;-webkit-mask-size: 100% 100%;mask-image: url(../img/icons/star-full.svg);-webkit-mask-image: url(../img/icons/star-full.svg);}
.rate > *::before,
.rate > *::after {content: "";position: absolute;z-index: 1;inset: 0;width: var(--star-width);background: var(--star-clr);}
.rate > *::after {z-index: 0;width: 100%;background: no-repeat center/100% 100% url(../img/icons/star.svg);}
.rate[style*="1."] i:nth-child(1),
.rate[style*="2."] i:nth-child(-n+2),
.rate[style*="3."] i:nth-child(-n+3),
.rate[style*="4."] i:nth-child(-n+4),
.rate[style*="5."] i:nth-child(-n+5) {--star-width: 100%;}
.rate[style*="0."] i:nth-child(1)::before {--star-width: calc(var(--star-rate) * 100%);}
.rate[style*="1."] i:nth-child(2)::before {--star-width: calc((var(--star-rate) - 1) * 100%);}
.rate[style*="2."] i:nth-child(3)::before {--star-width: calc((var(--star-rate) - 2) * 100%);}
.rate[style*="3."] i:nth-child(4)::before {--star-width: calc((var(--star-rate) - 3) * 100%);}
.rate[style*="4."] i:nth-child(5)::before {--star-width: calc((var(--star-rate) - 4) * 100%);}
.rate input {display: none;}
.rate label {cursor: pointer;display: inline-block;transition: transform 0.1s;}
.rate label:has(~ label input:checked) {--star-width: 100%;}
.rate label:has(input:checked) {--star-width: 100%;}
.rate label:has(input:checked) ~ label::before {--star-width: 0%;}
.rate-select {text-align: left;gap: 0.5rem calc(var(--sp-xs) * 1.5);display: flex;flex-wrap: wrap;align-items: center;}
.rate-select .rate {--star-size: var(--sp-sm);}
.rate-select-caption {font-size: var(--text-sm);color: var(--clr-black);font-weight: 500;}
.rate-select-text {font-size: var(--text-sm);color: var(--clr-black);font-weight: 400;display: grid;grid-template-columns: 1fr;}
.rate-select-text > * {opacity: 0;grid-column: 1;grid-row: 1;align-content: center;transition: var(--transition-1);}
.rate-select:has(label:nth-child(1) input:checked) .rate-select-text span:nth-child(1) {opacity: 1;}
.rate-select:has(label:nth-child(2) input:checked) .rate-select-text span:nth-child(2) {opacity: 1;}
.rate-select:has(label:nth-child(3) input:checked) .rate-select-text span:nth-child(3) {opacity: 1;}
.rate-select:has(label:nth-child(4) input:checked) .rate-select-text span:nth-child(4) {opacity: 1;}
.rate-select:has(label:nth-child(5) input:checked) .rate-select-text span:nth-child(5) {opacity: 1;}
@media (min-width: 1200px) {
.rate label:hover {transform: scale(1.08);}
}
@media (max-width: 575px) {
.rate-select-caption {width: 100%;}
.rate-select .rate {--star-size: 1.875rem;}
}
/*--------------------*/
/*  Filter grid       */
/*--------------------*/
.fl-grid {position: relative;gap: var(--sp-xs);display: grid;align-items: flex-start;grid-template-columns: 1fr;}
@media (min-width: 1200px) {
.fl-grid {grid-template-columns: auto 1fr;}
.fl-menu {position: sticky;top: calc(var(--h-height-true) + 0.75rem);width: 25rem;grid-row: span 3;grid-column: 1/2;}
.fl-top,
.fl-thumbs,
.fl-content {grid-column: 2/3;}
.fl-overlay,
.fl-btn {display: none;}
}
/*--------------------*/
/*  Filter Top        */
/*--------------------*/
.fl-top {gap: var(--sp-xs);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.fl-select-wrap {gap: 1.5em;display: flex;align-items: center;}
.fl-select {position: relative;z-index: 10;font-size: var(--text-sm);line-height: 1.25em;color: var(--clr-text);}
.fl-select::before {content: "";position: absolute;pointer-events: none;z-index: -1;inset: 0 -1em;background-color: var(--bg-1);opacity: 0;border-radius: var(--rd-1) var(--rd-1) 0 0;}
.fl-select.is-active::before {opacity: 1;transition: opacity var(--transition-1);}
.fl-select.is-active .fl-select-list {opacity: 1;visibility: visible;transition: var(--transition-1);}
.fl-select.is-active .fl-select-title {border-color: var(--clr-secondary);}
.fl-select.is-active .fl-select-title svg {transform: scale(1, -1);transition: transform var(--transition-1);}
.fl-select-title {cursor: pointer;gap: 0.5em;display: flex;align-items: center;justify-content: space-between;color: var(--clr-black);height: 3rem;border-bottom: 0.0625rem solid currentColor;width: 15rem;}
.fl-select-title svg {width: 1.5em;height: 1.5em;}
.fl-select-list {position: absolute;bottom: 0;right: 0;transform: translateY(100%);padding: 0.5em 0;width: 100%;min-width: -moz-max-content;min-width: max-content;opacity: 0;visibility: hidden;}
.fl-select-list::before {content: "";position: absolute;pointer-events: none;z-index: -1;inset: 0 -1em;background-color: var(--bg-1);border-radius: 0 0 var(--rd-1) var(--rd-1);}
.fl-select-list input {display: none;}
.fl-select-list > * {cursor: pointer;display: block;white-space: nowrap;padding-block: 0.5rem;}
.fl-select-list label:has(input:checked) {pointer-events: none;color: var(--clr-secondary);}
@media (min-width: 1200px) {
.fl-select-list label:hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.fl-select-wrap {font-size: 0;}
}
@media (max-width: 575px) {
.fl-select-wrap {width: 100%;order: -1;}
.fl-select,
.fl-select-title {width: 100%;}
}
/*--------------------*/
/*  Filter Thumbs     */
/*--------------------*/
.fl-thumbs {font-size: var(--text-sm);color: var(--clr-text);line-height: 1em;margin-block: -0.313em;}
.fl-thumb_clear {color: var(--clr-black);line-height: 2.25em;font-weight: 600;gap: 0.25em;display: inline-flex;align-items: center;float: left;margin-right: 0.625em;margin-top: 0.313em;}
.fl-thumbs-inner > * {margin-right: 0.625em;}
.fl-thumb {margin-block: 0.313em;padding: 0.5em 0.625em;border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);gap: 0.25em;display: inline-flex;align-items: center;}
.fl-thumb span {color: var(--clr-black);}
.fl-close {cursor: pointer;position: relative;display: inline-block;width: 1.125em;height: 1.125em;color: var(--clr-black);transition: color var(--transition-1);}
.fl-close::before,
.fl-close::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);height: 0.0625rem;width: 90%;background-color: currentColor;}
.fl-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
@media (min-width: 1200px) {
.fl-close:hover {color: var(--clr-secondary);}
}
@media (max-width: 575px) {
.fl-thumbs {font-size: 0.75rem;}
}
/*--------------------*/
/*  Filter Content    */
/*--------------------*/
.fl-products {gap: 0.5rem;display: grid;grid-template-columns: repeat(2, 1fr);}
@media (min-width: 576px) {
.fl-products {gap: var(--sp-xs);}
}
@media (min-width: 992px) {
.fl-products {grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1200px) {
.fl-products.size-2 {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 575px) {
.fl-products .prd-card {--prd-padding: 0.5rem;}
.fl-products .prd-title {font-size: var(--text-sm);}
.fl-products .prd-controls .btn {padding: 0;aspect-ratio: 1;}
.fl-products .prd-controls .btn b {display: none;}
.fl-products .prd-labels li {font-size: 0.625rem;}
}
/*--------------------*/
/*  Filter Menu       */
/*--------------------*/
.fl-menu-top {display: none;}
.fl-block {border-radius: var(--rd-1);background-color: var(--bg-1);}
.fl-block + .fl-block {margin-top: 0.625rem;}
.fl-toggle {padding: 0 1.25rem 1.25rem;display: none;}
.fl-title {cursor: pointer;padding: 1.25rem;font-size: 1rem;line-height: 1.25em;font-weight: 500;color: var(--clr-black);gap: 1rem;display: flex;align-items: center;justify-content: space-between;transition: color var(--transition-1);}
.fl-title i {position: relative;display: inline-block;width: 1rem;height: 1rem;}
.fl-title i::before,
.fl-title i::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 87.5%;height: 0.125rem;background-color: currentColor;transition: transform var(--transition-1);}
.fl-title i::after {transform: translate(-50%, -50%) rotate(90deg);}
.fl-title.is-active i::after {transform: translate(-50%, -50%);}
.fl-list li {line-height: 0;}
.fl-list > * + * {margin-top: 0.75rem;}
.fl-list-btn {display: none;position: relative;cursor: pointer;margin-top: 1rem;color: var(--clr-black);}
.fl-list-btn:before {content: attr(data-show-more);display: inline-block;vertical-align: middle;}
.fl-list-btn svg {display: inline-block;vertical-align: middle;position: relative;width: 0.875rem;height: 0.875rem;margin-left: 0.5rem;}
.fl-list-btn.is-active:before {content: attr(data-show-less);}
.fl-list-btn.is-active svg {transform: rotateX(-180deg);}
.more-options + .fl-list-btn {display: block;}
@media (min-width: 1200px) {
.fl-title:hover {color: var(--clr-secondary);}
.fl-menu {overflow-x: hidden;overflow-y: auto;overscroll-behavior-y: none;max-height: calc(100dvh - var(--h-height-true) - 0.75rem);padding-bottom: 0.75rem;}
}
@media (max-width: 1199px) {
body:has(.fl-menu) header {transition: transform var(--transition-1);}
.fl-btn,
.fl-overlay {display: block;}
.fl-btn {position: fixed;left: 50%;bottom: 1rem;transform: translateX(-50%);z-index: 80;}
.fl-menu-top {position: relative;gap: 0.0625rem;display: flex;align-items: center;font-size: var(--h5);line-height: 1em;font-weight: 500;color: var(--clr-black);padding-bottom: 1.25rem;}
.fl-menu-top svg {width: 1em;height: 1em;}
.fl-menu-top .btn-close {position: absolute;top: 0;right: 0;transform: translate(10%, -10%);}
.fl-menu {position: fixed;z-index: 150;top: 0;left: 0;height: 100%;background-color: var(--clr-white);padding: 1.25rem 0.75rem;width: min(26.25rem, 100%);opacity: 0;visibility: hidden;transform: translateX(-100%);transition: var(--cubic-1);display: flex;flex-direction: column;}
.fl-menu-inner {overflow-x: hidden;overflow-y: auto;overscroll-behavior-y: none;}
.filter-is-open header {transform: translateY(-200%);}
.filter-is-open .fl-overlay {opacity: 1;visibility: visible;}
.filter-is-open .fl-menu {opacity: 1;visibility: visible;transform: translateX(0%);}
}
/*--------------------*/
/*  Filter Range      */
/*--------------------*/
.range-controls {margin-top: 1rem;gap: 0.625rem;display: flex;}
.range-controls input {padding: 0 1rem;height: 2.875rem;border-radius: var(--rd-1);background-color: var(--clr-white);}
.range-control-btn {cursor: pointer;flex-shrink: 0;height: 2.875rem;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;font-size: 1rem;line-height: 1em;color: var(--clr-white);text-transform: capitalize;border-radius: 100%;background-color: var(--clr-primary);transition: background-color var(--transition-1);}
@media (min-width: 1200px) {
.range-control-btn:hover {background-color: var(--clr-secondary);}
}
/*--------------------*/
/*  Range Slider      */
/*--------------------*/
.irs--wrapper {--range-h: 1.25rem;--line-rd: 0;--line-h: 0.125rem;--handle-size: 1.25rem;position: relative;display: block;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.irs {position: relative;display: block;height: var(--range-h);}
.irs-line {position: absolute;display: block;overflow: hidden;outline: none !important;bottom: calc(var(--handle-size) / 2);width: 100%;height: var(--line-h);border-radius: var(--line-rd);background: rgba(185, 168, 121, 0.2);}
.irs-bar {position: absolute;display: block;left: 0;width: 0;bottom: calc(var(--handle-size) / 2);height: var(--line-h);border-radius: var(--line-rd);background-color: var(--clr-primary);}
.irs-handle {cursor: pointer;position: absolute;z-index: 1;display: block;bottom: 0;width: var(--handle-size);height: var(--handle-size);background-color: var(--clr-primary);border-radius: 100%;transition: background-color var(--transition-1);}
.irs-handle.type_last {z-index: 2;}
.irs-handle.state_hover {background-color: var(--clr-secondary);}
.irs-disabled {opacity: 0.4;}
.irs-hidden-input {position: absolute !important;display: block !important;top: 0 !important;left: 0 !important;width: 0 !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important;padding: 0 !important;margin: 0 !important;overflow: hidden;outline: none !important;z-index: -9999 !important;background: none !important;border-style: solid !important;border-color: transparent !important;}
@media (min-width: 1200px) {
.irs-handle:hover {background-color: var(--clr-secondary);}
}
@media (max-width: 1199px) {
.irs-handle::before {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 2rem;height: 2rem;display: block;opacity: 0;}
}
/*--------------------*/
/*  Cart              */
/*--------------------*/
.cart {--cart-pd: 2rem;position: fixed;z-index: 110;inset: 0;display: block;visibility: hidden;transition: visibility 0s linear;transition-delay: 0.7s;}
.cart::before {content: "";position: absolute;z-index: 2;top: 0;bottom: 0;right: -1rem;width: 1rem;background-color: var(--bg-1);}
.cart-overlay {cursor: pointer;z-index: 1;display: block;transition-delay: 0.1s;}
.cart-inner {will-change: clip-path;position: absolute;z-index: 3;top: 0;right: 0;visibility: hidden;width: min(41.75rem, 100%);height: 100%;max-height: 100%;display: flex;flex-direction: column;border-radius: var(--rd-1) 0 0 var(--rd-1);background: var(--bg-1);}
.cart-inner::-webkit-scrollbar {display: none;}
.cart-inner.can-animate {animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);animation-duration: 0.6s;animation-fill-mode: forwards;animation-delay: 0s;animation-name: cartClose;}
.cart-top {gap: 1rem;display: flex;align-items: center;justify-content: space-between;padding-block: var(--cart-pd) calc(var(--cart-pd) / 2);padding-inline: var(--cart-pd);}
.cart-top .btn-close {--bw: 1.5rem;}
.cart-bottom {gap: 0.625rem 1rem;display: flex;flex-direction: column;margin-top: auto;padding-block: calc(var(--cart-pd) / 2) var(--cart-pd);padding-inline: var(--cart-pd);}
.cart-controls {gap: 1rem;display: flex;align-items: center;justify-content: center;}
.cart-total {font-size: var(--h6);font-weight: 500;color: var(--clr-black);}
.cart-is-open .cart {transition-delay: 0s;visibility: visible;}
.cart-is-open .cart-inner {animation-name: cartOpen;}
.cart-is-open .cart-overlay {opacity: 1;visibility: visible;}
.cart-recommended {margin-top: var(--sp-xs);padding-inline: var(--cart-pd);}
.cart-recommended > * + * {margin-top: 0.5rem;}
.cart-recommended .swiper-container {overflow: visible;}
.cart-recommended .swiper-slide {width: auto !important;}
.cart-empty {position: relative;height: 100%;padding: var(--cart-pd);text-align: center;gap: 1rem;align-items: center;justify-content: center;flex-direction: column;display: none;}
.cart-empty img {flex-shrink: 0;width: max(50%, 180px);}
.cart-bottom-empty {display: none;}
.cart-products {padding-block: 0.5rem;padding-inline: var(--cart-pd);max-height: 100%;overflow-x: clip;overflow-y: auto;overscroll-behavior-y: none;}
.cart-products > * + * {margin-top: 0.625rem;}
.cart-inner.is-empty .cart-products,
.cart-inner.is-empty .cart-recommended,
.cart-inner.is-empty .cart-bottom:not(.cart-bottom-empty) {display: none;}
.cart-inner.is-empty .cart-empty,
.cart-inner.is-empty .cart-bottom-empty {display: flex;}
@keyframes cartOpen {
0% {visibility: visible;}
0% {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100% {visibility: visible;clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}
@keyframes cartClose {
0% {visibility: visible;}
0% {clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);}
100% {clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);visibility: hidden;}
}
@media (max-width: 575px) {
.cart {--cart-pd: 1rem;}
.cart::before {content: none;}
.cart-inner {border-radius: 0;}
}
/*--------------------*/
/*  Cart informer     */
/*--------------------*/
.cart-informer {--gap: var(--sp-xs);position: fixed;z-index: 500;bottom: 0;left: 50%;width: min(53.375rem, 100%);padding: 0 0.75rem var(--gap);transform: translate(-50%, 100%);opacity: 0;visibility: hidden;backface-visibility: hidden;display: block;transition: var(--transition-1);}
.cart-informer.is-active {opacity: 1;visibility: visible;transform: translate(-50%, 0%);}
.cart-informer-inner {gap: var(--gap);display: flex;align-items: center;justify-content: space-between;width: 100%;padding: var(--gap) calc(var(--gap) * 1.6);border-radius: var(--rd-1);background-color: var(--bg-1);}
.cart-informer-inner span {font-weight: 500;color: var(--clr-primary);}
@media (max-width: 575px) {
.cart-informer-inner {flex-direction: column;text-align: center;}
}
/*--------------------*/
/*  Checkout          */
/*--------------------*/
.tgl-block {display: none;}
.checkout-wrapper {gap: 2rem;display: grid;}
.checkout-steps > * + * {margin-top: 1.5rem;}
.checkout-block {padding: 2rem;border-radius: var(--rd-1);background-color: var(--bg-1);}
.checkout-block hr {display: block;margin-block: 2rem;width: 100%;height: 0.0625rem;background-color: var(--clr-secondary);}
.checkout-block .thank-price {margin-block: 2rem;}
* + .checkout-block-row {margin-top: 2rem;}
* + .checkout-block-row > * + * {margin-top: 1rem;}
.checkout-title {margin-bottom: 1.5rem;}
.checkout-title i {color: var(--clr-secondary);}
.checkout-select {font-size: var(--text-sm);line-height: 1em;font-weight: 400;color: var(--clr-black);gap: 1em;display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 1.5rem;}
.checkout-select input {display: none !important;}
.checkout-select label {cursor: pointer;gap: 0.625em;display: flex;align-items: center;padding: 0.75em;border-radius: var(--rd-1);background-color: rgba(185, 168, 121, 0.16);transition: background-color var(--transition-1);}
.checkout-select label:has(input:checked) {background: var(--clr-white);}
.checkout-select label:has(input:checked) .checkout-select-icon {color: var(--clr-white);background-color: var(--clr-primary);}
.checkout-select-icon {flex-shrink: 0;width: 2em;height: 2em;display: flex;align-items: center;justify-content: center;border-radius: 100%;color: var(--clr-primary);background-color: var(--clr-white);transition: var(--transition-1);}
.checkout-select-icon svg {width: 1em;height: 1em;}
.checkout-select-icon svg [fill] {fill: currentColor;}
.checkout-select-icon svg [stroke] {stroke: currentColor;}
.checkout-rest {gap: 1rem 2rem;display: flex;flex-wrap: wrap;align-items: center;}
.checkout-rest-inner {font-size: 1rem;line-height: 1em;color: var(--clr-text);gap: 1rem;display: flex;align-items: center;}
.checkout-rest-inner span {flex-shrink: 0;}
.checkout-rest-inner input {width: 9.25rem;height: 2.875rem;color: var(--clr-black);border-radius: 100px;padding-inline: 1em;background-color: var(--clr-white);}
.checkout-products > * + * {margin-top: 0.625rem;}
.checkout-empty-message {text-align: center;}
.checkout-empty-message > * + * {margin-top: var(--sp-sm);}
@media (min-width: 992px) {
.checkout-wrapper {position: relative;align-items: start;grid-template-columns: 1.2353fr 1fr;}
.checkout-wrapper > * {position: sticky;top: calc(var(--h-height-true) + 0.625rem);}
}
@media (min-width: 1200px) {
.checkout-select label:hover .checkout-select-icon {color: var(--clr-white);background-color: var(--clr-primary);}
}
@media (max-width: 575px) {
.checkout-steps > * + * {margin-top: 1rem;}
.checkout-block {padding: 1.5rem 1rem;}
.checkout-block hr {margin-block: 1.5rem;}
.checkout-block .thank-price {margin-block: 1.5rem;}
* + .checkout-block-row {margin-top: 1.5rem;}
.checkout-title,
.checkout-select {margin-bottom: 1rem;}
}
/*--------------------*/
/*  Thank You         */
/*--------------------*/
.thank-block {padding: 2rem;gap: 2rem;display: flex;flex-direction: column;width: min(42.75rem, 100%);margin-inline: auto;border-radius: var(--rd-1);background-color: var(--bg-1);}
.thank-block hr {display: block;width: 100%;height: 0.0625rem;background-color: var(--clr-secondary);}
.thank-head {gap: var(--sp-xs);display: flex;flex-wrap: wrap;justify-content: space-between;font-size: var(--text-sm);line-height: 1.25em;font-weight: 400;color: var(--clr-text);}
.thank-head span {color: var(--clr-black);}
.thank-head .time > * + * {margin-left: 1em;}
.thank-items {display: grid;gap: 0.625rem var(--sp-xss);}
.thank-price > * + * {margin-top: 0.5rem;}
.thank-price-item {font-size: var(--text-sm);font-weight: 400;line-height: 1.25em;color: var(--clr-text);gap: 0.625rem;display: flex;align-items: center;justify-content: space-between;}
.thank-price-item p:last-child {font-weight: 500;color: var(--clr-black);}
.thank-total-item {font-size: var(--text);color: var(--clr-black);}
.thank-info {gap: 0.5rem 1rem;display: grid;grid-template-columns: auto auto;font-size: var(--text-sm);font-weight: 400;line-height: 1.25em;color: var(--clr-text);}
.thank-info *:nth-child(even) {text-align: right;}
@media (min-width: 576px) {
.thank-items {grid-template-columns: auto 1fr 0.25fr 0.25fr;}
.thank-items > * {grid-column: span 4;}
.thank-items > .prd-horiz {--img-size: 4.5rem;display: grid;grid-template-columns: subgrid;}
}
@media (max-width: 575px) {
.thank-block {padding: 1.5rem 0.75rem;gap: 1.5rem;}
.thank-items .prd-horiz {display: grid;grid-template-columns: auto 1fr auto;}
.thank-items .prd-horiz-img {grid-column: 1/2;grid-row: 1/3;}
.thank-items div:has(> .prd-horiz-title) {grid-column: 2/4;}
}
/*--------------------*/
/*  Delivery          */
/*--------------------*/
.delivery-wrap + .delivery-wrap {margin-top: var(--sp-md);}
.delivery-grid {gap: var(--sp-xs);display: grid;}
.delivery-item {gap: var(--sp-xss) var(--sp-xs);display: grid;padding: var(--sp-xs);border-radius: var(--rd-1);background-color: var(--bg-1);}
.delivery-item:has(.delivery-icon) {grid-template-columns: auto 1fr;}
.delivery-title {gap: 1rem;display: inline-flex;align-items: center;}
.delivery-icon {--size: 2.5rem;position: relative;width: var(--size);height: var(--size);border-radius: 100%;background-color: var(--clr-white);grid-column: 1/2;grid-row: 1/3;}
.delivery-icon > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 56.7%;}
.delivery-grid.style-2 {gap: 0.25rem;grid-template-columns: 1fr;}
@media (min-width: 768px) {
.delivery-grid {grid-template-columns: 1fr 1fr;}
}
@media (min-width: 992px) {
.delivery-icon {--size: 3.75rem;}
}
/*--------------------*/
/*  Other styles      */
/*--------------------*/
.page-search {position: relative;width: 100%;max-width: 51.875rem;margin-inline: auto;font-size: var(--text-sm);}
.page-search input {padding-left: 3.5em;padding-right: 1.5em;font-weight: 400;color: var(--clr-black);height: 3.75rem;border-radius: 100px;background-color: var(--bg-1);}
.page-search-icon {position: absolute;top: 50%;left: 1.5em;width: 1.5em;height: 1.5em;line-height: 0;transform: translateY(-50%);color: var(--clr-secondary);}
@media (max-width: 1199px) {
.page-search input {height: 3.25rem;}
}
@media (max-width: 767px) {
.page-search input {height: 3rem;}
}
/*--------------------*/
/*  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;opacity: 0;-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));background-color: var(--bg-overlay);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: 0.75rem;overflow: auto;-webkit-overflow-scrolling: touch;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: scale(1.1);transition: var(--transition-1);background-size: cover;background-position: center;background-repeat: no-repeat;}
.popup-content.active {transform: scale(1);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-content:has(.popup-content-inner) > .btn-close {--bw: calc(var(--sp-xs) * 2.8);position: absolute;z-index: 10;top: calc(var(--sp-xs) * 1.5);right: calc(var(--sp-xs) * 1.5);}
.popup-content-inner {position: relative;z-index: 1;width: var(--col-10);vertical-align: middle;gap: var(--sp-sm);display: inline-grid;grid-template-columns: 1fr auto;grid-template-rows: 1fr auto 1fr;align-items: center;text-align: left;}
.popup-content-inner .h-menu-logo {align-self: end;}
.popup-content-inner .h-apps {align-self: start;}
.popup-content-inner .popup-container {width: 38.875rem;grid-row: span 3;grid-column: 2/3;}
.popup-hero-block {text-align: left;}
.popup-hero-block > * + * {margin-top: var(--sp-sm);}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 38.875rem;border-radius: var(--rd-1);background-color: var(--bg-1);}
.popup-container.size-2 {max-width: 43rem;}
.popup-container.size-3 {max-width: 51.625rem;}
.popup-container .btn-close {--bw: 2.5rem;position: absolute;z-index: 10;top: 0.5rem;right: 0.5rem;}
.popup-container .btn-close:not(:hover) {background-color: transparent;}
.popup-container.decor-left {background-size: 40%;background-position: bottom 50% left -10%;background-repeat: no-repeat;background-image: url(../img/decor-2.svg);}
.popup-container.decor-right {background-size: 35%;background-position: bottom -15% right -15%;background-repeat: no-repeat;background-image: url(../img/decor-2.svg);}
.popup-align {padding-block: 3.125rem;padding-inline: 5rem;}
.popup-align > * + * {margin-top: 2rem;}
.popup-align > * + *.text {margin-top: 0.875rem;}
.open-popup {cursor: pointer;}
.popup-links {gap: 1rem;display: flex;align-items: center;}
.popup-links > * {min-height: calc(var(--sp-xs) * 2.8);display: flex;align-items: center;justify-content: center;padding: 0.5rem 1rem;width: calc(50% - 0.5rem);border-radius: var(--rd-1);background-color: var(--clr-white);}
.popup-links > * img {max-width: 80%;max-height: 80%;min-width: 60%;}
.or-line {position: relative;display: block;width: 100%;text-align: center;}
.or-line::before {content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 0.0625rem;transform: translateY(-50%);background-color: var(--clr-border);}
.or-line span {position: relative;z-index: 1;display: inline-flex;align-items: center;font-size: var(--text-sm);color: var(--clr-black);aspect-ratio: 1;padding-inline: 0.5em;border-radius: 100%;background-color: var(--clr-border);}
.form-link {font-size: calc(var(--text-sm) * 0.875);line-height: 1.2em;color: var(--clr-text);width: 100%;gap: 0.5rem 1rem;display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: center;}
@media (max-width: 1199px) {
.popup-content:has(.popup-content-inner) > .btn-close {--bw: calc(var(--sp-xs)* 2.8);position: absolute;z-index: 10;top: 0.75rem;right: 0.75rem;}
.popup-content-inner {width: 100%;}
.popup-content-inner .popup-container {width: 31.25rem;grid-row: span 3;grid-column: 2/3;}
.popup-content-inner .popup-align {padding-block: 2.25rem;padding-inline: 2.5rem;}
}
@media (max-width: 991px) {
.popup-content-inner {grid-template-columns: 1fr;grid-template-rows: auto;justify-items: center;}
.popup-content-inner .h-apps-text {text-align: center;}
.popup-content-inner .popup-container {width: 100%;grid-row: unset;grid-column: unset;}
}
@media (max-width: 575px) {
.popup-container .btn-close {top: 0;right: 0;}
.popup-align {padding-block: 2.25rem !important;padding-inline: 1rem !important;}
.popup-align > * + * {margin-top: 1.5rem;}
.popup-align > * + *.text {margin-top: 0.625rem;}
.popup-links > * {min-height: calc(var(--sp-sm) * 2);}
}
/*--------------------*/
/*  Informer          */
/*--------------------*/
.informer {--inf-pd: 1.25rem;--inf-gap: 1.25rem;overflow: clip;position: fixed;z-index: 80;width: calc(100% - var(--inf-gap) * 2);padding: var(--inf-pd);opacity: 0;visibility: hidden;border-radius: 0 0 var(--rd-1) var(--rd-1);background-color: var(--bg-1);transition: var(--cubic-1);display: block;}
.informer.is-active {opacity: 1;visibility: visible;transform: translate(0%, 0%);}
.informer > * + * {margin-top: var(--sp-xss);}
.informer > * + *:is(.btn) {margin-top: var(--sp-xs);}
.informer .btn-close.informer-close {--bw: 1.5rem;position: absolute;z-index: 10;top: 1rem;right: 1rem;}
.informer-img {position: relative;pointer-events: none;z-index: 1;display: block;padding-top: 70.65%;width: calc(100% + var(--inf-pd) * 2);margin: calc(-1 * var(--inf-pd));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;content-visibility: auto;}
.age-informer {z-index: 500;width: 100%;height: 100%;inset: 0;display: flex;align-items: center;justify-content: center;-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));background-color: var(--bg-overlay);}
.age-informer-inner {--clr-title: #fff;--clr-sub-title: #fff;--clr-text: rgba(255, 255, 255, .85);text-align: center;max-width: 39.375rem;}
.age-informer-logo {width: var(--h-logo-width);margin-inline: auto;}
.age-informer-logo img {width: 100%;display: block;}
.age-informer-buttons {gap: var(--sp-sm);display: inline-flex;flex-wrap: wrap;}
.promotional-informer {max-width: 26.25rem;bottom: var(--inf-gap);left: var(--inf-gap);transform: translate(calc(-100% - var(--inf-gap)), 0%);}
.promotional-label {position: relative;z-index: 1;font-size: var(--h5);line-height: 1.1em;color: var(--clr-white);font-weight: bold;padding: 0.3333333em 0.5em;width: -moz-fit-content;width: fit-content;border-radius: var(--rd-1);background-color: var(--clr-black);}
.informer-img + .promotional-label {margin-top: calc(-2 * var(--h5));}
@media (max-width: 575px) {
.promotional-informer {--inf-gap: 0px;max-width: 100%;}
.age-informer-buttons{justify-content: center;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--cookie-pd: 1.25rem;--cookie-gap: 1.25rem;position: fixed;z-index: 500;bottom: var(--cookie-gap);right: var(--cookie-gap);transform: translate(0%, -100%);max-width: min(100%, 23.125rem);width: calc(100% - var(--cookie-gap) * 2);transform: translate(calc(100% + var(--cookie-gap)), 0%);padding: var(--cookie-pd);border-radius: var(--rd-1);background: var(--bg-1);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: transform var(--cubic-1),opacity var(--cubic-1),visibility var(--cubic-1);display: block;}
.cookies-informer .btn-close {--bw: 1.875rem;float: right;margin-top: calc(-0.25 * var(--bw));margin-right: calc(-0.25 * var(--bw));}
.cookies-informer .btn-close:not(:hover) {background-color: var(--bg-1);}
.cookies-informer.active {visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-btn-wrap {margin-top: 0.75rem;gap: 1.25rem;display: flex;align-items: center;justify-content: space-between;}
@media (max-width: 575px) {
.cookies-informer {--cookie-pd: 1rem;--cookie-gap: 0.75rem;}
}
/*--------------------*/
/*  404               */
/*--------------------*/
.page-404 {position: relative;display: flex;justify-content: center;align-items: center;padding-block: var(--sp-lg);min-height: calc(100svh - var(--h-height));}
.page-404-img {position: absolute;z-index: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}
.page-404-img img {display: block;width: 100%;}
.page-404-inner {position: relative;z-index: 1;max-width: 39.5rem;width: 100%;margin-inline: auto;text-align: center;}
/*--------------------*/
/*  Gift Progress     */
/*--------------------*/
.prg-wrap {position: relative;border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-secondary);padding: 0.75rem;margin-inline: auto;margin-top: 2rem;}
.prg-caption {gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;}
.prg-caption-text {font-size: var(--text-sm);line-height: 1.25em;font-weight: 400;text-align: left;align-self: center;}
.prg-caption-text b, .prg-caption-text strong {font-weight: 700;}
.prg-goals {position: absolute;z-index: 10;bottom: 0;left: 0;width: 100%;padding: 2rem 0.75rem 1.25rem 0.75rem;background-color: var(--bg-1);border-radius: var(--rd-1);outline: 0.0625rem solid var(--clr-secondary);transform: translateY(100%);opacity: 0;visibility: hidden;transition: .25s linear;}
.prg-goals b, .prg-goals strong {font-weight: 700;}
.prg-goals li {font-size: var(--text-sm);line-height: 1.23em;gap: 1rem;display: flex;align-items: center;justify-content: space-between;}
.prg-goals li *:last-child {flex-shrink: 0;}
.prg-goals li+li {margin-top: 0.625rem;}
.prg-wrap.is-active .prg-goals {transform: translateY(0%);opacity: 1;visibility: visible;}
.prg-goals-btn {position: relative;cursor: pointer;color: var(--clr-secondary);border-radius: 100%;width: 1.375rem;height: 1.375rem;flex-shrink: 0;align-self: flex-start;}
.prg-goals-btn svg {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.prg-goals-close {--bw: 1.5rem;position: absolute;top: 0.125rem;right: 0.125rem;}
.prg-line {position: relative;margin-top: 0.75rem; margin-right: 0.875rem;}
.prg-line-handler {position: relative;left: var(--progress, 0%);z-index: 5;width: 1.75rem;height: 1.75rem;border-radius: 100%;transform: translateX(-50%);background-color: var(--clr-primary);color: var(--clr-white);}
.prg-line-handler svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 65%;height: 65%;}
.prg-line:before, .prg-line:after {content: '';position: absolute;z-index: 2;top: 50%;left: 0;transform: translateY(-50%);width: var(--progress, 0%);height: 0.25rem;}
.prg-line:before {z-index: 0;width: 100%;background-color: var(--clr-secondary) !important;}
.prg-line:after {background-color: var(--clr-primary);}
.prg-point {position: absolute;z-index: 1;top: 50%;transform: translate(-50%, -50%);width: 0.625rem;height: 0.625rem;border-radius: 100%;background-color: var(--clr-secondary);}
.prg-point.active {background-color: var(--clr-primary);}
@media (min-width: 1200px) {
.prg-goals {bottom: auto;top: 0;transform: translateY(-100%);}
.prg-wrap.is-active .prg-goals {transform: translateY(-100%);}
.prg-goals-close {display: none;}
}
/*--------------------*/
/*  SVG Map           */
/*--------------------*/
.map-svg {width: 100%;height: auto;margin-top: var(--sp-md);overflow: visible;}
.map-country {cursor: pointer;outline: none;}
.map-country [data-country-shape] {fill: #B9A87980;transition: var(--transition-1);}
.map-country.is-selected [data-country-shape] {fill: #B9A879;}
.map-country__marker-shell,
.map-country__marker-icon {pointer-events: none;}
.map-country__label,
.map-country__label-bg,
.map-country__label-text {pointer-events: none;}
.map-country__marker-shell {fill: #009249;stroke: #009249;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}
.map-country__marker-icon {fill: #ffffff;}
.map-country__label {opacity: 0;transform-box: fill-box;transform-origin: center;visibility: hidden;transition: var(--transition-1);}
.map-country__label-base {fill: #F3EFE4;}
.map-country__label-surface {fill: #ffffff;}
.map-country__label-border {fill: none;stroke: #B9A879;stroke-opacity: 0.5;}
.map-country__label-text {fill: #131313;stroke: #131313;font-family: var(--ff-1);font-size: 16px;font-weight: 400;line-height: 24px;text-anchor: middle;dominant-baseline: middle;}
@media (min-width: 1200px) {
.map-svg {width: calc(100% + 10rem);max-width: none;margin-left: -5rem;}
.map-country.is-hovered [data-country-shape] {fill: #B9A879;}
.map-country.is-hovered .map-country__label {opacity: 1;visibility: visible;}
}
.map-country.is-selected .map-country__label {opacity: 1;visibility: visible;}
@media (max-width: 1199px) {
.map-country__label-text {font-size: 18px;}
}