/*--------------------*/
/*  Helpers           */
/*--------------------*/
/* spacers */
[class*=spacer] {clear: both;width: 100%;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
@media (max-width: 767px) {
.spacer-sm {height: 0.75rem;}
}
/* gutters */
.g-xl,
.gy-xl {--bs-gutter-y: var(--sp-xl);}
.g-lg,
.gy-lg {--bs-gutter-y: var(--sp-lg);}
.g-md,
.gy-md {--bs-gutter-y: var(--sp-md);}
.g-sm,
.gy-sm {--bs-gutter-y: var(--sp-sm);}
.g-xs,
.gy-xs {--bs-gutter-y: var(--sp-xs);}
.g-xl,
.gx-xl {--bs-gutter-x: var(--sp-xl);}
.g-lg,
.gx-lg {--bs-gutter-x: var(--sp-lg);}
.g-md,
.gx-md {--bs-gutter-x: var(--sp-md);}
.g-sm,
.gx-sm {--bs-gutter-x: var(--sp-sm);}
.g-xs,
.gx-xs {--bs-gutter-x: var(--sp-xs);}
/* margins */
.mt-xl {margin-top: var(--sp-xl);}
.mt-lg {margin-top: var(--sp-lg);}
.mt-md {margin-top: var(--sp-md);}
.mt-sm {margin-top: var(--sp-sm);}
.mt-xs {margin-top: var(--sp-xs);}
.mb-xl {margin-bottom: var(--sp-xl);}
.mb-lg {margin-bottom: var(--sp-lg);}
.mb-md {margin-bottom: var(--sp-md);}
.mb-sm {margin-bottom: var(--sp-sm);}
.mb-xs {margin-bottom: var(--sp-xs);}
.mx-auto {margin-inline: auto;}
.mb-40 {margin-bottom: var(--sp-40-20);}
/* colors */
.clr-white {color: var(--clr-white) !important;}
.clr-black {color: var(--clr-black) !important;}
.clr-primary {color: var(--clr-primary) !important;}
.clr-secondary {color: var(--clr-secondary) !important;}
.clr-green {color: var(--clr-green) !important;}
.clr-red {color: var(--clr-red) !important;}
/* cover */
.image {position: relative;}
.image img {display: block;position: relative;width: 100%;}
:where(.image-cover),
:where(.video-cover),
:where(.image-contain) {position: relative;overflow: hidden;padding-bottom: 50%;}
:where(.image-round) {overflow: hidden;border-radius: 100%;padding-bottom: 100%;}
.video-cover video,
.image-cover img,
.image-contain img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.image-contain img {-o-object-fit: scale-down;object-fit: scale-down;}
a .image-cover img,
a .video-cover video {transition: transform var(--transition-1);}
@media (min-width: 1200px) {
a:hover .image-cover img,
a:hover .video-cover video {transform: scale(1.04);}
}
/* icon */
.icon {--size: 1.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.icon > * {display: block;width: 100%;height: 100%;}
/*--------------------*/
/*  BANNER            */
/*--------------------*/
header {opacity: 1;transition: 0.15s linear opacity;}
.banner {position: relative;}
.banner.full .breadcrumbs + * {margin: 0;}
.banner.full .banner-media {border-radius: 0;}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;border-radius: var(--rd-1);}
.banner-media img,
.banner-media video {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.video {position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;clip: rect(auto, auto, auto, auto);display: none;}
.video.video-present {display: block;overflow: hidden;}
.video video {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) !important;width: 100%;height: 100%;height: auto;min-width: calc(100% + 8px);min-height: calc(100% + 8px);-o-object-fit: cover;object-fit: cover;}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 625rem;height: auto;}
.banner-align.align-bottom {vertical-align: bottom;}
.banner-align.align-top {vertical-align: top;}
.banner-info > * + * {margin-top: var(--sp-16-12);}
.banner-info .btn {margin-top: var(--sp-24-12);}
.banner-info .detail-tags {position: relative;display: flex;align-items: center;justify-content: center;gap: var(--sp-40-20);}
.banner-info .detail-tags > * {position: relative;top: auto;left: auto;right: auto;flex-direction: row;max-width: 100%;}
.banner-info .prd-detail-author {padding: 0.3125rem;padding-right: var(--sp-12-8);background-color: var(--clr-white);border-radius: var(--rd-1);gap: 0.3125rem;width: -moz-fit-content;width: fit-content;margin-inline: auto;margin-top: var(--sp-24-12);}
.banner-info .prd-detail-author .text {font-size: var(--sp-14-12);color: #14222A;}
.banner-info.type-2 {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-32-20) var(--sp-20-12);}
@media (min-width: 768px) {
.banner {--clr-title: #fff;--clr-text: rgba(255, 255, 255, .7);}
.banner-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: linear-gradient(180deg, rgba(20, 34, 42, 0) 34.52%, #14222A 100%);}
.banner-align {padding-block: var(--sp-xl);height: clamp(22.5rem, 7.3101rem + 31.6456vw, 35rem);}
}
@media (min-width: 1200px) {
.banner.full .banner-align {height: calc(100svh - var(--h-height));}
.banner.full .banner-align.align-bottom {padding-bottom: 6.25rem;}
.banner-slider .swiper-button-prev {left: 1rem;color: var(--clr-white);}
.banner-slider .swiper-button-next {right: 1rem;color: var(--clr-white);}
}
@media (max-width: 767px) {
.banner-media {position: relative;padding-top: 57%;}
.banner-media + .banner-align {display: block;width: auto;margin-top: 1.25rem;}
.banner.full .banner-media::before {content: "";position: absolute;z-index: 1;inset: 0;background: linear-gradient(0deg, rgba(20, 34, 42, 0) 70%, #14222A 100%);}
}
.banner-section {opacity: 1;}
/*--------------------*/
/*  BREADCRUMBS       */
/*--------------------*/
.breadcrumbs {--br-fz: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);--br-space: 1rem;width: 100%;margin-block: clamp(0.75rem, 0.54rem + 0.44vw, 0rem);overflow-y: hidden;overflow-x: auto;scroll-snap-type: x mandatory;}
.breadcrumbs ul {min-width: -moz-max-content;min-width: max-content;line-height: 0;padding-right: var(--br-space);display: flex;align-items: center;}
.breadcrumbs li {position: relative;display: inline-flex;align-items: center;font-size: var(--br-fz);line-height: 1em;color: var(--clr-title);scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li a {display: flex;text-decoration: none;color: var(--clr-plc);}
.breadcrumbs li:after {content: "";position: relative;display: inline-block;margin: 0 0.45rem;width: 4px;height: 4px;border-radius: 50%;background-color: var(--clr-plc);}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs li span {font-size: 0.75rem;}
.breadcrumbs li.active {color: var(--clr-title);}
.breadcrumbs .icon {--size: 1.125rem;display: inline-block;vertical-align: middle;margin-top: -0.0625rem;}
.breadcrumbs .icon *[stroke] {stroke: currentColor;}
.breadcrumbs + *,
.breadcrumbs + .seo-sec + * {margin-top: var(--sp-20-12);}
.banner .breadcrumbs {position: absolute;top: 0;left: 0;z-index: 2;}
.banner .breadcrumbs li {color: var(--clr-white);}
.banner .breadcrumbs li::after {background-color: var(--clr-white-70);}
.banner .breadcrumbs li a {color: var(--clr-white-70);}
@media (min-width: 1200px) {
.breadcrumbs li a:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.breadcrumbs {margin-block: 0.625rem 0.375rem;}
}
/*--------------------*/
/*  Seo Block         */
/*--------------------*/
.seo-sec {margin-block: 0 var(--sp-xl);}
.seo-block {--space: var(--sp-16-10);padding: clamp(0.75rem, -0.9968rem + 3.6392vw, 2.1875rem);display: flex;align-items: center;border-radius: var(--rd-1);border: 0.0625rem solid var(--clr-border);}
.seo-inner > * + *:not(.more-content) {margin-top: var(--space);}
.seo-btn {position: relative;cursor: pointer;display: inline-flex;align-items: center;font-size: var(--text);line-height: 1.22em;font-weight: 500;color: var(--clr-text);transition: var(--transition-1);}
.seo-btn::before {content: attr(data-toggle-more);}
.seo-btn svg {display: inline-block;width: var(--sp-24-16);height: var(--sp-24-16);flex-shrink: 0;margin-left: 0.25rem;}
.seo-btn.is-active::before {content: attr(data-toggle-less);}
.seo-btn.is-active svg {transform: rotateX(180deg);}
.more-content {display: none;padding-top: var(--space);}
@media (min-width: 1200px) {
.seo-btn:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  CTA               */
/*--------------------*/
.cta-block {position: relative;background-color: var(--bg-3);border-radius: var(--rd-1);overflow: hidden;display: flex;align-items: center;justify-content: center;padding-block: var(--sp-xl);padding-inline: 0.75rem;min-height: 16vw;}
.cta-block .img {position: absolute;top: 50%;transform: translateY(-50%);left: 2%;overflow: hidden;display: block;width: 18.7vw;aspect-ratio: 1/0.78;-o-object-fit: contain;object-fit: contain;padding: 0;}
.cta-block .img.mob {display: none;}
.cta-block .img.right {left: auto;right: 2%;}
.cta-block.type2 {min-height: 27vw;}
.cta-block.type2 .img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transform: none;}
.cta-block.type3 {padding-block: calc(var(--sp-xl) * 2);min-height: 30vw;}
.cta-block.type3 .img {width: 21.8vw;aspect-ratio: 1;}
.cta-block.type3 .btn-wrap {margin-top: var(--sp-40-20);}
.cta-block.type3 .btn-wrap > * {margin: 0;}
.books-block {display: flex;align-items: center;justify-content: center;gap: var(--sp-40-20);margin-top: var(--sp-md);}
.books-block .books-item {--size: clamp(2.5rem, 1.8924rem + 1.2658vw, 3rem);position: relative;border-radius: var(--rd-1);background-color: var(--clr-white);display: flex;align-items: center;gap: var(--sp-10-8);padding: var(--sp-20-12) var(--sp-32-12);}
.books-block .books-item.type2 i {background-color: #0076FD;}
.books-block .books-item i {width: var(--size);height: var(--size);border-radius: 50%;overflow: hidden;background-color: #FDA900;display: flex;align-items: center;justify-content: center;}
.books-block .books-item img {width: 54%;height: 54%;-o-object-fit: contain;object-fit: contain;}
.books-block .books-item span {margin: 0;font-weight: 700;font-size: var(--h2);text-transform: uppercase;color: var(--clr-title);}
@media (max-width: 1199px) {
.cta-block.type3 {padding-block: var(--sp-xl);min-height: auto;}
}
@media (max-width: 991px) {
.cta-block .img {display: none;}
.cta-block.type2 {min-height: auto;}
}
@media (max-width: 767px) {
.cta-block {padding-block: 10rem 2.1875rem;min-height: auto;}
.cta-block .title.h6 {font-size: var(--h5);}
.cta-block .img.mob {display: block;width: auto;height: auto;aspect-ratio: 1/0.41;top: 0;left: 0;right: 0;transform: none;-o-object-fit: cover;object-fit: cover;margin-inline: auto;}
}
/*--------------------*/
/*  Advantages        */
/*--------------------*/
.advt-wrap {--count: 3;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-20-12);}
.advt-item {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-32-12);}
.advt-item > * + * {margin-top: 0.5rem;}
.advt-img {--adv-size: clamp(3.75rem, 0.712rem + 6.3291vw, 6.25rem);position: relative;width: var(--adv-size);height: var(--adv-size);flex-shrink: 0;border-radius: 50%;background-color: var(--clr-red-2);}
.advt-img > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 50%;}
.advt-img + * {margin-top: var(--sp-24-12);}
@media (max-width: 767px) {
.advt-wrap {--count: 2;}
}
/*--------------------*/
/*  Digit Cards       */
/*--------------------*/
.digit-cards {display: grid;grid-template-columns: repeat(auto-fit, 22.75rem);justify-content: center;gap: var(--sp-20-12);}
.digit-card {gap: 0;display: grid;grid-row: span 3;grid-template-rows: subgrid;border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-50-20) var(--sp-40-12);}
.digit-card > *:not(:last-child) {margin-bottom: var(--sp-32-16);}
.digit-card .digit-img {text-align: center;}
.digit-card .digit-img img {height: clamp(6.25rem, 1.2373rem + 10.443vw, 10.375rem);aspect-ratio: 1.18/1;margin-inline: auto;-o-object-fit: contain;object-fit: contain;}
.digit-card .text {margin-top: auto;}
@media (max-width: 991px) {
.digit-cards {grid-template-columns: repeat(2, 1fr);}
}
/*--------------------*/
/*  GIFTS    W        */
/*--------------------*/
.gift-slider .swiper-slide {height: auto;}
.gift-block {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);box-shadow: var(--box-shadow-small);padding: var(--sp-16-12) var(--sp-20-12) var(--sp-20-12);height: 100%;display: flex;flex-direction: column;overflow: hidden;}
.gift-block .prd-slider {margin-bottom: var(--sp-20-12);}
.gift-block .prd-slider [class*=swiper-button] {display: flex;top: calc(38% - var(--sw-btn) / 2 - var(--sp-20-10));pointer-events: unset;}
.gift-block .prd-card {padding: var(--sp-20-8) var(--sp-16-8);border-color: var(--clr-border);box-shadow: none;}
.gift-block .prd-card .prd-controls {font-size: var(--sp-14-12);font-weight: 500;color: var(--clr-title);}
.gift-block .prd-content {margin-bottom: 0;}
.gift-block .gift-bottom {flex-direction: row;align-items: flex-end;gap: var(--sp-10-8);}
.gift-block .gift-bottom .price-with-books {display: flex;justify-content: flex-start;flex-direction: row;align-items: flex-end;gap: var(--sp-16-12);}
.gift-block .gift-bottom .price-wrap {font-size: clamp(0.8125rem, 0.2809rem + 1.1076vw, 1.25rem);}
.gift-block .gift-bottom .btn,
.gift-block .gift-bottom .fav-btn {--size: 2.75rem;width: var(--size);height: var(--size);padding: 0;}
.gift-block .gift-bottom .btn svg,
.gift-block .gift-bottom .fav-btn svg {width: 1.25rem;height: 1.25rem;}
.gift-block .gift-bottom .btn {margin-left: auto;position: relative;bottom: auto;right: auto;}
.gift-top {position: relative;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.25rem var(--sp-16-12);margin-bottom: 0.625rem;}
.gift-top .title {flex-shrink: 0;}
.gift-top .gift-category {display: flex;align-items: center;gap: var(--sp-16-8);}
.gift-top .gift-category .btn-category {padding: 0;background: transparent;cursor: inherit;}
@media (max-width: 1199px) {
.gift-top .gift-category {display: none;}
}
@media (max-width: 767px) {
.gift-top .title {font-size: 0.875rem;}
.gift-top .btn-category {font-size: 0.75rem;}
.gift-block .gift-bottom .btn,
.gift-block .gift-bottom .fav-btn {--size: 2rem;}
.gift-block .gift-bottom .btn svg,
.gift-block .gift-bottom .fav-btn svg {width: 1rem;height: 1rem;}
.gift-block .prd-slider .swiper-button-prev {left: -0.5rem;}
.gift-block .prd-slider .swiper-button-next {right: -0.5rem;}
}
/*--------------------*/
/*  Manager           */
/*--------------------*/
.manager-wrap {--count: 3;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-20-12);}
.manager-item {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-20-12);display: grid;grid-template-columns: 39% auto;gap: 0.625rem var(--sp-20-10);grid-row: span 2;grid-template-rows: subgrid;}
.manager-item .location {grid-column: 1/-1;}
.manager-item .content > * + * {margin-top: 0.25rem;}
.manager-item .content .title {font-weight: 600;}
.manager-item .content .title + * {margin-top: var(--sp-16-10);}
.manager-item .content .contact-item > * {gap: 0.25rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: var(--text-sm);line-height: 1.5em;color: var(--clr-text);}
.manager-item .location {position: relative;padding: var(--sp-16-10);padding-left: calc(var(--sp-16-10) * 2 + var(--sp-10-8));border-radius: var(--rd-1);background-color: var(--clr-grey);color: var(--clr-primary);}
.manager-item .location svg {position: absolute;top: calc(var(--sp-16-10) + 0.25rem);left: var(--sp-16-10);pointer-events: none;}
.manager-item .location span {font-size: var(--sp-14-12);line-height: 1.5em;font-weight: 400;color: var(--clr-title);}
.manager-img {position: relative;border-radius: var(--rd-1);overflow: hidden;aspect-ratio: 1/0.89;}
.manager-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.manager-wrap.type2 {--count: 4;}
.manager-wrap.type2 .manager-item {padding: var(--sp-24-12);display: grid;grid-template-columns: auto;gap: var(--sp-24-12);grid-template-rows: auto;}
.manager-wrap.type2 .manager-item > .title {color: var(--clr-plc);}
.manager-wrap.type2 .manager-item .content .title + * {margin-top: 0.25rem;}
.manager-wrap.type2 .manager-item .contact-item > * + * {margin-top: var(--sp-12-8);}
@media (max-width: 1199px) {
.manager-wrap,
.manager-wrap.type2 {--count: 2;}
.manager-item {grid-template-columns: 29% auto;grid-row: auto;grid-template-rows: auto;}
}
@media (max-width: 767px) {
.manager-wrap {--count: 1;}
.manager-item .location {padding-left: 2rem;}
.manager-item .location svg {top: calc(var(--sp-16-10) + 0.125rem);}
.manager-wrap.type2 {--count: 1;}
.manager-wrap.type2 .manager-item > .title {font-size: 0.8125rem;}
}
/*--------------------*/
/*  Team              */
/*--------------------*/
.team-item {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-32-12);}
.team-item > * + * {margin-top: var(--sp-10-8);}
.team-img {position: relative;overflow: hidden;border-radius: var(--rd-1);padding-top: 110.5%;}
.team-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.team-img + * {margin-top: var(--sp-24-12);}
/*--------------------*/
/*  History           */
/*--------------------*/
.history-progress-wrap {position: relative;border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-40-12);box-shadow: var(--box-shadow-small);}
.history-progress {position: absolute;top: calc(var(--sp-40-12) + var(--h1) / 2);bottom: calc(var(--sp-40-12) + var(--h1) / 2);left: calc(var(--sp-40-12) + 2px);overflow: hidden;width: 2px;height: auto;flex-shrink: 0;margin-inline: auto;background-color: #ddd;}
.history-sidebar {position: relative;overflow: auto;padding-left: calc(var(--sp-40-12) + 6px);}
.history-sidebar > * + * {margin-top: var(--sp-40-20);}
.history-year {position: relative;cursor: pointer;font-size: var(--h1);line-height: 1em;font-weight: 700;color: rgba(20, 34, 42, 0.2);text-transform: uppercase;transition: var(--transition-1);}
.history-year.active {color: var(--clr-primary);}
.history-year.active::before {background-color: var(--clr-primary);}
.history-year.complete::before {background-color: var(--clr-primary);}
.history-year::before {content: "";position: absolute;z-index: 3;top: 50%;left: calc((var(--sp-40-12) + 6px) * -1);width: 6px;height: 6px;background-color: #ddd;border-radius: 50%;transition: var(--transition-1);}
.history-year::after {content: "";position: absolute;z-index: 3;top: calc(50% + 3px);left: calc((var(--sp-40-12) + 4px) * -1);width: 2px;height: calc(100% + var(--sp-40-12));background-color: var(--clr-primary);-webkit-clip-path: polygon(0 0, 100% 0, 100% var(--historyProgress), 0 var(--historyProgress));clip-path: polygon(0 0, 100% 0, 100% var(--historyProgress), 0 var(--historyProgress));transition: var(--transition-1);}
.history-year:last-child::after {content: none;}
.history-wrap {position: relative;overflow: hidden;}
.history-wrap > * + * {margin-top: var(--sp-20-12);}
.history-card {position: relative;border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-40-12);}
.history-card .history-tag {position: relative;margin-left: auto;text-align: right;font-size: var(--h4);font-weight: 600;color: var(--clr-primary);margin-bottom: var(--sp-32-20);}
@media (min-width: 992px) {
.history-progress-wrap {position: sticky;top: calc(var(--h-height) + 0.75rem);}
body:has(.h-info-hidden) .history-progress-wrap {top: calc(var(--h-height-true) + 0.75rem);}
}
@media (min-width: 1200px) {
.history-year:not(.active):hover {color: var(--clr-text);}
}
@media (max-width: 991px) {
.history-sticky {position: sticky;top: var(--h-height);z-index: 11;}
body:has(.h-info-hidden) .history-sticky {top: var(--h-height-true);}
.history-progress-wrap {background-color: var(--bg-2);box-shadow: none;border-radius: 0;padding-inline: 0;margin-inline: -0.75rem;overflow-y: clip;overflow-x: auto;scroll-snap-type: x mandatory;}
.history-progress-wrap::-webkit-scrollbar {width: 0 !important;height: 0 !important;}
.history-sidebar {display: inline-flex;flex-wrap: nowrap;gap: 0.75rem;padding: 0;padding-inline: 0.75rem;height: auto;width: -moz-max-content;width: max-content;}
.history-sidebar > * + * {margin: 0;}
.history-year::before,
.history-year::after {content: none;}
.history-wrap {margin-top: 0.625rem;}
}
@media (max-width: 767px) {
body:has(.h-info-hidden) .history-sticky {top: calc(var(--h-height-true) + var(--h-height-search));}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-content > * + * {margin-top: var(--sp-24-12);}
.lr-content .btn {margin-top: var(--sp-40-20);}
.lr-img-column {--col: 3;display: grid;grid-template-columns: repeat(var(--col), 1fr);align-items: center;gap: var(--sp-20-12);}
.lr-img-column .col-item:last-child .lr-img {margin-top: -80%;}
.lr-img {position: relative;padding-top: 139%;overflow: hidden;border-radius: var(--rd-1);}
.lr-img + .lr-img {margin-top: var(--sp-20-12);}
.lr-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 991px) {
.lr-img-column {margin-bottom: 1.25rem;}
}
/*--------------------*/
/*  LR Block          */
/*--------------------*/
.lr-content-2 > * + * {margin-top: var(--sp-24-12);}
.lr-content-2 .btn {margin-top: var(--sp-40-20);}
.lr-img-2 {position: relative;padding-top: 90%;overflow: hidden;border-radius: var(--rd-1);}
.lr-img-2 img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
@media (max-width: 991px) {
.lr-img-2 {margin-bottom: 1.25rem;}
}
/*--------------------*/
/*  WHY WORK          */
/*--------------------*/
.why-work-item {text-align: center;margin-inline: auto;}
.work-img {position: relative;padding-top: 86%;overflow: hidden;}
.work-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-fit: contain;object-fit: contain;}
.work-content {margin-top: var(--sp-20-12);}
.work-content .title {font-weight: 600;}
.work-content > * + * {margin-top: var(--sp-16-10);}
/*--------------------*/
/*  Sub links         */
/*--------------------*/
.sub-links {--space: var(--sp-16-12);margin-bottom: var(--sp-sm);overflow-y: clip;overflow-x: auto;scroll-snap-type: x mandatory;}
.sub-links::-webkit-scrollbar {display: none;}
.sub-links ul {width: -moz-max-content;width: max-content;margin-inline: auto;gap: var(--sp-10-8);display: flex;justify-content: center;}
.sub-links li {display: inline-block;cursor: pointer;font-size: var(--sp-14-12);font-weight: 400;line-height: 1em;color: var(--clr-black);padding: 0.85em 1.1em;border-radius: var(--rd-1);background-color: var(--clr-white);transition: var(--transition-1);scroll-snap-align: center;scroll-margin-left: var(--space);}
.sub-links li.is-active {background-color: var(--bg-3);}
.sub-links li:has(a) {padding: 0;}
.sub-links li:has(a) a {padding: 0.85em 1.1em;}
@media (min-width: 992px) {
.sub-links.type-2 ul {width: 100%;margin-inline: 0;gap: var(--space);flex-direction: column;}
}
@media (min-width: 1200px) {
.sub-links li:hover {background-color: var(--bg-3);}
}
@media (max-width: 575px) {
.sub-links {margin-inline: calc(-1 * var(--space));}
.sub-links ul {padding-inline: var(--space);}
}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.event-select-block {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--sp-16-12);}
.event-select-block .title {flex-shrink: 0;}
.event-select-block .sub-links {margin-bottom: 0;}
.event-select {display: flex;align-items: center;flex-wrap: wrap;gap: var(--sp-20-12);}
.event-select .input-field {width: 18.75rem;}
.blog-wrap .blog-item.type2 {aspect-ratio: 1/0.58;}
.blog-item {position: relative;gap: var(--sp-16-10);display: flex;flex-direction: column;background-color: transparent;border-radius: var(--rd-1);}
.blog-item .title {transition: var(--transition-1);padding-inline: 0.625rem;line-height: 1.36em;}
.blog-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1/0.63;border-radius: var(--rd-1);}
.blog-img picture img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: transform var(--transition-1);}
.blog-content {gap: var(--sp-16-10);display: flex;align-items: flex-start;flex-direction: column;}
.blog-content .title {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-content .text {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-labels {position: absolute;left: 0.625rem;top: 0.625rem;display: flex;gap: 0.625rem;flex-wrap: wrap;max-width: 50%;}
.blog-labels > * {pointer-events: none;font-size: 0.875rem;line-height: 1em;font-weight: 400;padding: 0.625rem 0.9375rem;background-color: var(--clr-white);border-radius: 1.25rem;display: flex;align-items: center;gap: 0.3125rem;}
.blog-labels > * img {width: 1rem;height: 1rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.blog-labels > * i {color: var(--clr-primary);}
.blog-labels .countdown-inner {display: inline-block;}
.blog-tags {position: absolute;right: var(--sp-20-10);top: var(--sp-20-10);pointer-events: none;gap: 0.375rem;display: flex;flex-wrap: wrap;}
.blog-tags > * {pointer-events: none;font-size: 0.875rem;line-height: 1em;font-weight: 400;padding: 0.625rem 0.9375rem;background-color: var(--clr-red-2);border-radius: 1.25rem;display: flex;align-items: center;gap: 0.3125rem;}
.blog-tags > * img {width: 1rem;height: 1rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.blog-item.type2 {aspect-ratio: 1/0.884;padding: 0;}
.blog-item.type2 .blog-img {max-height: 32.75rem;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.blog-item.type2 .blog-img::before {content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(20, 34, 42, 0) 34.52%, #14222A 100%);z-index: 1;}
.blog-item.type2 .blog-labels {top: var(--sp-20-10);left: var(--sp-20-10);}
.blog-item.type2 .blog-content {padding: var(--sp-20-10);align-items: center;text-align: center;z-index: 1;margin-top: auto;}
.blog-item.type2 .blog-content > *:not(.btn) {color: var(--clr-white);padding: 0;}
.read-blog {position: relative;padding: var(--sp-20-12);border-radius: var(--rd-1);box-shadow: var(--box-shadow-small);background-color: var(--clr-white);}
.read-blog .title {display: block;margin-bottom: var(--sp-16-12);padding-bottom: var(--sp-16-12);border-bottom: 1px solid var(--clr-border);}
.read-blog .custom-select {max-height: 45vh;overflow-y: auto;}
.read-blog .custom-select::-webkit-scrollbar {width: 3px !important;height: 3px !important;border-radius: 0.25rem;}
.read-blog .custom-select::-webkit-scrollbar-thumb {background: var(--bg-3) !important;border-radius: 0.25rem;}
.read-blog .custom-select .text {--text-li-padding: 1.5rem;}
.read-blog .custom-select a {color: var(--clr-text);text-decoration: none;}
.read-blog .custom-select a.active {color: var(--clr-primary);}
.read-blog .mob-title {display: none;}
@media (min-width: 992px) {
.read-blog {position: sticky;top: calc(var(--h-height) + 0.75rem);}
body:has(.h-info-hidden) .read-blog {top: calc(var(--h-height-true) + 0.75rem);}
}
@media (min-width: 1200px) {
.blog-item {padding-bottom: var(--sp-16-10);}
a.blog-item:hover {background-color: var(--clr-white);}
a.blog-item:hover .blog-img picture img {transform: scale(1.04);}
a.blog-item:hover .title {color: var(--clr-primary);}
.read-blog .custom-select a:hover {color: var(--clr-title);}
}
@media (max-width: 1199px) {
.blog-row {--bs-gutter-x: 1rem;}
.blog-labels {gap: 0.25rem;max-width: 70%;flex-direction: column;}
.blog-label {padding: 0.3125rem 0.625rem;font-size: 0.75rem;}
.blog-label img {width: 0.75rem;height: 0.75rem;}
.blog-item .title {font-size: var(--h5);}
}
@media (max-width: 991px) {
.read-blog {position: fixed;top: var(--h-height);left: -0.75rem;right: -0.75rem;width: auto;padding: 0;opacity: 0;visibility: hidden;z-index: 10;border-radius: 0;transition: var(--transition-1);}
.read-blog.active {opacity: 1;visibility: visible;}
.read-blog .title {display: none;}
.read-blog .mob-title {position: relative;display: block;padding: 0.25rem 1.5rem;padding-right: 50px;background-color: var(--bg-white);font-size: 0.875rem;line-height: 1.1em;font-weight: 400;color: var(--clr-title);cursor: pointer;height: 3rem;display: flex;align-items: center;}
.read-blog .mob-title::before {content: "";position: absolute;right: 1.25rem;top: 1.125rem;width: 1rem;height: 1rem;background-image: url(../img/icons/mob-title-arrow.svg);background-size: auto;background-position: center;background-repeat: no-repeat;transition: var(--transition-1);}
.read-blog .mob-title span {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.read-blog .custom-select {padding: 0;background-color: var(--clr-white);opacity: 0;visibility: hidden;height: 0;}
.read-blog .custom-select li.active,
.read-blog .custom-select li.active::before {color: var(--clr-primary);}
.read-blog.open .mob-title {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.read-blog.open .mob-title::before {transform: rotate(-180deg);}
.read-blog.open .custom-select {padding: 0.75rem 1.5rem;padding-top: 0.25rem;opacity: 1;visibility: visible;height: auto;}
body:has(.h-info-hidden) .read-blog {top: calc(var(--h-height-true) + var(--h-height-search));}
}
@media (max-width: 767px) {
.event-select {width: 100%;}
.event-select .input-field {width: 100%;}
.event-select .fl-select-wrap {order: 1;z-index: 3;}
}
/*--------------------*/
/*  Pagination        */
/*--------------------*/
.pagination {--size: 2.625rem;--font-size: 1rem;--gap: 0.625rem;position: relative;display: block;margin-top: 1rem;}
.pagination ul {line-height: 0;display: flex;justify-content: center;gap: var(--gap);}
.pagination li {flex-shrink: 0;display: inline-block;position: relative;width: var(--size);height: var(--size);text-align: center;font-size: var(--font-size);font-weight: 500;line-height: var(--size);border-radius: 100%;color: var(--clr-black);}
.pagination a {display: inline-block;position: relative;width: 100%;height: 100%;border-radius: inherit;background-color: #fff;}
.pagination .dots {pointer-events: none;}
.pagination .pag-arrow {box-shadow: var(--box-shadow-small);}
.pagination .pag-arrow a {display: flex;align-items: center;justify-content: center;}
.pagination li.active a {pointer-events: none;background-color: var(--bg-3);}
@media (min-width: 1200px) {
.pagination li a:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.pagination {--size: 2.125rem;--font-size: .75rem;--gap: 0.375rem;}
}
/*--------------------*/
/*  Career            */
/*--------------------*/
.career-decor {position: absolute;top: 3%;left: 15vw;width: 17vw;aspect-ratio: 1/0.5;-o-object-fit: contain;object-fit: contain;pointer-events: none;}
.career-item {display: flex;flex-direction: column;position: relative;overflow: hidden;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-32-20) var(--sp-32-12);box-shadow: var(--box-shadow-small);border: 1px solid var(--clr-white);height: 100%;}
.career-item > *:not(:last-child) {margin-bottom: var(--sp-32-12);}
.career-item .title {margin-bottom: var(--sp-16-10);transition: var(--transition-1);}
.career-item .blog-labels {position: relative;top: auto;left: auto;right: auto;max-width: 100%;flex-direction: row;}
.career-item .blog-labels > * {background-color: #F7F3EF;}
.career-item .text {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.career-item .seo-btn {font-size: var(--sp-14-13);}
.blog-labels.relative {position: relative;top: auto;left: auto;right: auto;max-width: 100%;flex-direction: row;}
@media (min-width: 1200px) {
a.career-item:hover {box-shadow: none;border-color: var(--clr-border);}
a.career-item:hover .title,
a.career-item:hover .seo-btn {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.career-decor {top: 1%;left: 2vw;}
}
/*--------------------*/
/*  MARQUEE           */
/*--------------------*/
.marquee-wrap {--marquee-gap: var(--sp-20-12);--marquee-h: 76vh;position: relative;z-index: 1;display: block;}
.marquee-wrap > * + * {margin-top: var(--marquee-gap);}
.marquee-line {position: relative;width: 100vw;height: var(--marquee-h);margin-left: 0;backface-visibility: hidden;}
.marquee-item {position: absolute;top: 0;transform: translate3d(var(--x), 0, 0);gap: var(--marquee-gap);display: flex;align-items: center;width: -moz-max-content;width: max-content;}
.marquee-content {gap: var(--marquee-gap);display: flex;align-items: center;}
.marquee-content > * {flex-shrink: 0;}
.marquee-content:last-child > *:last-child {margin-right: var(--marquee-gap);}
@media (max-width: 1199px) {
.marquee-wrap {--marquee-h: 60vh;}
}
/*--------------------*/
/*  SALE              */
/*--------------------*/
.small-banner {display: grid;grid-template-columns: repeat(1, 1fr);gap: var(--sp-40-20) var(--sp-xl);}
.small-banner .banner-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 1/0.63;max-height: 29.375rem;border-radius: var(--rd-1);background-color: var(--clr-white);}
.small-banner .banner-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.small-banner .banner-content {position: relative;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;gap: var(--sp-24-12);padding: var(--sp-40-20) var(--sp-60-20);background-color: var(--clr-white);border-radius: var(--rd-1);height: 100%;width: 100%;}
.small-banner .banner-content .content-item > * + * {margin-top: var(--sp-16-10);}
.small-banner .banner-content .content-item .text > * + * {margin-top: var(--sp-16-10);}
.small-banner .banner-content .social-wrap {padding-top: var(--sp-24-12);margin-top: auto;border-top: 1px solid var(--clr-border);width: 100%;}
.small-banner.size2 .banner-img {aspect-ratio: 1;}
.small-banner.size2 .banner-img img {-o-object-fit: contain;object-fit: contain;}
.banner-bg {position: relative;overflow: hidden;display: block;width: 100%;border-radius: var(--rd-1);background-color: var(--bg-3);padding: clamp(1.25rem, -3.307rem + 9.4937vw, 5rem) var(--sp-20-12);}
.banner-bg .row {--bs-gutter-y: var(--sp-32-20);}
.banner-bg .max-550 {margin-left: 0;}
.countdown {--cnt-size: clamp(3rem, 1.6329rem + 2.8481vw, 4.125rem);}
.countdown-inner {display: flex;align-items: center;gap: var(--sp-32-16);text-align: center;}
.countdown-inner > * {position: relative;display: flex;flex-direction: column;}
.countdown-inner > * + *::before {content: ":";display: inline-block;position: absolute;top: 25%;left: calc(var(--sp-32-16) / -2 - 0.125rem);font-size: var(--h5);color: var(--clr-title);font-weight: 500;}
.countdown-inner b {display: inline-block;width: var(--cnt-size);height: var(--cnt-size);border-radius: var(--sp-16-10);line-height: var(--cnt-size);background-color: var(--clr-grey);font-weight: 500;font-size: var(--h5);color: var(--clr-primary);}
.countdown-inner span {display: inline-block;font-size: var(--sp-14-12);color: var(--clr-text);font-weight: 400;line-height: 1.2em;margin-top: 0.25rem;}
.publish-wrap {--count: 7;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-16-12);}
.publish-item {position: relative;border-radius: var(--rd-1);box-shadow: var(--box-shadow-small);background-color: var(--clr-white);border: 1px solid var(--clr-white);padding: var(--sp-20-12) var(--sp-20-8);text-align: center;display: flex;flex-direction: column;gap: var(--sp-12-8);height: 100%;transition: var(--transition-1);}
.publish-item img {aspect-ratio: 1/0.724;-o-object-fit: contain;object-fit: contain;transition: var(--transition-1);}
.publish-item .text {margin-top: auto;color: var(--clr-title);font-weight: 500;transition: var(--transition-1);}
.catalog-slider {margin-bottom: var(--sp-xl);}
.author-search {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--sp-16-12);}
.author-search .title {flex-shrink: 0;}
.author-search .h-search-wrap {width: 100%;max-width: 60rem;margin: 0;}
.author-search .h-search-field {background-color: var(--clr-white);}
.alphabet {display: flex;flex-wrap: wrap;gap: 0.25rem;}
.alphabet i {position: relative;cursor: pointer;width: clamp(2rem, 1.0886rem + 1.8987vw, 2.75rem);aspect-ratio: 1/0.91;flex-shrink: 0;background-color: var(--clr-white);border-radius: var(--sp-16-8);padding: 0.25rem;overflow: hidden;display: flex;align-items: center;justify-content: center;font-size: var(--text-sm);color: var(--clr-title);font-weight: 400;text-transform: uppercase;transition: var(--transition-1);}
.alphabet i.active {background-color: var(--bg-3);}
.authors-wrap:not(.swiper-wrapper) {display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-16-12);}
.authors-wrap {--count: 5;}
.authors-wrap.size2 .category-item {gap: var(--sp-20-8);}
.authors-wrap.size2 .category-item .image {--size: clamp(5rem, 3.1772rem + 3.7975vw, 6.5rem);width: var(--size);aspect-ratio: 1;flex-shrink: 0;border-radius: var(--sp-16-8);overflow: hidden;}
.authors-wrap.size2 .category-item .image img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;transition: var(--transition-1);}
.search-empty {position: relative;min-height: calc(80vh - var(--h-height));align-items: center;justify-content: center;flex-direction: column;display: flex;text-align: center;}
.search-empty img {flex-shrink: 0;width: max(30%, 10rem);}
.empty-box img {width: max(30%, 24rem);}
.simple-share {position: relative;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--sp-40-12);padding-top: var(--sp-32-12);margin-top: var(--sp-32-12);border-top: 1px solid var(--clr-border);}
.social-wrap {position: relative;display: flex;align-items: center;flex-wrap: wrap;gap: var(--sp-24-12);}
.social-wrap .title {flex-shrink: 0;}
.social-wrap .social {--gap: 0.5rem;}
.social-wrap .social a {border: 2px solid var(--clr-border);color: var(--clr-text);}
.benefit-wrap {--count: 3;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-40-20) var(--sp-32-20);}
.benefit-item {display: flex;align-items: center;flex-direction: column;justify-content: center;gap: var(--sp-24-12);}
.benefit-item .benefit-img {display: flex;align-items: center;justify-content: center;width: 100%;max-width: 17.5rem;aspect-ratio: 1/0.82;}
.benefit-item .benefit-img img {width: auto;height: auto;max-width: 100%;max-height: 100%;-o-object-fit: contain;object-fit: contain;}
.benefit-item .title {text-align: center;font-weight: 600;}
@media (min-width: 1200px) {
.authors-wrap .category-item:hover .image img {transform: scale(1.04);}
}
@media (min-width: 992px) {
.small-banner {grid-template-columns: repeat(12, 1fr);}
.small-banner .banner-img {grid-column: span 5/span 5;}
.small-banner .banner-content {grid-column: span 7/span 7;}
.small-banner.size2 {grid-template-columns: repeat(11, 1fr);}
.small-banner.size2 .banner-img {grid-column: span 3/span 3;}
.small-banner.size2 .banner-content {grid-column: span 8/span 8;}
}
@media (min-width: 1200px) {
.publish-item:hover {border-color: var(--clr-border);box-shadow: none;}
.publish-item:hover img {transform: scale(0.96);}
.publish-item:hover .text {color: var(--clr-primary);}
.alphabet i:hover {background-color: var(--bg-3);}
.author-search .h-search-field {height: 3.125rem;}
.author-search .btn {height: 3.125rem;}
}
@media (max-width: 1199px) {
.authors-wrap {--count: 4;}
.catalog-slider {margin-bottom: var(--sp-md);order: -1;}
.benefit-wrap .benefit-item .benefit-img {aspect-ratio: none;max-width: 70%;}
}
@media (max-width: 991px) {
.publish-wrap {--count: 5;}
.authors-wrap {--count: 3;}
.benefit-wrap {--count: 2;}
.banner-bg .banner-info {text-align: center;}
.banner-bg .max-550 {margin-left: auto;}
}
@media (max-width: 767px) {
.publish-wrap {--count: 3;}
.small-banner.size2 .banner-img {aspect-ratio: 1/0.63;}
}
/*--------------------------*/
/*  Tabs (not for styling)  */
/*--------------------------*/
._tabs {position: relative;}
:where(._tab) {display: none;}
._tab:nth-child(1 of ._tab) {display: block;}
._tab-item {cursor: pointer;}
._tab-item.is-active {pointer-events: none;}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion {position: relative;z-index: 1;}
.accordion-item {--padding-acc: var(--sp-20-12);position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);box-shadow: var(--box-shadow-small);}
.accordion-item + .accordion-item {margin-top: var(--sp-16-12);}
.accordion-title {position: relative;cursor: pointer;font-size: var(--h5);line-height: 1.2;font-weight: 500;color: var(--clr-text);padding-block: var(--padding-acc);padding-left: calc(var(--padding-acc) + var(--sp-32-20) + var(--sp-16-10));padding-right: calc(var(--padding-acc) * 3);transition: var(--transition-1);}
.accordion-title svg,
.accordion-title img {position: absolute;top: var(--padding-acc);left: var(--padding-acc);width: var(--sp-32-20);height: var(--sp-32-20);-o-object-fit: contain;object-fit: contain;flex-shrink: 0;margin-right: var(--sp-16-10);color: var(--clr-primary);}
.accordion-title i {display: inline-block;position: absolute;right: var(--padding-acc);top: calc(var(--padding-acc) * 1.2);width: var(--padding-acc);height: var(--padding-acc);transition: var(--transition-1);}
.accordion-title i::before {content: "";position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);width: 0.5rem;height: 0.5rem;border-right: 0.125rem solid currentColor;border-bottom: 0.125rem solid currentColor;}
.accordion-title.is-active {color: var(--clr-primary);}
.accordion-title.is-active i {transform: rotateX(-180deg);}
.accordion-inner {display: none;padding-bottom: var(--padding-acc);padding-inline: var(--padding-acc);}
.faq-decor {position: absolute;top: 1%;left: 2vw;width: 17vw;aspect-ratio: 1/0.5;-o-object-fit: contain;object-fit: contain;pointer-events: none;}
.faq-decor.bottom {left: auto;top: auto;right: 1vw;bottom: -7%;width: 15vw;aspect-ratio: 1/0.79;}
@media (min-width: 1200px) {
.accordion-title:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.faq-decor {width: 12vw;}
.faq-decor.bottom {width: 10vw;}
}
@media (max-width: 991px) {
.accordion-title.is-active i {top: calc(var(--padding-acc) * 1.5);}
.faq-decor {display: none;}
}
/*--------------------*/
/*  Contacts          */
/*--------------------*/
.ct-items-row {--bs-gutter-x: var(--sp-20-12);--bs-gutter-y: var(--sp-20-12);}
.ct-items-row .contact-items {height: 100%;}
.contact-items {position: relative;border-radius: var(--rd-1);background-color: var(--clr-white);padding: var(--sp-24-12);}
.contact-items > * + * {margin-top: var(--sp-16-12);}
.contact-item > * + * {margin-top: 0.5rem;}
.contact-item .title + * {margin-top: 0.75rem;}
.contact-item a {gap: 0.25rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: var(--text-sm);line-height: 1.5em;color: var(--clr-plc);}
.contact-item a span {color: var(--clr-title);transition: var(--transition-1);}
.contact-item svg {color: var(--clr-primary);flex-shrink: 0;}
.list-library {max-height: 35vw;overflow-y: auto;padding-right: 0.625rem;margin-right: -0.625rem;padding-block: 0.25rem;}
.list-library::-webkit-scrollbar {width: 3px !important;height: 3px !important;border-radius: 0.25rem;}
.list-library::-webkit-scrollbar-thumb {background: var(--bg-3) !important;border-radius: 0.25rem;}
.list-library .contact-items {box-shadow: var(--box-shadow-small);border: 1px solid var(--clr-white);cursor: pointer;transition: var(--transition-1);}
.list-library .contact-items .btn > img,
.list-library .contact-items .lightbox-img:not(.btn) {display: none;}
.list-library .contact-items + .contact-items {margin-top: 0.625rem;}
.list-library .contact-items .btn {z-index: 3;}
.list-library .contact-items.active {box-shadow: none;border-color: var(--clr-border);}
.contact-block {position: relative;overflow: hidden;display: block;padding-top: max(33rem, 35vw);border-radius: var(--rd-1);}
.map {position: absolute;inset: 0;}
.map-city-select {position: absolute;top: var(--sp-24-12);left: var(--sp-24-12);z-index: 5;width: 18.75rem;}
@media (min-width: 992px) {
.list-library {padding-right: 0.625rem;margin-right: -0.625rem;}
.contact-block {margin-left: var(--sp-40-20);}
}
@media (min-width: 1200px) {
.contact-item a:hover span {color: var(--clr-primary);}
.contact-items .btn {position: absolute;bottom: var(--sp-24-12);right: var(--sp-24-12);}
.list-library .contact-items:hover {box-shadow: none;border-color: var(--clr-border);}
}
@media (max-width: 991px) {
.list-library {margin-bottom: 1.25rem;max-height: 60vh;margin-right: 0;-webkit-mask-image: linear-gradient(to bottom, transparent, black 1.25rem, black calc(100% - 1.25rem), transparent);mask-image: linear-gradient(to bottom, transparent, black 1.25rem, black calc(100% - 1.25rem), transparent);}
}
@media (max-width: 575px) {
.map-city-select {right: var(--sp-24-12);width: auto;}
}
/*--------------------*/
/*  InfoBox           */
/*--------------------*/
.infoBox {--space: var(--sp-16-12);}
.infoBox > img {z-index: 10;opacity: 0;}
.infoBox > img,
.infoBox .btn-close {position: absolute;top: calc(-1 * var(--space));right: var(--space);width: calc(var(--space) * 2);height: calc(var(--space) * 2);border-radius: 100%;}
.infoBox .btn-close {right: calc(-1 * var(--space));}
.info-box-wrapper {position: relative;z-index: 1;background-color: var(--clr-white);border-radius: var(--sp-16-12);display: flex;}
.info-box-inner {padding: var(--space);padding-right: calc(var(--space) * 2);}
.info-box-inner > * {margin-bottom: var(--sp-12-8);}
.info-box-inner :last-child {margin-bottom: 0;}
.info-box-inner .contact-item-title {font-size: var(--h5);line-height: 1.1;font-weight: 500;color: var(--clr-title);}
.cnt-item {display: flex;align-items: flex-start;}
.cnt-img {flex-shrink: 0;width: 1rem;height: 1rem;margin-right: calc(var(--space) * 0.5);}
.cnt-img img {width: 100%;line-height: 0;}
.cnt-info {font-family: var(--ff-1);font-weight: 400;font-size: 1rem;line-height: 1;margin: 0;color: var(--clr-text);}
.cnt-info a,
.cnt-info div {font-size: var(--text-sm);line-height: 1;color: var(--clr-text);}
.cnt-info > * + * {margin-top: 0.25rem;}
@media (min-width: 1200px) {
.infoBox img:hover + .info-box-wrapper .btn-close {color: var(--clr-red);background-color: var(--clr-grey);}
.cnt-info a:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.infoBox > img,
.infoBox .btn-close {top: calc(var(--space) * 0.5);right: calc(var(--space) * 2.5);}
.infoBox .btn-close {right: calc(var(--space) * 0.5);}
}
/*--------------------*/
/*  Prd Buttons       */
/*--------------------*/
.fav-btn {--size: 2rem;position: relative;cursor: pointer;transition: var(--transition-1);display: block;flex-shrink: 0;width: var(--size);height: var(--size);border-radius: 100%;background-color: var(--clr-grey-2);color: var(--clr-title);}
.fav-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;width: 50%;height: 50%;}
.fav-btn:active {transform: translateY(0.25rem);}
.fav-btn.is-active {color: var(--clr-primary);}
.fav-btn.btn-grey2 {background-color: var(--bg-2);color: var(--clr-black);}
.delete-btn {--size: 2rem;position: relative;cursor: pointer;transition: var(--transition-1);display: block;flex-shrink: 0;width: var(--size);height: var(--size);border-radius: 100%;background-color: var(--clr-grey-2);color: var(--clr-title);}
.delete-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;width: 50%;height: 50%;}
.delete-btn:active {transform: translateY(0.25rem);}
.add-btn {--size: 2rem;position: relative;cursor: pointer;transition: var(--transition-1);display: block;flex-shrink: 0;width: var(--size);height: var(--size);border-radius: 100%;background-color: var(--clr-red-2);color: var(--clr-primary);}
.add-btn svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: inline-block;width: 50%;height: 50%;}
.add-btn:active {transform: translateY(0.25rem);}
@media (min-width: 1200px) {
.fav-btn {--size: 2.5rem;}
.delete-btn {--size: 2.5rem;}
.add-btn {--size: 2.5rem;}
.fav-btn:hover,
.delete-btn:hover {background-color: var(--clr-red-2);color: var(--clr-primary);}
.add-btn:hover {background-color: var(--clr-primary);color: var(--clr-white);}
}
/*--------------------*/
/*  Labels            */
/*--------------------*/
.prd-labels {position: absolute;z-index: 1;top: 0;left: 0;line-height: 0;gap: 0.25rem;display: flex;align-items: flex-start;flex-wrap: wrap;}
.prd-labels .prd-label {--size: 1rem;display: flex;align-items: center;gap: 0.25rem;font-size: 0.875rem;line-height: 1;font-weight: 500;color: var(--clr-white);text-transform: uppercase;padding: 0.125rem 0.25rem;border-radius: 0.25rem;height: 1.5rem;}
.prd-labels .prd-label img {width: var(--size);height: var(--size);-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.prd-labels .prd-label.only-img {padding: 0;}
.prd-labels .prd-label.only-img img {width: -moz-fit-content;width: fit-content;height: 1.5rem;}
.prd-labels .prd-label.only-img img + img {display: none;}
@media (max-width: 767px) {
.prd-labels {flex-direction: column;}
.prd-labels .prd-label {font-size: 0.625rem;font-weight: 400;}
.prd-labels .prd-label img + i {display: none;}
.prd-labels .prd-label.only-img img {display: none;}
.prd-labels .prd-label.only-img img + img {display: block;}
}
/*--------------------*/
/*  Stepper           */
/*--------------------*/
.stepper {--btn-size: 2rem;--input-size: 2.25rem;position: relative;overflow: hidden;display: flex;border-radius: 6.25rem;background-color: var(--clr-input);font-size: 1rem;line-height: 1.36em;font-weight: 400;color: var(--clr-title);text-align: center;}
.stepper button {position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;transition: var(--transition-1);display: inline-block;width: var(--btn-size);height: var(--btn-size);flex-shrink: 0;color: var(--clr-plc);}
.stepper button::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 43.75%;height: 0.125rem;border-radius: 0.125rem;background-color: currentColor;}
.stepper button.incr::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0.125rem;height: 43.75%;border-radius: 0.125rem;background-color: currentColor;}
.stepper input {cursor: default;width: var(--input-size);font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
@media (min-width: 1200px) {
.stepper button:hover {color: var(--clr-primary);}
}
/*--------------------*/
/*  Rate Select       */
/*--------------------*/
.rate {--star-size: var(--text-sm);--star-clr: #FDA900;--star-width: 0%;gap: 0.25rem;display: inline-flex;align-items: center;flex-shrink: 0;line-height: 0;}
.rate > * {outline: 1px solid #FDA900;outline-offset: 21px;display: inline-block;position: relative;width: var(--star-size);height: var(--star-size);flex-shrink: 0;mask-size: 100% 100%;-webkit-mask-size: 100% 100%;mask-image: url(../img/icons/star-selected.svg);-webkit-mask-image: url(../img/icons/star-selected.svg);}
.rate > *::before,
.rate > *::after {content: "";position: absolute;z-index: 1;inset: 0;width: var(--star-width);background: var(--star-clr);}
.rate > *::after {z-index: 0;width: 100%;background: no-repeat center/100% 100% url(../img/icons/star-empty.svg);}
.rate[style*="1."] i:nth-child(1),
.rate[style*="2."] i:nth-child(-n+2),
.rate[style*="3."] i:nth-child(-n+3),
.rate[style*="4."] i:nth-child(-n+4),
.rate[style*="5."] i:nth-child(-n+5) {--star-width: 100%;}
.rate[style*="0."] i:nth-child(1)::before {--star-width: calc(var(--star-rate) * 100%);}
.rate[style*="1."] i:nth-child(2)::before {--star-width: calc((var(--star-rate) - 1) * 100%);}
.rate[style*="2."] i:nth-child(3)::before {--star-width: calc((var(--star-rate) - 2) * 100%);}
.rate[style*="3."] i:nth-child(4)::before {--star-width: calc((var(--star-rate) - 3) * 100%);}
.rate[style*="4."] i:nth-child(5)::before {--star-width: calc((var(--star-rate) - 4) * 100%);}
.rate input {display: none;}
.rate label {cursor: pointer;display: inline-block;transition: transform 0.1s;}
.rate label:has(~ label input:checked) {--star-width: 100%;}
.rate label:has(input:checked) {--star-width: 100%;}
.rate label:has(input:checked) ~ label::before {--star-width: 0%;}
/*--------------------*/
/*  Price             */
/*--------------------*/
.price-wrap {position: relative;gap: 0.25rem;display: inline-flex;flex-direction: column;flex-shrink: 0;font-size: 0.8125rem;line-height: 1.25em;font-weight: 500;color: var(--clr-title);}
.price-wrap .old {font-size: 83.333%;line-height: 1.4em;color: var(--clr-plc);text-decoration: line-through;}
.price-wrap .discount {position: relative;display: inline-block;border-radius: 0.25rem;background-color: var(--clr-red);font-size: 66.667%;line-height: 1.5em;color: var(--clr-white);text-align: center;padding: 0 0.125rem;}
.price-wrap b,
.price-wrap strong {font-weight: inherit;}
.price-old {gap: 0.125rem;display: flex;align-items: center;}
@media (min-width: 768px) {
.price-wrap {font-size: 0.875rem;}
}
@media (min-width: 1200px) {
.price-wrap {font-size: 1rem;}
.price-wrap .old {font-size: 75%;line-height: 1;}
.price-wrap .discount {font-size: 75%;padding: 0 0.25rem;}
.price-old {gap: 0.25rem;}
}
@media (max-width: 1199px) {
.price-wrap .discount {padding: 0.125rem 0.25rem;}
.ios .price-wrap .discount {padding: 0.1875rem 0.25rem 0.0625rem;}
}
/*--------------------*/
/*  Loader            */
/*--------------------*/
.loading > * {opacity: 0;visibility: hidden;}
.loading::before {content: "";position: absolute;z-index: 10;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.25rem;height: 1.25rem;border-radius: 100%;border: 0.125rem solid currentcolor;border-bottom-color: transparent;animation: 0.8s spin linear infinite;}
@keyframes spin {
0% {transform: translate(-50%, -50%) rotate(0deg);}
100% {transform: translate(-50%, -50%) rotate(360deg);}
}
/*--------------------*/
/*  Product Best Card */
/*--------------------*/
.prd-best {--inset: 0.5rem;position: relative;display: block;}
.prd-best > .fav-btn {position: absolute;z-index: 2;top: var(--inset);right: var(--inset);}
.prd-best-bg {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 160/244;border-radius: 1rem;}
.prd-best-bg img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: inherit;}
.prd-best-card {position: absolute;bottom: var(--inset);left: var(--inset);width: calc(100% - 2 * var(--inset));height: auto;max-height: calc(100% - 2 * var(--inset));gap: 0.625rem;display: grid;border-radius: 0.875rem;background-color: var(--clr-white);box-shadow: var(--box-shadow-small);padding: 0.5rem;}
.prd-best-img {display: none;}
.prd-best-info {gap: 0.375rem;display: flex;flex-direction: column;}
.prd-best-title {font-size: 0.8125rem;line-height: 1.25em;font-weight: 500;color: var(--clr-title);min-height: 2.5em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-best-controls {gap: 0.625rem;display: flex;align-items: flex-end;margin-top: auto;}
.prd-best-controls .price-wrap {margin-right: auto;}
.prd-best-controls > .fav-btn {display: none;}
.view-slider .swiper-slide {height: auto !important;}
.prd-best-card.type2 {position: relative;bottom: auto;left: auto;height: 100%;}
.prd-best-card.type2 .prd-best-img {display: block;aspect-ratio: 90/104;}
.prd-best-card.type2 .prd-best-info {gap: 0.5rem;}
@media (min-width: 992px) {
.prd-best-title {font-size: 1rem;}
}
@media (min-width: 1200px) {
.prd-best {--inset: 1rem;}
.prd-best > .fav-btn {display: none;}
.prd-best-bg {border-radius: var(--rd-1);}
.prd-best-bg:is(a) img {transition: var(--transition-1);}
.prd-best-bg:is(a):hover img {transform: scale(1.05);}
.prd-best-card {grid-template-columns: 30% auto;border-radius: var(--rd-1);padding: 0.625rem;}
.prd-best-card.type2 {grid-template-columns: 5.625rem auto;}
.prd-best-img {position: relative;overflow: hidden;display: block;width: 100%;aspect-ratio: 90/104;}
.prd-best-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transform-origin: center;transition: var(--transition-1);width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.prd-best-img:hover img {transform: translate(-50%, -50%) scale(0.96);}
.prd-best-info {gap: 1rem;}
.prd-best-title:hover {color: var(--clr-primary);}
.prd-best-controls > :is(.fav-btn, .add-btn) {--size: 1.5rem;display: block;border-radius: 0;background-color: transparent;color: var(--clr-title);}
.prd-best-controls > :is(.fav-btn, .add-btn) svg {width: 1rem;height: 1rem;}
.prd-best-controls > :is(.fav-btn, .add-btn):last-child {margin-right: 0.625rem;}
.prd-best-controls > :is(.fav-btn, .add-btn):hover,
.prd-best-controls > :is(.fav-btn, .add-btn).is-active {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.prd-best-card.type2 .prd-best-img {width: -moz-fit-content;width: fit-content;margin-inline: auto;}
.prd-best-card.type2 .prd-best-controls > .fav-btn {display: block;position: absolute;top: 0.5rem;right: 0.5rem;}
}
@media (max-width: 767px) {
.prd-best-controls .price-wrap {font-size: 0.8125rem;}
}
/*--------------------*/
/*  Product Card      */
/*--------------------*/
.category-slider .swiper-slide {width: auto;white-space: nowrap;}
.btn-category {position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 0.25rem;padding: 0.625rem var(--sp-16-12);background-color: var(--clr-white);border-radius: 1.25rem;font-size: var(--sp-14-13);line-height: 1;font-weight: 400;color: var(--clr-title);transition: var(--transition-1);}
.btn-category.active {background-color: var(--bg-3);cursor: inherit;pointer-events: none;}
.btn-category img {width: var(--sp-16-12);height: var(--sp-16-12);-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
@keyframes loaderFadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.prd-slider.loading::before {animation: 1s spin linear infinite;transition: var(--transition-1);}
.prd-slider.loading.loading-remove::before,
.prd-slider.loading.loading-remove::after {opacity: 0;}
.prd-slider .swiper-slide {height: auto;}
.prd-card {--prd-padding: var(--sp-20-8);position: relative;z-index: 1;display: flex;flex-direction: column;height: 100%;background-color: var(--clr-white);border-radius: var(--rd-1);border: 1px solid transparent;box-shadow: var(--box-shadow-small);gap: var(--sp-16-12);padding: var(--prd-padding);transition: var(--transition-1);}
.prd-card .prd-labels {top: 0.125rem;left: var(--sp-20-8);max-width: 78%;}
.prd-card .dropdown {--size: 2.5rem;width: var(--size);height: var(--size);}
.prd-card .dropdown .fav-btn {top: 0;right: 0;}
.prd-card .dropdown .dropdown-menu {transform: translateX(-85%) translateY(30px);}
.prd-card .dropdown.is-open .dropdown-menu {transform: translateX(-85%) translateY(10px);}
.prd-card .dropdown,
.prd-card .fav-btn,
.prd-card .delete-btn {position: absolute;top: var(--sp-10-8);right: var(--sp-10-8);}
.prd-card .price-wrap {font-size: var(--sp-20-13);}
.prd-card .stepper {font-size: clamp(0.875rem, 0.6793rem + 0.5435vw, 1.25rem);}
.prd-card.not-available img {filter: grayscale(1);}
.prd-card.not-available .prd-author {color: rgba(134, 136, 146, 0.6);}
.prd-card.not-available .prd-title {color: var(--clr-plc);}
.prd-img {position: relative;overflow: hidden;display: block;padding-bottom: 100%;}
.prd-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform-origin: center;-o-object-fit: contain;object-fit: contain;transition: var(--transition-1);}
.prd-content {display: flex;flex-direction: column;gap: 0.25rem;margin-bottom: 0.5rem;}
.prd-title {font-size: var(--h6);line-height: 1.2em;font-weight: 500;color: var(--clr-title);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-author {font-size: clamp(0.6875rem, 0.4597rem + 0.4747vw, 0.875rem);line-height: 1.2em;font-weight: 400;color: var(--clr-plc);}
.prd-desc {font-size: var(--sp-16-12);line-height: 1.4em;font-weight: 400;color: var(--clr-text);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.price-books {display: flex;align-items: flex-end;justify-content: space-between;gap: 0.5rem;}
.prd-controls {position: relative;gap: 0.625rem;display: flex;flex-direction: column;justify-content: space-between;margin-top: auto;}
.prd-books {--size: clamp(1.125rem, 0.8212rem + 0.6329vw, 1.375rem);display: flex;align-items: center;gap: 0.125rem;}
.prd-books img {width: var(--size);height: var(--size);-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.prd-books b {font-size: clamp(0.6875rem, 0.4597rem + 0.4747vw, 0.875rem);line-height: 1.2em;font-weight: 400;color: var(--clr-plc);}
@media (min-width: 1200px) {
.btn-category:hover {background-color: var(--bg-3);}
.prd-card {padding-top: clamp(0.5rem, -1.019rem + 3.1646vw, 1.75rem);}
.prd-card:hover {border-color: var(--clr-border);}
.prd-card.not-available a.prd-title:hover {color: var(--clr-primary);}
a.prd-img:hover img {transform: scale(0.96);}
a.prd-title:hover {color: var(--clr-primary);}
}
@media (max-width: 767px) {
.prd-card .prd-labels {top: 0.5rem;}
.prd-title {font-size: 0.8125rem;}
.price-books {flex-direction: column-reverse;align-items: flex-start;}
.prd-controls .btn {position: absolute;bottom: 0;right: 0;width: 2rem;height: 2rem;border-radius: 100%;padding: 0;}
.prd-controls .btn svg {width: 50%;height: 50%;}
.prd-controls .btn b {display: none;}
}
/*---------------------*/
/*  Product Gift       */
/*---------------------*/
.prd-horiz-gift {--img-size: 3.375rem;--prd-pd: 1rem;position: relative;width: 100%;gap: 0.75rem;display: flex;align-items: center;flex-grow: 1;border-radius: 1rem;border: 1px solid var(--clr-border);background-color: var(--clr-white);padding: var(--prd-pd);}
.prd-horiz-gift .price-wrap {gap: 0.625rem;flex-direction: row;justify-content: flex-end;}
.prd-horiz-gift-img {position: relative;overflow: hidden;width: var(--img-size);aspect-ratio: 54/74;flex-shrink: 0;}
.prd-horiz-gift-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: var(--transition-1);width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.prd-horiz-gift-info {display: flex;flex-direction: column;flex-grow: 1;align-self: stretch;}
.prd-horiz-gift-info > * + * {margin-top: 0.375rem;}
.prd-horiz-gift-caption {--icon-size: 1rem;gap: 0.5rem;display: inline-flex;align-items: center;font-size: 0.875rem;line-height: 1.2em;font-weight: 400;color: var(--clr-text);}
.prd-horiz-gift-caption img {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.prd-horiz-gift-title {font-size: 1rem;line-height: 1.1em;font-weight: 500;color: var(--clr-title);transition: var(--transition-1);}
@media (min-width: 1200px) {
a.prd-horiz-gift-img:hover img {transform: translate(-50%, -50%) scale(0.96);}
a.prd-horiz-gift-title:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.prd-horiz-gift {--img-size: 2.5rem;--prd-pd: 0.5rem;gap: 0.5rem;border-radius: 0.875rem;}
.prd-horiz-gift-info > * + * {margin-top: 0.25rem;}
.prd-horiz-gift-caption {font-size: 0.625rem;}
.prd-horiz-gift-title {font-size: 0.75rem;}
}
/*---------------------*/
/*  Product Horizontal */
/*---------------------*/
.prd-horiz {--img-size: 5.625rem;--prd-pd: 1.125rem;position: relative;gap: 0.625rem;display: flex;align-items: center;flex-wrap: wrap;border-radius: var(--rd-1);background-color: var(--clr-white);box-shadow: 0 1px 7px -1px rgba(89, 66, 65, 0.05),0 2px 8px -1px rgba(12, 12, 13, 0.05);padding: var(--prd-pd);}
.prd-horiz .delete-btn {--size: 1.5rem;position: absolute;top: var(--prd-pd);right: var(--prd-pd);border-radius: 0;background-color: transparent;color: var(--clr-plc);}
.prd-horiz .delete-btn svg {width: 100%;height: 100%;}
.prd-horiz.is-error {outline: 2px solid var(--clr-red);}
.prd-horiz-img {position: relative;width: var(--img-size);aspect-ratio: 90/104;flex-shrink: 0;}
.prd-horiz-img img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: var(--transition-1);width: 100%;height: 100%;-o-object-fit: contain;object-fit: contain;}
.prd-horiz-qty {font-size: var(--text-sm);line-height: 1.4em;font-weight: 400;color: var(--clr-title);}
.prd-horiz-info {display: flex;flex-direction: column;flex-grow: 1;flex-shrink: 0;align-self: stretch;}
.prd-horiz-info > * + * {margin-top: var(--sp-20-10);}
.prd-horiz-info .price-wrap {font-size: var(--sp-14-13);text-align: right;}
.prd-horiz-info:has(.prd-horiz-content + .price-wrap) {gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;flex-direction: row;align-self: center;}
.prd-horiz-info:has(.prd-horiz-content + .price-wrap) > * + * {margin-top: 0;}
.prd-horiz-content {max-width: calc(100% - 1.5rem - 0.5rem);text-align: left;margin-bottom: auto;}
.prd-horiz-content > * + * {margin-top: 0.25rem;}
.prd-horiz-author {font-size: 0.875rem;line-height: 1.2em;font-weight: 400;color: var(--clr-plc);}
.prd-horiz-title {font-size: 1rem;line-height: 1.1em;font-weight: 500;color: var(--clr-title);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.prd-horiz:not(:has(.delete-btn)) .prd-horiz-content {max-width: 100%;}
.prd-horiz-type {--icon-size: 1.15em;gap: 0.25rem;display: inline-flex;align-items: center;font-size: 0.875rem;line-height: normal;color: var(--clr-title);}
.prd-horiz-type :is(svg, img) {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.prd-horiz-controls {gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;}
.prd-horiz-controls .stepper,
.prd-horiz-controls .prd-horiz-qty {align-self: end;}
@media (min-width: 1200px) {
.prd-horiz .delete-btn:hover {color: var(--clr-primary);}
.prd-horiz-info .price-wrap {font-size: 1.125rem;}
.prd-horiz-info .price-wrap .discount {font-size: 67%;}
.prd-horiz-img:hover img {transform: translate(-50%, -50%) scale(0.96);}
.prd-horiz-title:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.prd-horiz {--img-size: 3.75rem;--prd-pd: 0.5rem;gap: 0.5rem;}
.prd-horiz .delete-btn {--size: 1.25rem;}
.prd-horiz-img {aspect-ratio: 60/82;}
.prd-horiz-content {max-width: calc(100% - 1.25rem - 0.5rem);}
.prd-horiz-author {font-size: 0.6875rem;}
.prd-horiz-title {font-size: 0.8125rem;}
.prd-horiz-type {--icon-size: 1rem;margin-top: 0.75rem;font-size: 0.75rem;}
}
/*---------------------------*/
/*  Product Horizontal Promo */
/*---------------------------*/
.prd-horiz-promo {--prd-pd: 1.125rem;--prd-gap: 1rem;position: relative;border-radius: var(--rd-1);background-color: var(--clr-white);box-shadow: 0 1px 7px -1px rgba(89, 66, 65, 0.05),0 2px 8px -1px rgba(12, 12, 13, 0.05);padding: var(--prd-pd);}
.prd-horiz-promo .delete-btn {--size: 1.5rem;border-radius: 0;background-color: transparent;color: var(--clr-plc);}
.prd-horiz-promo .delete-btn svg {width: 100%;height: 100%;}
.prd-horiz-promo .prd-horiz {border-radius: 0;background-color: transparent;box-shadow: none;padding: 0;}
.prd-horiz-promo .prd-horiz .price-wrap {text-align: right;}
.prd-horiz-promo .prd-horiz + .prd-horiz {margin-top: var(--prd-gap);}
.prd-horiz-promo .prd-horiz + .prd-horiz .prd-horiz-img::before {content: "";position: absolute;z-index: 2;pointer-events: none;top: -1.75rem;left: 50%;transform: translateX(-50%);width: 2rem;height: 2rem;border-radius: 100%;background-color: rgba(20, 34, 42, 0.5);background-repeat: no-repeat;background-size: 1rem 1rem;background-position: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.3333 7.33333L8.66667 7.33333L8.66667 0.666667C8.66667 0.489856 8.59643 0.320287 8.47141 0.195263C8.34638 0.0702383 8.17681 3.5742e-07 8 3.49691e-07C7.82319 3.41962e-07 7.65362 0.0702382 7.5286 0.195262C7.40357 0.320287 7.33333 0.489856 7.33333 0.666667L7.33333 7.33333L0.666667 7.33333C0.489856 7.33333 0.320287 7.40357 0.195263 7.52859C0.0702383 7.65362 3.57421e-07 7.82319 3.49692e-07 8C3.41964e-07 8.17681 0.0702382 8.34638 0.195262 8.4714C0.320287 8.59643 0.489856 8.66667 0.666667 8.66667L7.33333 8.66667L7.33333 15.3333C7.33333 15.5101 7.40357 15.6797 7.5286 15.8047C7.65362 15.9298 7.82319 16 8 16C8.17681 16 8.34638 15.9298 8.47141 15.8047C8.59643 15.6797 8.66667 15.5101 8.66667 15.3333L8.66667 8.66667L15.3333 8.66667C15.5101 8.66667 15.6797 8.59643 15.8047 8.4714C15.9298 8.34638 16 8.17681 16 8C16 7.82319 15.9298 7.65362 15.8047 7.5286C15.6797 7.40357 15.5101 7.33333 15.3333 7.33333Z' fill='white'/%3E%3C/svg%3E");-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}
.prd-horiz-promo .prd-horiz .prd-horiz-controls {justify-content: flex-end;}
.prd-horiz-promo > .prd-horiz-controls {border-top: 2px solid var(--clr-border);padding-top: var(--prd-gap);margin-top: var(--prd-gap);}
.prd-horiz-promo-top {gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--prd-gap);}
.prd-horiz-promo-top .title {font-size: 1.125rem;line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
@media (min-width: 1200px) {
.prd-horiz-promo .delete-btn:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.prd-horiz-promo {--prd-pd: 0.75rem;}
.prd-horiz-promo .delete-btn {--size: 1.25rem;}
.prd-horiz-promo-top .title {font-size: 1rem;}
}
/*--------------------*/
/*  Prod. Thumbs      */
/*--------------------*/
.prd-detail-slider {position: relative;}
.prd-detail-slider .swiper-thumbs-top .swiper-button-prev {left: var(--sp-14-12);}
.prd-detail-slider .swiper-thumbs-top .swiper-button-next {right: var(--sp-14-12);}
.prd-detail-slider .swiper-thumbs-top .swiper-pagination {justify-content: center;}
.prd-detail-slider .swiper-thumbs-bottom {display: none;}
.prd-detail-slider .swiper-container {width: 100%;overflow: hidden;}
.prd-detail-slider .prd-labels {top: clamp(0.25rem, -0.3576rem + 1.2658vw, 0.75rem);left: clamp(0.75rem, -0.4652rem + 2.5316vw, 1.75rem);}
.prd-detail-img-wrap {position: relative;background-color: var(--clr-white);padding-block: clamp(1.875rem, 0.356rem + 3.1646vw, 3.125rem);padding-inline: clamp(1.875rem, -1.9225rem + 7.9114vw, 5rem);border-radius: var(--rd-1);}
.prd-detail-img {position: relative;padding-top: 120%;}
.prd-detail-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-fit: contain;object-fit: contain;}
.prd-detail-thumb {position: relative;cursor: pointer;overflow: hidden;padding-top: 110.4%;border: 0.125rem solid transparent;background-color: var(--clr-white);border-radius: var(--sp-16-12);transition: var(--transition-1);}
.prd-detail-thumb img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-fit: contain;object-fit: contain;}
.swiper-slide-thumb-active .prd-detail-thumb {border-color: var(--clr-border);}
.swiper-thumbs.hide-bottom .swiper-thumbs-bottom {display: none;}
@media (min-width: 992px) {
.prd-detail-slider {position: sticky;top: calc(var(--h-height) + 0.75rem);}
body:has(.h-info-hidden) .prd-detail-slider {top: calc(var(--h-height-true) + 0.75rem);}
}
@media (min-width: 1200px) {
.prd-detail-slider {display: grid;grid-template-columns: auto 3.625rem;align-self: self-start;gap: var(--sp-16-10);}
.prd-detail-slider .swiper-thumbs-bottom {gap: var(--sp-16-12);flex-direction: column;display: flex;align-items: center;}
.prd-detail-slider .swiper-thumbs-bottom .swiper-container {height: 100%;}
.prd-detail-slider .prd-detail-thumb:hover {border-color: var(--clr-border);}
.prd-detail-slider:has(.swiper-button-lock) {grid-template-columns: auto 0;gap: 0;}
.prd-detail-slider:has(.swiper-button-lock) .swiper-thumbs-bottom {display: none;}
}
@media (max-width: 767px) {
.prd-detail-slider .prd-labels {flex-direction: row;}
.prd-detail-slider .prd-labels .prd-label.only-img img {display: block;}
.prd-detail-slider .prd-labels .prd-label.only-img img + img {display: none;}
}
/*--------------------*/
/*  Prod. Panel       */
/*--------------------*/
.prd-panel {display: none;}
@media (max-width: 1199px) {
.prd-panel {--height: 3.75rem;position: fixed;z-index: 77;bottom: 0;left: 0;right: 0;width: auto;transform: translateY(calc(var(--height) * 2));transition: var(--transition-1);display: block;}
.prd-panel.is-active {transform: none;}
.prd-panel-inner {position: relative;width: 100%;padding: 0.75rem 1rem;background-color: var(--clr-white);box-shadow: 0 -8px 7px -1px rgba(89, 66, 65, 0.05),0 -10px 8px -1px rgba(12, 12, 13, 0.05);display: flex;align-items: center;justify-content: space-between;gap: var(--sp-16-8);}
.prd-panel-inner .price-wrap {font-size: var(--sp-20-16);}
}
/*--------------------*/
/*  Prod. Detail Info */
/*--------------------*/
.prd-detail-section .row {--bs-gutter-x: var(--sp-xl);--bs-gutter-y: 1.25rem;}
.prd-detail-content > * + * {margin-top: clamp(2rem, 1.0886rem + 1.8987vw, 2.75rem);}
.prd-detail-content .prd-item > * + * {margin-top: var(--sp-16-12);}
.prd-detail-content .prd-item .btn-more {position: relative;cursor: pointer;display: inline-flex;align-items: center;font-size: var(--sp-14-12);line-height: 1.22em;font-weight: 500;color: var(--clr-text);transition: var(--transition-1);}
.prd-detail-content .prd-item .btn-more::before {content: attr(data-toggle-more);}
.prd-detail-content .prd-item .btn-more svg {display: inline-block;width: var(--sp-16-12);height: var(--sp-16-12);flex-shrink: 0;margin-left: 0.25rem;}
.prd-detail-content .prd-item .btn-more.is-active::before {content: attr(data-toggle-less);}
.prd-detail-content .prd-item .btn-more.is-active svg {transform: rotateX(180deg);}
.prd-detail-content .prd-horiz-gift {background-color: transparent;}
.prd-detail-content .prd-horiz-gift-info {flex-direction: row;align-items: center;justify-content: space-between;}
.prd-detail-content .prd-gift-inner {display: flex;flex-direction: column;gap: 0.375rem;}
.prd-caption {font-size: clamp(1rem, 0.8481rem + 0.3165vw, 1.125rem);line-height: 1.2;font-weight: 600;letter-spacing: -0.0225rem;color: var(--clr-title);margin-bottom: var(--sp-16-10);}
.prd-detail-info {display: flex;align-items: center;gap: var(--sp-16-10);justify-content: space-between;}
.prd-detail-author {--size: clamp(2rem, 1.3924rem + 1.2658vw, 2.5rem);display: flex;align-items: center;gap: 0.625rem;}
.prd-detail-author img {width: var(--size);height: var(--size);-o-object-fit: contain;object-fit: contain;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.prd-detail-author .text {transition: var(--transition-1);}
.prd-review {display: flex;align-items: center;gap: var(--sp-16-10);}
.product_detail-review {display: flex;align-items: center;gap: 0.25rem;font-size: var(--sp-14-12);color: var(--clr-text);}
.product_detail-review b {font-size: var(--h6);line-height: 1;font-weight: 600;color: var(--clr-title);}
.product_detail-review img {width: var(--sp-16-12);height: var(--sp-16-12);-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.product_detail-review span {font-size: inherit;line-height: 1;transition: var(--transition-1);}
.prd-detail-title {font-size: var(--h3);line-height: 1.1em;font-weight: 600;color: var(--clr-title);letter-spacing: -0.04rem;text-wrap: balance;}
.prd-detail-controls {position: relative;padding: var(--sp-20-12) var(--sp-16-12);border-radius: var(--rd-1);background-color: var(--clr-white);display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 0.375rem 0.625rem;}
.prd-detail-controls.not-available {display: none;}
.prd-detail-controls .price-books {align-items: flex-start;flex-direction: column;gap: 0.25rem;}
.prd-detail-controls .price-wrap {font-size: var(--h3);font-weight: 600;}
.prd-detail-controls .price-wrap .old {font-size: 44%;font-weight: 400;}
.prd-detail-controls .price-wrap .discount {font-size: 38%;font-weight: 400;}
.prd-detail-controls .btn-block {display: flex;flex-direction: column;align-items: flex-end;width: -moz-fit-content;width: fit-content;gap: 0.25rem;}
.prd-detail-controls .btn-block-inner {display: flex;align-items: center;gap: var(--sp-10-8);}
.prd-detail-controls .btn-block .checkout-message {--icon-size: clamp(1.125rem, 0.8212rem + 0.6329vw, 1.375rem);padding: 0;min-height: auto;font-size: var(--sp-14-12);}
.ch-pd-wrapp {--count: 4;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-10-8);align-items: center;}
.ch-item {position: relative;display: block;padding: var(--sp-16-8);border: 1px solid var(--clr-border);border-radius: var(--rd-1);height: 100%;}
.ch-item.more-content {display: none;}
.ch-item > * {font-size: var(--sp-16-13);line-height: 1.2;font-weight: 400;letter-spacing: -0.02rem;color: var(--clr-text);display: block;}
.ch-item span {font-weight: 500;color: var(--clr-title);}
.ch-item > * + * {margin-top: 0.25rem;}
.prd-detail-content .tabs-wrap {position: relative;padding: var(--sp-14-12) var(--sp-16-12);border-radius: var(--sp-16-10);background-color: var(--clr-white);}
.prd-detail-content ._tab-nav.active-first + .tabs-wrap {border-top-left-radius: 0;}
.prd-detail-content ._tab-item {position: relative;padding: 0.625rem;border-radius: var(--sp-16-10);border-bottom-left-radius: 0;border-bottom-right-radius: 0;display: inline-block;font-size: var(--sp-16-13);font-weight: 500;color: var(--clr-text);transition: var(--transition-1);}
.prd-detail-content ._tab-item .ir-rrb,
.prd-detail-content ._tab-item .ir-llb {font-size: 0;position: absolute;left: calc(100% - 0.4px);bottom: -0.4px;width: var(--sp-16-10);color: var(--clr-white);transform: rotate(-90deg);opacity: 0;transition: var(--transition-1);}
.prd-detail-content ._tab-item:not(:first-child) .ir-llb {left: calc(var(--sp-16-10) * -1);transform: rotate(180deg);}
.prd-detail-content ._tab-item.is-active {background-color: var(--clr-white);color: var(--clr-text);}
.prd-detail-content ._tab-item.is-active:not(:first-child) .ir-llb {opacity: 1;}
.prd-detail-content ._tab-item.is-active .ir-rrb {opacity: 1;}
@media (min-width: 768px) {
.prd-detail-content .view-slider {margin-inline: -0.25rem;}
.prd-detail-content .view-slider .swiper-container {padding: 0.25rem;}
}
@media (min-width: 1200px) {
.prd-detail-author:hover .text {color: var(--clr-primary);}
a.product_detail-review:hover span {color: var(--clr-primary);}
.ch-item a:hover {color: var(--clr-primary);}
.prd-detail-content .btn-more:hover {color: var(--clr-primary);}
.prd-detail-content ._tab-item:hover {color: var(--clr-title);}
.prd-detail-controls .fav-btn {--size: 2.75rem;}
}
@media (max-width: 1199px) {
.ch-pd-wrapp {--count: 3;}
}
@media (max-width: 767px) {
.prd-detail-content .prd-horiz-gift-info {flex-direction: column;align-items: flex-start;}
.ch-pd-wrapp {--count: 2;}
.prd-detail-controls {min-height: 7rem;}
.prd-detail-controls .btn-block {width: 100%;}
.prd-detail-controls .btn-block-inner {width: 100%;gap: 0.75rem;}
.prd-detail-controls .btn-block-inner .btn {width: calc(50% - 0.375rem);}
.prd-detail-controls .btn-block-inner .fav-btn {position: absolute;top: 0.75rem;right: 0.75rem;}
.prd-detail-controls .btn-block.presale .btn {width: 100%;}
.prd-detail-controls .price-wrap .old {font-size: 70%;}
.prd-detail-controls .price-wrap .discount {font-size: 50%;}
}
.variation-selector {position: relative;padding: 0.25rem;gap: 2px;display: flex;background-color: var(--clr-white);border-radius: var(--rd-1);width: -moz-fit-content;width: fit-content;}
.ch-box-filter {position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.ch-box-filter__label {position: relative;display: flex;align-items: center;gap: 0.25rem;background: var(--clr-white);border-radius: 1.25rem;transition: var(--transition-1);font-size: var(--sp-14-12);line-height: 1;color: var(--clr-plc);text-align: center;word-break: break-all;padding: 0.625rem 0.9375rem;}
.ch-box-filter__label svg {width: 1rem;height: 1rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.ch-box-filter.empty .ch-box-filter__label b {text-decoration: line-through;}
.ch-box-filter input[type=radio],
.ch-box-filter input[type=checkbox] {display: none;}
.ch-box-filter input[type=radio]:checked ~ .ch-box-filter__label,
.ch-box-filter input[type=checkbox]:checked ~ .ch-box-filter__label {background: var(--bg-2);color: var(--clr-black);}
.ch-box-filter input[type=radio]:checked ~ .ch-box-filter__label svg,
.ch-box-filter input[type=checkbox]:checked ~ .ch-box-filter__label svg {color: var(--clr-primary);}
@media (min-width: 1200px) {
.ch-box-filter:not(.disabled):hover .ch-box-filter__label {color: var(--clr-black);}
}
@media (max-width: 767px) {
.variation-selector {width: 100%;}
.ch-box-filter {width: 100%;}
.ch-box-filter__label {justify-content: center;}
}
.prd-review-block > * + * {margin-top: var(--sp-10-8);}
.prd-review-top {display: flex;align-items: center;flex-wrap: wrap;gap: var(--sp-16-12);}
.prd-review-top .prd-caption {margin: 0;}
.prd-review-top .product_detail-review {gap: clamp(0.25rem, -0.0538rem + 0.6329vw, 0.5rem);}
.prd-review-top .btn {margin-left: auto;}
.prd-review-item {position: relative;border-radius: var(--rd-1);border: 1px solid var(--clr-border);padding: var(--sp-20-16);}
.prd-review-item > * + * {margin-top: var(--sp-10-8);}
.prd-review-item .review-info {display: flex;align-items: center;justify-content: space-between;gap: var(--sp-10-8);}
.prd-review-item .name {font-size: clamp(1rem, 0.8481rem + 0.3165vw, 1.125rem);line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
.prd-review-item .rate {--star-size: 0.75rem;margin-right: auto;}
.prd-review-item .date {font-size: clamp(0.875rem, 0.7231rem + 0.3165vw, 1rem);line-height: 1.2em;font-weight: 400;color: var(--clr-text);}
.prd-review-item .more-content {padding-top: var(--sp-10-8);}
.prd-review-block.empty .prd-review-item {padding-block: var(--sp-60-20);}
.prd-review-block.empty .prd-review-item img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;margin: 0;}
.prd-review-block.empty .prd-review-item .text {max-width: 60%;margin-inline: auto;text-align: center;font-weight: 500;}
@media (max-width: 767px) {
.prd-review-top .product_detail-review {margin-left: auto;}
.prd-review-top .btn {margin-left: 0;width: 100%;}
.prd-review-block.empty .prd-review-item {padding: 0.75rem;}
.prd-review-block.empty .prd-review-item img {display: none;}
.prd-review-block.empty .prd-review-item .text {max-width: 100%;}
}
.cheaper-row {--space-ch: 5rem;--size: 28%;position: relative;background-color: var(--clr-white);padding: var(--sp-20-12);border-radius: var(--rd-1);box-shadow: var(--box-shadow-small);gap: var(--space-ch);display: flex;}
.cheaper-item {--icon: 2rem;position: relative;border-radius: 0.5rem;width: var(--size);}
.cheaper-item::before {content: "+";position: absolute;top: 50%;left: calc(var(--space-ch) / -2);transform: translate(-50%, -50%);font-size: 1.25rem;line-height: 1em;font-weight: 300;width: var(--icon);height: var(--icon);border-radius: 50%;background-color: var(--bg-2);color: var(--clr-text);display: flex;align-items: center;justify-content: center;z-index: 2;}
.cheaper-item:first-child::before {content: none;}
.cheaper-item:last-child {width: calc(100% - var(--size) * 3);flex-shrink: 0;display: flex;flex-direction: column;gap: var(--sp-10-8);}
.cheaper-item:last-child::before {content: "=";background-color: transparent;}
.cheaper-item:last-child .price-wrap {font-size: var(--sp-20-13);}
.cheaper-item .prd-best-card {box-shadow: none;border: 1px solid var(--clr-border);}
.cheaper-item .prd-best-card .prd-best-img {flex-shrink: 0;}
.cheaper-item .prd-best-card .prd-best-info {width: 100%;}
.cheaper-item .swiper-container {overflow: hidden;}
.cheaper-item [class*=swiper-button].type2 {width: 2rem;height: 2rem;left: -1rem;top: 50%;margin-top: -1rem;}
.cheaper-item [class*=swiper-button].type2.swiper-button-next.type2 {left: auto;right: -1rem;}
.cheaper-item .swiper-pagination {display: none;}
.cheaper-item .price-wrap {font-size: var(--sp-16-13);}
.cheaper-item .summ {display: none;}
@media (min-width: 1200px) {
.cheaper-row.size-2 {--size: 42%;}
.cheaper-row.size-2 .cheaper-item:last-child {width: calc(100% - var(--size) * 2);}
}
@media (max-width: 1199px) {
.cheaper-row {--space-ch: 0.625rem;--size: 100%;flex-direction: column;}
.cheaper-item::before {top: -1.375rem;left: 1.75rem;transform: none;font-size: 1.25rem;background: rgba(20, 34, 42, 0.5);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);color: var(--clr-white);}
.cheaper-item .prd-best-card {display: flex;padding-left: var(--sp-20-8);}
.cheaper-item .prd-best-card .prd-best-img {width: 3.75rem;aspect-ratio: 1/1.39;}
.cheaper-item .prd-best-card .prd-best-controls > :is(.fav-btn, .add-btn) {--size: 1.5rem;position: relative;top: auto;right: auto;background-color: transparent;color: var(--clr-title);z-index: 3;}
.cheaper-item .prd-best-card .prd-best-controls > :is(.fav-btn, .add-btn) svg {width: 67%;height: 67%;}
.cheaper-item .prd-best-card .fav-btn {margin-right: -0.625rem;}
.cheaper-item:last-child {width: 100%;}
.cheaper-item:last-child::before {background: rgba(20, 34, 42, 0.5);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);display: none;}
.cheaper-item:last-child .prd-books {--size: 1.25rem;}
.cheaper-item:last-child .prd-books b {font-size: 0.75rem;}
.cheaper-item .price-books {flex-direction: row;justify-content: center;align-items: flex-end;}
.cheaper-item .swiper-pagination {display: block;position: absolute;bottom: 1.25rem;margin-top: 0 !important;}
.cheaper-item .summ {position: relative;display: inline-flex;flex-shrink: 0;font-size: var(--sp-20-13);line-height: 1.25em;font-weight: 500;color: var(--clr-title);}
}
@media (max-width: 767px) {
.cheaper-item::before {left: 1.375rem;}
.cheaper-item .swiper-pagination:not(.swiper-pagination-relative) {left: 15%;}
}
/*--------------------*/
/*  Prod. mini        */
/*--------------------*/
/*--------------------*/
/*  Cart              */
/*--------------------*/
.cart {--cart-pd: 1.25rem;position: fixed;z-index: 110;inset: 0;display: block;visibility: hidden;transition: visibility 0s linear;transition-delay: 0.6s;backface-visibility: hidden;}
.cart-overlay {cursor: pointer;position: fixed;z-index: 1;inset: 0;opacity: 0;visibility: hidden;background: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));transition: var(--cubic-1);display: block;}
.cart-inner {position: absolute;z-index: 2;top: 0;right: 0;transform: translateX(100%);transition: var(--transition-1);width: min(37.5rem, 100%);height: 100%;max-height: 100%;display: flex;flex-direction: column;background: var(--clr-grey-2);border-radius: var(--rd-1) 0 0 var(--rd-1);padding: var(--cart-pd);}
.cart-inner::-webkit-scrollbar {display: none;}
.cart-top {gap: 1rem;display: flex;align-items: center;justify-content: space-between;}
.cart-top .title {font-size: 1.125rem;line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
.cart-top .btn-close {background-color: var(--clr-white);color: var(--clr-text);}
.cart-bottom {gap: 1rem;display: flex;flex-direction: column;background: var(--clr-white);border-radius: var(--rd-1);padding: 1.125rem;}
.cart-controls {gap: 1rem;display: flex;align-items: center;justify-content: space-between;}
.cart-controls .text {color: var(--clr-title);}
.cart-total {font-size: var(--h5);line-height: 1em;font-weight: 500;color: var(--clr-title);}
.cart-is-open .cart {transition-delay: 0s;visibility: visible;}
.cart-is-open .cart-inner {transition-delay: 0.1s;transform: translateX(0);}
.cart-is-open .cart-overlay {transition-delay: 0.1s;opacity: 1;visibility: visible;}
.cart-empty {position: relative;height: 100%;align-items: center;justify-content: center;flex-direction: column;display: none;text-align: center;}
.cart-empty > * + * {margin-top: 0.75rem;}
.cart-empty > img + * {margin-top: 2.5rem;}
.cart-empty > * + .btn {margin-top: 1.25rem;}
.cart-empty img {flex-shrink: 0;width: max(38%, 12.875rem);}
.cart-products {position: relative;height: 100%;overflow-x: clip;overflow-y: auto;overscroll-behavior-y: none;padding-block: var(--sp-24-12);margin-block: var(--sp-24-12);-webkit-mask-image: linear-gradient(to bottom, transparent, black 1.25rem, black calc(100% - 1.25rem), transparent);mask-image: linear-gradient(to bottom, transparent, black 1.25rem, black calc(100% - 1.25rem), transparent);}
.cart-products > * + * {margin-top: calc(var(--cart-pd) / 2);}
.cart-products .price-wrap {text-align: right;}
.cart-inner.is-empty .cart-products,
.cart-inner.is-empty .cart-bottom,
.cart-inner.is-empty .delivery-progress {display: none;}
.cart-inner.is-empty .cart-empty {display: flex;}
.delivery-progress {position: relative;gap: 1rem;display: flex;flex-direction: column;border-radius: var(--rd-1);background-color: var(--clr-white);padding: 1.125rem;margin-top: var(--sp-16-10);}
.delivery-progress .text b:first-child {color: var(--clr-primary);}
.delivery-progress-line {position: relative;width: 100%;height: 4px;}
.delivery-progress-line::before {content: "";position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;border-radius: 100px;background-color: var(--clr-border);}
.delivery-progress-line::after {content: "";position: absolute;z-index: 1;top: 0;left: 0;width: var(--progress);height: 100%;border-radius: 100px;background-color: var(--clr-primary);transition: var(--transition-1);}
.delivery-progress-line-handler {--size: 2rem;position: absolute;z-index: 2;top: calc(var(--size) / -2 + 2px);left: calc(var(--progress) - var(--size) / 2);height: var(--size);aspect-ratio: 44/32;transition: var(--transition-1);}
.delivery-progress-line-handler img {width: 100%;}
@media (min-width: 1200px) {
.cart-top .btn-close:hover {color: var(--clr-primary);}
}
@media (max-width: 575px) {
.cart {--cart-pd: 0.75rem;}
.cart-inner {width: 100%;border-radius: 0;}
.cart-top .title {font-size: 1rem;}
.cart-bottom {border-radius: 1rem 1rem 0 0;padding: var(--cart-pd);margin-inline: calc(var(--cart-pd) * -1);margin-bottom: calc(var(--cart-pd) * -1);}
.delivery-progress {gap: 0.625rem;border-radius: 1rem;padding: 0.75rem;}
.delivery-progress-line-handler {--size: 1.25rem;}
}
/*--------------------*/
/*  Cart informer     */
/*--------------------*/
.cart-informer {--inf-gap: var(--sp-20-12);--icon-size: 1.5rem;position: fixed;z-index: 500;width: calc(100% - var(--inf-gap) * 2);max-width: 63.125rem;margin-inline: auto;padding: var(--sp-16-12) var(--sp-20-12);opacity: 0;visibility: hidden;backface-visibility: hidden;display: block;background: var(--clr-white);border-radius: var(--rd-1);box-shadow: var(--box-shadow-big);transition: var(--transition-1);bottom: var(--inf-gap);left: var(--inf-gap);right: var(--inf-gap);transform: translate(0, calc(100% + var(--inf-gap)));}
.cart-informer.is-active {visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cart-informer.is-active ~ .blur-container {opacity: 1;visibility: visible;}
.cart-informer.type-3 {width: auto;display: table;}
.cart-informer.type-3 svg {color: var(--clr-primary);width: 1.125rem;height: 1.1875rem;}
.cart-informer.type-3 .cart-informer-inner {flex-direction: row;}
.cart-informer-inner {width: 100%;gap: var(--sp-16-10);display: flex;align-items: center;justify-content: space-between;}
.cart-informer-inner img {width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;-o-object-fit: contain;object-fit: contain;}
.cart-informer-inner .text {margin-right: auto;}
.blur-container {position: fixed;z-index: 2;inset: auto 0 0 0;pointer-events: none;width: 100vw;height: 20vh;opacity: 0;visibility: hidden;transition: var(--transition-1);}
.blur-container::before,
.blur-container::after {content: "";position: absolute;inset: 0;}
.blur-container::before {z-index: 1;-webkit-backdrop-filter: blur(0.5px);backdrop-filter: blur(0.5px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 37.5%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 12.5%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 37.5%);}
.blur-container::after {content: "";z-index: 8;-webkit-backdrop-filter: blur(36px);backdrop-filter: blur(36px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 87.5%, rgb(0, 0, 0) 100%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 87.5%, rgb(0, 0, 0) 100%);}
.blur {position: absolute;inset: 0;}
.blur:nth-of-type(1) {z-index: 2;-webkit-backdrop-filter: blur(1px);backdrop-filter: blur(1px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 12.5%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 50%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 12.5%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 37.5%, rgba(0, 0, 0, 0) 50%);}
.blur:nth-of-type(2) {z-index: 3;-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 37.5%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 62.5%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgb(0, 0, 0) 37.5%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 62.5%);}
.blur:nth-of-type(3) {z-index: 4;-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 37.5%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 75%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 37.5%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 75%);}
.blur:nth-of-type(4) {z-index: 5;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 62.5%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 87.5%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 62.5%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 87.5%);}
.blur:nth-of-type(5) {z-index: 6;-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62.5%, rgb(0, 0, 0) 75%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 62.5%, rgb(0, 0, 0) 75%, rgb(0, 0, 0) 87.5%, rgba(0, 0, 0, 0) 100%);}
.blur:nth-of-type(6) {z-index: 7;-webkit-backdrop-filter: blur(28px);backdrop-filter: blur(28px);-webkit-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgb(0, 0, 0) 87.5%, rgb(0, 0, 0) 100%);mask: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgb(0, 0, 0) 87.5%, rgb(0, 0, 0) 100%);}
@media (max-width: 1199px) {
.cart-informer-inner {flex-direction: column;}
.cart-informer-inner .text {text-align: center;margin-inline: auto;}
.blur-container {width: 100vw;height: 40vh;}
}
/*--------------------*/
/*  Checkout          */
/*--------------------*/
.cart-empty-sec {display: none;}
.cart-empty-sec .page-404 {padding-block: var(--sp-60-20);min-height: calc(100svh - var(--h-height));}
.cart-empty-message {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.cart-empty-message > * + * {margin-top: 0.75rem;}
.cart-empty-message > img + * {margin-top: 2.5rem;}
.cart-empty-message > * + .btn {margin-top: 1.25rem;}
.cart-empty-message img {width: 12.875rem;flex-shrink: 0;}
.checkout-sec {margin-top: var(--sp-40-20);margin-bottom: var(--sp-lg);}
.checkout-sec .toggle-block {display: none;}
.checkout-block {gap: 1.25rem;display: grid;grid-template-columns: repeat(2, 1fr);align-items: start;}
.checkout-column > * + * {margin-top: 1.25rem;}
.checkout-part {--pd: 1.875rem;--pd-top: 1.5rem;--gap: 1rem;position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--pd-top) var(--pd) var(--pd) var(--pd);}
.checkout-part:has(.checkout-products) {background-color: var(--clr-border);}
.checkout-part > * + * {margin-top: var(--gap);}
.checkout-part .thank-price-item + .thank-price-item {margin-top: 0.625rem;}
.checkout-part .thank-price .title {margin-bottom: 1.25rem;}
.checkout-title {gap: 0.625rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: 1.125rem;line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
.checkout-title span {--size: 2.5rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;line-height: var(--size);border-radius: 100%;background-color: var(--clr-grey);text-align: center;}
.checkout-products > * + * {margin-top: 0.625rem;}
.checkout-products .price-wrap {text-align: right;}
.checkout-message {--icon-size: 1.5rem;position: relative;width: 100%;min-height: 3.375rem;gap: 0.625rem;display: flex;align-items: center;flex-grow: 1;border-radius: 1rem;font-size: 0.875rem;line-height: 1.2em;font-weight: 400;color: var(--clr-text);padding: 0.5em 1.15em;}
.checkout-message img {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.checkout-message-info {border: 1px solid var(--clr-border);}
.checkout-message-error {background-color: var(--clr-red-2);}
.checkout-message b,
.checkout-message strong {font-weight: 500;color: var(--clr-title);}
.checkout-bonuses {--icon-size: 1.625rem;position: relative;gap: 0.625rem;display: flex;align-items: center;justify-content: center;border-radius: var(--rd-1);background-color: var(--clr-white);padding: 0.625rem;}
.checkout-bonuses img {display: inline-block;width: var(--icon-size);height: var(--icon-size);flex-shrink: 0;}
.checkout-bonuses .text .open-popup {transition: var(--transition-1);color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;}
.toggle-block-item {line-height: 0;}
.toggle-block-item .toggle-block {padding-top: 0.5rem;}
.input-button {position: relative;gap: 0.25rem;display: flex;}
.input-button .input-field {flex-grow: 1;}
.input-button .input-field.invalid .input {border-color: var(--clr-red);}
.input-button .input-field.invalid .input-error {display: block;}
.input-button .input-field.invalid .btn-close {display: block;}
.input-button .input-field.success .input-success {display: block;}
.input-button .input-field.success .btn-close {display: block;}
.input-button .btn {height: 3.125rem;}
.input-button input::-moz-placeholder {text-transform: initial;}
.input-button input::placeholder {text-transform: initial;}
.input-button .input {text-transform: uppercase;padding-right: 2.25rem;}
.input-button .btn-close {--bw: 2rem;position: absolute;z-index: 2;top: 0.5rem;right: calc(var(--int-pd) / 2);color: var(--clr-title);background-color: transparent;display: none;}
.checkout-controls {position: relative;gap: 1rem;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: space-between;padding-top: var(--gap);border-top: 1px solid #EEE7DE;}
.checkout-checkbox {gap: 0.625rem;display: flex;flex-direction: column;}
@media (min-width: 1200px) {
.checkout-part:has(.checkout-products) {position: sticky;z-index: 2;top: calc(var(--h-height) + 0.5rem);}
.checkout-bonuses .text .open-popup:hover {text-decoration-color: currentColor;}
.input-button .btn-close:hover {color: var(--clr-primary);}
}
@media (max-width: 1199px) {
.checkout-block {gap: 1.5rem;grid-template-columns: initial;}
.checkout-block .delivery-progress {order: 4;}
.checkout-column {display: contents;}
.checkout-column > * + * {margin-top: 0;}
.checkout-part:has(.checkout-products) {order: 2;}
.checkout-part:has(.thank-price) {order: 4;}
.checkout-bonuses {order: 3;}
}
@media (max-width: 991px) {
.input-button .btn {height: 2.5rem;padding: 0.5em 0.85em;}
.input-button .input {padding-right: 2rem;}
.input-button .btn-close {top: 0.25rem;right: calc(var(--int-pd) / 4);}
}
@media (max-width: 767px) {
.checkout-part {--pd: 0.75rem;--pd-top: 0.75rem;--gap: 0.75rem;border-radius: 1rem;}
.checkout-part .thank-price-item + .thank-price-item {margin-top: 0.375rem;}
.checkout-part .thank-price .title {margin-bottom: 0.5rem;}
.checkout-title {font-size: 1rem;}
.checkout-title span {--size: 2.125rem;font-size: 0.875rem;}
.checkout-message {--icon-size: 1.25rem;min-height: 3rem;font-size: 0.75rem;padding: 0.5em 1em;}
.checkout-controls {gap: 0.75rem;align-items: flex-start;flex-direction: column;}
.checkout-controls .btn {width: 100%;}
}
/*--------------------*/
/*  Thank You         */
/*--------------------*/
.thank-section {--sp-46-24: clamp(1.25rem, 0.1974rem + 2.193vw, 2.5rem);margin-top: var(--sp-46-24);}
.thank-entry {width: min(100%, 73.75rem);margin-inline: auto;}
.thank-entry > * + * {margin-top: 2.125rem;}
.thank-caption > * + * {margin-top: var(--sp-16-12);}
.thank-caption .text {width: min(100%, 46.25rem);margin-inline: auto;}
.thank-banner {position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;width: 100%;min-height: 16.25rem;padding: 1.5rem;border-radius: var(--rd-1);}
.thank-banner img {position: absolute;inset: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: inherit;}
.thank-banner .title {position: relative;z-index: 2;width: min(85%, 51.25rem);color: var(--clr-white);text-align: center;text-transform: uppercase;}
.thank-slider {position: relative;overflow: hidden;}
.thank-block {--pd: 1.5rem;--gap: 1rem;gap: 1.25rem;display: grid;grid-template-columns: 61.7% auto;}
.thank-items-wrap {position: relative;background-color: var(--bg-3);border-radius: var(--rd-1);padding-block: var(--pd);padding-inline: 1.875rem;}
.thank-items-wrap > * + * {margin-top: var(--gap);}
.thank-head {gap: 1rem;display: flex;justify-content: space-between;align-items: center;}
.thank-head .time {gap: 1rem;display: flex;align-items: center;flex-shrink: 0;}
.thank-head .time * {margin-top: 0;}
.thank-items {position: relative;overflow: hidden;transition: max-height 0.3s ease-in-out;}
.thank-items > * + * {margin-top: 0.625rem;}
.thank-items:not(.is-expanded) .js_product:nth-child(n+4) {opacity: 0;transform: translateY(-10px);transition: opacity 0.3s ease-in-out,transform 0.3s ease-in-out;}
.thank-items.is-expanded .js_product:nth-child(n+4) {opacity: 1;transform: translateY(0);transition: opacity 0.3s ease-in-out 0.1s,transform 0.3s ease-in-out 0.1s;}
.thank-items .prd-horiz:last-child {margin-bottom: 0.25rem;}
.thank-items .price-wrap {text-align: right;}
.thank-content > * + * {margin-top: 0.625rem;}
.thank-content .thank-price {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding-block: var(--pd);padding-inline: 1.875rem;}
.thank-info {position: relative;background-color: var(--clr-white);border-radius: var(--rd-1);padding-block: var(--pd);padding-inline: 1.875rem;}
.thank-price-item {gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;}
.thank-price-item + .thank-price-item {margin-top: 0.5rem;}
.thank-price-item p {font-size: var(--sp-16-13);line-height: 1.4em;font-weight: 400;color: var(--clr-plc);}
.thank-price-item p:last-child {color: var(--clr-title);}
.thank-price-item .price-promocode {color: #007C51;}
.thank-price .title {margin-bottom: 1rem;}
.thank-total-item p:first-child {color: var(--clr-title);}
.thank-total-item p:last-child {font-size: var(--h5);line-height: 1em;font-weight: 500;}
.thank-info {font-size: var(--text-sm);line-height: 1.4em;font-weight: 400;color: var(--clr-plc);}
.thank-info .title {font-size: var(--h6);line-height: 1.2em;font-weight: 500;color: var(--clr-title);}
.thank-info > * + * {margin-top: 0.375rem;}
.thank-info > .title + * {margin-top: 0.375rem;}
.thank-info > * + .title {margin-top: 1.25rem;}
@media (min-width: 768px) {
.thank-slider .view-slider .swiper-container {padding-inline: 0.25rem;}
.thank-block .prd-horiz-info {display: grid;grid-template-columns: 56.7% auto;align-items: center;align-self: inherit;}
.thank-block .prd-horiz-info > * + * {margin-top: 0;}
.thank-block .prd-horiz-content .prd-horiz-type {margin-top: var(--sp-16-10);}
.thank-block .prd-horiz-controls .stepper,
.thank-block .prd-horiz-controls .prd-horiz-qty {align-self: center;}
.thank-block .price-wrap {margin-left: auto;}
}
@media (min-width: 992px) {
.thank-content {position: sticky;z-index: 2;top: calc(var(--h-height) + 0.75rem);align-self: start;}
body:has(.h-info-hidden) .thank-content {top: calc(var(--h-height-true) + 0.75rem);}
}
@media (max-width: 991px) {
.thank-entry > * + * {margin-top: 1.5rem;}
.thank-banner {border-radius: 1rem;padding: 1rem;}
.thank-banner .title {font-size: 3rem;}
.thank-block {gap: 1.5rem;grid-template-columns: initial;}
.thank-items-wrap,
.thank-content .thank-price,
.thank-info {padding-inline: var(--pd);}
}
@media (max-width: 767px) {
.thank-caption .title {font-size: var(--h1);font-weight: 500;}
.thank-banner {min-height: 6.875rem;}
.thank-banner .title {font-size: var(--h1);}
.thank-slider {overflow: visible;}
.thank-block {--pd: 0.75rem;--gap: 0.75rem;}
.thank-block .price-wrap {margin-left: auto;}
.thank-block .prd-horiz-gift .price-wrap {margin-left: 0;justify-content: flex-start;}
.thank-items-wrap {border-radius: 1rem;}
.thank-price-item + .thank-price-item {margin-top: 0.375rem;}
.thank-price .title {margin-bottom: 0.5rem;}
.thank-info > .title + * {margin-top: 0.5rem;}
.thank-info > * + .title {margin-top: 0.75rem;}
}
/*--------------------*/
/*  Delivery          */
/*--------------------*/
.delivery-wrap + .delivery-wrap {margin-top: var(--sp-xl);}
.delivery-item > * + * {margin-top: var(--sp-32-16);}
.delivery-block {--count: 3;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-16-12);}
.delivery-block .item {background-color: var(--clr-white);border-radius: var(--rd-1);padding: var(--sp-20-10);height: 100%;}
.delivery-block .item > * + * {margin-top: 0.5rem;}
.delivery-block .item .delivery-icon {--size: 2rem;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;}
.delivery-block .item .delivery-icon + * {margin-top: var(--sp-12-8);}
.delivery-block .item .delivery-icon + .delivery-icon {margin-top: 0;margin-left: 0.25rem;}
@media (max-width: 767px) {
.delivery-block {--count: 2;}
.delivery-block .item .delivery-icon {--size: 1.625rem;}
}
/*--------------------*/
/*  Social            */
/*--------------------*/
.social {--size: 2.75rem;--gap: 0.5rem;}
.social > * + * {margin-top: 0.75rem;}
.social ul {gap: var(--gap);display: flex;align-items: center;flex-wrap: wrap;}
.social li {line-height: 0;}
.social a {position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: 100%;border: 2px solid rgba(255, 255, 255, 0.2);color: var(--clr-white);}
.social a > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1rem;height: 1rem;}
@media (min-width: 1200px) {
.social {--gap: 1rem;}
.social a:hover {border-color: var(--clr-white);background-color: var(--clr-white);color: var(--clr-primary);}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
footer {opacity: 1;margin-bottom: var(--sp-md);}
.footer-inner {position: relative;border-radius: var(--rd-1);background-color: var(--bg-1);padding-inline: max(1rem, 3.125vw);padding-block: max(1rem, 3.125vw) max(1rem, 1.05vw);}
.footer-inner > * + * {margin-top: 1.5rem;}
.footer-top {gap: 1.5rem;display: grid;}
.footer-info {text-align: center;}
.footer-info > * + * {margin-top: var(--sp-32-20);}
.footer-info .social ul {justify-content: center;}
.footer-logo {display: block;max-width: 14.75rem;width: 100%;margin-inline: auto;}
.footer-logo img {display: block;width: 100%;}
.footer-caption {position: relative;font-size: 0.875rem;line-height: 1.5em;font-weight: 500;letter-spacing: -0.02em;color: var(--clr-white);}
.pay-types {display: none;}
.footer-links-wrap {gap: 0.5rem;display: grid;}
.footer-links-wrap > * {position: relative;}
.footer-links-wrap > *:first-child .footer-caption {border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer-links > * + * {margin-top: var(--sp-16-10);}
.footer-links ul {display: none;}
.footer-links li {line-height: 0;}
.footer-links li + li {margin-top: 0.625rem;}
.footer-links a {font-size: var(--text-sm);line-height: 1.4em;letter-spacing: -0.02em;color: var(--clr-white-70);}
.footer-links .footer-caption {gap: 0.75rem;display: flex;align-items: center;justify-content: space-between;padding-block: 0.75rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-links .footer-caption::after {content: "";display: inline-block;width: 1rem;height: 1rem;flex-shrink: 0;transition: var(--transition-1);background-repeat: no-repeat;background-size: 100% 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.4735 5.80609C12.4116 5.7436 12.3378 5.694 12.2566 5.66016C12.1753 5.62631 12.0882 5.60889 12.0002 5.60889C11.9122 5.60889 11.8251 5.62631 11.7438 5.66016C11.6626 5.694 11.5888 5.7436 11.5269 5.80609L8.47354 8.85942C8.41156 8.9219 8.33783 8.9715 8.25659 9.00535C8.17535 9.03919 8.08821 9.05662 8.0002 9.05662C7.9122 9.05662 7.82506 9.03919 7.74382 9.00535C7.66258 8.9715 7.58884 8.9219 7.52687 8.85942L4.47354 5.80609C4.41156 5.7436 4.33783 5.694 4.25659 5.66016C4.17535 5.62631 4.08821 5.60889 4.0002 5.60889C3.91219 5.60889 3.82506 5.62631 3.74382 5.66016C3.66258 5.694 3.58884 5.7436 3.52687 5.80609C3.4027 5.93099 3.33301 6.09996 3.33301 6.27609C3.33301 6.45221 3.4027 6.62118 3.52687 6.74609L6.58687 9.80609C6.96187 10.1806 7.4702 10.391 8.0002 10.391C8.5302 10.391 9.03854 10.1806 9.41354 9.80609L12.4735 6.74609C12.5977 6.62118 12.6674 6.45221 12.6674 6.27609C12.6674 6.09996 12.5977 5.93099 12.4735 5.80609Z' fill='white'/%3E%3C/svg%3E");}
.footer-links .footer-caption.is-active::after {transform: rotateX(180deg);}
.footer-contacts > * + * {margin-top: var(--sp-20-12);}
.footer-contact > * + * {margin-top: 0.25rem;}
.footer-contact > .footer-caption + * {margin-top: 0.25rem;}
.footer-contact a {gap: 0.25rem;display: flex;align-items: center;width: -moz-fit-content;width: fit-content;font-size: var(--text-sm);line-height: 1.4em;letter-spacing: -0.02em;color: var(--clr-white-70);}
.footer-contact a:is(img, svg) {display: inline-block;width: 1em;height: 1em;flex-shrink: 0;}
.footer-bottom {gap: var(--sp-12-8);display: flex;flex-direction: column;text-align: center;justify-content: center;}
.footer-copy,
.dev-link {font-size: 0.75rem;line-height: 1.2em;letter-spacing: -0.02em;color: rgba(255, 255, 255, 0.4);}
.dev-link {gap: 0.25rem;display: inline-flex;align-items: center;justify-content: center;}
.dev-link img {display: inline-block;width: 4.875rem;flex-shrink: 0;}
@media (min-width: 768px) {
.footer-inner > * + * {margin-top: 2rem;}
.footer-top {gap: 2rem;}
.footer-links-wrap {gap: 1.25rem;grid-template-columns: repeat(3, 1fr);}
.footer-links-wrap > *:first-child .footer-caption {padding: 0;border: none;}
.footer-links ul {display: block;}
.footer-links li + li {margin-top: 0.75rem;}
.footer-links .footer-caption {padding: 0;border: none;}
.footer-links .footer-caption::after {content: none;}
.footer-contacts {gap: 1.25rem;display: grid;grid-template-columns: repeat(3, 1fr);}
.footer-contacts > * + * {margin-top: 0;}
.footer-contact > .footer-caption + * {margin-top: var(--sp-16-12);}
.footer-copy,
.dev-link {font-size: 0.875rem;}
}
@media (min-width: 1200px) {
.footer-inner > * + * {margin-top: 2.5rem;}
.footer-top {gap: 5.2vw;grid-template-columns: repeat(3, auto);}
.footer-info {text-align: left;}
.footer-info .social ul {justify-content: start;}
.footer-logo {max-width: 19.25rem;margin-inline: 0;}
.footer-caption {font-size: var(--h6);line-height: 1.2em;}
.pay-types {gap: 0.625rem;display: flex;align-items: center;flex-wrap: wrap;}
.pay-types img {display: inline-block;width: 2.875rem;flex-shrink: 0;}
.footer-links-wrap {gap: 5.2vw;order: 1;}
.footer-links li + li {margin-top: 1rem;}
.footer-contacts {display: block;}
.footer-contacts > * + * {margin-top: var(--sp-20-12);}
.footer-bottom {flex-direction: row;justify-content: space-between;}
.footer-copy,
.dev-link {font-size: 1rem;}
a.footer-logo:hover {opacity: 0.75;}
.footer-contact a:hover,
.footer-links a:hover,
a.dev-link:hover {color: var(--clr-white);}
}
/*--------------------*/
/*  Popups            */
/*--------------------*/
.popup-wrapper {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;display: block;}
.popup-wrapper .bg-layer {position: absolute;left: 0;right: 0;top: -6.25rem;bottom: -6.25rem;background: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));opacity: 0;transition: opacity var(--transition-1);}
.popup-wrapper.active {left: 0;transition-delay: 0s;}
.popup-wrapper.active .bg-layer {opacity: 1;}
.popup-content {position: absolute;inset: 0;font-size: 0;text-align: center;letter-spacing: 0;padding: 16px var(--sp-16-12);overflow: auto;-webkit-overflow-scrolling: touch;backface-visibility: hidden;opacity: 0;visibility: hidden;transform: translateY(6.25rem);transition: var(--transition-1);}
.popup-content.active {transform: translateY(0%);opacity: 1;visibility: visible;}
.popup-content:after {content: "";display: inline-block;vertical-align: middle;height: 100%;}
.popup-content .layer-close {position: absolute;left: 0;top: 0;bottom: 0;right: 0;height: 100vh;min-height: 100vh;}
.popup-content .btn-group > * {padding: 0 0.375rem;}
.popup-content .btn-group .btn {width: 100%;}
.popup-container {position: relative;display: inline-block;vertical-align: middle;width: 100%;max-width: 50.375rem;background: var(--clr-white);border-radius: var(--rd-1);overflow: hidden;}
.popup-container.size-2 {max-width: 33.5rem;}
.popup-container.size-3 {max-width: 77.375rem;}
.popup-container .btn-close {position: absolute;z-index: 10;top: var(--sp-20-10);right: var(--sp-20-10);}
.popup-align {position: relative;z-index: 1;padding: var(--sp-60-20);}
.popup-info > * + * {margin-top: var(--sp-24-12);}
.popup-info .popup-img {max-width: 15rem;margin-inline: auto;}
.popup-info .popup-img + * {margin-top: var(--sp-40-20);}
.popup-info .popup-text > * + * {margin-top: var(--sp-16-10);}
.popup-info .popup-tab-nav {display: flex;align-items: center;justify-content: center;gap: var(--sp-16-12);margin-bottom: var(--sp-40-20);}
.popup-info .popup-tab-nav.reverse {flex-direction: row-reverse;}
.popup-info .popup-tab-item:not(.btn) {cursor: pointer;font-size: var(--h3);font-weight: 600;line-height: 1;color: var(--clr-plc);transition: var(--transition-1);}
.popup-info .popup-tab-item:not(.btn).is-active {pointer-events: none;color: var(--clr-title);}
.popup-info .popup-tab:nth-child(1 of ._tab) {display: block;}
.popup-info .tab-nav-wrap {display: flex;align-items: center;justify-content: center;gap: 0.25rem;margin-bottom: var(--sp-24-12);}
.popup-info .tab-nav-wrap .popup-tab-nav {gap: 0.25rem;margin-bottom: 0;width: 66%;}
.popup-info .tab-nav-wrap .popup-tab-nav .btn {width: calc(50% - 0.125rem);}
.popup-info .tab-nav-wrap .popup-tab-nav .btn svg {width: 1rem;height: 1rem;}
.popup-info .tab-nav-wrap .btn {padding-inline: 0.625rem;width: calc(34% - 0.125rem);gap: 0.375rem;}
.popup-info .tab-nav-wrap .popup-tab-item.is-active {color: var(--clr-primary);background-color: var(--clr-border);}
.popup-info .form-block {overflow: hidden;}
.popup-info .form-block .separator-or {margin-block: 1.25rem 0.625rem;}
.popup-info .form-block .mt-24 {margin-top: var(--sp-24-12);}
.popup-info .form-block .mt-14 {margin-top: var(--sp-14-12);}
.popup-info .form-block .popup-tabs {margin-bottom: 0;}
.popup-info .text {color: var(--clr-plc);}
.popup-info .text .open-popup {color: var(--clr-primary);cursor: pointer;transition: var(--transition-1);}
.popup-info .text .text-count {color: var(--clr-primary);}
.popup-info .text.resend-code {display: none;color: var(--clr-primary);cursor: pointer;transition: var(--transition-1);}
.popup-info .review-product {display: flex;align-items: center;justify-content: center;gap: var(--sp-24-12);margin-bottom: var(--sp-14-12);}
.popup-info .comment-stars {display: inline-flex;}
.popup-info .comment-stars .stars-selected {pointer-events: none;cursor: auto;}
.popup-info .comment-stars .select-icon {position: relative;width: clamp(1rem, 0.3924rem + 1.2658vw, 1.5rem);height: clamp(1rem, 0.3924rem + 1.2658vw, 1.5rem);display: inline-block;background-size: cover;background-position: center;background-repeat: no-repeat;cursor: pointer;transition: var(--transition-1);margin-right: clamp(0.25rem, -0.0538rem + 0.6329vw, 0.5rem);}
.popup-info .comment-stars .select-icon.icon-star {background-image: url(../img/icons/star-selected.svg);}
.popup-info .comment-stars .select-icon.icon-star-empty {background-image: url(../img/icons/star-empty.svg);}
.popup-info .prd-horiz {box-shadow: none;border: 1px solid var(--clr-border);}
.popup-info .prd-horiz .checkout-message-error {text-align: left;}
.open-popup {cursor: pointer;}
.popup-catalog .popup-align {padding: 0;}
.popup-catalog .top-block {position: relative;padding: var(--sp-24-12);background-color: var(--bg-2);}
.popup-catalog .top-block > * + * {margin-top: var(--sp-24-12);}
.popup-catalog .top-info {display: flex;align-items: center;justify-content: space-between;gap: var(--sp-16-10);}
.popup-catalog .top-info .btn-close {background-color: var(--clr-white);position: relative;top: auto;right: auto;}
.popup-catalog .middle-block {position: relative;padding: var(--sp-20-12);display: flex;align-items: center;justify-content: space-between;gap: var(--sp-16-10);border-bottom: 2px solid var(--clr-border);}
.category-popup {--count: 6;display: grid;grid-template-columns: repeat(var(--count), 1fr);gap: var(--sp-10-8);}
.category-popup.count-5 {--count: 5;}
.category-popup.size-2 .category-item {padding: var(--sp-16-10);text-align: left;}
.category-popup.size-2 .category-item .title {font-size: 0.875rem;}
.popup-list-category {--items: 4;position: relative;padding: var(--sp-24-12);display: grid;grid-template-columns: repeat(var(--items), 1fr);gap: var(--sp-32-20) var(--sp-32-12);}
.popup-list-category .list-item {text-align: left;}
.popup-list-category .list-item > * + * {margin-top: var(--sp-16-10);}
.popup-list-category .list-item .title {display: block;font-size: var(--text-sm);font-weight: 500;color: var(--clr-title);}
.popup-list-category .list-item .title + * {margin-top: 0.5rem;}
.popup-list-category .list-item ul li {line-height: 0;}
.popup-list-category .list-item ul a {font-size: var(--sp-14-13);line-height: 1.7;font-weight: 400;color: var(--clr-text);}
.popup-list-category.type2 {display: block;}
.popup-list-category.type2 ul {-moz-columns: var(--items);columns: var(--items);-moz-column-gap: var(--sp-32-20) var(--sp-32-12);column-gap: var(--sp-32-20) var(--sp-32-12);}
.popup-list-category.type2 ul li {line-height: 0;}
.popup-list-category.type2 ul li + li {margin-top: var(--sp-10-8);}
.popup-list-category.type2 ul a {font-size: clamp(0.8125rem, 0.5847rem + 0.4747vw, 1rem);color: var(--clr-title);}
@media (min-width: 1200px) {
.popup-list-category a.title:hover,
.popup-list-category .list-item li a:hover {color: var(--clr-primary);}
.popup-info .text .open-popup:hover {color: var(--clr-title);}
.popup-info .popup-tab-item:not(.btn):hover {color: var(--clr-title);}
.popup-info .resend-code:hover {color: var(--clr-title);}
}
@media (max-width: 1199px) {
.category-popup {--count: 4;}
.category-popup.count-5 {--count: 4;}
.popup-list-category {--items: 3;}
}
@media (max-width: 991px) {
.category-popup.count-5 {--count: 3;}
}
@media (max-width: 767px) {
.popup-align {padding: 2rem 0.75rem;}
.popup-info .popup-img {max-width: 30%;}
.category-popup {--count: 3;}
.category-popup.size-2 .category-item {text-align: center;}
.popup-list-category {--items: 2;}
}
/*--------------------*/
/*  Informer          */
/*--------------------*/
.informer {--inf-pd: var(--sp-24-12);--inf-gap: var(--sp-20-12);overflow: hidden;position: fixed;z-index: 98;width: calc(100% - var(--inf-gap) * 2);padding: var(--inf-pd);border-radius: var(--rd-1);background-color: var(--clr-white);opacity: 0;visibility: hidden;display: block;text-align: center;box-shadow: var(--box-shadow-small);transition: var(--transition-1);}
.informer.is-active {opacity: 1;visibility: visible;transform: translate(0%, 0%);}
.informer > * + * {margin-top: var(--sp-12-8);}
.informer .btn svg {width: 1em;height: 1em;}
.informer-img {position: relative;pointer-events: none;z-index: 1;display: block;padding-top: 53%;border-radius: var(--rd-1);overflow: hidden;width: calc(100% + var(--inf-pd) * 2);margin: calc(-1 * var(--inf-pd));margin-bottom: var(--inf-pd);}
.informer-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.informer-close {position: absolute;z-index: 10;top: var(--sp-16-10);right: var(--sp-16-10);}
.promotional-informer {max-width: 28.25rem;bottom: var(--inf-gap);right: var(--inf-gap);transform: translate(calc(100% + var(--inf-gap)), 0%);}
@media (max-width: 575px) {
.promotional-informer {max-width: 100%;}
}
/*--------------------*/
/*  Cookies           */
/*--------------------*/
.cookies-informer {--cookie-pd: var(--sp-16-12);--cookie-gap: var(--sp-20-12);position: fixed;bottom: var(--cookie-gap);left: var(--cookie-gap);transform: translate(0%, 100%);max-width: min(100%, 18.125rem);width: calc(100% - var(--cookie-gap));padding: var(--cookie-pd);padding-right: calc(var(--cookie-pd) * 3);border-radius: var(--rd-1);background: var(--clr-white);box-shadow: var(--box-shadow-small);opacity: 0;visibility: hidden;backface-visibility: hidden;transition: var(--transition-1);display: block;}
.cookies-informer .btn-close {position: absolute;top: 0.5rem;right: 0.5rem;}
.cookies-informer.active {z-index: 500;visibility: visible;opacity: 1;transform: translate(0%, 0%);}
.cookies-informer-inner {width: 100%;}
.cookies-informer-inner > * + * {margin-top: var(--sp-12-8);}
.cookies-btn-wrap {display: flex;align-items: center;}
.cookies-btn-wrap .btn-white {background-color: transparent;}
/*--------------------*/
/*  404               */
/*--------------------*/
.page-404 {margin: 0;padding-top: var(--sp-60-20);width: 100%;display: flex;align-items: center;justify-content: center;}
.page-404-inner .text {margin-top: 1rem;}
.page-404-inner .btn {margin-top: 1.5rem;}
.page-404-img {display: block;}
.page-404-img img {width: 100%;}
@media (max-width: 767px) {
.page-404-inner {text-align: center;}
.page-404-inner .text {margin-top: 0.75rem;}
.page-404-inner .btn {margin-top: 1rem;}
}
* + .prd-favorite-controls {margin-top: 1.5625rem;}
.prd-favorite-controls {position: relative;padding: var(--sp-20-12) var(--sp-24-12);border-radius: var(--rd-1);background-color: var(--clr-white);display: grid;grid-template-columns: 1fr auto auto;align-items: center;gap: var(--sp-40-20);}
.prd-favorite-controls__info {display: flex;flex-direction: column;align-items: flex-start;gap: 0.25rem;min-width: 0;}
.prd-favorite-controls__count {font-size: var(--sp-16-12);line-height: 1.3;color: var(--clr-title);}
.prd-favorite-controls__bonus {display: flex;align-items: center;gap: 0.25rem;font-size: var(--sp-14-12);line-height: 1.3;}
.prd-favorite-controls__bonus img {flex: 0 0 22px;}
.prd-favorite-controls__bonus b {font-weight: 400;color: var(--clr-plc);}
.prd-favorite-controls__price {display: flex;flex-direction: column;align-items: flex-end;gap: 0.25rem;white-space: nowrap;}
.prd-favorite-controls__price .price-old {display: flex;align-items: center;justify-content: flex-end;gap: 0.375rem;}
.prd-favorite-controls__price .old {color: var(--clr-plc);font-size: var(--sp-14-12);line-height: 1;text-decoration: line-through;font-weight: 400;}
.prd-favorite-controls__price .discount {font-size: var(--sp-10-8);line-height: 1;color: var(--clr-white);background: var(--clr-red);border-radius: 0.25rem;padding: 0.125rem 0.25rem;font-weight: 400;}
.prd-favorite-controls__price .current {font-size: var(--h5);line-height: 1.1;font-weight: 500;}
.prd-favorite-controls__actions {display: flex;align-items: center;gap: var(--sp-10-8);}
.prd-favorite-controls__actions .btn {min-height: 2.625rem;white-space: nowrap;}
.section-favorite-links .fl-products {gap: 0.5rem;display: grid;}
@media (min-width: 1200px) {
.section-favorite-links .fl-products {grid-template-columns: repeat(5, 1fr);}
}
@media (max-width: 1199px) {
.section-favorite-links .fl-products {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 991px) {
.section-favorite-links .fl-products {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 767px) {
.section-favorite-links .fl-products {grid-template-columns: repeat(2, 1fr);}
.section-favorite-links .prd-favorite-controls {flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: center;}
.section-favorite-links .prd-favorite-controls__info {width: 46%;}
.section-favorite-links .prd-favorite-controls__price {width: 46%;}
.prd-favorite-controls {flex-direction: column;display: flex;align-items: flex-start;}
.prd-favorite-controls__actions {width: 100%;}
.prd-favorite-controls__actions > * {flex: auto;}
}
.cbn-row > .col-xl-2 {width: 19%;}
.cbn-row > .col-xl-10 {width: 81%;}
.cbn-row .cbn-menu {min-height: calc(96vh - var(--h-height) - var(--sp-xl));}
.cbn-sec__header {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 0.9375rem;margin-bottom: 1.5625rem;}
/*--------------------*/
/*  Cabinet Menu      */
/*--------------------*/
.cbn-menu {--cbn-icon: 1rem;--cbn-fz: 1rem;--cbn-clr: #FDA900;display: none;padding: 2.5rem 1.875rem 0.625rem;background-color: var(--bg-1);border-radius: 1.5625rem;}
.cbn-menu ul {display: flex;flex-direction: column;margin-bottom: 1.5625rem;gap: 0.25rem;}
.cbn-menu li {line-height: 0;}
.cbn-menu li svg {color: var(--clr-white);}
.cbn-menu li a {color: var(--clr-white);}
.cbn-menu_footer {border-top: 0.09375rem solid rgba(255, 255, 255, 0.3);margin-top: auto;}
.cbn-menu-overlay {display: none;}
.cbn-item {position: relative;cursor: pointer;display: flex;align-items: center;gap: 0.625rem;font-size: var(--cbn-fz);line-height: calc(var(--cbn-icon) * 1.1);font-weight: 400;color: var(--clr-white);transition: var(--transition-1);padding: 1rem 1.25rem;border-radius: var(--cbn-fz);}
.cbn-item svg {display: inline-block;width: var(--cbn-icon);height: var(--cbn-icon);flex-shrink: 0;}
.cbn-item b {display: inline-block;font-weight: 500;}
.cbn-item.is-active {pointer-events: none;background-color: rgba(255, 255, 255, 0.1);}
.user-stats {gap: 0.75rem;display: flex;flex-direction: column;align-items: center;}
.user-stats + * {margin-top: 1.875rem;}
.user-img {--size: 4rem;position: relative;display: inline-block;width: var(--size);height: var(--size);flex-shrink: 0;border-radius: 100%;background-color: var(--clr-white);color: var(--clr-primary);}
.user-img > * {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1.875rem;height: 1.875rem;max-width: 60%;max-height: 60%;}
.user-info {align-self: center;}
.user-info > * {color: var(--clr-white);}
.user-bonus {border: 0.09375rem solid rgba(255, 255, 255, 0.3);width: 100%;border-radius: 1rem;display: flex;align-items: center;justify-content: space-between;color: var(--clr-white);padding: 0.75rem 1rem;font-size: 0.875rem;}
.user-bonus .icon {background-color: var(--cbn-clr);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.user-bonus .icon svg {width: 12px;height: 12px;}
.user-bonus_text {gap: 0.625rem;display: flex;align-items: center;color: var(--clr-white);}
.user-bonus b {font-weight: 500;}
.use-books {position: relative;padding-inline: 1rem;font-size: 0.875rem;line-height: 1.5;color: var(--clr-primary);cursor: pointer;font-weight: 400;margin-right: auto;}
.fl-select {position: relative;z-index: 10;font-size: var(--text-sm);line-height: 1.25em;color: var(--clr-text);display: flex;align-items: center;gap: 0.5rem;cursor: pointer;min-height: 3.125rem;padding: 0 0.9375rem 0 1.25rem;}
.fl-select.is-active::before {opacity: 1;transition: opacity var(--transition-1);}
.fl-select.is-active .fl-select-list {opacity: 1;visibility: visible;transition: var(--transition-1);}
.fl-select.is-active .fl-select-title {border-color: var(--clr-secondary);}
.fl-select.is-active .fl-select-title svg {transform: scale(1, -1);transition: transform var(--transition-1);}
.fl-select-title {cursor: pointer;gap: 0.5rem;display: flex;align-items: center;justify-content: space-between;color: var(--clr-black);}
.fl-select-title svg {width: 1em;height: 1em;}
.fl-select-list {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding: 4px 20px;min-width: -moz-max-content;min-width: max-content;opacity: 0;visibility: hidden;box-shadow: var(--box-shadow-small);background-color: #fff;border-radius: 1rem;}
.fl-select-list input {display: none;}
.fl-select-list > * {cursor: pointer;display: block;white-space: nowrap;padding-block: 0.75rem;transition: var(--transition-1);}
.fl-select-list > *:not(:last-child) {border-bottom: 1px solid var(--clr-border);}
.fl-select-list label:has(input:checked) {pointer-events: none;color: var(--clr-secondary);}
@media (min-width: 1200px) {
.fl-select-list label:hover {color: var(--clr-primary);}
.use-books:hover {color: var(--clr-white);}
}
@media (max-width: 991px) {
.fl-select-wrap {font-size: 0;}
}
@media (max-width: 575px) {
.fl-select-wrap {width: 100%;order: -1;}
.fl-select,
.fl-select-title {width: 100%;}
}
@media (min-width: 1200px) {
.cbn-menu-mobile {display: none;}
.cbn-item:hover {background-color: rgba(255, 255, 255, 0.1);}
.cbn-menu {display: flex;flex-direction: column;position: sticky;top: calc(var(--h-height) + 1.25rem);transition: var(--transition-1);}
body:has(.h-info-hidden) .cbn-menu {top: calc(var(--h-height-true) + 1.25rem);}
}
@media (max-width: 1440px) {
.cbn-row > .col-xl-2 {width: 23%;}
.cbn-row > .col-xl-10 {width: 77%;}
}
@media (max-width: 1199px) {
.cbn-menu-mobile {position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;left: -100%;transition-delay: 0.3s;}
.cbn-menu-mobile.-isactive {left: 0;transition-delay: 0s;}
.cbn-menu-mobile.-isactive .bg-layer {opacity: 1;}
.cbn-menu-mobile .cbn-menu {display: flex;position: fixed;left: 0;top: 0;bottom: 0;z-index: 111;border-radius: 0;flex-direction: column;transform: translateX(-100%);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.cbn-menu-mobile.is-active {display: block;}
.cbn-menu-mobile.is-active .cbn-menu {opacity: 1;visibility: visible;transform: translateX(0%);}
.cbn-menu-mobile.is-active .cbn-menu + .cbn-menu-overlay {opacity: 1;visibility: visible;}
.cbn-menu-mobile.is-active .cbn-menu-overlay {display: block;transition: var(--transition-1);opacity: 0;visibility: hidden;position: fixed;z-index: 110;position: fixed;left: 0;top: 0;bottom: 0;width: 100%;background: var(--bg-overlay);-webkit-backdrop-filter: blur(var(--blur));backdrop-filter: blur(var(--blur));}
.cbn-row {flex-direction: column;}
.cbn-row .cbn-menu {display: none;}
.cbn-row > .col-xl-10 {width: 100%;}
}
@media (max-width: 767px) {
.cbn-sec {margin-top: 0;padding-top: 1.5rem;}
.cbn-sec .cbn-row > * {width: 100%;}
.cbn-sec .fl-select {height: 2.125rem;min-height: 2.125rem;font-size: 0.875rem;background-color: #fff;border-radius: 1rem;width: auto;color: var(--clr-text);}
.cbn-sec .fl-select svg {min-width: 1rem;height: 1rem;}
.cbn-sec .fl-select-title {width: 100%;}
.cbn-sec .fl-select-list {top: 130%;min-width: 100%;}
.cbn-sec__header {margin-bottom: 0.9375rem;}
}
@media (max-width: 575px) {
.cbn-sec .fl-select {width: 100%;}
}