@charset "UTF-8";
/*--------------------*/
/* BANNER             */
/*--------------------*/
.banner-section {padding-block: 0;}
.banner {position: relative;}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: bottom;width: 625rem;height: max(18.75rem, 25vw);padding-block: clamp(1.25rem, 0.8289rem + 0.8772vw, 1.75rem);}
.banner-info > * + * {margin-top: clamp(1rem, 0.7895rem + 0.4386vi, 1.25rem);}
.banner-info :is(.btn) {min-width: 13.125rem;width: auto;font-size: var(--h2);font-weight: 500;color: var(--clr-text);text-transform: uppercase;}
.banner-slider .swiper-button-prev {left: 1rem;}
.banner-slider .swiper-button-next {right: 1rem;}
@media (min-width: 768px) {
.banner-info :is(.btn) {min-width: 20rem;width: auto;font-size: var(--h2);font-weight: 500;color: var(--clr-text);text-transform: uppercase;}
.banner-align {height: max(30rem);}
}
@media (min-width: 1200px) {
.banner-info :is(.btn):hover {background-color: var(--clr-primary);color: var(--clr-white);}
}
@media (max-width: 767px) {
.banner-slider {margin-inline: calc(var(--bs-gutter-x) * -0.5);}
}
/*-------------------*/
/* BREADCRUMBS       */
/*-------------------*/
.breadcrumbs {--br-fz: var(--text);--br-space: .5rem;position: relative;z-index: 10;width: 100%;margin-block: 1rem clamp(1rem, -0.7778rem + 3.7037vw, 2rem);}
.breadcrumbs ul {line-height: 0;margin-inline: calc(-1 * var(--br-space));padding-inline: var(--br-space);overflow-y: hidden;overflow-x: auto;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;display: -webkit-box;display: -ms-flexbox;display: flex;}
.breadcrumbs ul::-webkit-scrollbar {display: none;}
.breadcrumbs li {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;font-size: var(--br-fz);line-height: normal;font-weight: 400;color: var(--clr-grey);scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li:after {content: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.45239 4.88818L11.5476 9.98342L6.45239 15.0787' stroke='%23B4B4B4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");position: relative;display: inline-block;width: 1.125rem;height: 1.125rem;margin: 0 clamp(0.5rem, 0.0556rem + 0.9259vw, 0.75rem);}
.breadcrumbs li:last-child {scroll-snap-align: end;scroll-margin-left: unset;scroll-margin-right: var(--br-space);}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs li.active {color: var(--clr-grey);}
.breadcrumbs + .section {padding-top: 0;}
.banner-section .breadcrumbs {position: absolute;top: var(--h-height);left: 0;margin-top: 0;}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {text-decoration: underline;}
}
/*--------------------*/
/* Category           */
/*--------------------*/
.cat-slider .swiper-slide {height: auto;}
.cat-slider [class*=swiper-button] {top: calc(50% - var(--pg-space) - var(--sw-bullet));}
.cat-slider .swiper-button-prev {left: calc(0rem - var(--sw-btn) / 2);}
.cat-slider .swiper-button-next {right: calc(0rem - var(--sw-btn) / 2);}
.cat-wrapp {--bs-gutter-x: 1rem;--bs-gutter-y: 1rem;}
.cat-card {position: relative;display: block;height: 100%;background-color: var(--bg);border-radius: var(--rd-1);padding: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);padding-bottom: 0.75rem;}
.cat-card .title {font-size: clamp(0.875rem, 0.7697rem + 0.2193vi, 1rem);font-weight: 400;line-height: normal;text-align: center;color: var(--clr-text);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cat-card > * + * {margin-top: 0.5rem;}
.cat-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1;}
.cat-img img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform-origin: top;transform-origin: top;}
.cat-img.size-1 {aspect-ratio: initial;padding-bottom: 54.063%;border-radius: var(--rd-1);}
.cat-img.size-1 img {border-radius: var(--rd-1);}
.cat-img.size-2 {aspect-ratio: initial;padding-bottom: 48.75%;border-radius: var(--rd-1);}
.cat-img.size-2 img {border-radius: var(--rd-1);}
.cat-img.size-3 {aspect-ratio: initial;padding-bottom: 56.75%;border-radius: 0.625rem;}
.cat-img.size-3 img {border-radius: 0.625rem;}
.cat-img.size-4 {border-radius: var(--rd-1);border: 0.0625rem solid #E8E8E8;}
.cat-img.size-4 img {border-radius: var(--rd-1);}
.cat-popular {position: relative;display: block;background-color: var(--current-bg);border-radius: var(--rd-1);}
.cat-popular .title {position: absolute;top: clamp(1.25rem, -0.0833rem + 2.7778vw, 2rem);left: clamp(1rem, 0.1111rem + 1.8519vi, 1.5rem);font-size: clamp(1.375rem, -0.1806rem + 3.2407vw, 2.25rem);line-height: normal;font-weight: 700;color: var(--clr-white);max-width: 14rem;}
.cat-popular .cat-img:not(.size-1) {aspect-ratio: 1/1.1131;}
.cat-popular .cat-img:not(.size-1) img {top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: auto;-o-object-fit: contain;object-fit: contain;max-height: 100%;padding: 0.75rem;}
.cat-item {position: relative;display: block;}
.cat-item .title {font-weight: 400;text-align: center;text-decoration: underline;}
.cat-item > * + * {margin-top: clamp(0.5rem, -0.3889rem + 1.8519vw, 1rem);}
.cat-inner > *:not(:last-child) {margin-bottom: 1rem;}
.cat-inner + .cat-inner {margin-top: clamp(1rem, 0.5556rem + 0.9259vw, 1.25rem);}
.cat-title {--size: 2rem;position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;border-radius: 0.25rem;background-color: var(--clr-plc);font-size: 1rem;line-height: 1em;font-weight: 400;color: var(--clr-text);}
.cat-search {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.cat-search .h-search-inner {margin-left: auto;}
.cat-banner > * + * {margin-top: clamp(1rem, -0.3333rem + 2.7778vw, 1.75rem);}
.cat-banner-img {position: relative;border-radius: 1rem;}
.cat-banner-img img {display: block;width: 100%;border-radius: 1rem;}
.cat-banner-content > * + * {margin-top: clamp(0.5rem, 0.0556rem + 0.9259vw, 0.75rem);}
@media (min-width: 1200px) {
.cat-card:hover .cat-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.cat-card:hover .title {color: var(--clr-primary);}
.cat-popular:hover .cat-img:not(.size-1) img {-webkit-transform: translate(-50%, -50%) scale(1.05);transform: translate(-50%, -50%) scale(1.05);}
.cat-popular:hover .cat-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.cat-item:hover .cat-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
}
@media (max-width: 1199px) {
.cat-search {--bs-gutter-y: 1.5rem;}
.cat-search .h-search-inner {margin: 0;max-width: 100%;}
.cat-banner-img {border-radius: 0.625rem;}
.cat-banner-img img {border-radius: 0.625rem;}
}
/*--------------------*/
/* Cart               */
/*--------------------*/
.cart-popup {position: fixed;z-index: 101;inset: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;opacity: 0;visibility: hidden;}
.cart-popup .layer-close {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);opacity: 0;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.cart {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0.5rem 1rem;padding: 1.25rem 1rem 1rem 1rem;background-color: var(--clr-white);max-width: 61rem;max-height: 100%;overflow-y: auto;overflow-x: hidden;}
.cart-top {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;gap: 1rem;}
.cart-top .btn-close {--size: 2rem;position: relative !important;inset: 0 !important;}
.cart-center {-webkit-box-flex: 1;-ms-flex: 1 0 calc(61% - 0.5rem);flex: 1 0 calc(61% - 0.5rem);max-height: 21rem;height: 100%;overflow-y: auto;overflow-x: hidden;}
.cart-bottom {-webkit-box-flex: 0;-ms-flex: 0 0 calc(39% - 0.5rem);flex: 0 0 calc(39% - 0.5rem);}
.cart .container {width: 100%;padding-inline: 0;margin-top: 0.5rem;}
.cart .prd-wrapp {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.cart .prd-wrapp > * {width: 20%;}
.cart .prd-card {--gap: 0.625rem;}
.cart-empty-message {text-align: center;margin: 0;padding: 0.75rem 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;margin: 0;gap: 0.625rem;}
.cart-empty-message img {display: block;width: 4rem;height: 4rem;margin: 0 auto;}
.cart-items {position: relative;}
.cart-items > *:not(:last-child) {margin-bottom: 1.5rem;}
.cart-items > *:not(:last-child)::before {content: "";position: absolute;left: 0;bottom: -0.75rem;width: 100%;height: 0.0625rem;background-color: #E8E8E8;}
.order-info {position: relative;padding: 0.75rem;border: 0.0625rem solid #E8E8E8;border-radius: 0.625rem;text-align: center;}
.order-info > * + * {margin-top: 1rem;}
.order-info .btn-link {margin-inline: auto;}
.order-info .form-message {padding: calc(var(--gap) * 2.25) var(--gap);}
.order-price-item {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.25rem;font-size: var(--text);line-height: normal;color: var(--clr-grey);}
.order-price-item.sale-product span{color: var(--clr-grey);}
.order-price-item span {font-size: var(--text);font-weight: 400;color: var(--clr-text);margin-right: auto;}
.order-price-item > .text {max-width: 50%;margin-left: auto;text-align: right;}
.order-price-item + .order-price-item {margin-top: 0.75rem;}
.order-price-item + .order-price-item.bold {border-top: 0.0625rem solid #E8E8E8;padding-top: 0.75rem;}
.order-price-item.bold {font-size: var(--h2);color: var(--clr-primary);}
.order-price-item.bold span {font-size: var(--h2);font-weight: 700;color: var(--clr-text);}
.open-cart .cart-popup {opacity: 1;visibility: visible;}
.open-cart .cart-popup .layer-close {opacity: 1;}
@media (max-width: 991px) {
.cart .prd-wrapp > * {width: 25%;}
}
@media (max-width: 767px) {
.cart-center,
.cart-bottom {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.cart .prd-wrapp > * {width: 50%;}
}
/*--------------------*/
/* PRODUCT HORIZONTAL */
/*--------------------*/
.prd-horiz {--img-size: 6rem;position: relative;min-height: var(--img-size);padding-left: calc(var(--img-size) + 1.75rem);}
.prd-horiz-img {position: absolute;overflow: hidden;top: 0;left: 0;width: var(--img-size);height: var(--img-size);}
/* .prd-horiz-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;-webkit-transition: -webkit-transform var(--transition-1);transition: -webkit-transform var(--transition-1);transition: transform var(--transition-1);transition: transform var(--transition-1),-webkit-transform var(--transition-1);} */
.prd-horiz-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;-webkit-transition: -webkit-transform var(--transition-1);transition: -webkit-transform var(--transition-1);transition: transform var(--transition-1);transition: transform var(--transition-1),-webkit-transform var(--transition-1);}
.prd-horiz-desc {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0.25rem;}
.prd-horiz-desc .btn-link {--icon-size: 2rem;}
.prd-horiz-title {font-size: var(--h3);line-height: normal;font-weight: 700;color: var(--clr-text);max-width: 85%;}
.prd-horiz-sku {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;font-size: var(--text);line-height: normal;font-weight: 700;color: var(--clr-grey);}
.prd-horiz-sku span {font-weight: 400;}
.prd-horiz-controls {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1.5rem;margin-top: 0.25rem;}
.prd-horiz-controls .fav-btn {--icon-size: 1.5rem;margin-left: auto;white-space: nowrap;}
.prd-horiz-controls .price-wrapp {font-size: 1.125rem;}
.prd-horiz-qty {font-size: 1rem;font-weight: 400;line-height: normal;color: var(--clr-text);}
.prd-horiz-total {font-size: var(--h2);font-weight: 500;line-height: normal;color: var(--clr-text);}
@media (min-width: 1200px) {
a.prod-horiz-img:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
a.prod-horiz-title:hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.prd-horiz-controls .fav-btn b {display: none;}
}
@media (max-width: 767px) {
.prd-horiz-desc .btn-link {--icon-size: 1.5rem;}
.prd-horiz-title {max-width: 85%;}
.prd-horiz-controls {gap: 0.75rem;}
.prd-horiz-controls .thumb-input-number {--thumb-size: 1.25rem;font-size: 0.625rem;}
.prd-horiz-controls .thumb-input-number button::before {width: 0.375rem;}
.prd-horiz-controls .thumb-input-number button.increment::after {height: 0.375rem;}
.prd-horiz-controls .fav-btn {--icon-size: 1.5rem;margin-left: auto;}
}
/*======================*/
/*  Info                */
/*======================*/
.info-wrapp > * + * {margin-top: 0.5rem;}
.info-item {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.75rem;}
.info-item img {--size: 2rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
/*--------------------*/
/* Product            */
/*--------------------*/
.price-wrapp {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: clamp(0.5rem, 0.0556rem + 0.9259vi, 0.75rem);font-size: var(--h1);line-height: normal;font-weight: 700;}
.price-wrapp .old {font-weight: 400;color: var(--clr-grey);text-decoration-line: line-through;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.price-wrapp .old + .price {color: var(--clr-title);}
.not-available {font-size: var(--h2);line-height: 1.556em;font-weight: 400;color: var(--clr-grey);}
.prd-wrapp {--bs-gutter-x: 1rem;--bs-gutter-y: 1rem;}
.prd-slider .swiper-slide {height: auto;}
.prd-slider [class*=swiper-button] {top: calc(50% - var(--pg-space) - var(--sw-bullet));}
.prd-slider .swiper-button-prev {left: calc(0rem - var(--sw-btn) / 2);}
.prd-slider .swiper-button-next {right: calc(0rem - var(--sw-btn) / 2);}
.prd-card {--gap: clamp(0.75rem, 0.3056rem + 0.9259vw, 1rem);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: var(--gap);height: 100%;background-color: var(--clr-white);border-radius: var(--rd-1);border: 0.0625rem solid #E8E8E8;padding: var(--gap);}
.prd-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1;}
/* .prd-img img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform-origin: top;transform-origin: top;} */
.prd-img img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform-origin: top;transform-origin: top;}
.prd-img-wrapp {position: relative;}
.prd-img-wrapp .fav-btn {--icon-size: 2rem;position: absolute;top: 0;right: 0;}
.prd-img-wrapp .fav-btn > svg *[fill] {fill: transparent;}
.prd-img-wrapp .fav-btn.is-active, .fav-btn.is-active {color: var(--clr-primary);}
.prd-img-wrapp .fav-btn.is-active > svg *[fill], .fav-btn.is-active > svg *[fill] {fill: currentColor;}
.prd-img-wrapp .fav-btn.is-active > svg *[stroke], .fav-btn.is-active > svg *[stroke] {stroke: currentColor;}
.prd-title {font-size: var(--h3);line-height: normal;font-weight: 700;color: var(--clr-text);-webkit-transition: var(--transition-1);transition: var(--transition-1);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-sku {font-size: var(--text);line-height: normal;font-weight: 700;color: var(--clr-grey);}
.prd-sku span {font-weight: 400;}
.prd-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.prd-info .text {text-decoration: underline;}
.prd-info > * + * {margin-top: var(--gap);}
.prd-info > * + .prd-title {margin-top: calc(var(--gap) / 2);}
.prd-info > * + .prd-sku {margin-top: calc(var(--gap) / 2);}
.prd-info .price-wrapp,
.prd-info .not-available {margin-bottom: auto;}
.prd-labels {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;z-index: 2;top: clamp(1rem, -2.5556rem + 7.4074vw, 3rem);left: 0;}
.prd-labels > * {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;font-size: 0.75rem;line-height: normal;font-weight: 700;color: var(--clr-white);text-transform: uppercase;border-radius: 0 0.3125rem 0.3125rem 0;background-color: var(--clr-label);padding: 0.5rem 0.3125rem;}
.prd-labels > * + * {margin-top: 0.25rem;}
@media (min-width: 1200px) {
.prd-img:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
a.prd-title:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.not-available {font-size: 0.875rem;}
}
/*--------------------*/
/* Wishlist           */
/*--------------------*/
.wishlist {position: relative;z-index: 10;width: 13.75rem;background-color: var(--clr-white);-webkit-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);border-radius: 0.625rem;padding: 0.75rem 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.wishlist-content .title {font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-text);padding: 0.5rem 0.75rem;border-bottom: 0.0625rem solid #E8E8E8;}
.wishlist-add {position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 0.25rem;width: calc(100% - 1.5rem);background-color: #E8E8E8;border-radius: 2.5rem;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-text);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 0.625rem;margin-inline: 0.75rem;}
.wishlist-add svg {display: inline-block;width: 1.125rem;height: 1.125rem;-ms-flex-negative: 0;flex-shrink: 0;}
.wishlist-add svg *[fill] {fill: currentColor;}
.wishlist-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.5rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 0.5rem 0.75rem;}
.wishlist-item.is-active .plus {visibility: hidden;}
.wishlist-item.is-active .check {visibility: visible;}
.wishlist-img {position: relative;width: 2rem;height: 2rem;-ms-flex-negative: 0;flex-shrink: 0;border-radius: 0.25rem;border: 0.0625rem solid #E8E8E8;}
.wishlist-img img {border-radius: 0.25rem;}
.wishlist-img-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: clamp(0.625rem, 0.4028rem + 0.463vi, 0.75rem);}
.wishlist-name {font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-text);}
.wishlist-btn {position: relative;width: 1.125rem;height: 1.125rem;-ms-flex-negative: 0;flex-shrink: 0;margin-left: auto;}
.wishlist-btn svg {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.wishlist-btn .plus {visibility: hidden;}
.wishlist-btn .check {visibility: hidden;}
.wishlist.is-active {opacity: 1;visibility: visible;}
.wishlist-card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.75rem;background-color: var(--bg-1);border-radius: 0.625rem;padding: clamp(0.75rem, 0.3056rem + 0.9259vi, 1rem);}
.wishlist-card-wrapp {--bs-gutter-x: 1rem;--bs-gutter-y: 1rem;}
.wishlist-card .wishlist-img {width: clamp(4.5rem, 0.2778rem + 8.7963vi, 6.875rem);height: clamp(4.5rem, 0.2778rem + 8.7963vi, 6.875rem);border-radius: 0.625rem;}
.wishlist-card .wishlist-img img {border-radius: 0.625rem;}
.wishlist-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 0.5rem;}
.open-wishlist {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
@media (min-width: 768px) {
.wishlist {position: absolute;top: 100%;right: 0;opacity: 0;visibility: hidden;display: none;}
.wishlist.is-active {display: block;}
}
@media (min-width: 1200px) {
.wishlist-item:not(.is-active):hover {background-color: var(--bg-1);}
.wishlist-item:not(.is-active):hover .wishlist-btn .plus {visibility: visible;}
.wishlist-item:not(.is-active):hover .wishlist-btn .check {visibility: hidden;}
.wishlist-add:hover {background-color: var(--clr-primary);color: var(--clr-white);}
}
@media (max-width: 1199px) {
.wishlist-btn .plus {visibility: visible;}
}
@media (max-width: 991px) {
.wishlist-info {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}
}
@media (max-width: 767px) {
.fav-btn .wishlist {display: none;}
.open-wishlist {display: block;}
}
/*--------------------*/
/* CART INFORMER      */
/*--------------------*/
.informer {--gap: 1.25rem;position: fixed;overflow: hidden;z-index: 98;bottom: clamp(1rem, -0.7778rem + 3.7037vw, 2rem);left: 0;right: 0;max-width: 20rem;margin-inline: auto;width: 100%;padding: var(--gap);text-align: center;border-radius: var(--rd-1);background-color: var(--clr-white);opacity: 1;visibility: visible;-webkit-transform: translateY(150%);transform: translateY(150%);-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1),0 0 0.25rem 0 rgba(0, 0, 0, 0.05);box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1),0 0 0.25rem 0 rgba(0, 0, 0, 0.05);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.informer > * + * {margin-top: 0.5rem;}
.informer.is-active {opacity: 1;visibility: visible;-webkit-transform: translateY(0%);transform: translateY(0%);}
/*=========================*/
/*  Decrement & Increment  */
/*=========================*/
.thumb-input-number {--thumb-size: 2rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-text);text-align: center;}
.thumb-input-number button {position: relative;cursor: pointer;display: inline-block;width: var(--thumb-size);height: var(--thumb-size);-ms-flex-negative: 0;flex-shrink: 0;background: none;background-color: transparent;border-radius: var(--thumb-size);border: 0.0625rem solid var(--clr-grey);-webkit-transition: 0.25s;transition: 0.25s;color: var(--clr-text);}
.thumb-input-number button::before {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 0.625rem;height: 0.125rem;background-color: currentColor;}
.thumb-input-number button.increment::after {content: "";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 0.125rem;height: 0.625rem;background-color: currentColor;}
.thumb-input-number input {width: clamp(1.875rem, 0.7639rem + 2.3148vw, 2.5rem);text-align: center;}
/*======================*/
/*  Product Detail      */
/*======================*/
.prd-det {--bs-gutter-x: 1rem;--bs-gutter-y: clamp(1rem, -0.7778rem + 3.7037vi, 2rem);}
.prd-det-sec {padding-block: 0 var(--sp-md);}
.prd-det-tabs .tabs-wrap {padding-block: 1.25rem var(--sp-md);}
.prd-det-tabs .tabs-wrap::before {content: "";position: absolute;z-index: -1;top: 0;left: 50%;width: 100vw;height: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: var(--bg-1);}
.prd-det-tabs .tab-nav {margin-bottom: 0;}
.prd-det-tabs .tab-toggle {position: relative;inset: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;gap: clamp(1.25rem, -0.9722rem + 4.6296vw, 2.5rem);width: auto;-webkit-box-shadow: none;box-shadow: none;opacity: 1;visibility: visible;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;overflow-y: hidden;overflow-x: auto;margin-inline: calc(-0.5 * var(--bs-gutter-x));padding-inline: calc(0.5 * var(--bs-gutter-x));}
.prd-det-tabs .tab-toggle::-webkit-scrollbar {display: none;}
.prd-det-tabs .tab-toggle div {gap: 0.25rem;-ms-flex-negative: 0;flex-shrink: 0;scroll-snap-align: start;scroll-margin-left: calc(0.5 * var(--bs-gutter-x));font-size: clamp(0.875rem, 0.6528rem + 0.463vw, 1rem);color: var(--clr-text);padding: 0.625rem 0;}
.prd-det-tabs .tab-toggle div::before {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 0.125rem;background-color: transparent;-webkit-transition: width var(--transition-1),background-color var(--transition-1);transition: width var(--transition-1),background-color var(--transition-1);}
.prd-det-tabs .tab-toggle div svg {--size: 1.25rem;}
.prd-det-tabs .tab-toggle div.is-active {color: var(--clr-primary);}
.prd-det-tabs .tab-toggle div.is-active::before {width: 100%;background-color: currentColor;}
.prd-det-slider {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 1rem;}
.prd-det-slider .swiper-thumbs-top {max-width: calc(85% - 1rem);-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.prd-det-slider .swiper-thumbs-bottom {width: 15%;-ms-flex-negative: 0;flex-shrink: 0;-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;}
.prd-det-slider .swiper-thumbs-bottom .swiper-container {height: 100%;}
.prd-det-slider.hide-bottom .swiper-thumbs-bottom {display: none;}
.prd-det-img {position: relative;aspect-ratio: 1;max-width: 100%;margin-inline: auto;border-radius: var(--rd-1);border: 0.0625rem solid #E8E8E8;}
.prd-det-img img {position: absolute;/* top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); */max-width: 100%;max-height: 100%;width: 100%;/* -o-object-fit: cover;object-fit: cover; */-o-object-fit: contain;object-fit: contain;border-radius: var(--rd-1);}
.prd-det-thumbs {position: relative;cursor: pointer;overflow: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);border: 0.0625rem solid transparent;border-radius: var(--rd-0);aspect-ratio: 1;max-height: 5rem;height: 100%;}
.prd-det-thumbs img {display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.prd-det-content > * + * {margin-top: 1.25rem;}
.prd-det-content .price-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;}
.prd-det-content .price-wrapp .old + .price {color: var(--clr-primary);}
.prd-det-content .btn-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;gap: clamp(0.75rem, -0.1389rem + 1.8519vw, 1.25rem);}
.prd-det-content .btn-wrapp .btn {width: auto;padding-inline: 1em;}
.prd-det-content .fav-btn {--icon-size: 2rem;}
.prd-det-content .fav-btn > svg *[fill] {fill: transparent;}
.prd-det-content .fav-btn.is-active {color: var(--clr-primary);}
.prd-det-content .fav-btn.is-active > svg *[fill] {fill: currentColor;}
.prd-det-info > * + * {margin-top: 0.5rem;}
.prd-det-brand, .prd-det-brand a {font-size: var(--text);line-height: normal;font-weight: 400;color: var(--clr-text);text-decoration: underline;}
.prd-det-sku {font-size: var(--text);line-height: normal;font-weight: 700;color: var(--clr-grey);}
.prd-det-sku span {font-weight: 400;}
.prd-det-age {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.75rem;font-size: 1.25rem;line-height: normal;font-weight: 400;color: var(--clr-text);}
.prd-det-age img {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.prd-det-table > * + * {margin-top: clamp(0.75rem, 0.3056rem + 0.9259vw, 1rem);}
.prd-det-table table {border-collapse: collapse;width: 100%;}
.prd-det-table table tbody tr {text-align: left;border-bottom: 0.0625rem solid var(--clr-border);}
.prd-det-table table tbody tr:first-child td {padding-block: 0 0.5rem;}
.prd-det-table table tbody td {width: 50%;font-size: var(--text);line-height: normal;font-weight: 400;color: var(--clr-text);padding-block: 0.5rem;padding-inline: 0 0.5rem;}
.prd-det-table + .prd-det-table {margin-top: clamp(2rem, 1.1111rem + 1.8519vw, 2.5rem);}
.prd-det-var .ch-box-wrap {--lh-size: calc(var(--ch-size) * 1.5);-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.prd-det-var .ch-box input[type=radio] {cursor: pointer;width: var(--lh-size);height: var(--lh-size);background-color: var(--current-color);margin-right: 0;border: 0.125rem solid transparent;}
.prd-det-var .ch-box input[type=radio]:checked {border: 0.125rem solid var(--current-color);}
.prd-det-var .ch-box input[type=radio]:before {width: 90%;height: 90%;border: 0.1875rem solid var(--clr-white);background-color: var(--current-color);}
.prd-det-var > * + * {margin-top: 0.5rem;}
.prd-det-size {display: -webkit-box;flex-wrap: wrap;display: -ms-flexbox;display: flex;gap: clamp(1rem, 0.5556rem + 0.9259vw, 1.25rem);}
.prd-det-size .title {width: 100%;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;line-height: normal;font-weight: 400;color: var(--clr-text);}
.prd-det-size .input-field {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.prd-det-size .btn-link {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;-ms-flex-negative: 0;flex-shrink: 0;}
.prd-det .prd-card {height: auto;}
.swiper-slide-thumb-active .prd-det-thumbs {border-color: var(--clr-primary);}
@media (min-width: 1200px) {
.prd-det-tabs .tab-toggle div:not(.is-active):hover {color: var(--clr-primary);}
.prd-det-tabs .tab-toggle div:not(.is-active):hover::before {width: 100%;background-color: currentColor;}
}
@media (max-width: 991px) {
.prd-det-slider {gap: 0.625rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.prd-det-slider .swiper-thumbs-top {max-width: 100%;}
.prd-det-slider .swiper-thumbs-bottom {width: 100%;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
}
@media (max-width: 767px) {
.prd-det-size {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.prd-det-size .title {display: inline-block;}
.prd-det-size .input-field {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;width: 100%;}
.prd-det-size .btn-link {margin-left: auto;}
}
/*======================*/
/*  Table Size          */
/*======================*/
.table-size {position: relative;padding: 0.5rem;overflow: auto;}
.table-size table {border-collapse: collapse;width: 100%;min-width: 40rem;}
.table-size table thead tr {border: none !important;}
.table-size table thead th,
.table-size table thead td {background-color: var(--clr-black);font-size: var(--text);line-height: normal;font-weight: 700;text-transform: uppercase;color: var(--clr-white);padding-block: 0.5rem;}
.table-size table thead th:first-child,
.table-size table thead td:first-child {border-radius: 0.625rem 0 0 0.625rem;padding-left: 0.5rem;}
.table-size table thead th:last-child,
.table-size table thead td:last-child {border-radius: 0 0.625rem 0.625rem 0;padding-right: 0.5rem;}
.table-size table tr {text-align: left;}
.table-size table tr:first-child td {padding-top: 1rem;}
.table-size table td {font-size: var(--text);line-height: normal;font-weight: 400;color: var(--clr-text);vertical-align: middle;padding-block: 0.5rem;border-bottom: 0.0625rem solid var(--clr-border);}
.table-size table td:first-child {padding-left: 0.5rem;}
.table-size table td:last-child {padding-right: 0.5rem;}
/*======================*/
/*  Product Fixed Panel */
/*======================*/
.prd-panel {position: fixed;z-index: 10;top: auto;left: 0;bottom: 0;width: 100%;min-height: 4.625rem;background-color: var(--clr-white);-webkit-box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.1);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding-block: 1.25rem;}
.prd-panel-wrapp {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 1.25rem;}
.prd-panel-wrapp .price-wrapp .old + .price {color: var(--clr-primary);}
.prd-panel-wrapp .btn,
.prd-panel-wrapp .available {width: auto;min-width: 11.25rem;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.prd-panel-wrapp .btn-link {--icon-size: 2rem;color: var(--clr-text);}
.prd-panel.hide {-webkit-transform: translateY(100%);transform: translateY(100%);}
/*--------------------*/
/* Combo              */
/*--------------------*/
.combo-wrapp {--bs-gutter-x: 1rem;--bs-gutter-y: 1rem;}
.combo-inner > * + * {margin-top: 1rem;}
.combo-card {--gap: clamp(0.625rem, 0.3056rem + 0.9259vw, 1rem);position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: var(--gap);height: 100%;background-color: var(--clr-white);border-radius: 1.25rem;border: 0.0625rem solid #E8E8E8;padding: var(--gap);}
.combo-card.type-2 {background-color: transparent;border-radius: 0;border: none;padding: 0;height: auto;}
.combo-card.type-2 .combo-info .text {display: none;}
.combo-card.type-2 .combo-mini {background-color: var(--clr-white);}
.combo-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1.6;border-radius: var(--rd-1);}
/* .combo-img img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform-origin: top;transform-origin: top;border-radius: var(--rd-1);} */
.combo-img img {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;content-visibility: auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform-origin: top;transform-origin: top;border-radius: var(--rd-1);}
.combo-img-wrapp {position: relative;}
.combo-title {font-size: var(--h3);line-height: normal;font-weight: 700;color: var(--clr-text);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.combo-info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: clamp(0.5rem, -0.4861rem + 2.3148vw, 1.25rem);}
.combo-info .btn-wrapp {gap: 0.5rem;}
.combo-info .btn-wrapp .btn {margin-left: auto;min-width: 11.25rem;}
.combo-info .price-wrapp .old + .price {color: var(--clr-primary);}
.combo-mini {--size: 5rem;position: relative;aspect-ratio: 1;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;border-radius: 0.625rem;border: 0.0625rem solid var(--clr-plc);scroll-snap-align: start;}
.combo-mini:first-child::after {content: none;}
.combo-mini::after {--size-icon: 1.5rem;content: "";position: absolute;top: 50%;left: calc((var(--size-icon) / 2 + var(--gap) / 2) * -1);-webkit-transform: translate(0%, -50%);transform: translate(0%, -50%);width: var(--size-icon);height: var(--size-icon);background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4.5L12 19.5' stroke='%23B4B4B4' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M19.5 12L4.5 12' stroke='%23B4B4B4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: contain;}
.combo-mini img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 95%;max-height: 95%;}
.combo-mini-wrapp {--gap: 2.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;overflow-y: hidden;overflow-x: auto;gap: var(--gap);}
.combo-mini-wrapp::-webkit-scrollbar {display: none;}
@media (min-width: 768px) {
.combo-card.type-2 {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.combo-card.type-2 .combo-img {--rd-1: 1rem;aspect-ratio: 1.53;}
.combo-card.type-2 .combo-img-wrapp {width: 43.25%;-ms-flex-negative: 0;flex-shrink: 0;}
.combo-card.type-2 .combo-info {width: auto;}
.combo-card.type-2 .combo-info .text {display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.combo-card.type-2 .combo-title + .text {margin-top: -0.75rem;}
.combo-inner > *:not(:last-child) {padding-bottom: 1rem !important;border-bottom: 0.0625rem solid #E8E8E8 !important;}
}
@media (max-width: 767px) {
.combo-card {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;border-radius: 0.625rem;}
.combo-img {--rd-1: 0.375rem;}
.combo-img-wrapp {width: 47.75%;-ms-flex-negative: 0;flex-shrink: 0;}
.combo-info {width: 48%;}
.combo-info .btn-wrapp .btn {margin-left: 0;width: 100%;}
.combo-mini {--size: 2.5rem;}
.combo-mini::after {--size-icon: 0.75rem;}
.combo-mini-wrapp {--gap: 1rem;}
}
@media (max-width: 575px) {
.combo-img {aspect-ratio: 1;}
.combo-info .btn-wrapp .btn {min-width: auto;}
}
/*======================*/
/*  LR Block            */
/*======================*/
.lr-img {--rd-1: 1rem;position: relative;overflow: hidden;aspect-ratio: 1.96;border-radius: var(--rd-1);}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;border-radius: var(--rd-1);}
.lr-content > * + * {margin-top: 0.75rem;}
@media (min-width: 992px) {
.lr-wrapp.lr-right > *:first-child {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
}
@media (max-width: 991px) {
.lr-wrapp {--bs-gutter-y: 1rem;}
.lr-wrapp > *:first-child {-webkit-box-ordinal-group: 1;-ms-flex-order: 0;order: 0;}
.lr-img {--rd-1: 0.625rem;}
}
/*--------------------*/
/* Blog               */
/*--------------------*/
.blog-wrapp {--bs-gutter-x: 1rem;--bs-gutter-y: clamp(1.5rem, 0.6111rem + 1.8519vw, 2rem);}
.blog-wrapp + .pagination {margin-top: 2rem;}
.blog-item > * + * {margin-top: 0.75rem;}
.blog-img {position: relative;overflow: hidden;display: block;aspect-ratio: 1.53;border-radius: 0.625rem;}
.blog-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;-webkit-transition: var(--transition-1);transition: var(--transition-1);border-radius: 0.625rem;}
.blog-content > * + * {margin-top: 0.5rem;}
.blog-title {font-size: var(--h2);line-height: normal;font-weight: 500;color: var(--clr-text);text-transform: uppercase;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.blog-time {display: inline-block;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-grey);}
.blog-detail-title {margin-bottom: clamp(1rem, 0.1111rem + 1.8519vw, 1.5rem);}
.blog-detail-title > * + * {margin-top: clamp(0.5rem, 0.0556rem + 0.9259vw, 0.75rem);}
@media (min-width: 768px) {
.blog-title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
}
@media (min-width: 1200px) {
.blog-item:hover .blog-img img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.blog-item:hover .blog-title {color: var(--clr-primary);}
}
/*--------------------*/
/*  Tabs              */
/*--------------------*/
.tabs {position: relative;}
.tab-nav {position: relative;line-height: 0;margin-bottom: max(1rem, 1.25vw);}
.tab-toggle div {position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.375rem;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-grey);white-space: nowrap;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 0.5rem clamp(1rem, -1.3846rem + 3.8462vw, 1.5rem);}
.tab-toggle div svg {--size: 2rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.tab-toggle div svg *[fill] {fill: currentColor;}
.tab-toggle div svg *[stroke] {stroke: currentColor;}
.tab-toggle div.is-active {color: var(--clr-primary);}
.tabs-wrap {position: relative;}
:where(.tab) {display: none;}
.tab:first-child {display: block;}
@media (min-width: 992px) {
.tab-title {display: none;}
.tab-toggle {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;line-height: 0;}
}
@media (min-width: 1200px) {
.tab-toggle div:not(.is-active):hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.tab-title {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.375rem;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-text);border-bottom: 0.0625rem solid currentColor;padding-right: 1.5rem;}
.tab-title svg {--size: 2rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.tab-title svg *[fill] {fill: currentColor;}
.tab-title svg *[stroke] {stroke: currentColor;}
.tab-title::after {content: "";position: absolute;top: 50%;right: 0.25rem;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);-webkit-transition: -webkit-transform var(--transition-1);transition: -webkit-transform var(--transition-1);transition: transform var(--transition-1);transition: transform var(--transition-1),-webkit-transform var(--transition-1);display: inline-block;width: 0.625rem;height: 0.625rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.tab-toggle {position: absolute;z-index: 10;top: 100%;left: 0;width: 100%;background-color: var(--clr-white);-webkit-box-shadow: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0.25rem 1.5rem 0 rgba(0, 0, 0, 0.1);-webkit-transition: var(--transition-1);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.tab-nav.is-active .tab-title::after {-webkit-transform: translateY(-25%) rotate(225deg);transform: translateY(-25%) rotate(225deg);}
.tab-nav.is-active .tab-toggle {opacity: 1;visibility: visible;}
}
/*--------------------*/
/* Accordion          */
/*--------------------*/
.accordion {position: relative;z-index: 1;}
.accordion-item {--padding-acc: 0.5rem;position: relative;border-bottom: 0.0625rem solid var(--clr-grey);}
.accordion-item + .accordion-item {margin-top: 1rem;}
.accordion-title {position: relative;cursor: pointer;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-text);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding-block: var(--padding-acc);}
.accordion-title i {display: inline-block;position: absolute;right: 0;top: var(--padding-acc);width: 1.125rem;height: 1.125rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);color: currentColor;}
.accordion-title i::before {content: "";position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 0.625rem;height: 0.625rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.accordion-title.is-active {color: var(--clr-primary);}
.accordion-title.is-active i {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);}
.accordion-inner {display: none;padding-block: 0.75rem;border-top: 0.0625rem solid var(--clr-grey);}
@media (min-width: 1200px) {
.accordion-title:hover {color: var(--clr-primary);}
}
/*----------------------*/
/* Checkout             */
/*----------------------*/
:root {--cht-header-h: 7.25rem;}
.cht .row {--bs-gutter-x: 1rem;--bs-gutter-y: 0.75rem;}
.cht-header {height: var(--cht-header-h);}
.cht-header-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 0.5rem;border-bottom: 0.0625rem solid var(--clr-plc);padding-block: 1.5rem;}
.cht-header-wrapp .btn-link {--icon-size: 2rem;color: var(--clr-text);}
.cht-header + .section {padding-block: 1rem var(--sp-lg);}
.cht-header + :is(.thank-you) {padding-block: var(--sp-lg);}
.cht-logo {position: relative;display: block;width: 8rem;-ms-flex-negative: 0;flex-shrink: 0;}
.cht-logo img {max-width: 100%;width: 100%;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.cht-tabs .tabs-wrap {padding-block: clamp(0.75rem, -0.1389rem + 1.8519vw, 1.25rem);}
.cht-tabs .tab-nav {margin-bottom: 0;}
.cht-tabs .tab-toggle {position: relative;inset: 0;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;gap: 0.75rem;width: 100%;-webkit-box-shadow: none;box-shadow: none;opacity: 1;visibility: visible;}
.cht-tabs .tab-toggle::before {content: "";position: absolute;bottom: 0;left: calc(0.5 * var(--bs-gutter-x));width: calc(100% - var(--bs-gutter-x));height: 0.125rem;background-color: var(--clr-plc);-webkit-transition: width var(--transition-1),background-color var(--transition-1);transition: width var(--transition-1),background-color var(--transition-1);}
.cht-tabs .tab-toggle div {-ms-flex-negative: 0;flex-shrink: 0;font-size: clamp(0.875rem, 0.6528rem + 0.463vw, 1rem);color: var(--clr-text);padding: 0.625rem 0.75rem;}
.cht-tabs .tab-toggle div::before {content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 0.125rem;background-color: transparent;-webkit-transition: width var(--transition-1),background-color var(--transition-1);transition: width var(--transition-1),background-color var(--transition-1);}
.cht-tabs .tab-toggle div.is-active {color: var(--clr-primary);}
.cht-tabs .tab-toggle div.is-active::before {width: 100%;background-color: currentColor;}
.cht-tabs .form-block {--space: 1rem;}
.cht-products > *:not(:last-child) {margin-bottom: 1.5rem;}
.cht-products > *:not(:last-child)::before {content: "";position: absolute;left: 0;bottom: -0.75rem;width: 100%;height: 0.0625rem;background-color: #E8E8E8;}
.cht-wrapp > * + * {margin-top: clamp(0.75rem, -0.1389rem + 1.8519vw, 1.25rem);}
.cht-block > .btn-link {--icon-size: 2rem;display: -webkit-box;display: -ms-flexbox;display: flex;}
.cht-block > * {position: relative;}
.cht-block > *:not(:last-child) {margin-bottom: 1.5rem;}
.cht-block > *:not(:last-child)::before {content: "";position: absolute;left: 0;bottom: -0.75rem;width: 100%;height: 0.0625rem;background-color: #E8E8E8;}
.toggle-block {display: none;}
.toggle-block > * {margin-bottom: var(--space);}
.toggle-block > *:last-child {margin-bottom: 0;}
@media (min-width: 1200px) {
.cht-header-wrapp .btn-link:hover {color: var(--clr-primary);}
.cht-logo:hover {opacity: 0.75;}
.cht-header-wrapp {padding-block: 2.25rem;}
.cht-logo {width: 10.375rem;}
}
@media (max-width: 1199px) {
:root {--cht-header-h: 5.125rem;}
}
@media (max-width: 767px) {
.cht-header-wrapp {border-bottom: none;}
.cht-header-wrapp .btn-link b {display: none;}
.cht-header-wrapp > .h-icon {display: none;}
.cht-header + .section {padding-block: 0.25rem var(--sp-lg);}
.cht-header + :is(.thank-you) {padding-block: 1rem;}
.cht-header .container {--bs-gutter-x: 0.5rem;}
.cht-logo {margin-inline: auto;}
.cht-tabs .tab-toggle {gap: 0;background-color: #E8E8E8;border-radius: 2.5rem;}
.cht-tabs .tab-toggle::before {content: none;}
.cht-tabs .tab-toggle div {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 33.3333333333%;border-radius: 2.5rem;padding: 0.75rem;}
.cht-tabs .tab-toggle div::before {content: none;}
.cht-tabs .tab-toggle div.is-active {background-color: var(--clr-primary);color: var(--clr-white);}
}
/*--------------------*/
/* Thank You          */
/*--------------------*/
.thank-you {position: relative;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
.thank-you.page-plug {padding: 3rem 0;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;min-height: calc(var(--svh) - var(--cht-header-h));}
.thank-you .page-plug-inner .title {opacity: 0;}
.thank-you .page-plug-inner > *:not(.title) {-webkit-transform: translateY(-1.5rem);transform: translateY(-1.5rem);}
.thank-you-block {position: relative;z-index: 2;margin-inline: auto;text-align: center;}
.thank-you-block .text {margin-inline: auto;max-width: 80%;}
.thank-you-block > * + * {margin-top: 1rem;}
@media (min-width: 1200px) {
.thank-you.page-plug .decor-duck {bottom: -24%;left: 49%;max-height: 94vh;}
.thank-you .page-plug-inner {top: 30%;left: 33%;max-width: 16%;}
.thank-you .page-plug-inner > *:not(.title) {-webkit-transform: translateY(-1.5rem);transform: translateY(-1.5rem);}
}
@media (min-width: 1200px) and (max-height: 850px) {
.thank-you.page-plug .decor-duck {bottom: -40%;left: 50%;}
.thank-you .page-plug-inner {top: 38%;}
}
@media (max-width: 1199px) {
.thank-you.page-plug {padding: 1rem 0;}
.thank-you.page-plug .decor-duck {bottom: 0%;width: 80%;}
.thank-you .page-plug-inner {top: 25%;max-width: 30vw;}
.thank-you .page-plug-inner > *:not(.title) {-webkit-transform: translateY(-0.5rem);transform: translateY(-0.5rem);}
.thank-you .page-plug-inner::after {bottom: -48%;}
}
@media (max-width: 991px) {
.thank-you .page-plug-inner .title {display: none;}
.thank-you .page-plug-inner > *:not(.title) {-webkit-transform: translateY(1rem);transform: translateY(1rem);}
}
@media (max-width: 575px) {
.thank-you.page-plug .decor-duck {bottom: -10%;}
.thank-you .page-plug-inner {top: 30%;max-width: 48vw;}
.thank-you .page-plug-inner::before {top: 35%;}
}
/*--------------------*/
/* Form Page          */
/*--------------------*/
.form-sec {position: relative;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;padding-block: 0 var(--sp-md);}
.form-sec-block {width: 100%;max-width: 25rem;margin-inline: auto;}
.form-sec-block .title {text-align: center;}
.form-sec-block .form-block {--space: 1rem;border-radius: 0.625rem;border: 0.0625rem solid #E8E8E8;padding: 0.75rem;}
.form-sec-block > * + * {margin-top: clamp(1rem, 0.5556rem + 0.9259vw, 1.25rem);}
.form-sec-block.size-1 {max-width: 53rem;}
@media (max-width: 767px) {
.form-sec-block .title {text-align: left;}
.form-sec-block .form-block {--space: 0.75rem;}
}
/*======================*/
/*  Cabinet Menu        */
/*======================*/
.cbt-menu a {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.5rem;font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-grey);padding: 0.5rem clamp(0.5rem, -4.2692rem + 7.6923vi, 1.5rem);}
.cbt-menu a svg {--size: 2rem;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.cbt-menu a:last-child {border-top: 0.0625rem solid var(--clr-plc);}
.cbt-menu a.is-active {color: var(--clr-primary);}
.cbt-menu + .btn-link {padding: 0.5rem clamp(1rem, -1.3846rem + 3.8462vw, 1.5rem);}
.cbt-head {display: none;}
@media (min-width: 1200px) {
.cbt-menu a:not(.is-active):hover {background-color: #E8E8E8;color: var(--clr-text);}
}
@media (max-width: 991px) {
.section.cbt-section:first-child {padding-top: 0;}
.cbt-row {--bs-gutter-x: 1rem;--bs-gutter-y: 1rem;}
.cbt-menu {display: none;}
.cbt-menu + .btn-link {display: none;}
.cbt-head {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.625rem;background-color: var(--bg-1);border-top: 0.0625rem solid var(--clr-plc);border-bottom: 0.0625rem solid var(--clr-plc);padding: 1rem 0.25rem;margin-inline: calc(var(--bs-gutter-x) * -1);}
.cbt-head .btn-back {position: relative;cursor: pointer;width: 2rem;height: 2rem;-ms-flex-negative: 0;flex-shrink: 0;}
.cbt-head .btn-back::after {content: "";position: absolute;top: 50%;left: 55%;-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);width: 35%;height: 35%;border-right: 0.125rem solid var(--clr-text);border-bottom: 0.125rem solid var(--clr-text);}
.cbt-head .title {margin-inline: auto;}
}
/*======================*/
/*  Cabinet Content     */
/*======================*/
.cbt-row {--bs-gutter-x: 1rem;}
.cbt-content .form-inner > * + * {margin-top: 1rem;}
.cbt-content .form-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.5rem;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.cbt-content .form-title .title {cursor: pointer;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.cbt-content .form-title .title.is-active {cursor: default;}
.cbt-content .form-block {--space: 1rem;}
.cbt-content > *:not(:last-child) {margin-bottom: 1.5rem;}
.cbt-info {position: relative;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;background-color: #3DA9B2;border-radius: 0.625rem;padding: 2rem 0.625rem;text-align: center;color: var(--clr-white);}
.cbt-info.cbt-info-bonus {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;background-color: #FFB800;padding: 1rem;text-align: left;min-height: 8rem;}
.cbt-info.cbt-info-bonus .title {position: relative;z-index: 1;}
.cbt-info.cbt-info-bonus .title + * {margin-top: 1.75rem;}
.cbt-info.cbt-info-bonus .btn-secondary {--clr-primary: #FFB800;background-color: var(--clr-white);}
.cbt-info.cbt-info-bonus .decor {position: absolute;z-index: 0;top: -15%;right: 1.5rem;aspect-ratio: 1;width: 22%;}
.cbt-info.cbt-info-bonus .decor img {width: 100%;}
.cbt-info.cbt-info-password {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;background-color: #E8E8E8;padding: 1rem;text-align: left;min-height: 8rem;}
.cbt-info.cbt-info-password .title {position: relative;z-index: 1;color: var(--clr-text);}
.cbt-info.cbt-info-password .form-title + * {margin-top: 1.75rem;}
.cbt-info.cbt-info-password .form-block {margin-top: 1.5rem;}
.cbt-info.cbt-info-password .decor {position: absolute;z-index: 0;top: -15%;right: 1.5rem;aspect-ratio: 1;width: 22%;}
.cbt-info.cbt-info-password .decor img {width: 100%;}
.cbt-info.cbt-add-address {cursor: pointer;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.cbt-info.cbt-add-child {cursor: pointer;background-color: #E8E8E8;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.cbt-info.cbt-add-child .title {color: #3DA9B2;}
.cbt-info-wrapp {--bs-gutter-x: 1rem;--bs-gutter-y: 1rem;}
.cbt-info-icon {--size: clamp(2.625rem, -0.4861rem + 6.4815vi, 4.375rem);display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;margin-inline: auto;}
.cbt-info .title {color: var(--clr-white);}
.cbt-info .btn-wrapp {position: absolute;top: 0.625rem;right: 0.625rem;gap: 0.25rem;margin-left: auto;}
.cbt-info .btn-wrapp .btn-link {--icon-size: 2rem;color: rgba(var(--rgb-white), 0.5);}
.cbt-info > * + .title {margin-top: clamp(0.5rem, 0.0556rem + 0.9259vw, 0.75rem);}
.cbt-info > .title + * {margin-top: clamp(0.25rem, -0.1944rem + 0.9259vw, 0.5rem);}
.cbt-info-item {font-size: clamp(0.75rem, 0.3056rem + 0.9259vw, 1rem);line-height: normal;font-weight: 400;}
.cbt-info-item + .cbt-info-item {margin-top: 0.125rem;}
.cbt-form .form-inner {border: 0.0625rem solid #E8E8E8;border-radius: 0.625rem;padding: 0.75rem;}
.cbt-form .breadcrumbs {margin-block: 0.75rem;}
.cbt-form .breadcrumbs .container {width: 100%;padding-inline: 0;}
.cbt-form .ch-box-wrap {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.cbt-title {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.875rem;}
.cbt-title .wishlist-add {width: auto;padding: 0.625rem 1rem;}
.cbt-title .wishlist-add,
.cbt-title .btn-link {margin-inline: auto 0;}
@media (min-width: 1200px) {
.cbt-content .form-title .title:not(.is-active):hover {color: var(--clr-primary);}
.cbt-info .btn-wrapp .btn-link:hover {color: var(--clr-primary);}
.cbt-info.cbt-info-bonus .btn-secondary:hover {color: var(--clr-text);}
.cbt-form .breadcrumbs {margin-block: 0 1rem;}
}
@media (max-width: 991px) {
.cbt-content .form-inner {border: 0.0625rem solid #E8E8E8;border-radius: 0.625rem;padding: 0.75rem;}
.cbt-content .form-title .btn-link b {display: none;}
.cbt-info {min-height: 12.75rem;}
.cbt-info.cbt-info-bonus,
.cbt-info.cbt-info-password {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.cbt-info.cbt-info-bonus .decor,
.cbt-info.cbt-info-password .decor {position: absolute;top: -15%;right: 1.5rem;aspect-ratio: 1;width: 22%;}
.cbt-info.cbt-info-bonus .decor img,
.cbt-info.cbt-info-password .decor img {width: 100%;}
}
@media (max-width: 767px) {
.cbt-info {min-height: 9rem;padding: 1rem 0.75rem;}
.cbt-info .title {font-size: 1rem;}
.cbt-info.cbt-info-bonus .title,
.cbt-info.cbt-info-password .title {font-size: 1.125rem;}
.cbt-info.cbt-info-bonus .title span,
.cbt-info.cbt-info-password .title span {display: block;}
.cbt-info.cbt-info-bonus .btn,
.cbt-info.cbt-info-password .btn {min-width: auto;}
.cbt-info.cbt-info-bonus .decor,
.cbt-info.cbt-info-password .decor {top: 0.75rem;right: -25%;width: 73%;}
.cbt-info.cbt-info-password .decor {right: -15%;width: 50%;}
.cbt-info .btn-wrapp {top: 0.375rem;right: 0.375rem;gap: 0.5rem;}
.cbt-info .btn-wrapp .btn-link {--icon-size: 1.125rem;}
.cbt-title.cbt-empty {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.cbt-title.cbt-empty .title {text-align: center;}
.cbt-title.cbt-empty .wishlist-add,
.cbt-title.cbt-empty .btn-link {margin-inline: auto;}
}
/*======================*/
/*  Offers              */
/*======================*/
.offer-wrapp > * + * {margin-top: 1rem;}
.offer-card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 1rem;}
.offer-img {position: relative;width: 100%;aspect-ratio: 1.53/1;border-radius: 1rem;-webkit-box-flex: 0;-ms-flex: 0 0 43.5%;flex: 0 0 43.5%;}
.offer-img img {position: absolute;inset: 0;width: 100%;border-radius: 1rem;-o-object-fit: cover;object-fit: cover;}
.offer-content > * + * {margin-top: 0.5rem;}
@media (max-width: 575px) {
.offer-img {display: none;}
}
/*======================*/
/*  Promocode           */
/*======================*/
.promocode-info > * + * {margin-top: 0.5rem;}
.promocode-card {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 0.625rem;background-color: var(--clr-primary);border-radius: 0.25rem;padding: 0.625rem 1rem;}
.promocode-card p {font-size: 2rem;line-height: normal;font-weight: 700;color: var(--clr-white);text-transform: uppercase;}
.promocode-card svg {--size: 2rem;position: relative;cursor: pointer;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;color: var(--clr-white);}
.promocode-card svg *[fill] {fill: currentColor;}
.promocode-card::before {content: "Код скопійовано";position: absolute;z-index: 1;top: 0;right: 0;font-size: 0.75rem;color: var(--clr-primary);-webkit-transition: 0.25s ease-in;transition: 0.25s ease-in;opacity: 0;visibility: hidden;}
.promocode-card.active::before {opacity: 1;visibility: visible;top: -1rem;}
/*======================*/
/*  Orders              */
/*======================*/
.order-wrapp > * + * {margin-top: 1rem;}
.order-item {position: relative;border-radius: 0.625rem;border: 0.0625rem solid #E8E8E8;padding: 0.75rem;}
.order-head {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.5rem clamp(0.75rem, -0.5833rem + 2.7778vw, 1.5rem);}
.order-title {font-size: var(--h2);line-height: normal;font-weight: 500;color: var(--clr-text);}
.order-date {font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-grey);}
.order-status b {min-width: 8.75rem;display: inline-block;background-color: var(--current-color);border-radius: 6.375rem;font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-white);text-align: center;padding-inline: 0.5rem;}
.order-price {font-size: var(--h2);line-height: normal;font-weight: 500;color: var(--clr-text);}
.order-open {position: relative;cursor: pointer;width: 1.125rem;height: 1.125rem;-ms-flex-negative: 0;flex-shrink: 0;color: var(--clr-grey);-webkit-transition: -webkit-transform var(--transition-1);transition: -webkit-transform var(--transition-1);transition: transform var(--transition-1);transition: transform var(--transition-1),-webkit-transform var(--transition-1);margin-left: auto;}
.order-open::after {content: "";position: absolute;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 45%;height: 45%;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.order-open.is-active {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.order-detail {display: none;margin-top: 0.625rem;}
.order-detail .order-info {padding: 0;border: none;border-radius: 0;margin-block: 1.5rem;}
.order-detail .order-info::before {content: "";position: absolute;top: -0.75rem;left: 0;width: 100%;height: 0.0625rem;background-color: #E8E8E8;}
.order-detail .order-info::after {content: "";position: absolute;bottom: -0.75rem;left: 0;width: 100%;height: 0.0625rem;background-color: #E8E8E8;}
.order-products .prd-horiz {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 5%;}
.order-products .prd-horiz-qty {margin-left: auto;}
.order-products .prd-horiz .price-wrapp {font-size: var(--h3);}
.order-products > *:not(:last-child) {margin-bottom: 2rem;}
.order-products > *:not(:last-child)::before {content: "";position: absolute;left: 0;bottom: -1rem;width: 100%;height: 0.0625rem;background-color: #E8E8E8;}
.order-number {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;font-size: 1.25rem;line-height: normal;font-weight: 700;color: var(--clr-text);}
.order-number span {font-weight: 400;margin-left: 0.25rem;}
.order-number .icon {--size: 1.25rem;position: relative;cursor: pointer;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;margin-left: 0.25rem;}
.order-number::before {content: "Код скопійовано";position: absolute;z-index: 1;top: 0;right: 0;font-size: 0.75rem;color: var(--clr-primary);-webkit-transition: 0.25s ease-in;transition: 0.25s ease-in;opacity: 0;visibility: hidden;}
.order-number.active::before,
.order-number.active::after {opacity: 1;visibility: visible;top: -1rem;}
.order-number + * {margin-top: 0.75rem;}
@media (max-width: 767px) {
.order-head {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.order-title {-webkit-box-ordinal-group: -1;-ms-flex-order: -2;order: -2;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.order-date {font-size: 1rem;line-height: normal;font-weight: 400;color: var(--clr-grey);}
.order-status {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;}
.order-price {margin-left: auto;}
.order-open {margin-left: 0;color: var(--clr-text);}
.order-products .prd-horiz {-ms-flex-wrap: wrap;flex-wrap: wrap;}
}
/*======================*/
/*  Video Block         */
/*======================*/
.video-block {position: relative;overflow: hidden;width: 100%;padding-bottom: 55.75%;border-radius: var(--rd-1);}
.video-block img,
.video-block 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-1);}
.video-block::before {content: "";position: absolute;z-index: 1;inset: 0;background-color: rgba(var(--rgb-black), 0.5);border-radius: var(--rd-1);}
.video-block .btn-play {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/*--------------------*/
/*  Other             */
/*--------------------*/
.btn-wrapp {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 1rem;}
.title-section {position: relative;text-align: center;}
.title-section::before {content: "";position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100%;height: 0.0625rem;background-color: var(--clr-border);}
.title-section img {aspect-ratio: 4;padding-inline: clamp(0.75rem, 0.1184rem + 1.3158vw, 1.5rem);background-color: var(--clr-white);width: clamp(7.5rem, -5.8333rem + 27.7778vw, 15rem);}
.title-section .title {position: relative;display: inline-block;padding-inline: clamp(0.75rem, 0.1184rem + 1.3158vw, 1.5rem);background-color: var(--clr-white);}
.title-icon {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.625rem;}
.title-icon img {display: none;width: 2rem;height: 2rem;-ms-flex-negative: 0;flex-shrink: 0;}
.title-margin {margin-bottom: var(--sp-sm);}
.title-wrapp {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;}
.mb-lg {margin-bottom: var(--sp-lg);}
.mb-md {margin-bottom: var(--sp-md);}
.mb-sm {margin-bottom: var(--sp-sm);}
.mb-xs {margin-bottom: var(--sp-xs);}
.mb-xxs {margin-bottom: var(--sp-xxs);}
.mb-xxxs {margin-bottom: var(--sp-xxxs);}
.search-results {font-size: 1rem;font-weight: 400;line-height: normal;color: var(--clr-grey);}
.select-wrapp .input-field:where(.value) .input > label,
.select-wrapp .input-field:where(.value) .SumoSelect > .CaptionCont > label {opacity: 1;}
.select-wrapp .SumoSelect > .CaptionCont {border-bottom: none;}
@media (min-width: 768px) {
.title-icon img {display: block;}
.select-wrapp {max-width: 11.25rem;margin-left: auto;}
}
@media (min-width: 992px) {
.sticky-block {position: sticky;top: calc(var(--h-height) + 1rem);}
}
/*------------------*/
/*  Pagination      */
/*------------------*/
.pagination {--size: 2rem;--font-size: 1rem;--gap: 0.5rem;position: relative;display: block;margin-top: var(--sp-xs);}
.pagination ul {line-height: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: var(--gap);}
.pagination li {-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;position: relative;width: var(--size);height: var(--size);text-align: center;font-size: var(--font-size);font-weight: 400;line-height: var(--size);color: var(--clr-text);}
.pagination a {display: inline-block;position: relative;width: 100%;height: 100%;border-radius: 0.25rem;outline: 0.0625rem solid var(--clr-plc);outline-offset: -0.0625rem;}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow a {outline-color: transparent;color: var(--clr-grey);}
.pagination .pag-arrow a::before {content: "";position: absolute;top: 50%;left: 55%;-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);width: 30%;height: 30%;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.pagination .pag-arrow:last-child {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.pagination li.active a {outline-color: var(--clr-primary);pointer-events: none;}
@media (min-width: 1200px) {
.pagination li a:hover {outline-color: var(--clr-primary);}
.pagination li.pag-arrow a:hover {outline-color: transparent;color: var(--clr-primary);}
}
/*======================*/
/*  Contact Links       */
/*======================*/
.contact-links {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.5rem;}
.contact-links li {line-height: 0;}
.contact-links a {position: relative;font-size: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);line-height: normal;font-weight: 400;color: var(--clr-secondary);text-decoration: underline;text-decoration-color: transparent;}
.contact-links-inner .text {font-size: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);color: var(--clr-secondary);}
.contact-links-inner .text * + :where(*) {margin-top: 0.5rem;}
@media (min-width: 1200px) {
.contact-links a:hover {text-decoration-color: currentColor;}
}
/*======================*/
/*  Social Links        */
/*======================*/
.social-links {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.75rem;}
.social-links li {line-height: 0;width: 100%;}
.social-links a {--size-icon: clamp(1.5rem, 1.0789rem + 0.8772vw, 2rem);position: relative;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.625rem;border-radius: 3.125rem;font-size: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);line-height: normal;font-weight: 400;color: var(--clr-secondary);border: 0.0625rem solid var(--clr-secondary);padding: 0.4375rem clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);}
.social-links a svg {display: inline-block;width: var(--size-icon);height: var(--size-icon);-ms-flex-negative: 0;flex-shrink: 0;}
.social-links a svg *[fill] {fill: currentColor;}
@media (min-width: 1200px) {
.social-links a:hover {background-color: var(--clr-secondary);color: var(--clr-text);}
}
/*======================*/
/*  Filter              */
/*======================*/
.filter {--flr-gap: 0.75rem;}
.filter-entry {position: relative;background-color: var(--clr-white);max-width: var(--flr-width);}
.filter-wrapp {overflow-x: hidden;overflow-y: auto;max-height: calc(100vh - var(--h-height) - 3rem);}
.filter-block {border-bottom: 0.0625rem solid var(--clr-plc);padding-bottom: var(--flr-gap);margin-bottom: var(--flr-gap);}
.filter-block:last-of-type {border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.filter-block :is(.btn) {margin-top: var(--flr-gap);}
.filter-block > * + * {margin-top: var(--flr-gap);}
.filter-title {position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: var(--flr-gap);}
.filter-title .title {font-size: var(--h2);line-height: normal;font-weight: 400;color: var(--clr-text);}
.filter-title i {position: relative;cursor: pointer;width: 1.125rem;height: 1.125rem;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: -webkit-transform var(--transition-1);transition: -webkit-transform var(--transition-1);transition: transform var(--transition-1);transition: transform var(--transition-1),-webkit-transform var(--transition-1);}
.filter-title i::after {content: "";position: absolute;top: 45%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 50%;height: 50%;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.filter-title.is-active i {-webkit-transform: translateY(5%) rotate(-180deg);transform: translateY(5%) rotate(-180deg);}
.filter-toggle .h-search-inner {margin-block: 0;max-width: 100%;}
.filter-toggle > * + * {margin-top: var(--flr-gap);}
.filter-list li {position: relative;}
.filter-list li .ch-box-wrap {width: 100%;}
.filter-list li .ch-box-wrap .ch-box {width: inherit;font-size: 0.875rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filter-list li + li {margin-top: 0.5rem;}
.filter-controls {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: clamp(0.625rem, -0.4861rem + 2.3148vw, 1.25rem);}
.filter-controls .input-field {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;gap: 0.5rem;}
.filter-controls .input {border: 0.0625rem solid var(--clr-plc);border-radius: 3rem;text-align: center;}
.filter-all {margin-top: 0;}
.filter-all .filter-list {display: none;margin-top: var(--flr-gap);}
.filter-values {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;}
.filter-values.is-active {margin-bottom: var(--sp-xs);}
.filter-item {position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.25rem;border-radius: 4rem;background-color: #E8E8E8;padding: 0.25rem 0.5rem;}
.filter-name {font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-text);}
.filter-clear {position: relative;cursor: pointer;display: inline-block;-webkit-transition: var(--transition-1);transition: var(--transition-1);font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-grey);text-decoration: underline;white-space: nowrap;display: none;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.show-all-btn {position: relative;cursor: pointer;display: inline-block;-webkit-transition: var(--transition-1);transition: var(--transition-1);font-size: 0.875rem;line-height: normal;font-weight: 400;color: var(--clr-primary);margin-top: 0.5rem;}
#filter-output {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: clamp(0.5rem, -0.3889rem + 1.8519vw, 1rem);}
@media (min-width: 1200px) {
.filter-list li:hover .ch-box {color: var(--clr-primary);}
.show-all-btn:hover {opacity: 0.75;}
.filter-clear:hover {color: var(--clr-primary);}
}
@media (max-width: 991px) {
.filter {--flr-width: 24rem;position: fixed;z-index: -1;top: 0;left: 0;width: 100%;height: var(--dvh);padding: 0;background-color: transparent;opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filter-top {--size: 3rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;position: fixed;z-index: 2;top: 0;left: 0;width: var(--flr-width);height: var(--size);background-color: var(--clr-white);border-bottom: 0.0625rem solid var(--clr-plc);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 0 0 0 1rem;}
.filter-top .title {font-weight: 400;}
.filter-top .btn-close {--size: 3rem;}
.filter-top .btn-close::before,
.filter-top .btn-close::after {width: 50%;}
.filter-overlay {position: absolute;top: 0;bottom: 0;left: 0;right: calc(var(--flr-width) * -1);background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.filter-wrapp {position: relative;overflow: auto;height: inherit;background-color: var(--clr-white);-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);max-width: var(--flr-width);max-height: 100%;padding-block: 3.75rem 3rem;}
.filter-entry {height: auto;padding-inline: 1rem;}
.filter.is-active {z-index: 110;opacity: 1;visibility: visible;}
.filter.is-active .filter-wrapp {-webkit-transform: translateX(0);transform: translateX(0);}
.filter.is-active .filter-overlay {opacity: 1;visibility: visible;}
.filter-open {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 0.625rem;background-color: #E8E8E8;border-radius: 0.25rem;font-size: 0.875rem;font-weight: 400;line-height: normal;color: var(--clr-primary);padding: 0.5rem;}
}
@media (max-width: 575px) {
.filter {--flr-width: 100%;}
}
/*======================*/
/*  Footer              */
/*======================*/
footer {background-color: var(--clr-primary);padding-block: clamp(1.5rem, 0.6579rem + 1.7544vw, 2.5rem);}
.footer-top .row {--bs-gutter-y: 1.5rem;}
.footer-caption {font-size: var(--h3);line-height: normal;font-weight: 500;color: var(--clr-secondary);text-transform: uppercase;}
.footer-links {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.75rem;}
.footer-links li {line-height: 0;}
.footer-links a {position: relative;font-size: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);line-height: normal;font-weight: 400;color: var(--clr-secondary);text-decoration: underline;text-decoration-color: transparent;}
.footer-links-inner > * + *,
.social-links-inner > * + *,
.contact-links-inner > * + * {margin-top: clamp(1rem, 0.5789rem + 0.8772vw, 1.5rem);}
.footer-bottom {position: relative;border-top: 0.0625rem solid rgba(240, 240, 240, 0.3);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: clamp(0.75rem, -0.5833rem + 2.7778vw, 1.5rem);text-align: center;padding-top: 1.5rem;margin-top: 1.5rem;}
.footer-copy,
.dev-link {font-size: var(--text-sm);line-height: normal;font-weight: 400;color: var(--clr-secondary);text-transform: uppercase;}
.dev-link a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 0.625rem;}
.dev-link img {width: 6.375rem;}
@media (min-width: 1200px) {
.footer-links a:hover {text-decoration-color: currentColor;}
.dev-link a:hover {opacity: 0.75;}
}
@media (max-width: 767px) {
.footer-bottom {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}
/*--------------------*/
/*  Popups            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);opacity: 0;-webkit-transition: opacity var(--transition-1);transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 0.75rem;overflow: auto;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 0;visibility: hidden;-webkit-transform: translateY(6.25rem);transform: translateY(6.25rem);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.popup-content.active {-webkit-transform: translateY(0%);transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: absolute;left: 0;bottom: 0;right: 0;height: 625rem;}
.popup-container {position: relative;display: inline-block;overflow: hidden;vertical-align: middle;width: 100%;max-width: 35rem;background: var(--clr-white);border-radius: 0.625rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: 1rem;right: 1rem;}
.popup-container.size-1 {max-width: 21.5rem;}
.popup-container.size-2 {max-width: 61rem;}
.popup-container.size-auto {max-width: 100%;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
.popup-align {position: relative;z-index: 1;padding: clamp(1rem, 0.1579rem + 1.7544vw, 2rem);}
.popup-align > * + * {margin-top: clamp(0.75rem, 0.5395rem + 0.4386vw, 1rem);}
[data-popup] {cursor: pointer;}
/*======================*/
/*  Video Popup         */
/*======================*/
.video-popup {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.video-popup .embed-responsive-16by9 {padding-bottom: 56.3%;}
.video-popup iframe {position: absolute;width: 100%;height: 100%;}
.video-popup-overlay {position: absolute;left: 0;top: -6.25rem;right: 0;bottom: -6.25rem;opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.video-popup-content {position: absolute;top: 0;width: 100%;height: 100%;overflow: auto;font-size: 0;text-align: center;-webkit-transition: opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;transition: opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0.3s,-webkit-transform 0.3s ease-out;-webkit-transform: scale(1.2);transform: scale(1.2);opacity: 0;left: -625rem;padding: 1rem;}
.video-popup-content::after {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.video-popup-container {position: relative;overflow: hidden;display: inline-block;vertical-align: middle;width: 100%;max-width: 80rem;text-align: left;background: var(--clr-white);border-radius: 0.625rem;padding: 3rem 1.5rem 1.5rem 1.5rem;}
.video-popup-container .btn-close {position: absolute;z-index: 10;top: clamp(0.625rem, 0.3092rem + 0.6579vw, 1rem);right: clamp(0.625rem, 0.3092rem + 0.6579vw, 1rem);}
.video-popup-align {position: relative;overflow: hidden;max-height: 100vh;}
.video-popup-layer {position: absolute;left: 0;bottom: 0;right: 0;height: 625rem;background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);}
.video-popup.active {left: 0;-webkit-transition-delay: 0s;transition-delay: 0s;}
.video-popup.active .video-popup-overlay {opacity: 1;}
.video-popup.active .video-popup-content {position: relative;left: 0;-webkit-transform: scale(1);transform: scale(1);opacity: 1;-webkit-transition: opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;transition: opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s;transition: transform 0.3s ease-out,opacity 0.3s ease-out,left 0s 0s,-webkit-transform 0.3s ease-out;}
@media (max-width: 991px) {
.video-popup-container {max-width: 100%;padding: 2rem 0.5rem 1rem 0.5rem;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--clr-text: #fff;--clr-black: #fff;position: fixed;bottom: 3rem;left: 3rem;-webkit-transform: translate(0%, 100%);transform: translate(0%, 100%);padding: 1.25rem;padding-right: 2.5rem;width: 100%;max-width: min(100%, 39.25rem);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;background: rgba(0, 0, 0, 0.5);border: 0.0625rem solid rgba(255, 255, 255, 0.2);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);-webkit-transition: translate var(--transition-1),opacity var(--transition-1);transition: translate var(--transition-1),opacity var(--transition-1);display: block;}
.cookies-informer .btn-close {top: 0.625rem;right: 0.625rem;position: absolute;}
.cookies-informer .btn-close:not(:hover) {opacity: 0.5;}
.cookies-informer-inner {width: 100%;}
.cookies-informer-inner > * + * {margin-top: 1.25rem;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;-webkit-transform: translate(0%, 0%);transform: translate(0%, 0%);}
.cookies-btn-wrap {gap: 1.5rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.cookies-btn-wrap > *:first-child:not(:hover) {opacity: 0.5;}
@media (max-width: 767px) {
.cookies-informer {--clr-text: #fff;--clr-black: #fff;position: fixed;bottom: 0;left: 0;-webkit-transform: translate(0%, 100%);transform: translate(0%, 100%);padding: 1.25rem;padding-right: 2.5rem;width: 100%;max-width: min(100%, 39.25rem);border: 0.0625rem solid rgba(255, 255, 255, 0.2);}
}
/*--------------------*/
/* Plug               */
/*--------------------*/
.page-plug {position: relative;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;min-height: var(--svh);padding: 2.5rem 0;}
.page-plug-inner {position: absolute;z-index: 1;top: 35%;left: 21.75%;width: 100%;max-width: 17%;text-align: center;}
.page-plug-inner .title {font-size: clamp(1rem, -0.4167rem + 2.2222vw, 2.25rem);line-height: normal;font-weight: 700;color: #050708;text-transform: uppercase;}
.page-plug-inner .text {font-size: 1.125rem;font-size: clamp(0.75rem, 0.125rem + 0.8333vi, 1.125rem);line-height: normal;font-weight: 500;color: #050708;text-transform: uppercase;}
.page-plug-inner ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: clamp(0.625rem, -0.4167rem + 1.3889vw, 1.25rem);}
.page-plug-inner ul a {--size: clamp(1.5rem, 0.25rem + 1.6667vw, 2.25rem);display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;}
.page-plug-inner ul a img {width: 100%;height: 100%;}
.page-plug-inner > * + * {margin-top: clamp(0.5rem, 0.0833rem + 0.5556vw, 0.75rem);}
.page-plug-inner::before {content: "";position: absolute;z-index: -1;top: 40%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 140%;height: 200%;background-image: url(../img/decor-cloud.svg);background-position: center;background-size: contain;background-repeat: no-repeat;}
.page-plug-inner::after {content: "";position: absolute;z-index: -1;top: auto;bottom: -30%;right: -35%;width: 26%;height: 52%;background-image: url(../img/decor-point.svg);background-position: center;background-size: contain;background-repeat: no-repeat;}
.page-plug .decor {position: absolute;z-index: -1;bottom: 0;left: auto;right: 1%;width: 43%;height: auto;}
.page-plug .decor img {width: 100%;height: 100%;}
.page-plug .decor-1 {position: absolute;z-index: -1;bottom: -64%;left: -43%;width: 100%;height: auto;}
.page-plug .decor-1 img {width: 100%;height: 100%;}
.page-plug .decor-duck {position: absolute;bottom: -12%;left: 40%;width: 26.5%;}
.page-plug .decor-duck img {width: 100%;height: 100%;}
@media (min-width: 1200px) {
.page-plug-inner ul a:hover {opacity: 0.5;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.page-plug-inner .title {font-size: 2.25rem;}
.page-plug-inner .text {font-size: 1.125rem;}
.page-plug-inner ul {gap: 1.25rem;}
.page-plug-inner ul a {--size: 2.25rem;}
}
@media (max-width: 1199px) {
.page-plug-inner {top: 10%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);max-width: 50vw;height: 100%;max-height: 18vh;}
.page-plug-inner::before {top: 30%;height: 210%;}
.page-plug-inner::after {bottom: -100%;right: 5%;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
.page-plug .decor {right: auto;width: 156%;}
.page-plug .decor-duck {bottom: 10%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 80%;max-height: 50vh;}
}
/*--------------------*/
/* 404                */
/*--------------------*/
.page-404 {position: relative;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;min-height: calc(var(--svh) - var(--h-height));padding: 2.5rem 0;}
.page-404-inner {width: 100%;max-width: 29.5rem;margin-inline: auto;text-align: center;}
.page-404-inner > * + * {margin-top: clamp(2rem, -1.1111rem + 6.4815vw, 3.75rem);}
.page-404-inner > * + *:is(.btn) {margin-top: clamp(1.5rem, 0.6111rem + 1.8519vw, 2rem);}
.page-404-img {display: block;width: 100%;}
.page-404-img img {width: 100%;}
.page-404 .decor {position: absolute;z-index: -1;bottom: 0;left: auto;right: 1%;width: 43%;height: auto;}
.page-404 .decor img {width: 100%;height: 100%;}
.page-404 .decor-1 {position: absolute;z-index: -1;bottom: -64%;left: -43%;width: 100%;height: auto;}
.page-404 .decor-1 img {width: 100%;height: 100%;}
@media (max-width: 767px) {
.page-404 {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding: 1rem 0;}
.page-404-inner {max-width: 16.75rem;}
.page-404-inner:has(.btn) .btn {width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
.page-404 .decor {left: 0;right: 0;width: 90%;margin-inline: auto;}
}
.section:first-child,
.section.animated {opacity: 1;}