/*--------------------*/
/*  Helpers           */
/*--------------------*/
.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-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);}
.mx-auto {margin-inline: auto;}
.ml-auto {margin-left: auto;}
.mr-auto {margin-right: auto;}
.mt-lg {margin-top: var(--sp-lg);}
.mt-md {margin-top: var(--sp-md);}
.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);}
.justify-content-end {justify-content: flex-end;}
[class*=spacer] {clear: both;width: 100%;}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
.title {display: block;}
.title:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) b {display: block;font-family: var(--ff-500);font-size: 163%;line-height: 1em;}
.title:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) i {display: block;font-weight: 200;font-style: italic;}
.title-page {font-family: var(--ff-500);}
.title-page:is(h1, .h1) {font-size: var(--h1-c);line-height: 1.05em;}
.title-margin {margin-bottom: clamp(1.5rem, -0.3947rem + 3.9474vw, 3.75rem);}
.title-margin-1 {margin-bottom: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);}
.title-margin-2 {margin-bottom: clamp(1.25rem, 0.7237rem + 1.0965vw, 1.875rem);}
.title-margin-3 {margin-bottom: 1.5rem;}
.text-balance {text-wrap: balance;}
.text-upper {text-transform: uppercase;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.fw-300 {font-weight: 300;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.mask-img {-webkit-mask-image: url(../img/mask.png);mask-image: url(../img/mask.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100%;mask-size: 100%;}
@media (min-width: 992px) {
.text-columns {-moz-columns: 2;columns: 2;-moz-column-gap: var(--sp-xl);column-gap: var(--sp-xl);}
}
@media (max-width: 767px) {
.title:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) b {font-size: 180%;}
}
/*====================*/
/*  Banner            */
/*====================*/
.banner {position: relative;}
.banner:not(.type-2) {--clr-title: #fff;--clr-text: rgba(255, 255, 255, .8);}
.banner-slider .swiper-button-prev,
.banner-slider .swiper-button-next {color: var(--clr-white);border-color: transparent;}
.banner-slider .swiper-btn-wrap {position: absolute;z-index: 1;right: auto;bottom: 2.5rem;width: -moz-fit-content;width: fit-content;gap: 0;}
.banner-slider .swiper-btn-wrap .swiper-pagination-progressbar {margin-inline: 0.75rem;}
.banner-slider .swiper-btn-wrap .swiper-button-prev {margin-inline: 0 1.25rem;}
.banner-slider .swiper-btn-wrap .swiper-button-next {margin-inline: 1.25rem 0;}
.banner-slider .custom-current,
.banner-slider .custom-total {min-width: 1.5rem;position: relative;display: inline-block;font-size: 1.125rem;line-height: 1.5em;font-weight: 500;color: var(--clr-title);}
.banner-slider .custom-total {color: rgba(255, 255, 255, 0.6);}
.banner-slider .banner-align {padding-block: max(1rem, 2vw) 5.5rem;}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(20, 64, 105, 0.4);mix-blend-mode: overlay;}
.banner-media::after {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.3);}
.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;content-visibility: auto;}
.banner-media .video {position: absolute;inset: 0;clip: rect(auto, auto, auto, auto);display: none;}
.banner-media .video.video-present {display: block;overflow: hidden;}
.banner-media .video video {position: fixed;left: 50%;top: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%, -50%);}
.banner-align {position: relative;z-index: 2;display: table-cell;vertical-align: middle;width: 625rem;height: auto;padding-block: max(1.5rem, 2.5vw);}
.banner-align.align-bottom {vertical-align: bottom;}
.banner-align.align-top {vertical-align: top;}
.banner-info > * + * {margin-top: clamp(2rem, 1.5789rem + 0.8772vw, 2.5rem);}
.banner-info > * + .adv-wrap {margin-top: var(--sp-lg);}
.banner-info > .text {display: none;}
.banner-title {font-size: var(--h0);line-height: 1.2em;}
.banner-title > * + * {margin-top: clamp(0.25rem, -0.3816rem + 1.3158vw, 1rem);}
.banner-title b {display: block;font-family: var(--ff-600);font-size: 200%;line-height: 0.85em;}
.banner-title i {display: block;font-weight: 200;font-style: italic;}
.banner-title i.fw-700 {font-weight: 700;}
.banner .adv-wrap {--items: 4;--size: 15rem;--gap: clamp(3.5rem, -5.2155rem + 11.6379vw, 8.75rem);display: none;grid-template-columns: repeat(auto-fit, 20%);}
.banner .adv-card {--pd: 0;grid-row: span 2;background-color: transparent;}
.banner .adv-card:not(:first-child)::before {content: "";position: absolute;top: 50%;left: calc(var(--gap) / -2);transform: translateY(-50%);width: 0.0625rem;height: 52%;background-color: rgba(255, 255, 255, 0.3);}
.banner .adv-card > * + * {margin-top: 0.75rem;}
.banner .adv-card .text {text-transform: uppercase;text-wrap: balance;}
.banner .adv-icon {--size: clamp(3rem, 2.4655rem + 0.8621vw, 3.5rem);}
.banner .adv-icon + * {margin-top: 0.75rem;}
.banner-small.type-2 .banner-media {width: 49.2679%;left: auto;}
.banner-small.type-2 .banner-media::before,
.banner-small.type-2 .banner-media::after {content: none;}
.banner-small.type-2 .banner-media img,
.banner-small.type-2 .banner-media video {-o-object-fit: contain;object-fit: contain;}
.banner-small.type-2 .banner-info > .text {display: block;}
@media (min-width: 768px) {
.banner-align {height: clamp(20rem, 8.75rem + 27.8422vw, 27.5rem);}
.banner-info > * + * {margin-top: clamp(2rem, 1.5789rem + 0.8772vw, 2.5rem);}
.banner-small.type-2 {background-color: var(--bg-light);}
.banner-small.type-2 .banner-info > .text {max-width: 50%;}
}
@media (min-width: 992px) {
.banner-info > .text {display: block;max-width: 75%;}
.banner .adv-wrap {display: grid;}
}
@media (min-width: 1200px) {
.banner.banner-full .banner-align {height: calc(85.555555svh - var(--h-height));padding-block: 2.5rem;}
.banner.banner-small .banner-align {height: calc(55.926svh - var(--h-height));}
.banner.banner-small .banner-info > .text {max-width: 48%;}
.banner.banner-middle .banner-align {height: calc(67.964svh - var(--h-height));}
.banner.banner-middle .banner-info > .text {max-width: 40%;}
.banner-info > .text {max-width: 58%;}
.banner .adv-wrap {grid-template-columns: repeat(auto-fit, minmax(auto, var(--size)));}
}
@media (max-width: 767px) {
.banner.banner-full .banner-align {height: calc(60svh - var(--h-height) - 3.875rem);padding-block: 3rem;}
.banner.banner-small .banner-align {vertical-align: bottom;height: calc(53.974svh - var(--h-height));}
.banner.banner-middle .banner-align {vertical-align: bottom;height: calc(56.972svh - var(--h-height));}
.banner-small.type-2 .banner-media {position: relative;width: 100%;padding-bottom: 80%;}
.banner-small.type-2 .banner-align {height: auto;padding-block: 1rem 2.25rem;}
.banner-title b {font-size: 170%;}
}
.banner-sec {opacity: 1;}
/*====================*/
/*  Accordion         */
/*====================*/
.accordion {--padding-acc: 2rem;position: relative;z-index: 1;}
.accordion.row {--bs-gutter-y: -0.063rem;}
.accordion-item {position: relative;border-top: 0.0625rem solid var(--clr-border);border-bottom: 0.0625rem solid var(--clr-border);}
.accordion-item + .accordion-item {margin-top: -0.0625rem;}
.accordion-title {position: relative;cursor: pointer;font-size: var(--h5);line-height: 1.16em;font-weight: 400;letter-spacing: -0.03rem;color: var(--clr-title);padding-block: var(--padding-acc);padding-right: var(--padding-acc);transition: var(--transition-1);}
.accordion-title i {display: inline-block;position: absolute;right: 0;top: var(--padding-acc);width: var(--padding-acc);height: 1.36em;transition: var(--transition-1);color: #2e2e2e;}
.accordion-title i::before {content: "";position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;border-bottom-right-radius: 0.1875rem;}
.accordion-title.is-active i {transform: rotateX(-180deg);}
.accordion-inner {display: none;padding-bottom: var(--padding-acc);padding-right: var(--padding-acc);}
@media (min-width: 1200px) {
.accordion-title:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.accordion {--padding-acc: 1.25rem;}
}
@media (max-width: 991px) {
.accordion {--padding-acc: .875rem;}
}
/*====================*/
/*  Tabs              */
/*====================*/
.tabs {position: relative;}
.tab-nav {--gap: 0.625rem;line-height: 0;text-align: center;overflow-y: hidden;overflow-x: scroll;scroll-snap-type: x mandatory;}
.tab-nav::-webkit-scrollbar {display: none;}
.tab-toggle {gap: var(--gap);display: inline-flex;min-width: -moz-fit-content;min-width: fit-content;line-height: 0;}
.tab-toggle :where(div) {position: relative;cursor: pointer;display: inline-block;flex-shrink: 0;font-size: clamp(0.875rem, 0.6645rem + 0.4386vw, 1.125rem);font-weight: 400;line-height: 1.3334em;color: var(--clr-text);text-transform: uppercase;text-align: center;white-space: nowrap;scroll-snap-align: start;scroll-margin-left: 1rem;}
.tab-toggle :where(div.is-active) {color: var(--clr-title);}
.tabs-wrap {position: relative;}
:where(.tab) {display: none;}
.tab:first-child {display: block;}
@media (max-width: 991px) {
.tab-nav {margin-inline: -1rem;padding-inline: 1rem;}
}
/*====================*/
/*  About Block       */
/*====================*/
.about-section .row {--bs-gutter-y: 2.5rem;}
.about-content > * + * {margin-top: var(--sp-sm);}
.about-content:not(:has(.about-logo)) > .title + * {margin-top: 1.5rem;}
.about-content > .title + * {margin-top: clamp(1.5rem, -1.8684rem + 7.0175vw, 5.5rem);}
.about-content .text * + :where(*) {margin-top: calc(var(--text-space) * 1.5);}
.about-content .text :is(p, ul, ol) + :is(p, ul, ol) {margin-top: calc(var(--text-space) * 1);}
.about-logo {display: block;width: 100%;max-width: 86%;flex-shrink: 0;}
.about-logo img {display: block;width: 100%;}
.about-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.096092925;margin-left: auto;max-width: 95.4566%;}
.about-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;}
.about-section.type-2 .about-content > * + * {margin-top: var(--sp-xs);}
.about-section.type-2 .about-img {aspect-ratio: 1.9112114;margin-left: 0;max-width: 100%;}
@media (min-width: 768px) {
.about-section .container-fluid {padding-right: 0;}
.about-section.type-2 .about-img {aspect-ratio: 3.48148;}
}
@media (min-width: 1200px) {
.about-content {margin-left: var(--container-padd);}
.about-content .text {max-width: 95%;}
.about.type-2 .about-content {margin-inline: var(--container-padd);}
}
/*=====================*/
/*  Featured Prd Block */
/*=====================*/
.f-prd-wrap {gap: clamp(1.5rem, 0.6579rem + 1.7544vi, 2.5rem);display: grid;grid-template-columns: 1fr;}
.f-prd-wrap .btn {justify-self: flex-start;}
.f-prd-wrap .swiper-btn-wrap {display: none;}
.f-prd-slider {min-width: 0;}
.f-prd-slider .swiper-container {overflow: visible;}
.f-prd-slider .swiper-slide {height: auto;}
@media (min-width: 768px) {
.f-prd-wrap {grid-template-columns: repeat(2, 1fr);}
.f-prd-wrap .title {grid-area: 1/1/2/2;}
.f-prd-wrap .btn {grid-area: 1/2/2/3;justify-self: flex-end;align-self: center;}
.f-prd-wrap .title-wrap {grid-area: 3/1/4/3;display: flex;justify-content: space-between;align-items: center;}
.f-prd-wrap .swiper-btn-wrap {gap: 0.625rem;display: inline-flex;}
.f-prd-slider {grid-area: 2/1/3/3;}
.f-prd-slider .swiper-pagination.swiper-pagination-relative {display: none;}
}
/*====================*/
/*  Info List         */
/*====================*/
.info-list-wrap > * + * {margin-top: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);}
.info-list > * + * {margin-top: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);}
.info-list-item {gap: 0.75rem;display: flex;}
.info-list-number {--size: 3rem;display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: var(--size);height: var(--size);border-radius: 100%;background-color: var(--bg-light);font-size: 1rem;line-height: 1.5em;font-weight: 700;color: var(--clr-title);text-align: center;}
.info-list-content {margin-top: 0.625rem;}
.info-list-content > * + * {margin-top: clamp(0.25rem, 0.0395rem + 0.4386vw, 0.5rem);}
.info-list-content .title {font-weight: 600;}
/*====================*/
/*  LR Block          */
/*====================*/
.lr-block {gap: clamp(1.875rem, -3.5417rem + 11.2847vi, 10rem);display: grid;grid-template-columns: 1fr;}
.lr-block.lr-right .lr-img {order: 1;}
.lr-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 0.83401639;}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.lr-img::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(20, 64, 105, 0.4);mix-blend-mode: overlay;}
.lr-img::after {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.2);}
.lr-content > * + * {margin-top: var(--sp-sm);}
.lr-content > .text + .info-list-wrap {margin-top: clamp(1.25rem, 1.0395rem + 0.4386vw, 1.5rem);}
@media (min-width: 768px) {
.lr-block {grid-template-columns: 49.02% auto;}
.lr-block.lr-right {grid-template-columns: auto 49.02%;}
.lr-content {align-self: center;}
}
/*====================*/
/*  RL Block          */
/*====================*/
.rl-section::before {content: "";position: absolute;z-index: -1;bottom: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/main-decor.svg);background-repeat: no-repeat;background-size: 100%;}
.rl-block {gap: clamp(1.875rem, -2.7083rem + 9.5486vw, 8.75rem);display: grid;grid-template-columns: 1fr;}
.rl-img {position: relative;display: block;width: 100%;aspect-ratio: 0.832335;overflow: hidden;}
.rl-img img,
.rl-img video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.rl-img::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(20, 64, 105, 0.4);mix-blend-mode: overlay;}
.rl-img::after {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.2);}
.rl-img:last-of-type {display: none;}
.rl-img.type-2::before,
.rl-img.type-2::after {content: none;}
.rl-content > * + * {margin-top: var(--sp-sm);}
@media (min-width: 768px) {
.rl-block {grid-template-columns: 49.02% auto;}
.rl-content {align-self: center;}
}
@media (min-width: 992px) {
.rl-block {grid-template-columns: 25.112% auto 25.112%;}
.rl-block.type-2 .rl-img:first-of-type {margin-top: 0;}
.rl-block.type-2 .rl-img:last-of-type {margin-top: var(--sp-xl);}
.rl-img:first-of-type {margin-top: var(--sp-xl);}
.rl-img:last-of-type {display: block;}
}
@media (min-width: 1200px) {
.rl-content > .title * {margin-right: -8.25rem;}
}
@media (max-width: 767px) {
.rl-img {order: 2;}
}
/*====================*/
/*  Graph Block       */
/*====================*/
.graph-block {gap: clamp(3rem, -6.5833rem + 12.7778vw, 8.75rem);display: grid;grid-template-columns: 1fr;}
.graph-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.283969;order: 2;}
.graph-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.graph-content > * + * {margin-top: var(--sp-sm);}
@media (min-width: 768px) {
.graph-block {grid-template-columns: auto 50.6455%;}
.graph-img {order: 1;}
.graph-content {align-self: center;}
}
@media (min-width: 1441px) {
.graph-content {max-width: 90%;}
}
/*====================*/
/*  Advantages        */
/*====================*/
.adv-img {position: relative;z-index: -1;overflow: hidden;display: block;width: 100%;aspect-ratio: 2.55102;margin-top: -3rem;}
.adv-img img {display: block;width: 100%;}
.adv-wrap {--items: 1;--gap: 1.25rem;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.adv-wrap + .btn {display: flex;width: -moz-fit-content;width: fit-content;margin-top: var(--sp-sm);}
.adv-card {--pd: clamp(1rem, 0.2632rem + 1.5351vw, 1.875rem);position: relative;width: 100%;gap: 0;display: grid;grid-row: span 3;grid-template-rows: subgrid;border-radius: var(--rd-0);background-color: var(--clr-white);padding: var(--pd);}
.adv-card > * + * {margin-top: 0.625rem;}
.adv-icon {--size: 2.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.adv-icon img {width: 100%;}
.adv-icon + * {margin-top: clamp(0.75rem, 0.3289rem + 0.8772vw, 1.25rem);}
@media (min-width: 576px) {
.adv-wrap {--items: 2;}
}
@media (min-width: 768px) {
.adv-img {aspect-ratio: 3.942505;margin-top: -3.5rem;}
.adv-wrap + .btn {margin-inline: auto;}
}
@media (min-width: 1200px) {
.adv-wrap {--items: 4;}
}
/*====================*/
/*  CTA               */
/*====================*/
.cta-block {--pd-block: clamp(2rem, 0.5263rem + 3.0702vw, 3.75rem);--pd-inline: clamp(1rem, -1.3158rem + 4.8246vw, 3.75rem);position: relative;background-color: var(--clr-dark);border-radius: var(--rd-0);padding: var(--pd-block) var(--pd-inline);margin-inline: calc(var(--bs-gutter-x) * -0.5);}
.cta-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content-visibility: auto;border-radius: var(--rd-0);}
.cta-img img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: var(--rd-0);}
.cta-content {gap: 1.5rem;display: grid;grid-template-columns: 1fr;justify-items: start;}
.cta-content .title,
.cta-content .text {--clr-text: #fff;--clr-title: #fff;}
@media (min-width: 1200px) {
.cta-block {margin-inline: 0;}
.cta-content {grid-template-columns: repeat(2, 1fr);}
.cta-content .title {grid-area: 1/1/2/2;}
.cta-content .text {grid-area: 2/1/3/3;-moz-column-gap: 1.5rem;column-gap: 1.5rem;-moz-columns: 2;columns: 2;-moz-column-break-inside: avoid;break-inside: avoid;-moz-column-fill: balance;column-fill: balance;}
.cta-content .btn {grid-area: 1/2/2/3;align-self: center;justify-self: flex-end;}
}
/*====================*/
/*  SEO Block         */
/*====================*/
.seo-section {margin-bottom: var(--sp-xl);}
.seo-block {--space: clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);--gap: clamp(1.5rem, -0.75rem + 4.6875vw, 4.875rem);gap: var(--gap);display: flex;}
.seo-img {position: relative;overflow: hidden;display: block;width: 18.5rem;aspect-ratio: 1.78/1;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;}
.seo-inner {align-self: center;}
.seo-inner > * + *:not(.more-content) {margin-top: var(--space);}
.more-content {display: none;padding-top: var(--space);}
@media (max-width: 767px) {
.seo-block {flex-direction: column;}
.seo-img {width: 35%;margin-inline: auto;}
}
/*====================*/
/* Category Grid      */
/*====================*/
.ctg-wrap {--items: 2;--gap: 1.25rem;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.ctg-wrap.three-wrap{--items: 3;}
.ctg-card {--pd-block: clamp(1.25rem, -0.2237rem + 3.0702vw, 3rem);--pd-inline: clamp(1rem, -0.6842rem + 3.5088vi, 3rem);position: relative;width: 100%;gap: clamp(1rem, 0.3684rem + 1.3158vw, 1.75rem);display: grid;grid-row: span 4;grid-template-rows: subgrid;border-radius: var(--rd-0);background-color: var(--clr-grey);text-align: center;padding-block: var(--pd-block);padding-inline: var(--pd-inline);}
.ctg-card .text {max-width: 86%;margin-inline: auto;}
.ctg-card .title{font-family: var(--ff-500);}
.ctg-card .btn {justify-self: center;}
.ctg-img {position: relative;overflow: hidden;display: block;width: 80.6888%;margin-inline: auto;aspect-ratio: 1.872093;}
.ctg-img-wrap {position: relative;}
.ctg-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content-visibility: auto;-o-object-fit: contain;object-fit: contain;transition: var(--cubic-1);}
.ctg-icon {--size: clamp(3.75rem, 1.1184rem + 5.4825vw, 6.875rem);display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;position: absolute;left: 0;bottom: 0;z-index: 1;}
.ctg-icon img {width: 100%;}
.ctg-section {overflow: visible;}
.ctg-section::before {content: "";position: absolute;z-index: -1;top: -12vw;left: 0;right: 0;width: 100%;aspect-ratio: 1.95;max-width: 97.625rem;margin-inline: auto;background-image: url(../img/main-decor.svg);background-repeat: no-repeat;background-size: 100%;}
@media (min-width: 1200px) {
.ctg-card a.title:hover {color: var(--clr-primary);}
a.ctg-img:hover img {transform: scale(1.05);}
}
@media (max-width: 991px) {
	.ctg-wrap.three-wrap {--items: 2;}
}
@media (max-width: 767px) {
	.ctg-wrap, .ctg-wrap.three-wrap {--items: 1;}
	.ctg-card .text {max-width: 100%;}
}
/*====================*/
/*  Partners          */
/*====================*/
.partner-item {position: relative;overflow: hidden;z-index: 1;display: block;width: 100%;padding-top: 35%;border-radius: var(--rd-0);background-color: var(--bg-light);}
.partner-item img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: var(--cubic-1);max-width: 80%;width: 100%;max-height: 53%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;}
body:has(.partner-item) .custom-tabs {margin-bottom: 0;}
body:has(.partner-item) .tab-nav {margin-bottom: clamp(1.5rem, -0.3947rem + 3.9474vw, 3.75rem);}
@media (min-width: 1200px) {
.partner-item:hover img {transform: translate(-50%, -50%) scale(1.05);}
body:has(.partner-item) .tab-nav {max-width: 75%;margin-left: auto;}
}
/*====================*/
/* History            */
/*====================*/
.history-title {gap: 0 0.125rem;display: flex;flex-direction: column;}
.history-title .title {font-family: var(--ff-600);font-size: clamp(3rem, -1.3158rem + 8.9912vw, 8.125rem);line-height: 0.85em;font-weight: 600;color: var(--clr-title);}
.history-slider {padding-bottom: 0.125rem;}
.history-slider .swiper-container {overflow: visible;}
.history-slider .swiper-btn-wrap {display: none;}
.history-slider .swiper-slide-active .history-value {background-color: var(--clr-grey);color: var(--clr-dark);}
.history-card {--gap: 1.25rem;gap: 1.25rem;display: grid;grid-template-columns: 1fr;}
.history-card-top > * + * {margin-top: var(--gap);}
.history-card-bottom > * + * {margin-top: var(--gap);}
.history-card hr {display: block;width: 100%;height: 0.0625rem;border-radius: 0.0625rem;background-color: var(--clr-border-2);}
.history-value {position: relative;width: -moz-fit-content;width: fit-content;align-self: flex-end;border-radius: var(--rd-2);background-color: transparent;transition: var(--transition-1);font-family: var(--ff-500);color: var(--clr-text);padding: 1rem 1.5rem;}
.history-dscr > * + * {margin-top: 0.5rem;}
.history-img {position: relative;display: block;width: 100%;aspect-ratio: 1.434389;overflow: hidden;border-radius: var(--rd-0);}
.history-img-wrap {gap: 1.25rem;display: flex;}
.history-img::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(20, 64, 105, 0.4);border-radius: inherit;mix-blend-mode: overlay;}
.history-img::after {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.2);border-radius: inherit;}
.history-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-0);}
@media (min-width: 576px) {
.history-title {flex-direction: row;justify-content: flex-end;}
}
@media (min-width: 768px) {
.history-slider .swiper-btn-wrap {gap: 0.625rem;display: flex;margin-top: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);}
}
@media (min-width: 1200px) {
.history-card {--gap: 1.5rem;gap: 2.5rem;grid-template-columns: repeat(2, 1fr);}
.history-card-top,
.history-card-bottom {gap: 0;display: grid;grid-row: span 3;grid-template-rows: subgrid;}
.history-dscr > * + * {margin-top: 1rem;}
}
/*====================*/
/* Services           */
/*====================*/
.service-wrap {--items: 3;--gap: 1.25rem;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.service-card {--pd-block: clamp(1.25rem, -0.2237rem + 3.0702vw, 3rem);--pd-inline: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);position: relative;width: 100%;gap: 0;display: grid;grid-row: span 3;grid-template-rows: subgrid;border-radius: var(--rd-0);background-color: var(--clr-grey);text-align: center;padding-block: var(--pd-block) 0;padding-inline: var(--pd-inline);}
.service-card > * + * {margin-top: clamp(1.25rem, 0.8289rem + 0.8772vw, 1.75rem);}
.service-card > * + .service-img {margin-top: clamp(2rem, 0.5263rem + 3.0702vw, 3.75rem);}
.service-card .btn {justify-self: center;}
.service-img {position: relative;overflow: hidden;display: block;width: 93.661%;margin-inline: auto;aspect-ratio: 1.4817;}
.service-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content-visibility: auto;-o-object-fit: contain;object-fit: contain;}
@media (max-width: 991px) {
.service-wrap {--items: 2;}
}
@media (max-width: 575px) {
.service-wrap {--items: 1;}
}
/*====================*/
/* Types of Packaging */
/*====================*/
.t-pack-wrap {--items: 2;--gap: 1.25rem;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.t-pack-card {--pd-block: clamp(1.25rem, -0.2237rem + 3.0702vw, 3rem);--pd-inline: clamp(1.25rem, -0.2237rem + 3.0702vw, 3rem);position: relative;width: 100%;gap: clamp(1rem, 0.2632rem + 1.5351vw, 1.875rem);display: grid;grid-row: span 3;grid-template-rows: subgrid;border-radius: var(--rd-0);background-color: var(--clr-grey);text-align: center;padding-block: var(--pd-block) 0;padding-inline: var(--pd-inline);}
.t-pack-card .btn {justify-self: center;}
.t-pack-img {position: relative;overflow: hidden;display: block;width: 97.2%;margin-inline: auto;aspect-ratio: 1.87234;}
.t-pack-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;content-visibility: auto;-o-object-fit: contain;object-fit: contain;}
@media (min-width: 576px) {
.t-pack-card:nth-child(3n+1):not(.type-2) {grid-column: span 2;}
.t-pack-card:nth-child(3n+1):not(.type-2) .t-pack-img {width: 44.997%;}
}
@media (max-width: 575px) {
.t-pack-wrap {--items: 1;}
}
/*====================*/
/*  Benefits          */
/*====================*/
.benefit-section .adv-wrap {--gap: clamp(1.25rem, -0.8553rem + 4.386vw, 3.75rem);}
.benefit-section .adv-card {--pd: 0;border-radius: 0;background-color: transparent;}
.benefit-banner {--clr-title: #fff;--clr-text: rgba(255, 255, 255, .8);position: relative;}
.benefit-banner:not(:has(.benefit-info)) .benefit-img {position: relative;padding-bottom: 49.02%;}
.benefit-img {position: absolute;overflow: hidden;z-index: 0;inset: 0;border-radius: var(--rd-0);}
.benefit-img img,
.benefit-img video {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-0);}
.benefit-img::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(20, 64, 105, 0.4);mix-blend-mode: overlay;}
.benefit-img::after {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.3);}
.benefit-info {position: relative;z-index: 2;display: table-cell;vertical-align: bottom;width: 625rem;height: 45svh;padding-block: max(1.5rem, 3.125vw);padding-inline: max(1.25rem, 3.125vw);}
.benefit-info-wrap {gap: 1.5rem;display: flex;align-items: flex-end;justify-content: space-between;}
.benefit-content {gap: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);display: flex;align-items: flex-end;}
.benefit-content-wrap > * + * {margin-top: 1.5rem;}
.benefit-title {font-family: var(--ff-500);}
@media (min-width: 768px) {
.benefit-info {height: clamp(25rem, -10.6381rem + 74.2459vw, 45rem);}
}
@media (min-width: 1200px) {
.benefit-info {height: 75.371svh;}
}
@media (max-width: 575px) {
.benefit-info .btn-play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.benefit-content {align-items: flex-start;flex-direction: column;}
.benefit-content-wrap > * + * {margin-top: 1.25rem;}
}
/*====================*/
/* Numbers            */
/*====================*/
.number-wrap {--items: 4;--gap: 1.25rem;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.number-card {position: relative;width: 100%;gap: 0;display: grid;grid-row: span 3;grid-template-rows: subgrid;border-radius: var(--rd-0);background-color: var(--bg-light);padding: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
.number-card:has(.number-img) {background-color: transparent;padding: 0;}
.number-card:has(.number-img) .number-img {grid-row: span 3;}
.number-card > * + * {margin-top: 1rem;}
.number-card > .number-title + * {margin-top: var(--sp-md);}
.number-title {font-family: var(--ff-500);font-size: var(--h1-c);line-height: 1.05em;color: var(--clr-dark);}
.number-img {position: relative;overflow: hidden;display: block;width: 100%;height: 100%;aspect-ratio: 1.18694;border-radius: var(--rd-0);}
.number-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-0);}
.number-img::before {content: "";position: absolute;z-index: 1;inset: 0;border-radius: inherit;background: rgba(20, 64, 105, 0.4);mix-blend-mode: overlay;}
.number-img::after {content: "";position: absolute;z-index: 1;inset: 0;border-radius: inherit;background: rgba(0, 0, 0, 0.2);}
@media (max-width: 1199px) {
.number-wrap {--items: 3;}
}
@media (max-width: 767px) {
.number-wrap {--items: 2;}
}
@media (max-width: 575px) {
.number-wrap {--items: 1;}
}
/*====================*/
/*  Team              */
/*====================*/
.team-wrap {--items: 4;--gap: 1.25rem;gap: calc(var(--gap) * 2) var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.team-card {position: relative;width: 100%;gap: 0;display: grid;grid-row: span 3;grid-template-rows: subgrid;}
.team-card > .title + .text {margin-top: 0.25rem;}
.team-card > * + .team-img {margin-top: 0.5rem;}
.team-card .text a {display: block;width: -moz-fit-content;width: fit-content;}
.team-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.450909;border-radius: 0.5rem;}
.team-img:has(.open-popup) {cursor: pointer;}
.team-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 0.5rem;}
.team-img::before {content: "";position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;height: 0%;border-radius: inherit;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);transition: var(--cubic-1);}
.team-img .btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, 150%);opacity: 0;visibility: hidden;transition: var(--cubic-1);}
.team-info > * + .team-dscr {margin-top: clamp(1.25rem, 0.6184rem + 1.3158vw, 2rem);}
@media (min-width: 1200px) {
.team-img:has(.open-popup):hover::before {height: 100%;}
.team-img:has(.open-popup):hover .btn {transform: translate(-50%, -50%);opacity: 1;visibility: visible;}
}
@media (max-width: 1199px) {
.team-wrap {--items: 3;gap: var(--gap);}
.team-img:has(.open-popup) {cursor: pointer;}
.team-img .btn {position: absolute;top: 0;left: 0;transform: initial;width: 100%;height: 100%;border-radius: 0;background-color: transparent;border-color: transparent;opacity: 1;visibility: visible;}
.team-img .btn > * {display: none;}
}
@media (max-width: 767px) {
.team-wrap {--items: 2;}
}
@media (max-width: 575px) {
.team-wrap {--items: 1;}
}
/*====================*/
/* Photo Gallery      */
/*====================*/
.photo-section {gap: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);display: grid;grid-template-columns: 1fr;}
.photo-section .swiper-btn-wrap {gap: 0.625rem;}
.photo-slider {min-width: 0;}
.photo-slider .swiper-container {overflow: visible;}
.photo-slider .swiper-container:not(.swiper-no-swiping) .swiper-wrapper {cursor: url(../img/custom-cursor.png) 16 9,ew-resize;}
.photo-slide {position: relative;border-radius: var(--rd-0);}
.photo-slide img {border-radius: var(--rd-0);max-width: 100%;max-height: 100%;width: 100%;}
.photo-slide::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(20, 64, 105, 0.4);border-radius: inherit;mix-blend-mode: overlay;}
.photo-slide::after {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(0, 0, 0, 0.3);border-radius: inherit;}
@media (min-width: 576px) {
.photo-section {grid-template-columns: repeat(2, 1fr);}
.photo-section .swiper-btn-wrap {grid-area: 1/2/2/3;justify-content: flex-end;align-items: flex-end;}
.photo-section .title {grid-area: 1/1/2/2;}
.photo-slider {grid-area: 2/1/3/3;}
.photo-slider .swiper-slide {width: auto !important;}
.photo-slide img {max-width: 40rem;max-height: 28rem;width: auto;}
}
@media (min-width: 992px) {
.photo-slide img {max-width: 50rem;max-height: 38rem;}
}
/*====================*/
/* Table of Content   */
/*====================*/
.toc-wrap {--items: 1;--gap: 1.25rem;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.toc-card {--pd-block: clamp(1.5rem, 0.2368rem + 2.6316vw, 3rem);--pd-inline: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);position: relative;width: 100%;gap: clamp(1.5rem, 0.2368rem + 2.6316vw, 3rem);display: grid;grid-row: span 3;grid-template-rows: subgrid;border-radius: var(--rd-2);border: 0.0625rem solid var(--clr-border-1);background-color: var(--clr-grey);text-align: center;padding-block: var(--pd-block);padding-inline: var(--pd-inline);}
.toc-card .btn {justify-self: center;}
.toc-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 0.8691;border-radius: 1rem;background-color: var(--clr-white);}
.toc-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;content-visibility: auto;-o-object-fit: contain;object-fit: contain;padding: 1.5rem;}
@media (min-width: 576px) {
.toc-wrap {--items: 2;}
}
@media (min-width: 992px) {
.toc-wrap {--items: 3;}
}
@media (min-width: 1200px) {
.toc-wrap {--items: 4;}
}
/*====================*/
/*  Sticky Nav        */
/*====================*/
.section:has(.head-nav) {z-index: 2;}
.head-nav {position: relative;overflow: hidden;width: 100%;height: inherit;max-width: 100%;transition: var(--transition-1);background-color: rgba(0, 0, 0, 0.2);border-top: 0.0625rem solid rgba(249, 251, 254, 0.3);}
.head-nav-inner {overflow-x: auto;overflow-y: hidden;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;width: auto;height: inherit;line-height: 0;}
.head-nav-inner::-webkit-scrollbar {display: none;}
.head-nav-wrap {height: 3rem;margin-top: 0;}
.head-nav a {position: relative;cursor: pointer;height: inherit;font-size: var(--text);line-height: 1.33em;font-weight: 500;color: var(--clr-white);text-align: center;text-transform: uppercase;white-space: nowrap;padding: 0.75rem clamp(1.25rem, -2.9167rem + 5.5556vw, 3.75rem);}
.head-nav a::before {content: "";position: absolute;top: 0;left: 0;width: 0;height: 0.0625rem;transition: var(--transition-1);background-color: transparent;}
.head-nav a.active::before {width: 100%;background-color: var(--clr-primary);}
.head-nav.fixed {position: fixed;height: auto;z-index: 50;top: var(--h-height);left: 0;background-color: var(--clr-grey);box-shadow: 0 0.625rem 1rem 0 rgba(26, 26, 26, 0.08);}
.head-nav.fixed a {color: #26263B;}
@media (min-width: 1200px) {
.head-nav a:hover:before {width: 100%;}
}
@media (max-width: 1199px) {
.head-nav-inner {justify-content: flex-start;}
}
/*====================*/
/*  Blog              */
/*====================*/
.blog-grid {--items: 2;--gap: clamp(1.25rem, 0.7237rem + 1.0965vw, 1.875rem);position: relative;z-index: 2;gap: var(--gap);display: grid;grid-template-columns: repeat(var(--items), 1fr);}
.blog-item {--pd: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);position: relative;width: 100%;gap: 0;display: grid;grid-row: span 5;grid-template-rows: subgrid;border-radius: var(--rd-0);background-color: var(--clr-grey-2);padding: var(--pd);}
.blog-item > * + * {margin-top: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);}
.blog-item > * + .blog-img {margin-top: 1rem;}
.blog-item > .title + .text,
.blog-item > .text + .tag-wrap {margin-top: 0.75rem;}
.blog-head {position: relative;gap: 1rem;display: flex;justify-content: space-between;}
.blog-date {font-size: var(--text-md);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.902097;border-radius: var(--rd-0);}
.blog-img::before {content: "";position: absolute;z-index: 1;inset: 0;background: rgba(20, 64, 105, 0.3);border-radius: inherit;mix-blend-mode: overlay;}
.blog-img::after {content: "";position: absolute;z-index: 1;inset: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));border-radius: inherit;}
.blog-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-0);transition: transform var(--cubic-1);}
.blog-slider .blog-item {display: flex;flex-direction: column;padding: clamp(1.25rem, 0.1974rem + 2.193vi, 2.5rem) var(--pd);}
.blog-slider .blog-item > * + * {margin-top: clamp(0.25rem, 0.0395rem + 0.4386vi, 0.5rem);}
.blog-slider .blog-item > * + .blog-img {margin-top: clamp(1.25rem, 0.1974rem + 2.193vi, 2.5rem);}
.blog-slider .blog-head .btn-link {transform: translateY(-0.625rem);}
.blog-slider .blog-img {aspect-ratio: 1.902097;}
.blog-slider .swiper-container {overflow: visible;}
.blog-slider .swiper-slide-next {transition: all var(--cubic-1) !important;}
.blog-slider .swiper-slide-active {transition: all var(--cubic-1) !important;transform-origin: left bottom;}
.blog-latest {gap: clamp(1.5rem, 0.2368rem + 2.6316vw, 3rem);display: grid;grid-template-columns: 1fr;}
.blog-latest .title-wrap {gap: clamp(1.5rem, 0.2368rem + 2.6316vw, 3rem);display: flex;align-items: flex-end;}
.blog-latest .row {min-width: 0;}
.blog-latest .btn {justify-self: flex-start;}
.blog-latest .swiper-btn-wrap {gap: 0.625rem;}
.blog-detail-section .breadcrumbs {margin-bottom: clamp(1.5rem, -0.3947rem + 3.9474vw, 3.75rem);}
.blog-detail-info {gap: 1rem;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.blog-detail-info + * {margin-top: 1rem;}
.blog-detail-img {position: relative;overflow: hidden;display: block;width: 100%;padding-bottom: 54.4522%;border-radius: var(--rd-0);}
.blog-detail-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-0);}
@media (min-width: 1200px) {
a.blog-img:hover img {transform: scale(1.05);}
.blog-item a.title:hover {color: var(--clr-primary);}
.blog-latest {grid-template-columns: repeat(2, 1fr);}
.blog-latest .title-wrap {grid-area: 1/1/2/2;}
.blog-latest .row {grid-area: 2/1/3/3;}
.blog-latest .btn {grid-area: 1/2/2/3;align-self: flex-end;justify-self: flex-end;}
}
@media (max-width: 767px) {
.blog-grid {--items: 1;}
.blog-item {padding-block: 1.25rem;}
.blog-slider .blog-img {aspect-ratio: 1.602739;}
.blog-latest .swiper-btn-wrap {display: none;}
}
/*====================*/
/*  Pagination        */
/*====================*/
.pagination {--size: clamp(2.25rem, 1.5132rem + 1.5351vw, 3.125rem);--font-size: var(--text);--gap: clamp(0.625rem, 0.0987rem + 1.0965vw, 1.25rem);position: relative;display: block;margin-top: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);}
.pagination ul {line-height: 0;display: flex;justify-content: center;gap: var(--gap);}
.pagination li {position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;font-size: var(--font-size);font-weight: 400;line-height: var(--size);color: #666;text-align: center;}
.pagination a {display: inline-block;position: relative;width: 100%;height: 100%;border-radius: 100%;border: 0.0625rem solid transparent;background-color: var(--clr-white);}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow a {border-color: var(--clr-border);color: var(--clr-title);}
.pagination .pag-arrow a svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;width: 42%;height: 42%;flex-shrink: 0;}
.pagination .pag-arrow:last-child {transform: rotate(180deg);}
.pagination li.active a {border-color: var(--clr-primary);color: var(--clr-primary);pointer-events: none;}
@media (min-width: 1200px) {
.pagination li a:hover {border-color: var(--clr-primary);color: var(--clr-primary);}
.pagination li.pag-arrow a:hover {border-color: var(--clr-primary);color: var(--clr-primary);}
}
/*====================*/
/*  Contact Cards     */
/*====================*/
.contact-wrap {--size: 10rem;--gap: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);position: relative;gap: var(--gap);display: grid;grid-template-columns: repeat(auto-fit, minmax(var(--size), 1fr));}
.contact-card {position: relative;gap: 1rem;display: flex;}
.contact-icon {--size: clamp(2.5rem, 1.4474rem + 2.193vw, 3.75rem);position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: 100%;border: 0.0625rem solid var(--clr-primary);}
.contact-icon img,
.contact-icon svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 42%;height: 42%;}
.contact-item {font-size: 1rem;line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.contact-item a {display: flex;width: -moz-fit-content;width: fit-content;}
.contact-caption {font-size: 1.125rem;line-height: 1.33em;font-weight: 600;color: var(--clr-title);}
.contact-caption + * {margin-top: 0.5rem;}
@media (min-width: 1200px) {
.contact-item a:hover {color: var(--clr-primary);}
.contact-inner {max-width: 90%;margin-left: auto;}
}
@media (max-width: 767px) {
.contact-section .contact-wrap {--size: 16rem;}
}
/*====================*/
/*  Map               */
/*====================*/
.map-block {position: relative;overflow: hidden;display: block;padding-top: max(30rem, 32.5vw);}
.map {position: absolute;inset: 0;}
.infoBox {--space: 0.75rem;}
.infoBox > img {z-index: 10;opacity: 0;}
.infoBox > img,
.infoBox .btn-close {position: absolute;top: 0.375rem;right: 0.375rem;width: 1.5rem;height: 1.5rem;border: none;border-radius: 0%;}
.infoBox .btn-close::before,
.infoBox .btn-close::after {width: 45%;}
.info-box-wrapper {position: relative;z-index: 1;border-radius: var(--rd-0);background-color: var(--clr-white);border: 0.0625rem solid var(--clr-border-2);}
.info-box-inner {padding: calc(var(--space) * 1.666666);padding-right: calc(var(--space) * 2.5);}
.info-box-inner > * + * {margin-top: var(--space);}
.info-item {font-size: 0.875rem;line-height: 1.43em;font-weight: 400;color: var(--clr-text);display: flex;flex-direction: column;align-items: flex-start;}
.info-item span {font-weight: 600;color: var(--clr-title);margin-bottom: 0.25rem;}
.info-item.info-address a {font-weight: 600;color: var(--clr-title);max-width: 12.5rem;}
@media (min-width: 1200px) {
.infoBox img:hover + .info-box-wrapper .btn-close {color: var(--clr-primary);}
.info-item a:hover {color: var(--clr-primary);}
}
.btn-delete {cursor: pointer;position: relative;display: inline-block;flex-shrink: 0;line-height: 0;width: 1.25rem;height: 1.25rem;color: var(--clr-text);transition: var(--transition-1);}
.btn-delete svg {width: 100%;height: 100%;}
@media (min-width: 1200px) {
.btn-delete:hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.btn-delete {width: 1rem;height: 1rem;}
.btn-delete::before {content: "";position: absolute;inset: -0.5rem;}
}
/*====================*/
/*  Stepper           */
/*====================*/
.stepper {--btn-size: 3rem;--input-size: 2.75rem;--rd-size: 0.625rem;overflow: hidden;display: flex;border-radius: var(--rd-size);border: 0.0625rem solid var(--clr-border-2);font-size: 1.125rem;line-height: 1.2em;font-weight: 400;color: var(--clr-title);text-align: center;}
.stepper button {position: relative;cursor: pointer;display: inline-block;width: var(--btn-size);height: var(--btn-size);color: var(--clr-title);transition: var(--transition-1);flex-shrink: 0;}
.stepper button::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.75rem;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: 0.75rem;background-color: currentColor;}
.stepper input {cursor: default;width: var(--input-size);height: var(--btn-size);font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
@media (min-width: 1200px) {
.stepper button:hover {background-color: var(--clr-primary);}
}
.price-wrap {position: relative;font-size: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);line-height: 1em;font-weight: 600;color: var(--clr-title);flex-shrink: 0;}
.price-wrap:has(.old) {color: var(--clr-error);}
.price-wrap .old {line-height: 1.2em;font-size: 58.33333%;font-weight: 400;color: var(--clr-text);text-decoration: line-through;}
.price-wrap-caption {font-size: 0.75rem;line-height: 1.33em;font-weight: 300;color: var(--clr-text);margin-bottom: 0.25rem;}
.price-total-wrap {font-size: var(--h4);line-height: 1.3em;font-weight: 600;color: var(--clr-title);min-width: 9.375rem;min-width: 9ch;}
.price-total-caption {font-size: 0.875rem;line-height: 1.14em;font-weight: 500;color: var(--clr-title);margin-bottom: 0.25rem;}
@media (max-width: 575px) {
.price-wrap {width: 100%;display: flex;align-items: center;justify-content: center;gap: 0.75rem;}
.price-wrap:has(.old) {justify-content: space-between;}
.price-wrap .old {order: 1;font-size: 75%;}
}
/*---------------------*/
/*  Loader             */
/*---------------------*/
.loader {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.75rem !important;height: 0.75rem !important;gap: 0.125rem;display: flex;align-items: center;}
.loader i:before,
.loader i:after,
.loader i {display: inline-block;width: inherit;height: inherit;border-radius: 100%;animation-fill-mode: both;animation: loader 1.2s infinite ease-in-out;}
.loader i {position: relative;color: currentcolor;transform: translateY(-100%);animation-delay: -0.16s;}
.loader i:before {right: 100%;animation-delay: -0.32s;}
.loader i:after {left: 100%;}
.loader i:before,
.loader i:after {content: "";display: inline-block;position: absolute;top: 0;}
@keyframes loader {
0%,
80%,
100% {box-shadow: 0 0.75em 0 -1em;}
40% {box-shadow: 0 0.75em 0 -0.2em;}
}
/*====================*/
/*  Product Card      */
/*====================*/
.prd-grid {--grid-items: 3;gap: 1.25rem;display: grid;grid-template-columns: repeat(var(--grid-items), 1fr);}
.prd-slider .swiper-container {overflow: visible;}
.prd-slider .swiper-btn-wrap {display: none;}
.prd-card {--prd-padding: clamp(0.75rem, 0.1184rem + 1.3158vw, 1.5rem);position: relative;z-index: 0;height: 100%;gap: clamp(0.75rem, -0.1974rem + 1.9737vw, 1.875rem);display: flex;flex-direction: column;background-color: var(--clr-grey-2);border: 0.0625rem solid var(--clr-border-1);border-radius: var(--rd-2);padding: var(--prd-padding);}
.prd-card.f-prd-card {--prd-padding: clamp(1rem, -0.6842rem + 3.5088vw, 3rem);}
.prd-card.f-prd-card .prd-img {order: 1;}
.prd-card.f-prd-card .prd-title {font-size: var(--h3);line-height: 1.3em;font-weight: 500;}
.prd-card.f-prd-card .prd-controls {gap: 0.75rem clamp(0.75rem, -0.7237rem + 3.0702vi, 2.5rem);justify-content: center;}
.prd-img {position: relative;display: block;width: 53.222222%;aspect-ratio: 1;margin-inline: auto;}
.prd-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;transform-origin: center;transition: transform var(--cubic-1);}
.prd-title {font-size: clamp(0.875rem, 0.6645rem + 0.4386vw, 1.125rem);line-height: 1.5em;font-weight: 400;color: var(--clr-title);text-align: center;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-controls {margin-top: auto;gap: 0.75rem;display: flex;align-items: center;justify-content: space-between;}
@media (min-width: 768px) {
.prd-slider .swiper-btn-wrap {gap: 0.5rem;display: flex;margin-top: clamp(1.5rem, 0.2368rem + 2.6316vw, 3rem);}
.prd-slider .swiper-pagination {display: none;}
}
@media (min-width: 1200px) {
a.prd-img:hover img {transform: scale(1.06);}
a.prd-title:hover {color: var(--clr-primary);}
.prd-grid.type-2 {--grid-items: 4;}
}
@media (max-width: 991px) {
.prd-grid {--grid-items: 2;}
}
@media (max-width: 767px) {
.prd-card.f-prd-card .prd-controls > .btn {width: auto;}
.prd-controls {flex-direction: column;}
.prd-controls > .btn {width: 100%;min-height: 2rem;font-size: 0.625rem;padding: 0.5rem 0.75rem;}
}
/*=====================*/
/*  Product Horizontal */
/*=====================*/
.prd-horiz {--img-size: 7.5rem;--gap: 1.5rem;position: relative;gap: 0;display: flex;align-items: center;background-color: var(--clr-white);}
.prd-horiz + .prd-horiz {margin-top: 0.5rem;}
.prd-horiz-img {position: relative;width: var(--img-size);height: 100%;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;content-visibility: auto;padding: 1rem;}
.prd-horiz-info {flex-grow: 1;align-self: center;padding-block: var(--gap);margin-left: var(--gap);}
.prd-horiz-info > * + * {margin-top: calc(var(--gap) * 0.666667);}
.prd-horiz .prd-title {max-width: 90%;font-size: var(--text-md);color: var(--clr-text);text-align: left;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-horiz-var {gap: clamp(0.375rem, -0.1513rem + 1.0965vw, 1rem);display: inline-flex;flex-wrap: wrap;}
.prd-horiz-var-item {font-size: clamp(0.75rem, 0.6447rem + 0.2193vw, 0.875rem);line-height: 1.4em;font-weight: 400;color: var(--clr-text);}
.prd-horiz-var-item b {font-weight: 600;}
.prd-horiz-qty {min-width: 3ch;font-size: var(--text);line-height: 1em;font-weight: 400;color: var(--clr-title);text-align: center;}
.prd-horiz-controls {gap: 0.625rem;display: flex;align-items: center;justify-content: space-between;}
.prd-horiz .stepper {--btn-size: 2rem;--input-size: 2rem;--rd-size: 0.625rem;}
.prd-horiz .price-wrap {font-size: var(--text-md);font-weight: 400;}
.prd-horiz .price-wrap:has(.old) {color: inherit;}
.prd-horiz .price-wrap .old {font-size: 75%;color: #474949;}
.prd-horiz .price-total {font-size: var(--text-md);line-height: 1.5em;font-weight: 600;color: var(--clr-title);min-width: 5.875rem;}
.prd-horiz .btn-delete {align-self: flex-start;}
@media (min-width: 1200px) {
.prd-horiz-title:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.prd-horiz {--img-size: 5rem;--gap: 1rem;}
.prd-horiz-img img {padding: 0.25rem;}
.prd-horiz-info > * + * {margin-top: 0.5rem;}
.prd-horiz .prd-title {font-size: 0.875rem;}
.prd-horiz-controls {gap: 0.5rem;flex-wrap: wrap;}
.prd-horiz .price-wrap {justify-content: flex-start;}
}
/*====================*/
/*  Filter Section    */
/*====================*/
.filter-section{z-index: 2;}
.flr-inner {gap: var(--sp-sm);display: flex;}
.flr-sidebar {width: 100%;max-width: 21.375rem;}
.flr-btn {--size: 3rem;position: fixed;z-index: 98;right: 1rem;bottom: 4.5rem;cursor: pointer;display: inline-block;flex-shrink: 0;width: var(--size);height: var(--size);color: var(--clr-white);border-radius: 100%;background-color: var(--clr-dark);}
.flr-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 50%;flex-shrink: 0;}
.flr-menu {position: sticky;top: calc(var(--h-height) + 1rem);overflow-x: hidden;overflow-y: auto;overscroll-behavior-y: none;display: block;width: 100%;max-height: calc(100dvh - var(--h-height) - 2rem);border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);padding: 0.25rem 1.5rem 1.5rem;}
.flr-menu-inner:has(.flr-clear) > .btn {margin-top: 1.25rem;}
.flr-menu > .btn-close {--size: 3rem;--clr-btn: rgba(255, 255, 255, 0.5);border: 0.125rem solid var(--clr-dark);background-color: var(--clr-dark);align-self: center;margin-top: auto;}
.flr-block {line-height: 0;border-bottom: 0.0625rem solid var(--clr-border);}
.flr-title {cursor: pointer;gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 1.125rem;line-height: 1.3333333em;font-weight: 600;color: var(--clr-title);text-transform: uppercase;transition: var(--transition-1);padding-block: 1.25rem;}
.flr-title i {display: inline-block;position: relative;width: 1.25rem;height: 1.25rem;}
.flr-title i:before,
.flr-title i:after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;height: 0.125rem;background-color: currentColor;transition: transform var(--transition-1);}
.flr-title:not(.is-active) i:after {transform: translate(-50%, -50%) rotate(90deg);}
.flr-toggle {display: none;padding-bottom: 1.25rem;}
.flr-list:has(.flr-list-item) {padding-left: 1rem;}
.flr-list > li + li {margin-top: 0.625rem;}
.flr-list-caption {cursor: pointer;gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;font-size: 1.125rem;line-height: 1.2222222em;font-weight: 500;color: var(--clr-text);transition: var(--transition-1);padding-block: 0 1.25rem;}
.flr-list-caption i {display: inline-block;position: relative;width: 1.25rem;height: 1.25rem;}
.flr-list-caption i:before,
.flr-list-caption i:after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 60%;height: 0.125rem;background-color: currentColor;transition: transform var(--transition-1);}
.flr-list-caption:not(.is-active) i:after {transform: translate(-50%, -50%) rotate(90deg);}
.flr-list-caption.is-active {color: var(--clr-title);}
.flr-list-toggle {display: none;padding-bottom: 0.625rem;}
.flr-list-links {padding-left: 1rem;}
.flr-list-links > * + * {margin-top: 0.625rem;}
.flr-list-links a {display: block;width: -moz-fit-content;width: fit-content;font-size: 1.125rem;line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.flr-list-links a.is-active {color: var(--clr-primary);}
.flr-list-btn {display: none;position: relative;cursor: pointer;margin-top: 1rem;font-size: 0.875rem;line-height: normal;font-weight: 600;color: var(--clr-dark);text-transform: uppercase;transition: var(--transition-1);}
.flr-list-btn:before {content: attr(data-orig-text);display: inline-block;vertical-align: middle;}
.flr-list-btn i {display: inline-block;vertical-align: middle;position: relative;width: 1rem;height: 1rem;margin-left: 0.5rem;}
.flr-list-btn i:before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);margin-top: -0.125rem;width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;border-bottom-right-radius: 0.125rem;}
.flr-list-btn.is-active:before {content: attr(data-active-text);}
.flr-list-btn.is-active i {transform: rotateX(-180deg);}
.flr-list-btn.is-active i:before {margin-top: -4px;}
.flr-colors.ch-box-wrap {--lh-size: 2.25rem;gap: 0.75rem;flex-direction: row;}
.flr-colors .ch-box input[type=checkbox] {outline: 0.0625rem solid transparent;border: 0.0625rem solid currentColor;border-radius: 100%;}
.flr-colors .ch-box input[type=checkbox]::before {background-color: var(--color);background-image: none; transform: translate(-50%, -50%) scale(1);border-radius: inherit;width: 65%;height: 65%;}
.flr-colors .ch-box input[type=checkbox]:checked {outline-color: var(--clr-primary);}
.flr-range-slider {margin-bottom: 1.25rem;}
.flr-controls {gap: 1.25rem;display: flex;align-items: center;}
.flr-controls .input-field {--int-pd: .75rem;--int-pd-block: .5rem;gap: 0.5rem;display: inline-flex;align-items: center;flex-grow: 1;}
.flr-controls .input-field > span {font-size: var(--text-md);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.more-options + .flr-list-btn {display: block;}
@media (min-width: 768px) {
.flr-btn {bottom: 2.5rem;}
}
@media (min-width: 1200px) {
.flr-list-btn:hover {color: var(--clr-primary);}
.flr-list-caption:hover,
.flr-list-links a:hover {color: var(--clr-title);}
}
@media (max-width: 1199px) {
.flr-inner {gap: 0;}
.flr-sidebar {width: 0%;max-width: 100%;}
.flr-menu {position: fixed;z-index: 99;inset: 1rem;top: calc(var(--h-height) + 1rem);height: 100%;max-width: 25rem;width: calc(100% - 2rem);display: flex;flex-direction: column;border: none;background: rgba(255, 255, 255, 0.98);box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.07);transform: translateX(-150%);transition: var(--cubic-1);padding: 1.5rem;}
.flr-menu-inner {margin-bottom: 2rem;}
.filter-is-open .flr-overlay {opacity: 1;visibility: visible;}
.filter-is-open .flr-menu {transform: translateX(0%);}
html:is(.filter-is-open) .bt-panel {transform: translateY(100%);}
}
/*====================*/
/*  Filter content    */
/*====================*/
.flr-content {--content-space: 1.5rem;width: 100%;}
.flr-content > * + *:not(.pagination) {margin-top: var(--content-space);}
.flr-panel {gap: 1rem;display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.flr-panel .text {margin-right: auto;}
.flr-panel .text b {font-weight: inherit;}
.sort-field {position: relative;font-size: var(--text-md);line-height: 1.5em;font-weight: 400;color: var(--clr-text);gap: clamp(0.625rem, -0.1118rem + 1.5351vw, 1.5rem);display: inline-flex;align-items: center;}
.sort-field > * {flex-shrink: 0;}
.sort-field .SumoSelect {width: auto;min-width: 18.5rem;}
@media (max-width: 575px) {
.flr-panel {flex-direction: column;align-items: flex-start;}
.sort-field {width: 100%;}
.sort-field b {display: none;}
.sort-field .SumoSelect {width: 100%;}
}
/*====================*/
/*  Product Detail    */
/*====================*/
.prd-detail-slider {position: relative;min-width: 0;gap: 1.25rem;display: flex;}
.prd-detail-slider .swiper-thumbs-top {flex-grow: 1;max-width: calc(81.55% - 1.25rem);}
.prd-detail-slider .swiper-thumbs-top .swiper-pagination {margin-top: 0.75rem;}
.prd-detail-slider .swiper-thumbs-bottom {width: 14.3%;flex-shrink: 0;order: -1;}
.prd-detail-img {position: relative;border-radius: var(--rd-0);background-color: var(--clr-white);padding-top: 116.46%;}
.prd-detail-img img,
.prd-detail-img video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 80%;max-height: 100%;width: 100%;-o-object-fit: contain;object-fit: contain;}
.prd-detail-img video {z-index: 2;}
.prd-detail-thumb {position: relative;overflow: hidden;cursor: pointer;width: 100%;max-height: 7.5rem;aspect-ratio: 1;border-radius: var(--rd-0);background-color: #F6F6F6;border: 0.125rem solid transparent;transition: border var(--transition-1);}
.prd-detail-thumb img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;-o-object-fit: contain;object-fit: contain;}
.prd-detail-thumb .btn-play {--size: 2.5rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.swiper-slide-thumb-active .prd-detail-thumb {border-color: var(--clr-primary);}
.swiper-thumbs.hide-bottom .swiper-thumbs-bottom {display: none;}
@media (min-width: 1200px) {
	.prd-detail-slider{height: 100%;}
	.prd-detail-slider .swiper-thumbs-bottom {height: calc(100% - 40px);}
	.prd-detail-slider .swiper-thumbs-bottom .swiper-container {height: calc(100% - 60px);margin: 30px 0;}
	.prd-detail-slider .swiper-thumbs-bottom .swiper-button-prev {--sw-btn: 30px;top: 0;left: calc(50% - var(--sw-btn) / 2);-webkit-transform: rotate(90deg);transform: rotate(90deg);border: none;border-radius: 0;}
	.prd-detail-slider .swiper-thumbs-bottom .swiper-button-prev svg{width: 60%;height: 60%;}
	.prd-detail-slider .swiper-thumbs-bottom .swiper-button-next {--sw-btn: 30px;top: auto;bottom: 0;left: calc(50% - var(--sw-btn) / 2);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);border: none;border-radius: 0;}
	.prd-detail-slider .swiper-thumbs-bottom .swiper-button-next svg{width: 60%;height: 60%;}
}
@media (max-width: 1199px) {
.prd-detail-slider {flex-direction: column;}
.prd-detail-slider .swiper-thumbs-top {max-width: 100%;}
.prd-detail-slider .swiper-thumbs-bottom {width: 100%;order: 0;}
.prd-detail-slider .swiper-thumbs-bottom .swiper-button-prev, .prd-detail-slider .swiper-thumbs-bottom .swiper-button-next{display: none;}
.prd-detail-img {padding-top: 116.46%;}
}
.prd-detail-content > * + * {margin-top: 2.25rem;}
.prd-detail-info > * + * {margin-top: 0.75rem;}
.prd-detail-title {font-size: var(--h3);line-height: 1.3em;font-weight: 500;color: var(--clr-title); font-family: var(--ff-500)}
.prd-detail-caption {font-size: var(--text);line-height: 1.56em;font-weight: 400;color: var(--clr-text);}
.prd-detail-caption b {font-weight: 600;color: var(--clr-title);}
.prd-detail-controls {gap: 0.5rem 1.25rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;border-radius: var(--rd-0);background-color: var(--bg-light);padding: clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);}
.prd-detail-controls .price-wrap {width: auto;display: block;font-weight: 400;}
.prd-detail-controls .price-wrap .old {font-size: 50%;}
.prd-detail-controls .btn {min-width: 12.75rem;}
.prd-controls .btn.is-loading > *,
.prd-detail-controls .btn.is-loading > * {opacity: 0;}
.prd-controls .btn.is-loading .loader,
.prd-detail-controls .btn.is-loading .loader,
.prd-detail-controls .btn.is-loading .check {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1;}
.prd-detail-table {display: grid;grid-template-columns: repeat(1, 1fr);border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);padding: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);}
.prd-detail-param {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.5rem;font-size: var(--text-md);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.prd-detail-param b {font-weight: 600;color: var(--clr-title);}
.prd-not-available {font-size: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);line-height: 1.3em;font-weight: 400;color: var(--clr-text);}
@media (min-width: 576px) {
.prd-detail-table {grid-template-columns: repeat(2, 1fr);grid-column-gap: 1.875rem;}
.prd-detail-param:nth-child(n+3) {padding-top: 1rem;margin-top: 1rem;border-top: 0.0625rem solid var(--clr-border-2);}
}
@media (max-width: 991px) {
.prd-detail-content {margin-top: 2rem;}
}
@media (max-width: 575px) {
.prd-detail-content {margin-top: 2rem;}
.prd-detail-content > * + * {margin-top: 2rem;}
.prd-detail-controls {gap: 1rem;}
.prd-detail-controls .btn {flex-grow: 1;width: 100%;order: 2;}
.prd-detail-controls .stepper {flex-grow: 1;width: 100%;order: 1;}
.prd-detail-controls .stepper input {width: 100%;}
.prd-detail-param:not(:first-child) {border-top: 0.0625rem solid var(--clr-border-2);padding-top: 1rem;margin-top: 1rem;}
}
.color-selector {gap: 0.25rem 1rem;display: flex;flex-wrap: wrap;}
.color-selector-item {position: relative;line-height: 0;}
.color-selector-item input[type=radio] {--size: 2.75rem;position: relative;cursor: pointer;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;color: var(--clr-border-2);transition: var(--transition-1);border-radius: 100%;border: 0.0625rem solid currentColor;outline: 0.0625rem solid transparent;}
.color-selector-item input[type=radio]:before {content: "";position: absolute;top: 50%;left: 50%;display: block;width: 65%;height: 65%;transform: translate(-50%, -50%);border-radius: inherit;background-color: var(--color);}
.color-selector-item input[type=radio]:checked {border-color: var(--clr-primary);outline-color: var(--clr-primary);background-color: transparent;}
.color-selector-item:has(input[disabled]) {pointer-events: none;cursor: not-allowed;opacity: 0.4;}
@media (max-width: 767px) {
.color-selector {flex-wrap: nowrap;overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;margin-inline: -1rem;padding-inline: 1rem;}
.color-selector::-webkit-scrollbar {display: none;}
.color-selector {scroll-snap-align: start;scroll-margin-left: 1rem;}
}
.size-selector {position: relative;gap: 0.25rem;display: flex;flex-wrap: wrap;}
.size-selector-item {cursor: pointer;position: relative;-webkit-user-select: none;-moz-user-select: none;user-select: none;display: block;padding: 0.35em 1em;font-size: 1rem;font-weight: 400;line-height: 1.5em;color: var(--clr-text);text-align: center;border-radius: 0.5rem;outline-offset: -0.125rem;outline: 0.0625rem solid transparent;border: 0.0625rem solid var(--clr-border);transition: var(--transition-1);}
.size-selector-item input {display: none;}
.size-selector-item:has(input:checked) {pointer-events: none;outline-color: var(--clr-primary);border-color: var(--clr-primary);color: var(--clr-title);}
.size-selector-item:has(input[disabled]) {cursor: not-allowed;pointer-events: none;background-color: var(--clr-grey);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='36' viewBox='0 0 75 36' fill='none'%3E%3Cpath d='M0.5 1L74.5 35' stroke='%23B0BAC0' stroke-width='2'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 100%;background-position: center;border-color: var(--clr-grey);}
@media (min-width: 1200px) {
.size-selector-item:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.size-selector {gap: 1rem;flex-wrap: nowrap;overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;margin-inline: -1rem;padding-inline: 1rem;}
.size-selector::-webkit-scrollbar {display: none;}
.size-selector-item {scroll-snap-align: start;scroll-margin-left: 1rem;white-space: nowrap;}
}
.prd-panel {position: fixed;z-index: 77;left: 1rem;right: 1rem;bottom: 1rem;left: 0;right: 0;bottom: 0;width: calc(100% - 2rem);width: 100%;max-width: 51.25rem;margin-inline: auto;background-color: var(--clr-white);border-radius: var(--rd-0);box-shadow: 0 0 1rem 0 rgba(26, 26, 26, 0.12);transform: initial;transition: var(--transition-1);padding: 0.375rem 1rem;display: block;}
.prd-panel.is-active {transform: none;}
.prd-panel-inner {position: relative;display: flex;align-items: center;justify-content: space-between;gap: 1rem;}
.prd-panel-inner > * {position: relative;display: flex;align-items: center;}
.prd-panel-inner .left-part {gap: 0.75rem;max-width: 45%;flex: 1 0 auto;display: none;}
.prd-panel-inner .left-part .text {color: var(--clr-title);}
.prd-panel-inner .right-part {gap: 2.5rem;width: 100%;justify-content: space-between;}
.prd-panel-inner .right-part .price-wrap {display: block;width: auto;text-align: left;}
.prd-panel-inner .right-part .price-wrap:has(.old) {color: var(--clr-title);}
.prd-panel-inner .right-part .price-wrap .old {font-size: 75%;}
.prd-panel-inner .right-part .btn {min-width: 11.625rem;}
.prd-panel-inner .right-part .btn.is-loading > * {opacity: 0;}
.prd-panel-inner .right-part .btn.is-loading .loader,
.prd-panel-inner .right-part .btn.is-loading .check {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 1;}
.preview-product-img {--size: 3.75rem;position: relative;overflow: hidden;cursor: pointer;width: var(--size);height: var(--size);flex-shrink: 0;aspect-ratio: 1;}
.preview-product-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;-o-object-fit: contain;object-fit: contain;}
@media (min-width: 768px) {
.prd-panel {left: 1rem;right: 1rem;bottom: 1rem;width: calc(100% - 2rem);padding: 0.5rem;}
}
@media (min-width: 992px) {
.prd-panel {bottom: 2rem;transform: translateY(150%);padding: 0.5rem 1.5rem 0.5rem 0.5rem;}
.prd-panel-inner .left-part {display: flex;}
.prd-panel-inner .right-part {width: auto;justify-content: flex-end;}
.prd-panel-inner .right-part .price-wrap {text-align: right;}
.preview-product-img {--size: 4.5rem;}
}
@media (max-width: 991px) {
body:has(.prd-panel) .bt-panel {display: none !important;}
.prd-panel.is-hidden {transform: translateY(150%);}
}
/*======================*/
/* Other Product Detail */
/*======================*/
.rating {display: inline-flex;align-items: center;}
.rating-stars {position: relative;display: inline-block;vertical-align: text-top;width: 5.625rem;height: 1.125rem;background: #D9D9D9;-webkit-mask-image: url(../img/icons/rate.svg);mask-image: url(../img/icons/rate.svg);-webkit-mask-size: 100% 100%;mask-size: 100% 100%;margin-inline: 0.25rem;margin-top: -0.0625rem;}
.rating-stars > * {position: absolute;top: 0;left: 0;height: 100%;background: #FAC714;}
.dscr-block + .dscr-block,
.dscr-block + *,
* + .dscr-block {margin-top: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);}
.dscr-block > * + * {margin-top: clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);}
.dscr-table {display: grid;grid-template-columns: repeat(1, 1fr);border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);padding-block: 1.25rem;padding-inline: 1rem;}
.dscr-table-item {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;font-size: var(--text-md);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.dscr-table-item b {font-weight: 600;color: var(--clr-title);}
.dscr-table-item a:not(.btn) {display: inline;color: var(--clr-dark);text-decoration: underline;text-decoration-color: currentColor;}
.dscr-item {position: relative;display: block;border-radius: var(--rd-0);background: var(--clr-grey);padding: clamp(1rem, -0.6842rem + 3.5088vw, 3rem);}
.dscr-item > * + * {margin-top: 0.75rem;}
.dscr-item + .dscr-item {margin-top: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);}
.custom-tabs {position: relative;width: 100%;display: flex;align-items: center;justify-content: center;border-top: 0.0625rem solid var(--clr-border-2);margin-bottom: 1.5rem;}
.custom-tabs > * {padding: 0.75rem 4.33333em;transition: var(--transition-1);}
.custom-tabs > *::before,
.custom-tabs > *::after {content: "";position: absolute;left: 0;top: -0.0625rem;width: 0;height: 0.25rem;background-color: var(--clr-primary);transition: var(--transition-1);}
.custom-tabs > *::after {left: auto;right: 0;}
.custom-tabs > *.is-active {font-weight: 500;}
.custom-tabs > *.is-active::before,
.custom-tabs > *.is-active::after {width: 50%;}
@media (min-width: 576px) {
.dscr-table {grid-template-columns: repeat(2, 1fr);grid-column-gap: 2.5rem;}
.dscr-table-item:nth-child(n+3) {padding-top: 1rem;margin-top: 1rem;border-top: 0.0625rem solid var(--clr-border-2);}
}
@media (min-width: 1200px) {
.dscr-table-item a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 991px) {
.custom-tabs > * {padding: 0.75rem 1.5rem;}
}
@media (max-width: 575px) {
.dscr-table-item:not(:first-child) {border-top: 0.0625rem solid var(--clr-border-2);padding-top: 1rem;margin-top: 1rem;}
}
/*====================*/
/*  Cart              */
/*====================*/
.cart-wrap {position: fixed;z-index: 110;inset: 0;visibility: hidden;display: block;transition: visibility 0s;transition-delay: 1s;}
.cart {--cart-padding: 1.5rem;position: absolute;z-index: 2;top: 0;right: 0;max-width: 33.125rem;width: 100%;height: 100%;display: flex;flex-direction: column;will-change: transform;transform: translateX(100%);transition: transform var(--cubic-1);background-color: var(--clr-white);box-shadow: 0 0 1rem rgba(26, 26, 26, 0.12);padding-bottom: 0;}
.cart-overlay {z-index: 1;}
.cart-is-open .cart-wrap {visibility: visible;transition-delay: 0s;}
.cart-is-open .cart {transform: translateX(0);}
.cart-is-open .cart-overlay {opacity: 1;visibility: visible;}
.cart-top {gap: 0.625rem;display: flex;align-items: center;justify-content: space-between;background-color: var(--clr-grey);padding-inline: calc(var(--cart-padding, 0) * 1.25);padding-block: var(--cart-padding, 0);}
.cart-top > * {line-height: 0em;}
.cart-top .btn-close {--size: 1.5rem;--clr-btn: var(--clr-text);}
.cart-center {position: relative;height: 100%;overflow-x: clip;overflow-y: auto;overscroll-behavior-y: none;padding-inline: calc(var(--cart-padding, 0) * 1.25);padding-block: 0.75rem;}
.cart-bottom {margin-top: auto;background-color: var(--clr-grey);padding-inline: calc(var(--cart-padding, 0) * 1.25);padding-block: calc(var(--cart-padding, 0) * 0.666667);}
.cart-bottom-price {gap: clamp(0.5rem, 0.0789rem + 0.8772vw, 1rem);display: flex;align-items: center;justify-content: space-between;}
.cart-price {font-size: 1rem;line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.cart-price .cart-total-price {margin-top: clamp(0.25rem, 0.0395rem + 0.4386vw, 0.5rem);font-size: 150%;line-height: 1.33em;font-weight: 500;color: var(--clr-title);}
.cart-empty-message {--cart-padding: 1.5rem;display: none;}
.cart-empty-message:only-child {gap: var(--cart-padding);display: flex;align-items: center;flex-direction: column;justify-content: center;height: 100%;text-align: center;margin: 0;}
@media (max-width: 767px) {
.cart {--cart-padding: 0.75rem;max-width: 100%;}
.cart-bottom-price {flex-direction: column;}
.cart-price {gap: 1rem;display: inline-flex;align-items: center;}
.cart-price .cart-total-price {margin-top: 0;}
}
/*====================*/
/*  Cart informer     */
/*====================*/
.cart-informer {position: fixed;z-index: 99;left: 1rem;right: 1rem;bottom: 1rem;width: calc(100% - 2rem);will-change: transform;transform: translateY(125%);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--cubic-1);display: block;}
.cart-informer.is-active {opacity: 1;visibility: visible;transform: translateY(0%);}
.cart-informer-inner {position: relative;overflow: hidden;gap: 0.5rem 1rem;display: flex;align-items: center;border-radius: var(--rd-1);background-color: var(--clr-white);box-shadow: 0 0 1rem 0 rgba(26, 26, 26, 0.12);max-width: 37.5rem;margin-inline: auto;padding: 0.75rem 1.5rem 0.75rem 1rem;}
.cart-informer-inner .text {max-width: 80%;}
.cart-informer-inner .btn-close {--size: 1.5rem;--clr-btn: var(--clr-text);position: absolute;top: 0.5rem;right: 0.5rem;}
.cart-informer-img {--size: 3.75rem;position: relative;overflow: hidden;cursor: pointer;width: var(--size);height: var(--size);flex-shrink: 0;aspect-ratio: 1;}
.cart-informer-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80%;-o-object-fit: contain;object-fit: contain;}
@media (min-width: 992px) {
.cart-informer {bottom: 2rem;}
.cart-informer-img {--size: 4.5rem;}
}
/*--------------------*/
/*  Checkout Steps    */
/*--------------------*/
.steps-form {counter-reset: number;}
.steps-form > * + * {margin-top: 1.25rem;}
.steps-form hr {display: block;width: 100%;height: 0.0625rem;background-color: var(--clr-border);}
.step-item {border-radius: var(--rd-0);transition: var(--cubic-1);}
.step-item:not(:last-child) {box-shadow: 0 0 1rem 0 rgba(26, 26, 26, 0.12);}
.step-item:last-child .step-form {border-radius: 0 0 var(--rd-0) var(--rd-0);border: 0.0625rem solid var(--clr-border-2);background: var(--clr-white);}
.step-item:last-child .step-form + * {margin-top: 1.25rem;}
.step-item.done {box-shadow: none;}
.step-item.done .step-info {display: flex;}
.step-item.done .step-title {background-color: var(--bg-light);border-color: var(--bg-light);color: var(--clr-title);}
.step-item.done .step-title i::before {transform: translate(-50%, -50%);}
.step-title {gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;transition: var(--cubic-1);border-radius: var(--rd-0) var(--rd-0) 0 0;background-color: var(--clr-dark);border: 0.0625rem solid var(--clr-dark);color: var(--clr-white);padding: clamp(1rem, 0.7895rem + 0.4386vw, 1.25rem);}
.step-title .title {font-size: var(--h4);line-height: 1.3em;font-weight: 500;color: currentColor;}
.step-title .title:before {counter-increment: number;content: counter(number) ".";display: inline-block;flex-shrink: 0;margin-right: 0.375rem;}
.step-title i {--size: 1.25rem;display: inline-block;position: relative;width: var(--size);height: var(--size);flex-shrink: 0;}
.step-title i::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-90deg);transition: var(--transition-1);width: 0.125rem;height: 90%;border-radius: 0.125rem;background-color: currentColor;}
.step-title i::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-90deg);transition: var(--transition-1);width: 0.125rem;height: 90%;border-radius: 0.125rem;background-color: currentColor;}
.step-form {padding-inline: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);padding-block: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
.step-form .form-block > *:last-child:is(.btn-wrap, .btn) {margin-top: 0;display: flex;width: -moz-fit-content;width: fit-content;margin-left: auto;}
.step-info {gap: 0.5rem 1rem;align-items: center;flex-wrap: wrap;border-radius: 0 0 var(--rd-0) var(--rd-0);border: 0.0625rem solid var(--clr-border-2);background-color: var(--clr-white);padding-inline: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);padding-block: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
.step-info .btn-link {margin-left: auto;}
.step-info-text {font-weight: 500;color: var(--clr-title);}
.step-info-text + *:not(.btn-link) {margin-top: 1rem;}
.step-promo {border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);background: var(--clr-white);padding-inline: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);padding-block: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
:where(.step-form, .step-promo, .step-info) {display: none;}
.step-item.is-active ~ .step-item {box-shadow: none;}
.step-item.is-active ~ .step-item .step-title {border-radius: var(--rd-0);background-color: var(--clr-grey);border-color: var(--clr-border);color: var(--clr-text);}
.step-item.is-active ~ .step-item .step-title i::before {transform: translate(-50%, -50%);}
/*====================*/
/*  Checkout          */
/*====================*/
.tgl-block {display: none;}
.checkout-row {--bs-gutter-x: 1.25rem;--bs-gutter-y: 2.5rem;}
.checkout-form {border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);background-color: var(--clr-white);padding-inline: clamp(0.5rem, -0.7632rem + 2.6316vw, 2rem);padding-block: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
.checkout-form hr {display: block;width: 100%;height: 0.0625rem;margin-block: clamp(1.25rem, 0.6184rem + 1.3158vw, 2rem);background-color: var(--clr-border);}
.checkout-form > * + * {margin-top: 1.25rem;}
.checkout-form + .checkout-form {margin-top: 1.25rem;}
.checkout-products .prd-horiz + .prd-horiz {margin-top: 2rem;}
.checkout-products .prd-horiz-info {padding-block: 0;}
.promo {--gap: 3.75rem;gap: 1.25rem var(--gap);display: flex;align-items: center;flex-wrap: wrap;}
.promo-info > * + * {margin-top: 0.25rem;}
.promo .input-field {display: flex;align-items: center;flex-grow: 1;}
.promo .input-field .btn-close {--size: 1.25rem;--clr-btn: var(--clr-title);position: absolute;z-index: 2;top: 50%;right: 0.875rem;transform: translateY(-50%);opacity: 0;visibility: hidden;}
.promo .input-field + .btn {margin-left: calc((var(--gap) - 1rem) * -1);}
.promo .input-field.value .btn-close {opacity: 1;visibility: visible;}
.promo .input {flex-grow: 1;padding-inline: var(--int-pd) calc(var(--int-pd) + 1.25rem);}
.promo .form-block-message {flex: 0 0 100%;}
.promo .success {--clr-border: var(--clr-success);}
.promo .success ~ .form-block-message__success {display: block;}
.promo .invalid {--clr-border: var(--clr-error);}
.promo .invalid ~ .form-block-message__error {display: block;}
@media (max-width: 991px) {
.checkout-row {--bs-gutter-y: 1.25rem;}
}
@media (max-width: 767px) {
.promo {--gap: 1rem;gap: var(--gap);align-items: flex-start;}
.promo-info {flex: 0 0 100%;}
.promo .input-field {flex: 0 1 60%;}
.promo .input-field + .btn {margin-left: 0;flex: 0 0 calc(40% - var(--gap));}
}
@media (max-width: 575px) {
.promo .input-field {flex: 0 0 100%;}
.promo .input-field + .btn {flex: 0 0 100%;}
}
/*====================*/
/*  Thank You         */
/*====================*/
.thk-row {--bs-gutter-x: 1.25rem;--bs-gutter-y: 1.25rem;}
.thk-block {border-radius: var(--rd-0);border: 0.0625rem solid var(--clr-border-2);background-color: var(--clr-white);padding-inline: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);padding-block: clamp(1.25rem, 0.6184rem + 1.3158vw, 2rem);}
.thk-block hr {display: block;width: 100%;height: 0.0625rem;margin-block: clamp(1.25rem, 0.6184rem + 1.3158vw, 2rem);background-color: var(--clr-border);}
.thk-block > * + * {margin-top: 0.5rem;}
.thk-block + .thk-block {margin-top: 1.25rem;}
.thk-block + :is(.btn) {margin-top: 1.25rem;}
.thk-items .prd-horiz .btn-delete,
.thk-items .prd-horiz .stepper {display: none;}
.thk-items .prd-horiz .prd-horiz-controls {justify-content: space-between;}
.thk-items .prd-horiz:last-child {padding-bottom: 0;border-bottom: none;}
.thk-items .prd-horiz + .prd-horiz {margin-top: 2rem;}
.thk-price-item {gap: 1rem;display: flex;align-items: center;justify-content: space-between;font-size: var(--text);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.thk-price-item b {line-height: inherit;font-weight: 600;color: var(--clr-title);}
.thk-price-item + .thk-price-item {margin-top: 0.75rem;}
.thk-price-item > * {flex: 0 0 40%;}
.thk-price-item > *:last-child {text-align: right;}
.thk-price-total > *:last-child {font-size: var(--h4);}
/*====================*/
/*  Cabinet           */
/*====================*/
.cbn-section {--cbn-padding: 2rem;--cbn-menu: 18.375rem;gap: 1.5rem;display: flex;min-height: calc(100svh - var(--h-height));margin-block: 0;}
.cbn-inner {width: calc(100% - var(--cbn-menu));border-radius: var(--rd-0) 0 0 var(--rd-0);background-color: var(--clr-grey);padding: var(--cbn-padding);padding-right: calc((100% - var(--container-width) + 2rem) / 2);}
.cbn-block {width: 100%;max-width: 56.5625rem;}
.cbn-block.size-2 {max-width: 29.625rem;}
.cbn-block > * + * {margin-top: 1.25rem;}
.cbn-block .form-block {border-radius: var(--rd-0);background-color: var(--clr-white);padding: var(--cbn-padding);}
.cbn-block .btn-wrap {gap: clamp(1.5rem, -0.3947rem + 3.9474vw, 3.75rem);display: flex;justify-content: flex-end;}
.cbn-block + .cbn-block {margin-top: var(--sp-md);}
@media (max-width: 1199px) {
.cbn-section {--cbn-padding: 1.5rem;}
.cbn-inner {width: 100%;padding-inline: 1rem;padding-block: var(--cbn-padding) var(--sp-xl);}
}
@media (max-width: 767px) {
.cbn-section {overflow: initial;}
}
/*====================*/
/*  Cabinet Menu      */
/*====================*/
.cbn-menu-overlay {display: none;}
.cbn-menu {position: sticky;top: var(--h-height);overflow-y: auto;overscroll-behavior-y: none;max-width: var(--cbn-menu);width: 100%;height: calc(100dvh - var(--h-height));display: grid;grid-template-rows: auto 1fr;background-color: var(--clr-dark);border-radius: 0 var(--rd-0) var(--rd-0) 0;padding: 1.5rem;}
.cbn-menu > * + * {margin-top: 1rem;}
.cbn-menu ul {display: flex;flex-direction: column;}
.cbn-menu ul li + li:not(:last-child) {margin-top: 1rem;}
.cbn-menu ul li:last-child {margin-top: auto;}
.user-stats {gap: 1rem;display: flex;}
.user-img {position: relative;display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 3.75rem;height: 3.75rem;border-radius: 100%;background-color: var(--clr-white);}
.user-img::before {content: attr(data-user);display: inline-block;width: 1ch;overflow: hidden;font-size: var(--h3);line-height: 1em;font-weight: 500;text-transform: uppercase;color: var(--clr-title);}
.user-img img {opacity: 0;z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: 100%;}
.user-img img::before {content: none;}
.user-img img[src*="."] {opacity: 1;}
.user-img.is-added img {opacity: 1;}
.user-img-edit {position: absolute;z-index: 5;bottom: 0;right: 0;width: 1.5rem;height: 1.5rem;border-radius: 100%;color: var(--clr-title);background-color: var(--clr-white);}
.user-img-edit svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 75%;height: 75%;}
.user-img-edit input {cursor: pointer;position: absolute;z-index: 10;inset: 0;min-width: 0;font-size: 0;line-height: 0;opacity: 0;width: 100%;}
.user-info {align-self: center;font-family: var(--ff-400);font-size: 1rem;line-height: 1.05em;color: rgba(255, 255, 255, 0.7);text-transform: capitalize;}
.user-info span {display: block;font-family: var(--ff-500);font-size: 1.5rem;line-height: 1.05em;color: var(--clr-white);}
.cbn-item {position: relative;gap: 1rem;display: flex;align-items: center;font-size: 1rem;line-height: 1.5em;font-weight: 400;color: var(--clr-white);border-radius: var(--rd-0);background-color: transparent;padding-inline: 1.25rem;padding-block: 1rem;}
.cbn-item svg {width: 1.5em;height: 1.5em;}
.cbn-item.is-active {pointer-events: none;background-color: #002C55;}
@media (min-width: 1200px) {
.cbn-item:hover {background-color: #002C55;}
}
@media (max-width: 1199px) {
.cbn-menu-overlay {display: block;}
.cbn-menu {position: fixed;z-index: 100;transform: translateX(-100%);transition: var(--cubic-1);border-radius: 0;padding: 1rem;}
.cbn-item {padding-inline: 1rem;}
.cabinet-is-open .cbn-section {z-index: 2;}
.cabinet-is-open .cbn-menu-overlay {opacity: 1;visibility: visible;}
.cabinet-is-open .cbn-menu {transform: translateX(0%);}
.cabinet-is-open .bt-panel {transform: translateY(100%);}
}
/*====================*/
/*  Cabinet Table     */
/*====================*/
* + .cbn-table-wrap {margin-top: 1.25rem;}
.cbn-table {gap: 0.75rem 0;display: grid;grid-template-rows: 1fr;grid-template-columns: var(--columns-size, auto);}
.cbn-tr {position: relative;min-width: 0;gap: 0.5rem;display: grid;grid-template-columns: subgrid;grid-column: span var(--columns);align-items: center;font-size: var(--text);line-height: 1.33em;font-weight: 600;color: var(--clr-title);border-radius: var(--rd-0);border: 0.0625rem solid #F0F0F0;background-color: var(--clr-white);padding-block: 1rem;padding-inline: 1.25rem;}
.cbn-tr span {font-size: var(--text-md);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.cbn-td > * + * {margin-top: 0.25rem;}
.cbn-td:has(.btn) {text-align: center;}
.cbn-td:has(.btn) .btn {min-height: 2.625rem;padding: 0.5rem 1rem;}
.cbn-td:has(.btn) .btn svg {--size: 1.25rem;}
.cbn-td:has(.btn-link) {text-align: right;}
.cbn-foot {grid-template-columns: 1fr;background-color: var(--clr-white) !important;}
.cbn-foot:last-child {padding-bottom: 0;}
.status-label {position: relative;gap: 0.625rem;display: flex;align-items: center;}
.status-label i {display: inline-block;width: 0.625rem;height: 0.625rem;flex-shrink: 0;border-radius: 100%;background-color: var(--color);}
@media (max-width: 991px) {
.cbn-table {grid-template-columns: 1fr 1fr;}
.cbn-tr {gap: 1rem 0.5rem;grid-column: span 2;align-items: start;}
.cbn-tr.cbn-foot {padding: 0.75rem;border: 0.0625rem solid var(--clr-border);}
.cbn-td:has(.btn) {text-align: left;}
.cbn-td:has(.btn-link) {text-align: left;align-self: center;}
}
@media (max-width: 575px) {
.cbn-td:has(.btn) {text-align: center;grid-column: span 2;}
.cbn-td:has(.btn) .btn {width: 100%;}
.cbn-td:has(.btn-link) {text-align: center;grid-column: span 2;}
}
/*====================*/
/*  Cabinet Detail    */
/*====================*/
.cbn-back-wrap {gap: 0.75rem;display: inline-flex;flex-direction: column;}
.cbn-info {flex: 0 0 35%;}
.cbn-info-item + .cbn-info-item {margin-top: 1rem;}
.cbn-info-item > * + * {margin-top: 0.5rem;}
.cbn-price {flex: 0 0 34%;}
.cbn-price > * {gap: 1rem;display: flex;align-items: center;justify-content: space-between;padding-bottom: 0.375rem;border-bottom: 0.0625rem solid var(--clr-border-2);}
.cbn-price > * + * {margin-top: 0.5rem;}
.cbn-price-item {font-size: var(--text-md);line-height: 1.5em;font-weight: 400;color: var(--clr-text);}
.cbn-price-total {font-size: var(--text);line-height: 1.33em;font-weight: 600;color: var(--clr-title);padding-block: 0.375rem 0.625rem;}
[class^=cbn-detail] + [class^=cbn-detail] {margin-top: 1.5rem;}
.cbn-detail-header {gap: 1.5rem;display: flex;justify-content: space-between;}
.cbn-detail-header > [class*=btn] {align-self: flex-end;}
.cbn-detail-items .prd-horiz {border-radius: var(--rd-0);padding-right: var(--gap);}
.cbn-detail-items .prd-horiz + .cbn-detail-items .prd-horiz {margin-top: 1rem;}
.cbn-detail-items .prd-horiz-controls {gap: 2rem;justify-content: flex-end;}
.cbn-detail-items .prd-horiz .price-total {text-align: right;}
.cbn-detail-footer {gap: 1.5rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
@media (max-width: 991px) {
.cbn-info {flex: 0 0 50%;}
.cbn-price {flex: 0 0 40%;}
}
@media (max-width: 991px) {
.cbn-info,
.cbn-price {flex: 0 0 100%;}
.cbn-detail-items {margin-inline: -1rem;width: calc(100% + 2rem);}
.cbn-detail-items .prd-horiz {padding: 1rem;}
.cbn-detail-items .prd-horiz-controls {gap: 0.75rem;justify-content: flex-start;}
.cbn-detail-items .prd-horiz-qty {text-align: left;}
.cbn-detail-items .prd-horiz .price-total {text-align: right;margin-left: auto;}
}
/*====================*/
/* Search Results     */
/*====================*/
.search-empty {position: relative;gap: 0.5rem;display: flex;flex-direction: column;align-items: center;background-color: var(--clr-grey);text-align: center;padding: clamp(2rem, -1.1579rem + 6.5789vw, 5.75rem) clamp(1rem, -3rem + 8.3333vw, 5.75rem);}
.search-empty-icon {--size: clamp(2rem, 1.5789rem + 0.8772vw, 2.5rem);display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;color: var(--clr-title);}
.search-empty-icon svg,
.search-empty-icon img {width: 100%;}
/*====================*/
/*  Tags              */
/*====================*/
.tag {position: relative;background-color: var(--bg-light);border-radius: var(--rd-0);display: inline-flex;align-items: center;font-size: 0.875rem;line-height: 1.57em;font-weight: 400;color: var(--clr-title);padding: 0.375rem 1rem;}
.tag-wrap {gap: 0.25rem 0.75rem;display: inline-flex;flex-wrap: wrap;}
.tag b {display: inline-block;font-weight: inherit;}
/*====================*/
/*  Footer            */
/*====================*/
footer {position: relative;z-index: 0;background-color: var(--bg-light);padding-block: clamp(3rem, 2.3684rem + 1.3158vw, 3.75rem) clamp(1.875rem, 0.2961rem + 3.2895vw, 3.75rem);}
.footer-layout {display: grid;grid-column-gap: 2.5rem;grid-row-gap: 2.5rem;}
.footer-layout .contact-wrap {--gap: clamp(1.25rem, -0.2237rem + 3.0702vw, 3rem);gap: 2.5rem var(--gap);}
.footer-bottom {gap: 0.625rem;display: flex;flex-direction: column;}
.footer-bottom-wrap {gap: clamp(0.625rem, 0.3092rem + 0.6579vw, 1rem);display: flex;flex-direction: column;}
.footer-bottom-links {font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-text);gap: 0.375rem 1.25rem;display: flex;flex-wrap: wrap;align-items: center;}
.footer-logo {display: block;max-width: 16.9375rem;width: 100%;}
.footer-logo img {display: block;width: 100%;}
.footer-logo + .btn {display: none;width: 100%;margin-top: 1.875rem;}
.footer-links ul {--gap: clamp(0.625rem, -0.1118rem + 1.5351vw, 1.5rem);gap: var(--gap) 1.25rem;display: grid;grid-template-columns: repeat(2, 1fr);align-items: center;flex-wrap: wrap;width: 100%;}
.footer-links li {line-height: 0;}
.footer-links a {font-size: var(--text);line-height: normal;font-weight: 500;color: var(--clr-title);}
.footer-copy,
.dev-link {font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-text);}
.dev-link {gap: 0.75rem;display: flex;align-items: center;}
.dev-link img {width: 1.75rem;}
.footer-icons{display: flex;align-items: center;gap: 1.5rem;flex-wrap: wrap;margin-top:1.5rem;}
.footer-icons img{height: 3rem;width: auto;}
@media (min-width: 768px) {
.footer-layout {grid-template-columns: auto 1fr;grid-row-gap: 1.25rem;}
.footer-layout .contact-wrap {grid-area: 2/1/3/3;}
.footer-layout .contact-item {font-size: 1.125rem;}
.footer-layout .contact-item > * + * {margin-top: 0.5rem;}
.footer-logo-wrap {grid-area: 1/1/2/2;}
.footer-links {grid-area: 1/2/2/3;}
.footer-links ul {margin-inline: auto 0;margin-left: 4vw;}
.footer-bottom {grid-area: 3/1/4/3;flex-direction: row;justify-content: space-between;}
.footer-bottom-links {font-size: 1rem;}
.footer-logo + .btn {display: inline-flex;}
.footer-links ul > * {width: 50%;}
.dev-link {align-self: flex-end;}
}
@media (min-width: 1200px) {
.footer-layout {grid-template-columns: auto 1fr 1.2fr;grid-row-gap: 1.5rem;}
.footer-layout .contact-wrap {grid-area: 1/3/2/4;}
.footer-logo-wrap {grid-area: 1/1/2/2;}
.footer-links {grid-area: 1/2/2/3;}
.footer-bottom {grid-area: 2/1/3/4;}
}
/*====================*/
/*  Bottom Panel      */
/*====================*/
.bt-panel {display: none;--bt-panel-height: calc(100dvh - var(--h-height));--bt-panel-padding: 1rem;--bt-menu-height: 3.875rem;--bt-handler-height: calc(var(--bt-panel-padding) * 2);padding-block: 0;padding-inline: 0;position: sticky;z-index: 99;left: 0;bottom: 0;width: 100%;transition: transform var(--transition-1);}
.bt-menu {position: relative;z-index: 3;padding: 0.625rem;width: 100vw;overflow-x: clip;overflow-y: visible;height: var(--bt-menu-height);background: var(--bg-light);box-shadow: 0 0 1rem 0 rgba(26, 26, 26, 0.12);opacity: calc(1 - var(--bt-progress, 0));transform: translateY(calc((100% + var(--bt-panel-padding)) * var(--bt-progress, 0)));transition: transform 0.25s ease-out;gap: 0.75rem;display: flex;align-items: center;justify-content: space-between;}
.bt-menu > * {flex: 1 0 auto;}
.bt-menu-item {text-align: center;line-height: 0;}
.bt-menu-item a {font-size: 0.6875rem;line-height: 1.2em;font-weight: 500;color: var(--clr-title);text-transform: uppercase;}
.bt-menu-item a > * + * {margin-top: 0.25rem;}
.bt-menu-item a svg {display: inline-block;width: 1.25rem;height: 1.25rem;}
.bt-menu-item a b {display: block;}
.bt-overlay {pointer-events: none;position: fixed;z-index: 0;inset: -20vh 0;visibility: visible;opacity: var(--bt-progress, 0);background: rgba(0, 0, 0, 0.6);transition: var(--cubic-1);}
@media (max-width: 767px) {
.bt-panel {display: block;}
}
/*====================*/
/*  Popups            */
/*====================*/
.popup-wrapper {position: fixed;z-index: 1000;left: -100%;top: 0;width: 100%;height: 100%;transition-delay: 0.8s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;opacity: 0;background: rgba(0, 0, 0, 0.3);transition: opacity var(--cubic-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;overflow: auto;-webkit-overflow-scrolling: touch;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: translateX(-6.25rem);transition: var(--transition-1);}
.popup-content.active {opacity: 1;visibility: visible;transform: translateX(0%);transition: var(--cubic-1);}
.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;z-index: 2;overflow: hidden;display: inline-block;vertical-align: middle;line-height: 0;width: 100%;max-width: 36.875rem;border-radius: 0.5rem;background: var(--clr-white);}
.popup-container .btn-close {position: absolute;z-index: 10;top: clamp(0.75rem, 0.1184rem + 1.3158vw, 1.5rem);right: clamp(0.75rem, 0.1184rem + 1.3158vw, 1.5rem);}
.popup-container::before {content: "";position: absolute;z-index: -1;bottom: 0;left: 0;width: 100%;height: 100%;background-image: url(../img/popup-decor.svg);background-repeat: no-repeat;background-size: 100%;}
.popup-align {position: relative;z-index: 2;padding-block: clamp(1.75rem, 0.0263rem + 3.0702vi, 3.25rem);padding-inline: clamp(1.25rem, -0.8553rem + 4.386vw, 3.75rem);}
.popup-align:has(.form-block) {padding-block: 2rem clamp(2rem, 1.1579rem + 1.7544vw, 3rem);}
.popup-align:has(.form-block) .btn-wrap {display: flex;justify-content: space-between;}
.popup-align:has(.form-block) .form-block > *:last-child:is(.btn-wrap, .btn) {margin-top: calc(var(--space) * 1.6);}
.popup-align:has(.form-block) .form-block + .popup-link,
.popup-align:has(.form-block) .form-block + .text {margin-top: clamp(1.5rem, -0.3947rem + 3.9474vw, 3.75rem);}
.popup-align:has(.form-block) .text a:not(.btn) {color: var(--clr-title);}
.popup-align:not(:has(.form-block)) > * + * {margin-top: 1rem;}
.popup-align:not(:has(.form-block)) > * + .info-list-wrap {margin-top: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
.popup-icon {--size: clamp(2.5rem, 1.9737rem + 1.0965vw, 3.125rem);display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.popup-icon img {display: block;width: 100%;}
.popup-title {font-size: clamp(1.25rem, 0.8289rem + 0.8772vw, 1.75rem);line-height: 1.3em;font-weight: 500;color: var(--clr-title);}
.popup-title + * {margin-top: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);}
.popup-link {gap: 0.5rem;display: flex;align-items: center;flex-wrap: wrap;font-size: var(--text-sm);line-height: 1.5em;font-weight: 400;text-transform: uppercase;color: var(--clr-text);}
.open-popup {cursor: pointer;}
/*====================*/
/* Video Popup        */
/*====================*/
.video-popup {position: fixed;z-index: 1000;left: -100%;top: 0;width: 100%;height: 100%;}
.video-popup iframe {width: 100%;height: 100%;position: absolute;}
.video-popup .btn-close {--size: 2.5rem;position: absolute;z-index: 10;right: 0;top: 0;background-color: var(--clr-white);}
.video-popup.is-active {left: 0;}
.video-popup.is-active .video-popup-overlay {opacity: 1;visibility: visible;}
.video-popup.is-active .video-popup-content {opacity: 1;visibility: visible;transition: var(--transition-1);}
.video-popup-content {position: absolute;z-index: 100;top: 0;left: 0;width: 100%;height: 100%;font-size: 0;opacity: 0;visibility: hidden;transition: var(--transition-1);}
/*====================*/
/*  Cookies           */
/*====================*/
.cookies-informer {--cookie-pd: 1.5rem;--cookie-gap: 2.5rem;position: fixed;z-index: 500;bottom: var(--cookie-gap);left: var(--cookie-gap);transform: translate(0%, 100%);transition: var(--transition-1);display: block;padding: var(--cookie-pd);padding-right: calc(var(--cookie-pd) * 1.33333);max-width: min(100%, 30.5rem);width: calc(100% - var(--cookie-gap) * 2);opacity: 0;visibility: hidden;backface-visibility: hidden;border-radius: var(--rd-1);background: var(--clr-white);box-shadow: 0 0 1rem 0 rgba(26, 26, 26, 0.12);}
.cookies-informer-inner {width: 100%;}
.cookies-informer-inner > * + * {margin-top: 0.625rem;}
.cookies-informer .btn-close {--size: 1.5rem;--clr-btn: var(--clr-text);position: absolute;top: 0.5rem;right: 0.5rem;}
.cookies-informer.active {opacity: 1;visibility: visible;transform: translate(0%, 0%);}
.cookies-btn-wrap {gap: 2rem;display: flex;align-items: center;}
@media (max-width: 575px) {
.cookies-informer {--cookie-pd: 1rem;--cookie-gap: 1rem;padding-right: calc(var(--cookie-pd) * 2);}
}
/*====================*/
/* 404                */
/*====================*/
.section-404 {margin-block: 0;}
.page-404 {display: flex;justify-content: center;align-items: center;width: 100%;min-height: calc(100svh - var(--h-height));margin: 0 !important;padding: 2.5rem 0;}
.page-404-inner {width: 100%;text-align: center;}
.page-404-inner > * + * {margin-top: 0.75rem;}
.page-404-img {display: block;width: 100%;}
.page-404-img img {width: 100%;}
.page-404-img + * {margin-top: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
@media (min-width: 1200px) {
.page-404-inner,
.page-404-img {max-width: 75%;margin-inline: auto;}
}
.section:first-child,
.section.animated {opacity: 1;}