/*----------------------------------------*/
/*  Root Data
/*----------------------------------------*/
:root {
	/* YB Font Family */
	--yb-ff-body: 'Inter', sans-serif;
	--yb-ff-heading: 'Inter', sans-serif;
	--yb-ff-fontawesome: "Font Awesome 6 Pro";
}

/*----------------------------------------*/
/*  1. Default
/*----------------------------------------*/
@font-face {font-family: 'Inter';src: url('../fonts/inter-200.woff2') format('woff2');font-style: normal;font-weight: 200;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/inter-400.woff2') format('woff2');font-style: normal;font-weight: 400;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/inter-600.woff2') format('woff2');font-style: normal;font-weight: 600;font-display: swap;}
@font-face {font-family: 'Inter';src: url('../fonts/inter-800.woff2') format('woff2');font-style: normal;font-weight: 800;font-display: swap;}

*, ::after, ::before {
    box-sizing: border-box;
}

a,
button,
p,
input,
select,
textarea,
li {
	transition: all 0.2s ease-in-out;
}

a:hover {
	color: var(--yb-theme-primary);
	text-decoration: none;
}

a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

p {
	font-size: 18px;
	line-height: 1.2;
	font-weight: 400;
	font-family: var(--yb-ff-body);
	color: var(--yb-color-900);
}


.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	position: fixed !important;
	top: 8px;
	left: 8px;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 12px 16px;
	margin: 0;
	overflow: visible;
	clip: auto;
	clip-path: none;
	white-space: normal;
	border-radius: 8px;
	background: var(--yb-color-0, #ffffff);
	box-shadow: 0 12px 30px rgba(17, 24, 39, 0.12);
	color: var(--yb-color-900, #1d1d1d);
}


/*----------------------------------------*/
/*  Checkbox
/*----------------------------------------*/
.checkbox {
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	gap: 10px;
	min-height: 24px;
	margin: 0;
	color: var(--yb-color-700);
	cursor: pointer;
	user-select: none;
}

.checkbox__input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.checkbox__box {
	position: relative;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--yb-color-200);
	border-radius: 4px;
	background: var(--yb-color-0, #fefefe);
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.checkbox__box::before {
	content: "";
	width: 16px;
	height: 16px;
	opacity: 0;
	background: var(--yb-color-0, #fefefe);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.1L7.65 11.7L13.25 5.95' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.1L7.65 11.7L13.25 5.95' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: opacity 0.2s ease;
}

.checkbox__text {
	display: block;
}

.checkbox:hover .checkbox__box {
	border-color: var(--yb-color-300);
}

.checkbox__input:checked + .checkbox__box {
	background: var(--yb-color-900, #1d1d1d);
	border-color: var(--yb-color-900, #1d1d1d);
}

.checkbox__input:checked + .checkbox__box::before {
	opacity: 1;
}

.checkbox__input:focus-visible + .checkbox__box {
	outline: 2px solid var(--yb-theme-primary);
	outline-offset: 3px;
}

.checkbox a:hover {
	color: var(--yb-theme-primary);
}

.opacity-10 {
	opacity: 0.1;
}

.invert-1 {
	filter: invert(1);
}

.topbar {
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
	padding: 7px 0;
}

.category-tag {
	display: inline-flex;
	padding: 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 25px;
	border: 1px solid var(--yb-color-100, #DFDFDF);
	background: var(--yb-color-0, #FEFEFE);
	color: var(--yb-color-900);
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	position: relative;
}
.category-tag .dot {
	width: 6px;
	height: 6px;
	background: #45A557;
	border-radius: 50%;
}

.sec-1-services {
	padding-top: 86px;
}

.cilent-word-wide-content {
	border-radius: 8px;
	background: rgba(254, 254, 254, 0.6);
	backdrop-filter: blur(4px);
	padding: 20px;
}
.cilent-word-wide-content .avatar {
	width: 56px;
	height: 56px;
	margin-left: -25px;
	border-radius: 86.296px;
	border: 3.5px solid var(--yb-color-0);
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.cilent-word-wide-content .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}
.cilent-word-wide-content .avatar:first-child {
	margin-left: 0;
}
.cilent-word-wide-content .avatar:hover {
	transform: translateY(-2px);
}

.bg-coating {
	position: relative;
}
.bg-coating::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(0px);
	z-index: 1;
}

.fill-primary path {
	fill: var(--yb-theme-primary);
}

.block-author .avatar {
	margin-right: -22px;
	width: 64px;
	height: 64px;
	border-radius: 100px;
	border: 4px solid var(--yb-common-white);
}
.block-author .avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}
.block-author :nth-last-child(1) {
	margin-right: 0;
}

.yb-brand-area {
	position: relative;
	padding: 50px 0;
	border-top: 1px solid var(--yb-color-100);
	border-bottom: 1px solid var(--yb-color-100);
}
.yb-brand-area::before {
	position: absolute;
	content: "";
	width: 230px;
	height: 100%;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--yb-color-0) 100%);
	left: 0;
	top: 0;
	z-index: 3;
}
.yb-brand-area::after {
	position: absolute;
	content: "";
	width: 230px;
	height: 100%;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--yb-color-0) 100%);
	right: 0;
	top: 0;
	z-index: 3;
	transform: rotate(-180deg);
}




.swiper-button-wrapper {
	display: flex;
	gap: 10px;
}

.swiper-btn-next,
.swiper-btn-prev {
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	background-color: var(--yb-color-150);
	transition: all 0.2s ease-in-out;
	color: var(--yb-main);
}
.swiper-btn-next::after,
.swiper-btn-prev::after {
	content: "";
}
.swiper-btn-next:hover,
.swiper-btn-next :active,
.swiper-btn-prev:hover,
.swiper-btn-prev :active {
	color: var(--yb-main);
	background-color: var(--yb-color-200);
	transition: all 0.2s ease-in-out;
}

.swiper-pagination {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 5px 8px;
	align-items: center;
	left: 50% !important;
	width: unset !important;
	gap: 5px;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(1px);
	transform: translateX(-50%);
}
.swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	text-align: center;
	line-height: 8px;
	font-size: 12px;
	color: var(--yb-color-900);
	opacity: 1;
	background-color: var(--yb-color-0);
}
.swiper-pagination .swiper-pagination-bullet-active {
	color: var(--yb-color-900);
	background-color: var(--yb-color-900);
}

.pagination {
	display: flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin-top: 70px;
	padding: 0;
}
.pagination .pagination_item {
	background: var(--yb-color-0);
	border-radius: 50%;
	border: 1px solid var(--yb-color-100);
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--yb-fs-lg);
	font-weight: 600;
	text-transform: uppercase;
	color: var(--yb-color-900);
	transition: all 0.3s ease-in-out;
}
.pagination .pagination_item svg path {
	fill: var(--yb-color-900) !important;
}
.pagination .pagination_item:hover {
	color: var(--yb-color-0) !important;
	background: var(--yb-color-900) !important;
	border-color: var(--yb-color-900) !important;
}
.pagination .pagination_item:hover svg path {
	fill: var(--yb-color-0) !important;
}
.pagination .pagination_item:focus {
	box-shadow: none;
	background-color: var(--yb-color-900) !important;
	border-color: var(--yb-color-900);
	color: var(--yb-color-0) !important;
}
.pagination .pagination_item:focus svg path {
	fill: var(--yb-color-0) !important;
}
.pagination .pagination_item.current {
	color: var(--yb-color-0) !important;
	background: var(--yb-color-900) !important;
	border-color: var(--yb-color-900) !important;
}
.pagination .pagination_item.current svg path {
	fill: var(--yb-color-0) !important;
}

.slider-testimonial-thumbs .swiper-wrapper {
	display: flex;
	justify-content: center;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(1) {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -200px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(2) {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -100px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(3) {
	position: relative;
	z-index: 5;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(4) {
	position: absolute;
	z-index: 4;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 100px;
}
.slider-testimonial-thumbs .swiper-slide:nth-child(5) {
	position: absolute;
	z-index: 3;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
	margin-left: 200px;
}
@media (max-width: 574.98px) {
	.slider-testimonial-thumbs .swiper-slide:nth-child(1) {
	margin-left: -95px;
	}
	.slider-testimonial-thumbs .swiper-slide:nth-child(2) {
	margin-left: -45px;
	}
	.slider-testimonial-thumbs .swiper-slide:nth-child(4) {
	margin-left: 45px;
	}
	.slider-testimonial-thumbs .swiper-slide:nth-child(5) {
	margin-left: 95px;
	}
}
.slider-testimonial-thumbs .swiper-slide {
	width: 150px !important;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 574.98px) {
	.slider-testimonial-thumbs .swiper-slide {
	width: 70px !important;
	height: 70px;
	}
}
.slider-testimonial-thumbs .swiper-slide.swiper-slide-thumb-active .avatar-thumbnail {
	transform: scale(1.05);
	transition: all 0.3s ease-in-out;
}

.image-slider {
	border-radius: 16px;
	overflow: hidden;
	background: var(--yb-color-100, #DFDFDF);
}

.avatar-thumbnail {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	border: 8px solid var(--yb-color-0);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.avatar-thumbnail {
	width: 120px;
	height: 120px;
	}
}
@media (max-width: 574.98px) {
	.avatar-thumbnail {
	width: 60px;
	height: 60px;
	border-width: 4px;
	}
}

/* Text Truncation */
.text-truncate-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 1.5em;
}

.text-truncate-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 3em;
}

.text-truncate-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 4.5em;
}

.text-truncate-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 6em;
}

.text-truncate-5 {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 8em;
}

.yb-image-hover .content {
	opacity: 0;
	transition: all 0.5s ease;
	transform: translateY(-15px);
}
.yb-image-hover .zoom-blur-image {
	transition: all 0.5s ease;
}
.yb-image-hover:hover .content {
	opacity: 1;
	transform: translateY(0);
}
.yb-image-hover:hover .zoom-blur-image {
	transition: all 0.5s ease;
	filter: blur(5px);
	scale: 1.05;
}

.border-bottom-900 {
	border-bottom: 1px solid var(--yb-color-900);
}

.border-100 {
	border: 1px solid var(--yb-color-100) !important;
}

.border-bottom-opacity {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.border-top-opacity {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.border-top-100 {
	border-top: 1px solid var(--yb-color-100) !important;
}

.border-bottom-100 {
	border-bottom: 1px solid var(--yb-color-100) !important;
}

.card-item__bg {
	border-radius: 16px;
	border: 9px solid rgba(255, 255, 255, 0.3);
	overflow: hidden;
}
.card-item-avatar {
	margin: 30px;
}
.card-item-avatar img {
	border-radius: 100px;
	border: 4px solid var(--yb-color-0);
	display: inline-flex;
	height: 65px;
	justify-content: flex-end;
	align-items: center;
}
.card-item-content {
	margin: 40px;
}
.card-item-content svg {
	width: 40px;
	height: 40px;
	margin-bottom: 19px;
}

.yb-brand-item {
	display: flex;
	width: 180px;
	height: 180px;
	padding: 0 29px 0 30px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 16px;
	border: 1px solid var(--yb-color-100, #DFDFDF);
	background: var(--yb-color-0, #FEFEFE);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
	.yb-brand-item {
	width: 165px;
	height: 165px;
	}
}

.box-newsletter {
	position: relative;
	border-radius: 42px;
	background-color: var(--yb-color-0);
}

.box-newsletter::before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	width: 90%;
	height: 20%;
	border-radius: 42px;
	border: 1px solid var(--yb-color-100, #DFDFDF);
	background: var(--yb-color-50);
}

.scroll-active-item .item.active .block-number {
	background: var(--yb-theme-primary) !important;
	transition: all 0.3s ease;
}
.scroll-active-item .item.active .block-number .number {
	color: var(--yb-color-0);
	transition: all 0.3s ease;
}
.scroll-active-item .item.active .rectangular::after {
	opacity: 1;
	width: 99px;
	height: 99px;
	transition: all 0.3s ease;
}
.scroll-active-item .item .rectangular {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 50px;
	background: var(--yb-color-800);
	border-radius: 16px;
	border: 1px solid var(--yb-color-700);
	padding: 50px;
	z-index: -2;
	overflow: hidden;
	transition: all 0.3s ease;
}
.scroll-active-item .item .rectangular::after {
	content: "";
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	background: var(--yb-theme-primary);
	filter: blur(125px);
	opacity: 0;
	z-index: -1;
	transition: all 0.5s ease;
}

.input-subscribe {
	position: relative;
	background-color: var(--yb-color-150);
	padding: 12px 14px 12px 32px;
	border-radius: 14px;
}
.input-subscribe input {
	width: 100%;
	height: 100%;
	border: none !important;
	outline: none;
	background: transparent;
}
.input-subscribe button {
	position: absolute;
	width: 56px;
	height: 56px;
	border-radius: 12px;
	transform: translateY(-50%);
	margin-right: 1rem;
	right: 0;
	top: 50%;
	background-color: var(--yb-color-dark-200);
}
.input-subscribe button:hover {
	background-color: var(--yb-color-dark-400);
}

.navigation-section-10 {
	display: flex;
	align-items: center;
	gap: 16px;
}
.navigation-section-10 .item {
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.navigation-section-10 .item {
	width: 70px;
	height: 70px;
	}
}
@media (max-width: 574.98px) {
	.navigation-section-10 .item {
	width: 58px;
	height: 58px;
	}
}
.navigation-section-10 .item.active {
	scale: 0.9;
	transition: all 0.3s ease;
}

.border-white\/01 {
	border-right: 1px solid var(--yb-color-100);
}

.border-dark\/01 {
	border-right: 1px solid var(--yb-color-900);
}

@media (min-width: 576px) {
	.md\:grid-cols-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.md\:grid-cols-7 > div:last-child {
		border-right-color: transparent !important;
	}
}

.icon-shape {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.w-lg-50 {
	width: 50%;
	}
}

@media (max-width: 574.98px) {
	.w-50 {
	width: 100% !important;
	}
}
.size-30 {
	width: 30px;
	height: 30px;
}

.size-50 {
	width: 50px;
	height: 50px;
}

.size-56 {
	width: 56px;
	height: 56px;
}

.size-80 {
	width: 80px;
	height: 80px;
}

.size-100 {
	width: 100px !important;
	height: 100px !important;
}

.size-190 {
	width: 190px;
	height: 190px;
}

.cart-stats__item {
	display: flex;
	align-items: flex-end;
	gap: 16px;
	flex-wrap: wrap;
	border-bottom: 1px solid var(--yb-color-100);
	padding-bottom: 42px;
	margin-bottom: 50px;
}
.cart-stats__item-title {
	flex: 1;
	letter-spacing: -1.2px;
}
.cart-stats__item-content {
	flex: 0 0 500px;
	margin-top: 16px;
}

.anim-zoomin-wrap {
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: var(--yb-anim-zoomin-radius, inherit);
	isolation: isolate;
}

.anim-zoomin-wrap > .anim-zoomin {
	display: block;
	width: 100%;
}

.card_case__works-card--overlay > .anim-zoomin-wrap {
	height: 100%;
	min-height: 0;
	border-radius: 15px;
}

.card_case__works-card--overlay > .anim-zoomin-wrap >.card_case__works-visual {
	height: 100%;
	min-height: 0;
}

.anim-zoomin,
.anim-zoomin img {
	transform-origin: center center;
	backface-visibility: hidden;
}

/*----------------------------------------*/
/*  2. Typography
/*----------------------------------------*/
body {
	font-size: var(--yb-fs-body);
	line-height: 1.2;
	font-weight: normal;
	color: var(--yb-color-900);
	background-color: var(--yb-bg);
	font-family: var(--yb-ff-body);
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}

p a,
.wpb_text_column .wpb_wrapper a,
.yb-document-paper a,
.yb-document-aside-note a,
.yb-elements-quote a,
.yb-work-note__text a {
	color: var(--yb-color-900);
	font-weight: 600;
	position: relative;
	text-decoration: none;
}

a.underline,
p a:not(.btn):not(.button):not(.wp-block-button__link),
.wpb_text_column .wpb_wrapper a:not(.btn):not(.button):not(.wp-block-button__link),
.yb-document-paper a:not(.btn):not(.button):not(.wp-block-button__link),
.yb-document-aside-note a:not(.btn):not(.button):not(.wp-block-button__link),
.yb-elements-quote a:not(.btn):not(.button):not(.wp-block-button__link),
.yb-work-note__text a:not(.btn):not(.button):not(.wp-block-button__link) {
	--underline-thickness: 1px;
	--underline-offset: 2px;
	--underline-space: 3px;
	padding-bottom: var(--underline-space);
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor) !important;
	background-repeat: no-repeat !important;
	background-position: 0 calc(100% - var(--underline-offset)) !important;
	background-size: 0 var(--underline-thickness) !important;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: color 0.3s ease, background-size 0.35s ease;
}

a.underline {
	font-weight: 600;
}

a.underline:hover,
a.underline:focus,
p a:not(.btn):not(.button):not(.wp-block-button__link):hover,
p a:not(.btn):not(.button):not(.wp-block-button__link):focus,
.wpb_text_column .wpb_wrapper a:not(.btn):not(.button):not(.wp-block-button__link):hover,
.wpb_text_column .wpb_wrapper a:not(.btn):not(.button):not(.wp-block-button__link):focus,
.yb-document-paper a:not(.btn):not(.button):not(.wp-block-button__link):hover,
.yb-document-paper a:not(.btn):not(.button):not(.wp-block-button__link):focus,
.yb-document-aside-note a:not(.btn):not(.button):not(.wp-block-button__link):hover,
.yb-document-aside-note a:not(.btn):not(.button):not(.wp-block-button__link):focus,
.yb-elements-quote a:not(.btn):not(.button):not(.wp-block-button__link):hover,
.yb-elements-quote a:not(.btn):not(.button):not(.wp-block-button__link):focus,
.yb-work-note__text a:not(.btn):not(.button):not(.wp-block-button__link):hover,
.yb-work-note__text a:not(.btn):not(.button):not(.wp-block-button__link):focus {
	background-size: 100% var(--underline-thickness) !important;
}

.yb-underline-layer {
	position: absolute;
	inset: 0;
	z-index: 2147483000;
	pointer-events: none;
	overflow: visible;
}

#smooth-content > .yb-underline-layer {
	pointer-events: none;
}

.yb-underline-line {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 1px;
	border-radius: 999px;
	pointer-events: none;
	opacity: 0;
	transform: translate3d(0, 0, 0);
	transform-origin: left center;
	will-change: width, transform, opacity;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.2;
	color: var(--yb-main);
	font-family: var(--yb-ff-body);
}

h1, .h1 {
	font-size: var(--yb-fs-h1);
}

h2, .h2 {
	font-size: var(--yb-fs-h2);
}

h3, .h3 {
	font-size: var(--yb-fs-h3);
}

h4, .h4 {
	font-size: var(--yb-fs-h4);
}

h5, .h5 {
	font-size: var(--yb-fs-h5);
}

h6, .h6 {
	font-size: var(--yb-fs-h6);
}


ul {
	margin: 0px;
	padding: 0px;
}

a,
button {
	color: var(--yb-main);
	outline: none;
	border: none;
	background: transparent;
}

button:hover {
	color: var(--yb-theme-primary);
}

button:focus {
	outline: 0;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
	outline: none;
	height: 56px;
	width: 100%;
	line-height: 56px;
	font-size: var(--yb-fs-lg);
}
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=url]:hover,
textarea:hover {
	border-color: var(--yb-form-hover);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
	border-bottom-color: var(--yb-form-focus);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
	font-size: var(--yb-fs-lg);
	color: var(--yb-color-500);
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=url]::-moz-placeholder, textarea::-moz-placeholder {
	color: var(--yb-color-500);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
	font-size: var(--yb-fs-lg);
	color: var(--yb-color-500);
}
input[type=text]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
	opacity: 0;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
	opacity: 0;
}

textarea {
	line-height: 1.4;
	padding-top: 17px;
	padding-bottom: 17px;
}

input[type=color] {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: 0;
	cursor: pointer;
	height: 100%;
	width: 100%;
	padding: 0;
	border-radius: 50%;
}

*::-moz-selection {
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	text-shadow: none;
}

::-moz-selection {
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	text-shadow: none;
}

::selection {
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	text-shadow: none;
}

*::-moz-placeholder {
	color: var(--yb-color-900);
	font-size: 14px;
	opacity: 1;
}

*::placeholder {
	color: var(--yb-color-900);
	font-size: 14px;
	opacity: 1;
}

/*----------------------------------------*/
/*  3. Common Classes
/*----------------------------------------*/
.overflow-unset {
	overflow: unset !important;
}

.w-img img {
	width: 100%;
}

.m-img img {
	max-width: 100%;
}

.fix {
	overflow: hidden;
}

.clear {
	clear: both;
}

.z-n1 {
	position: relative;
	z-index: -1;
}

.z-index-1 {
	position: relative;
	z-index: 1;
}

.z-index-2 {
	position: relative;
	z-index: 2;
}

.z-index-3 {
	position: relative;
	z-index: 3;
}

.z-index-4 {
	position: relative;
	z-index: 4;
}

.z-index-5 {
	position: relative;
	z-index: 5;
}

.z-index-6 {
	position: relative;
	z-index: 6;
}

.z-index-7 {
	position: relative;
	z-index: 7;
}

.z-index-8 {
	position: relative;
	z-index: 8;
}

.z-index-9 {
	position: relative;
	z-index: 9;
}

.z-index-10 {
	position: relative;
	z-index: 10;
}

.gx-5 {
	--bs-gutter-x: 5px;
}

.gx-10 {
	--bs-gutter-x: 10px;
}

.gx-20 {
	--bs-gutter-x: 20px;
}

.gx-30 {
	--bs-gutter-x: 30px;
}

.gx-40 {
	--bs-gutter-x: 40px;
}

.gx-45 {
	--bs-gutter-x: 45px;
}

.gx-50 {
	--bs-gutter-x: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.gx-50 {
	--bs-gutter-x: 30px;
	}
}

.gx-60 {
	--bs-gutter-x: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.gx-60 {
	--bs-gutter-x: 30px;
	}
}

.gx-70 {
	--bs-gutter-x: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.gx-70 {
	--bs-gutter-x: 30px;
	}
}

.gx-80 {
	--bs-gutter-x: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.gx-80 {
	--bs-gutter-x: 30px;
	}
}

.gx-90 {
	--bs-gutter-x: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.gx-90 {
	--bs-gutter-x: 30px;
	}
}

.gx-100 {
	--bs-gutter-x: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.gx-100 {
	--bs-gutter-x: 30px;
	}
}

.overflow-y-visible {
	overflow-x: hidden;
	overflow-y: visible;
}

.p-relative {
	position: relative;
}

.p-absolute {
	position: absolute;
}

.bg-position {
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slide-transtion {
	transition-timing-function: linear;
}
.slide-transtion .swiper-slide {
	width: auto;
}

.common-underline {
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
	background-size: 0 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.3s linear;
	transition: all 0.4s ease 0.3s ease-out;
}
.common-underline:hover {
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
	background-size: 0 1px, 100% 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.3s linear;
	transition: all 0.4s ease 0.3s ease-out;
}

.img-cover {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}

.bg-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.text-red {
	color: var(--yb-theme-primary);
}

@media (min-width: 1400px) {
	.container-1136 {
	max-width: 1136px;
	margin-left: auto;
	margin-right: auto;
	}
}
@media (min-width: 1400px) {
	.container-2200 {
	max-width: 2200px;
	margin-left: auto;
	margin-right: auto;
	}
}
.yb-ff-body {
	font-family: var(--yb-ff-body);
}

.yb-ff-heading {
	font-family: var(--yb-ff-heading);
}

.yb-ff-fontawesome {
	font-family: var(--yb-ff-fontawesome);
}

/* Font weight */
.fw-100 {
	font-weight: 100;
}

.fw-200 {
	font-weight: 200;
}

.fw-300 {
	font-weight: 300;
}

.fw-400 {
	font-weight: 400;
}

.fw-500 {
	font-weight: 400;
}

.fw-600 {
	font-weight: 600;
}

.fw-700 {
	font-weight: 600;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

/* Font size */
.fs-body {
	font-size: var(--yb-fs-body);
}

.fs-label {
	font-size: var(--yb-fs-label);
}

.fs-md {
	font-size: var(--yb-fs-md);
}

.fs-lg {
	font-size: var(--yb-fs-lg);
}

.fs-xl {
	font-size: var(--yb-fs-xl);
}

.fs-2xl {
	font-size: var(--yb-fs-2xl);
}

.fs-3xl {
	font-size: var(--yb-fs-3xl);
}

.fs-display-1 {
	font-size: var(--yb-fs-display-1);
}

.fs-display-2 {
	font-size: var(--yb-fs-display-2);
}

.fs-display-3 {
	font-size: var(--yb-fs-display-3);
}

.fs-display-4 {
	font-size: var(--yb-fs-display-4);
}

.fs-1 {
	font-size: var(--yb-fs-1);
}

.fs-2 {
	font-size: var(--yb-fs-2);
}

.fs-3 {
	font-size: var(--yb-fs-3);
}

.fs-4 {
	font-size: var(--yb-fs-4);
}

.fs-5,
.fs-60 {
	font-size: var(--yb-fs-5);
}

.fs-6,
.fs-90 {
	font-size: var(--yb-fs-6);
}

.fs-7,
.fs-150 {
	font-size: var(--yb-fs-7);
}

.fs-8,
.fs-200 {
	font-size: var(--yb-fs-8);
}

.fs-9,
.fs-290 {
	font-size: var(--yb-fs-9);
}

.fs-120 {
	font-size: var(--yb-fs-10);
}

.fs-160 {
	font-size: var(--yb-fs-11);
}

.fs-170 {
	font-size: var(--yb-fs-12);
}

/* Color */
.common-white {
	color: var(--yb-common-white) !important;
}

.common-white-rgb {
	color: var(--yb-common-white-rgb) !important;
}

.common-black {
	color: var(--yb-common-black) !important;
}

.common-black-rgb {
	color: var(--yb-common-black-rgb) !important;
}

.common-bubbles {
	color: var(--yb-common-bubbles) !important;
}

.common-dark-white {
	color: var(--yb-common-dark-white) !important;
}

.common-dark-white-rgb {
	color: var(--yb-common-dark-white-rgb) !important;
}

.common-dark-black {
	color: var(--yb-common-dark-black) !important;
}

.common-dark-black-rgb {
	color: var(--yb-common-dark-black-rgb) !important;
}

.common-dark-bubbles {
	color: var(--yb-common-dark-bubbles) !important;
}

.color-0 {
	color: var(--yb-color-0) !important;
}


.color-50 {
	color: var(--yb-color-50) !important;
}


.color-100 {
	color: var(--yb-color-100) !important;
}

.color-300 {
	color: var(--yb-color-300) !important;
}

.color-500 {
	color: var(--yb-color-500) !important;
}

.color-700 {
	color: var(--yb-color-700) !important;
}

.color-800 {
	color: var(--yb-color-800) !important;
}

.color-900 {
	color: var(--yb-color-900) !important;
}

.color-dark-0 {
	color: var(--yb-color-dark-0) !important;
}


.color-dark-50 {
	color: var(--yb-color-dark-50) !important;
}


.color-dark-100 {
	color: var(--yb-color-dark-100) !important;
}

.color-dark-300 {
	color: var(--yb-color-dark-300) !important;
}

.color-dark-500 {
	color: var(--yb-color-dark-500) !important;
}

.color-dark-700 {
	color: var(--yb-color-dark-700) !important;
}

.color-dark-800 {
	color: var(--yb-color-dark-800) !important;
}

.color-dark-900 {
	color: var(--yb-color-dark-900) !important;
}

.grey-1 {
	color: var(--yb-grey-1) !important;
}

.grey-2 {
	color: var(--yb-grey-2) !important;
}

.grey-3 {
	color: var(--yb-grey-3) !important;
}

.grey-4 {
	color: var(--yb-grey-4) !important;
}

.grey-5 {
	color: var(--yb-grey-5) !important;
}

.theme-primary {
	color: var(--yb-theme-primary) !important;
}

.gradient-primary {
	color: var(--yb-gradient-primary) !important;
}

/* Background Color */
.bg-common-white {
	background-color: var(--yb-common-white) !important;
}

.bg-common-white-rgb {
	background-color: var(--yb-common-white-rgb) !important;
}

.bg-common-black {
	background-color: var(--yb-common-black) !important;
}

.bg-common-black-rgb {
	background-color: var(--yb-common-black-rgb) !important;
}

.bg-common-bubbles {
	background-color: var(--yb-common-bubbles) !important;
}

.bg-common-dark-white {
	background-color: var(--yb-common-dark-white) !important;
}

.bg-common-dark-white-rgb {
	background-color: var(--yb-common-dark-white-rgb) !important;
}

.bg-common-dark-black {
	background-color: var(--yb-common-dark-black) !important;
}

.bg-common-dark-black-rgb {
	background-color: var(--yb-common-dark-black-rgb) !important;
}

.bg-common-dark-bubbles {
	background-color: var(--yb-common-dark-bubbles) !important;
}

.bg-main {
	background-color: var(--yb-main) !important;
}

.yb-color-0 {
	background-color: var(--yb-color-0) !important;
}

.yb-color-50 {
	background-color: var(--yb-color-50) !important;
}

.yb-color-100 {
	background-color: var(--yb-color-100) !important;
}

.yb-color-150 {
	background-color: var(--yb-color-150) !important;
}

.yb-color-200 {
	background-color: var(--yb-color-200) !important;
}

.yb-color-250 {
	background-color: var(--yb-color-250) !important;
}

.yb-color-300 {
	background-color: var(--yb-color-300) !important;
}

.yb-color-400 {
	background-color: var(--yb-color-400) !important;
}

.yb-color-500 {
	background-color: var(--yb-color-500) !important;
}

.yb-color-600 {
	background-color: var(--yb-color-600) !important;
}

.yb-color-700 {
	background-color: var(--yb-color-700) !important;
}

.yb-color-800 {
	background-color: var(--yb-color-800) !important;
}

.yb-color-900 {
	background-color: var(--yb-color-900) !important;
}

.bg-main-dark {
	background-color: var(--yb-main-dark) !important;
}

[data-yb-theme="dark"] .yb-color-dark-0 {
	background-color: var(--yb-color-dark-0) !important;
}

[data-yb-theme="dark"] .yb-color-dark-50 {
	background-color: var(--yb-color-dark-50) !important;
}

[data-yb-theme="dark"] .yb-color-dark-100 {
	background-color: var(--yb-color-dark-100) !important;
}

[data-yb-theme="dark"] .yb-color-dark-150 {
	background-color: var(--yb-color-dark-150) !important;
}

[data-yb-theme="dark"] .yb-color-dark-200 {
	background-color: var(--yb-color-dark-200) !important;
}

[data-yb-theme="dark"] .yb-color-dark-250 {
	background-color: var(--yb-color-dark-250) !important;
}

[data-yb-theme="dark"] .yb-color-dark-300 {
	background-color: var(--yb-color-dark-300) !important;
}

[data-yb-theme="dark"] .yb-color-dark-400 {
	background-color: var(--yb-color-dark-400) !important;
}

[data-yb-theme="dark"] .yb-color-dark-500 {
	background-color: var(--yb-color-dark-500) !important;
}

[data-yb-theme="dark"] .yb-color-dark-600 {
	background-color: var(--yb-color-dark-600) !important;
}

[data-yb-theme="dark"] .yb-color-dark-700 {
	background-color: var(--yb-color-dark-700) !important;
}

[data-yb-theme="dark"] .yb-color-dark-800 {
	background-color: var(--yb-color-dark-800) !important;
}

[data-yb-theme="dark"] .yb-color-dark-900 {
	background-color: var(--yb-color-dark-900) !important;
}

.bg-grey-1 {
	background-color: var(--yb-grey-1) !important;
}

.bg-grey-2 {
	background-color: var(--yb-grey-2) !important;
}

.bg-grey-3 {
	background-color: var(--yb-grey-3) !important;
}

.bg-grey-4 {
	background-color: var(--yb-grey-4) !important;
}

.bg-grey-5 {
	background-color: var(--yb-grey-5) !important;
}

.bg-theme-primary {
	background-color: var(--yb-theme-primary) !important;
}

.bg-gradient-primary {
	background-color: var(--yb-gradient-primary) !important;
}


/*----------------------------------------*/
/*  4. Different Elements
/*----------------------------------------*/
/* YB Image Compare */
.yb-image-compare {
	--yb-image-compare-position: 50%;
	position: relative;
	width: 100%;
}

.yb-image-compare__media {
	position: relative;
	width: 100%;
	height: clamp(360px, 52vw, 760px);
	overflow: hidden;
	border-radius: clamp(16px, 2vw, 28px);
	background: var(--yb-color-100);
	cursor: default;
	isolation: isolate;
	user-select: none;
	touch-action: pan-y;
}

.yb-image-compare__media::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--yb-image-compare-position);
	z-index: 4;
	width: 2px;
	background: color-mix(in srgb, var(--yb-color-0) 82%, transparent);
	transform: translate3d(-50%, 0, 0);
	pointer-events: none;
}

.yb-image-compare__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}

.yb-image-compare__image--before {
	z-index: 1;
}

.yb-image-compare__after {
	position: absolute;
	inset: 0;
	z-index: 2;
	clip-path: inset(0 calc(100% - var(--yb-image-compare-position)) 0 0);
	will-change: clip-path;
}


.yb-image-compare__handle {
	position: absolute;
	z-index: 6;
	top: 50%;
	left: var(--yb-image-compare-position);
	width: 62px;
	height: 62px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: color-mix(in srgb, var(--yb-color-0) 86%, transparent);
	color: var(--yb-color-900);
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
	backdrop-filter: blur(12px);
	transform: translate3d(-50%, -50%, 0);
	cursor: pointer;
	overflow: visible;
	touch-action: none;
	transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}


.yb-image-compare__handle-icon {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.yb-image-compare__handle-icon svg {
	display: block;
	width: 27px;
	height: 27px;
}

.yb-image-compare__handle:hover,
.yb-image-compare.is-dragging .yb-image-compare__handle,
.yb-image-compare__handle:focus-visible {
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translate3d(-50%, -50%, 0) scale(1.05);
}

.yb-image-compare__handle:focus-visible {
	outline: 2px solid var(--yb-theme-primary);
	outline-offset: 5px;
}

[data-yb-theme="dark"] .yb-image-compare__media {
	background: var(--yb-color-dark-100);
}

[data-yb-theme="dark"] .yb-image-compare__media::before {
	background: rgba(var(--yb-common-dark-black-rgb), 0.82);
}


[data-yb-theme="dark"] .yb-image-compare__handle {
	background: rgba(var(--yb-common-dark-black-rgb), 0.88);
	color: var(--yb-color-dark-0);
}

[data-yb-theme="dark"] .yb-image-compare__handle:hover,
[data-yb-theme="dark"] .yb-image-compare.is-dragging .yb-image-compare__handle,
[data-yb-theme="dark"] .yb-image-compare__handle:focus-visible {
	background: var(--yb-color-dark-900);
	color: var(--yb-color-dark-0);
}

@media (max-width: 767.98px) {
	.yb-image-compare__media {
		height: clamp(280px, 72vw, 520px);
		border-radius: 18px;
	}

	.yb-image-compare__handle {
		width: 54px;
		height: 54px;
	}

	.yb-image-compare__handle-icon svg {
		width: 24px;
		height: 24px;
	}

}


/* Points */
.yb-elements-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	max-width: 640px;
}

.yb-elements-point {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 14px;
	background: var(--yb-color-150);
}

.yb-elements-point__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	color: var(--yb-color-900);
}

.yb-elements-point__icon svg {
	display: block;
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
}

.yb-elements-point p {
	flex: 1 1 auto;
	font-size: 15px;
	line-height: 1.35;
	letter-spacing: -0.03em;
	color: var(--yb-main);
}

.yb-elements-quote {
	padding: 22px 24px;
	border-left: 2px solid var(--yb-color-900);
	border-radius: 0 16px 16px 0;
	background: var(--yb-color-150);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-elements-points {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 574.98px) {
	.yb-elements-quote p {
		font-size: 16px;
	}
	.yb-elements-quote {
		padding: 18px 20px;
	}
}

/* FAQ */
.yb-elements-faq {
	--yb-faq-gap: 14px;
	--yb-faq-radius: 28px;
	--yb-faq-card-bg: color-mix(in srgb, var(--yb-color-0) 62%, transparent);
	--yb-faq-card-bg-open: color-mix(in srgb, var(--yb-color-0) 78%, transparent);
	--yb-faq-card-shadow: 0 14px 50px rgba(var(--yb-common-black-rgb), 0.06);
	--yb-faq-card-shadow-open: 0 18px 64px rgba(var(--yb-common-black-rgb), 0.08);
	--yb-faq-icon-size: 44px;
	--yb-faq-duration: 560ms;
	--yb-faq-ease: cubic-bezier(0.22, 1, 0.36, 1);
	display: flex;
	flex-direction: column;
	gap: var(--yb-faq-gap);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-elements-faq {
		margin-left: 0;
	}
}
.yb-elements-faq-dec {
	font-weight: 400;
	font-size: 22px;
	letter-spacing: -0.04em;
}
.yb-elements-faq-item {
	position: relative;
	cursor: pointer;
	margin: 0;
	padding: 0 30px;
	border-radius: var(--yb-faq-radius);
	background: var(--yb-faq-card-bg);
	overflow: hidden;
	isolation: isolate;
	transition: all 0.2s ease-in-out;
}
.yb-elements-faq-item:hover,
.yb-elements-faq-item.is-open {
	background: var(--yb-faq-card-bg-open);
}
.yb-elements-faq-header {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 90px;
	padding: 10px 0;
}
.yb-elements-faq-item .box-number {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	align-self: center;
}
.yb-elements-faq-number {
	font-size: 16px;
	font-weight: 600;
	display: inline-flex;
	width: 38px;
	height: 38px;
	justify-content: center;
	align-items: center;
	border-radius: 999px;
	border: 1px solid rgba(var(--yb-common-black-rgb), 0.16);
	background: transparent;
	color: var(--yb-common-black);
	box-shadow: none;
	transition: none;
	transform: none;
	backface-visibility: visible;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}
.yb-elements-faq-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	min-height: var(--yb-faq-icon-size);
	padding: 0;
	background: transparent;
	border: 0;
	text-align: left;
	font-family: var(--yb-ff-body);
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.03em;
	color: var(--yb-common-black);
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}
.yb-elements-faq-button:hover,
.yb-elements-faq-button:focus-visible {
	color: var(--yb-common-black);
}
.yb-elements-faq-button:focus-visible {
	outline: none;
}
.yb-elements-faq-button__text {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	min-width: 0;
	min-height: var(--yb-faq-icon-size);
	line-height: 28px;
	transition: none;
	transform: none;
	backface-visibility: visible;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}
.yb-elements-faq-icon {
	position: relative;
	flex: 0 0 auto;
	width: var(--yb-faq-icon-size);
	height: var(--yb-faq-icon-size);
	border-radius: 999px;
	border: 1px solid rgba(var(--yb-common-black-rgb), 0.12);
	background: color-mix(in srgb, var(--yb-color-0) 72%, transparent);
	color: var(--yb-common-black);
	transition: all 0.2s ease-in-out;
}
.yb-elements-faq-icon-svg {
	display: block;
	width: 100%;
	height: 100%;
}
.yb-elements-faq-icon-line {
	stroke: currentColor;
	stroke-width: 1.15;
	stroke-linecap: round;
	vector-effect: non-scaling-stroke;
	shape-rendering: geometricPrecision;
	transform-box: view-box;
	transform-origin: 12px 12px;
	transition: transform 0.42s var(--yb-faq-ease), opacity 0.28s ease;
}
.yb-elements-faq-icon-line--vertical {
	transform: rotate(0deg);
}
.yb-elements-faq-button[aria-expanded="true"] .yb-elements-faq-icon {
	border-color: rgba(var(--yb-common-black-rgb), 0.18);
	background: var(--yb-color-900);
	color: var(--yb-common-white);
}
.yb-elements-faq-button[aria-expanded="true"] .yb-elements-faq-icon-line--vertical {
	transform: rotate(90deg);
}
.yb-elements-faq-collapse,
.yb-elements-faq-collapse.collapse {
	display: block !important;
	position: relative;
	z-index: 1;
	height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition:
		height var(--yb-faq-duration) var(--yb-faq-ease),
		opacity 0.24s ease,
		visibility 0s linear var(--yb-faq-duration);
	will-change: height, opacity;
}
.yb-elements-faq-collapse.show,
.yb-elements-faq-collapse.is-transitioning {
	opacity: 1;
	visibility: visible;
	transition:
		height var(--yb-faq-duration) var(--yb-faq-ease),
		opacity 0.24s ease,
		visibility 0s linear 0s;
}
.yb-elements-faq-body {
	padding: 0 82px 28px 54px;
	cursor: pointer;
	transition: none;
	transform: none;
}
.yb-elements-faq-body p {
	margin: 0;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: rgba(var(--yb-common-black-rgb), 0.68);
	transition: none;
	transform: none;
	backface-visibility: visible;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;
}
.accordion,
.yb-elements-faq,
.yb-elements-faq-item,
.yb-elements-faq-collapse {
	overflow-anchor: none;
}
.yb-elements-faq.is-faq-animating .yb-elements-faq-button {
	pointer-events: auto;
}
html.yb-faq-animating,
html.yb-faq-animating body,
html.yb-faq-animating #smooth-wrapper,
html.yb-faq-animating #smooth-content,
html.yb-faq-animating .yb-elements-faq,
html.yb-faq-animating .yb-elements-faq * {
	overflow-anchor: none !important;
}
@media (max-width: 991.98px) {
	.yb-elements-faq-item {
		padding-inline: 24px;
	}
	.yb-elements-faq-body {
		padding-right: 68px;
		padding-left: 54px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-elements-faq {
		--yb-faq-radius: 22px;
		--yb-faq-icon-size: 40px;
	}
	.yb-elements-faq-item {
		padding-inline: 18px;
	}
	.yb-elements-faq-header {
		gap: 14px;
		min-height: 78px;
	}
	.yb-elements-faq-number {
		width: 34px;
		height: 34px;
		font-size: 15px;
	}
	.yb-elements-faq-button {
		font-size: 18px;
		line-height: 22px;
		gap: 14px;
	}
	.yb-elements-faq-button__text {
		line-height: 22px;
	}
	.yb-elements-faq-body {
		padding-right: 0;
		padding-left: 48px;
		padding-bottom: 22px;
	}
	.yb-elements-faq-body p br {
		display: none;
	}
}
@media (max-width: 479.98px) {
	.yb-elements-faq-body {
		padding-left: 0;
	}
}
@media (prefers-reduced-motion: reduce) {
	.yb-elements-faq-item,
	.yb-elements-faq-button,
	.yb-elements-faq-icon,
	.yb-elements-faq-icon-line,
	.yb-elements-faq-collapse {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}

/*----------------------------------------*/
/* Footer Fixed Bottom Effect
/*----------------------------------------*/
#smooth-content {
	position: relative;
	padding-bottom: var(--footer-reveal-height, 0px);
	pointer-events: none;
	will-change: transform;
	box-sizing: border-box;
	z-index: 3;
}

#smooth-content > *:not(.yb-underline-layer) {
	pointer-events: auto;
}

#smooth-content main {
	position: relative;
	z-index: 2;
	min-height: 100vh;
	background: var(--yb-bg);
}

.footer-fixed-bottom {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	pointer-events: none;
}

.footer-fixed-bottom .yb-footer-area {
	position: relative;
	z-index: 1;
	pointer-events: auto;
	transform: translate3d(0, 64px, 0) scale(0.985);
	transform-origin: center bottom;
	will-change: transform, opacity;
	backface-visibility: hidden;
	opacity: 0.35;
	background: var(--yb-color-0);
}

@media (max-width: 767.98px) {
	.footer-fixed-bottom .yb-footer-area {
		transform: translate3d(0, 32px, 0) scale(0.992);
	}
}

.bg-primary-1 {
	background-color: var(--yb-theme-primary);
}


/*----------------------------------------*/
/*  5. Default Spacing
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-170 {
	padding-top: 115px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-165 {
	padding-top: 110px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-160 {
	padding-top: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-155 {
	padding-top: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-150 {
	padding-top: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-145 {
	padding-top: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-140 {
	padding-top: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-135 {
	padding-top: 95px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-130 {
	padding-top: 90px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-125 {
	padding-top: 85px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-120 {
	padding-top: 80px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-115 {
	padding-top: 75px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-110 {
	padding-top: 70px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-105 {
	padding-top: 65px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-100 {
	padding-top: 60px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-170 {
	padding-bottom: 100px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-180 {
	padding-top: 100px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-190 {
	padding-top: 110px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-165 {
	padding-bottom: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-160 {
	padding-bottom: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-155 {
	padding-bottom: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-150 {
	padding-bottom: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-145 {
	padding-bottom: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-140 {
	padding-bottom: 100px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-135 {
	padding-bottom: 95px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-130 {
	padding-bottom: 90px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-125 {
	padding-bottom: 85px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-120 {
	padding-bottom: 80px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-115 {
	padding-bottom: 75px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-110 {
	padding-bottom: 70px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-105 {
	padding-bottom: 65px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-100 {
	padding-bottom: 60px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-95 {
	padding-bottom: 55px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pb-90 {
	padding-bottom: 50px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.pt-90 {
	padding-top: 50px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	/* Font size */
	.fs-body {
	font-size: var(--yb-fs-body) !important;
	}
	.fs-label {
	font-size: var(--yb-fs-label) !important;
	}
	.fs-md {
	font-size: var(--yb-fs-md) !important;
	}
	.fs-lg {
	font-size: var(--yb-fs-lg) !important;
	}
	.fs-xl {
	font-size: var(--yb-fs-xl) !important;
	}
	.fs-2xl {
	font-size: var(--yb-fs-2xl) !important;
	}
	.fs-3xl {
	font-size: var(--yb-fs-3xl) !important;
	}
	.fs-display-1 {
	font-size: var(--yb-fs-display-1) !important;
	}
	.fs-160 {
	font-size: var(--yb-fs-11);
	}
	.fs-170 {
	font-size: var(--yb-fs-12);
	}
	.fs-200 {
	font-size: var(--yb-fs-8);
	}
	.fs-290 {
	font-size: var(--yb-fs-9);
	}
	.fs-120 {
	font-size: var(--yb-fs-10);
	}
	.fs-60 {
	font-size: var(--yb-fs-5);
	}
	.scroll-section .pb-80 {
	padding-bottom: 0;
	}
	.d-md-none {
	display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/* Font size */
	.fs-body {
	font-size: var(--yb-fs-body) !important;
	}
	.fs-label {
	font-size: var(--yb-fs-label) !important;
	}
	.fs-md {
	font-size: var(--yb-fs-md) !important;
	}
	.fs-lg {
	font-size: var(--yb-fs-lg) !important;
	}
	.fs-xl {
	font-size: var(--yb-fs-xl) !important;
	}
	.fs-2xl {
	font-size: var(--yb-fs-2xl) !important;
	}
	.fs-3xl {
	font-size: var(--yb-fs-3xl) !important;
	}
	.fs-display-1 {
	font-size: var(--yb-fs-display-1) !important;
	}
	h1,
	.h1 {
	font-size: var(--yb-fs-h1-tablet);
	}
	h2,
	.h2 {
	font-size: var(--yb-fs-h2-tablet);
	}
	h3,
	.h3 {
	font-size: var(--yb-fs-h3-tablet);
	}
	h4,
	.h4 {
	font-size: var(--yb-fs-h4-tablet);
	}
	h5,
	.h5 {
	font-size: var(--yb-fs-h5-tablet);
	}
	h6,
	.h6 {
	font-size: var(--yb-fs-h6-tablet);
	}
	.fs-160 {
	font-size: var(--yb-fs-11);
	}
	.fs-170 {
	font-size: var(--yb-fs-12);
	}
	.fs-200 {
	font-size: var(--yb-fs-8);
	}
	.fs-290 {
	font-size: var(--yb-fs-9);
	}
	.fs-120 {
	font-size: var(--yb-fs-10);
	}
	.fs-60 {
	font-size: var(--yb-fs-5);
	}
	.scroll-section .pb-80 {
	padding-bottom: 0;
	}
	br {
	display: none;
	}
	.d-md-none {
	display: none;
	}
}
@media (max-width: 767.98px) {
	/* Font size */
	.fs-body {
	font-size: var(--yb-fs-body) !important;
	}
	.fs-label {
	font-size: var(--yb-fs-label) !important;
	}
	.fs-md {
	font-size: var(--yb-fs-md) !important;
	}
	.fs-lg {
	font-size: var(--yb-fs-lg) !important;
	}
	.fs-xl {
	font-size: var(--yb-fs-xl) !important;
	}
	.fs-2xl {
	font-size: var(--yb-fs-2xl) !important;
	}
	.fs-3xl {
	font-size: var(--yb-fs-3xl) !important;
	}
	.fs-display-1 {
	font-size: var(--yb-fs-display-1) !important;
	}
	h1,
	.h1 {
	font-size: var(--yb-fs-h1-mobile);
	}
	h2,
	.h2 {
	font-size: var(--yb-fs-h2-mobile);
	}
	h3,
	.h3 {
	font-size: var(--yb-fs-h3-mobile);
	}
	h4,
	.h4 {
	font-size: var(--yb-fs-h4-mobile);
	}
	h5,
	.h5 {
	font-size: var(--yb-fs-h5-mobile);
	}
	h6,
	.h6 {
	font-size: var(--yb-fs-h6-mobile);
	}
	.fs-160 {
	font-size: var(--yb-fs-11);
	}
	.fs-170 {
	font-size: var(--yb-fs-12);
	}
	.fs-200 {
	font-size: var(--yb-fs-8);
	}
	.fs-290 {
	font-size: var(--yb-fs-9);
	}
	.fs-120 {
	font-size: var(--yb-fs-10);
	}
	.fs-60 {
	font-size: var(--yb-fs-5);
	}
	.w-75 {
	width: 100% !important;
	}
	br {
	display: none;
	}
	.scroll-section .pb-80 {
	padding-bottom: 0;
	}
	.d-xs-none {
	display: none;
	}
}
@media (min-width: 1400px) {
	.container {
	max-width: 1750px;
	}
}

/* HEADER CSS */
/*----------------------------------------*/
/* Header Main
/*----------------------------------------*/
.yb-header-logo {
	display: flex;
	align-items: center;
}

.yb-logo-link {
	color: var(--yb-logo);
	display: block;
	width: fit-content;
	line-height: 0;
	text-decoration: none;
}

.yb-header-logo .yb-logo-link {
	position: relative;
	width: 60px;
	min-width: 60px;
	height: 30.5px;
}

.yb-logo-canvas {
	display: block;
	width: 60px;
	height: 30.5px;
	aspect-ratio: 104.03 / 52.84;
}


.yb-logo-canvas-footer {
	display: block;
	width: 100px;
	height: auto;
	aspect-ratio: 104.03 / 52.84;
}

.yb-logo-canvas-special {
	display: block;
	width: 100px;
	height: auto;
	aspect-ratio: 104.03 / 52.84;
}

.yb-header-logo a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.yb-header-area {
	height: 85px;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9;
	transform: translate3d(0, 0, 0);
	background: transparent;
	border-bottom: 1px solid transparent;
	box-shadow: none;
	will-change: transform, background-color, backdrop-filter, border-color;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.yb-header-area > .container {
	height: 100%;
	position: relative;
}

.yb-header-area > .container > .row {
	height: 100%;
	align-items: center;
}

.yb-header-area.is-ready {
	transition:
		transform 0.35s ease,
		background-color 0.28s ease,
		backdrop-filter 0.28s ease,
		border-color 0.28s ease;
}

.header-transparent {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
	width: 100%;
	background: transparent;
}

/* WordPress admin bar: keep the site layout stable and move only the fixed header below the toolbar. */
html.yb-has-admin-bar,
body.admin-bar {
	--yb-adminbar-offset: 32px;
}

html.yb-has-admin-bar {
	margin-top: 0 !important;
}

html.yb-has-admin-bar .yb-header-area,
html.yb-has-admin-bar .header-transparent,
body.admin-bar .yb-header-area,
body.admin-bar .header-transparent {
	top: var(--yb-adminbar-offset, 32px);
}

@media screen and (min-width: 601px) and (max-width: 782px) {
	html.yb-has-admin-bar,
	body.admin-bar {
		--yb-adminbar-offset: 46px;
	}
}

@media screen and (max-width: 600px) {
	html.yb-has-admin-bar,
	body.admin-bar {
		--yb-adminbar-offset: var(--yb-mobile-adminbar-offset, 46px);
	}
}

.yb-header-area.is-hidden {
	transform: translate3d(0, calc(-100% - 2px), 0);
}

.yb-header-area.is-visible {
	transform: translate3d(0, 0, 0);
}

.yb-header-area.has-bg {
	background: color-mix(in srgb, var(--yb-color-0) 90%, transparent);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: none;
}

.yb-title-text span {
	display: inline-block;
	text-shadow: 0 1.05em var(--yb-theme-primary);
	transition: translate 0.3s cubic-bezier(.625, .05, 0, 1), text-shadow 0.1s 0.15s ease;
}
.yb-title-anim:hover .yb-title-text span {
	text-shadow: 0 1.05em currentColor;
	translate: 0 -1.2em 0;
	transition: translate 0.5s calc((var(--char) - 1) * 0.024s) cubic-bezier(.625, .05, 0, 1), text-shadow 0.175s calc((var(--char) - 1) * 0.024s + 0.225s) ease;
}
.yb-title-anim-inner {
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
	overflow-y: clip;
}

.yb-header-right .yb-search-click,
.yb-header-right .yb-color-switcher,
.yb-header-right .yb-menu-user,
.yb-header-right .yb-menu-cart,
.yb-header-right .yb-menu-mobile {
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	line-height: 0;
	position: relative;
	align-self: center;
}

.yb-header-right .yb-search-click svg,
.yb-header-right .yb-color-switcher svg,
.yb-header-right .yb-menu-user svg,
.yb-header-right .yb-menu-cart svg,
.yb-header-right .yb-menu-mobile svg {
	display: block;
	flex: 0 0 auto;
}

.yb-header-right .yb-search-click svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.yb-header-right .yb-color-switcher {
	display: grid;
	place-items: center;
}

.yb-header-right .yb-color-switcher .icon {
	grid-area: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	line-height: 0;
}

.yb-header-right .yb-color-switcher .icon--moon {
	width: 20px;
	height: 20px;
}

.yb-header-right .yb-color-switcher .icon--sun {
	width: 24px;
	height: 24px;
}

.yb-header-right .yb-color-switcher .icon--moon svg {
	width: 100%;
	height: 100%;
}

.yb-header-right .yb-color-switcher .icon--sun svg {
	width: 100%;
	height: 100%;
}

.yb-header-right .yb-menu-user {
	width: 22px;
	height: 22px;
}
.yb-header-right .yb-menu-user svg {
	width: 100%;
	height: 100%;
}

.yb-header-right .yb-menu-cart {
	width: 22px;
	height: 22px;
}
.yb-header-right .yb-menu-cart svg {
	width: 100%;
	height: 100%;
}

.yb-header-right .yb-menu-mobile {
	width: 24px;
	height: 24px;
}
.yb-header-right .yb-menu-mobile svg {
	width: 100%;
	height: 100%;
}

.yb-header-right .yb-search-click:focus-visible,
.yb-header-right .yb-color-switcher:focus-visible,
.yb-header-right .yb-menu-user:focus-visible,
.yb-header-right .yb-menu-cart:focus-visible,
.yb-header-right .yb-menu-mobile:focus-visible {
	outline: none;
	box-shadow: none;
}

/*----------------------------------------*/
.yb-menu-cart {
	position: relative;
}

.yb-menu-cart__count {
	position: absolute;
	top: -8px;
	right: -8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	pointer-events: none;
	border: 0;
	outline: none;
	box-shadow: none;
	transform: scale(1);
	transform-origin: center center;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
}

.yb-menu-cart__count.is-empty {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.55);
}

.yb-menu-cart__count.is-updated {
	animation: yb-cart-count-pop 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes yb-cart-count-pop {
	0% {
		transform: scale(0.72);
	}
	45% {
		transform: scale(1.36);
	}
	72% {
		transform: scale(0.94);
	}
	100% {
		transform: scale(1);
	}
}

/*  8. Blog
/*----------------------------------------*/
.blog-card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: var(--yb-color-0);
	border-radius: 20px;
	overflow: hidden;
}

.blog-card__thumb {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	isolation: isolate;
	contain: paint;
	transform: translateZ(0);
}

.blog-card__thumb::before,
.blog-card__thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.blog-card__thumb::before {
	z-index: 0;
	background: var(--yb-color-150);
}

.blog-card__thumb::after {
	z-index: 1;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.blog-card__thumb.is-loading::before,
.blog-card__thumb.is-loading::after {
	opacity: 1;
	visibility: visible;
}

.blog-card__thumb.is-loading::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.blog-card__thumb.is-loaded::before,
.blog-card__thumb.is-loaded::after,
.blog-card__thumb.has-load-error::before,
.blog-card__thumb.has-load-error::after,
.blog-card__thumb.has-no-image::before,
.blog-card__thumb.has-no-image::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}


.blog-card__img-link {
	display: block;
	overflow: hidden;
	border-radius: inherit;
}

.blog-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transform: scale(1);
	transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.75s ease, opacity 0.32s ease;
	transform-origin: center center;
	backface-visibility: hidden;
}

.blog-card__thumb.is-loading .blog-card__img,
.blog-card__thumb.has-load-error .blog-card__img {
	opacity: 0;
}

.blog-card__thumb.is-loaded .blog-card__img {
	opacity: 1;
}

.blog-card:hover .blog-card__img {
	transform: scale(1.08) rotate(0deg);
	filter: none;
}

.blog-card__content {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 24px;
	flex: 1 1 auto;
}

.blog-card__title {
	margin: 0;
}

.blog-card__title a {
	font-weight: 600;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 4.5em;
}

.blog-card__title-link.underline,
.blog-card__title-link.underline:hover,
.blog-card__title-link.underline:focus,
.search-result-card__title-link.underline,
.search-result-card__title-link.underline:hover,
.search-result-card__title-link.underline:focus,
.yb-blog-sidebar-post__title.underline,
.yb-blog-sidebar-post__title.underline:hover,
.yb-blog-sidebar-post__title.underline:focus,
.blog-details-nav a.underline,
.blog-details-nav a.underline:hover,
.blog-details-nav a.underline:focus {
	background-image: none !important;
	background-size: 0 0 !important;
}

.blog-card__categories {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.blog-card__category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 14px;
	border: 1px solid var(--yb-color-300);
	border-radius: 999px;
	color: var(--yb-color-700);
	background-color: transparent;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all 0.2s ease-in-out;
}

.blog-card__category:hover {
	color: var(--yb-color-0);
	border-color: var(--yb-theme-primary);
	background-color: var(--yb-theme-primary);
}

.blog-card__excerpt {
	margin: 0;
}

.blog-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: auto;
}

.blog-card__meta-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	order: 2;
}

.blog-card__meta-main {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.blog-card__author {
	font-size: 16px;
	font-weight: 400;
	color: var(--yb-color-900);
	text-decoration: none;
}

.blog-card__date {
	font-size: 16px;
	font-weight: 400;
	color: var(--yb-color-500);
}

.blog-card__meta-separator {
	color: var(--yb-color-500);
	line-height: 1;
}

.blog-card__meta-stats {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 20px;
	margin-left: auto;
}

.blog-card__meta-stat {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--yb-color-900);
	line-height: 1;
	white-space: nowrap;
}

.blog-card__meta-stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: var(--yb-color-900);
}

.blog-card__meta-stat-icon svg {
	display: block;
	width: 20px;
	height: 20px;
	color: var(--yb-color-300);
}

.blog-card__meta-stat-value {
	font-size: 16px;
	color: var(--yb-main);
	line-height: 1;
}

.yb-like-button {
	border: 0;
	background: transparent;
	cursor: pointer;
	font: inherit;
	padding: 0;
}

.blog-card__meta-stat {
	border: 0;
	background: transparent;
	cursor: pointer;
	transition: color 0.2s ease-in-out;
}

.blog-card__meta-stat-icon,
.blog-card__meta-stat-icon svg,
.blog-card__meta-stat-icon svg path,
.blog-card__meta-stat-value {
	transition: color 0.2s ease-in-out, fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
}

.blog-card__meta-stat:hover .blog-card__meta-stat-icon,
.blog-card__meta-stat:hover .blog-card__meta-stat-icon svg,
.blog-card__meta-stat:hover .blog-card__meta-stat-value {
	color: var(--yb-theme-primary);
}


.yb-like-button.is-liked {
	color: var(--yb-theme-primary);
	pointer-events: none;
}

.yb-like-button.is-liked svg,
.yb-like-button.is-liked .blog-card__meta-stat-icon,
.yb-like-button.is-liked .blog-card__meta-stat-icon svg,
.yb-like-button.is-liked .blog-card__meta-stat-value,
.yb-like-button.is-liked .blog-details-meta-stat__icon,
.yb-like-button.is-liked .blog-details-meta-stat__value {
	color: var(--yb-theme-primary);
}

.yb-like-button.is-liked svg path {
	fill: currentColor;
	stroke: currentColor;
}


@media (max-width: 767.98px) {
	.blog-card__meta {
		gap: 12px;
	}

	.blog-card__meta-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.blog-card__meta-stats {
		margin-left: 0;
		justify-content: flex-start;
	}
}

/*----------------------------------------*/
/*  Search Results
/*----------------------------------------*/
.yb-search-results-section {
	position: relative;
	z-index: 5;
	padding-top: 40px;
	padding-bottom: 40px;
}

.yb-search-results-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	margin-bottom: 22px;
	padding: 8px 14px;
	border: 1px solid var(--yb-color-300);
	border-radius: 999px;
	color: var(--yb-color-700);
	background-color: transparent;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-transform: uppercase;
}

.yb-search-results-title {
	margin: 0 0 25px;
	color: var(--yb-color-900);
	font-weight: 600;
	letter-spacing: -0.06em;
	line-height: 1.2;
}

.yb-search-results-caption {
	max-width: 760px;
	margin: 0;
	color: var(--yb-color-900);
	font-size: clamp(24px, 2.1vw, 32px);
	font-weight: 400;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

.yb-search-results-count {
	width: fit-content;
	margin: 0 0 0 auto;
	padding: 12px 16px;
	border: 1px solid var(--yb-color-100);
	border-radius: 999px;
	color: var(--yb-color-700);
	background-color: var(--yb-color-0);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}

.yb-search-results-count--archive {
	margin: 10px 0 0;
}

.yb-search-results-section--empty {
	overflow: hidden;
}

.yb-search-empty {
	max-width: 920px;
}

.yb-search-empty__form {
	max-width: 760px;
	margin: 0 0 46px;
}

.yb-search-empty__form .yb-search-form-input {
	transform: none;
	opacity: 1;
}

.yb-search-empty__form .yb-search-form-input:focus-within {
	left: auto;
	width: 100%;
	transform: none;
	opacity: 1;
}

.yb-search-empty__suggestions {
	max-width: 760px;
}

.yb-search-empty__label {
	display: inline-block;
	margin-bottom: 15px;
	color: var(--yb-color-500);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
}

.yb-search-empty__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.yb-search-results-grid {
	--bs-gutter-x: 24px;
	--bs-gutter-y: 30px;
}

.search-result-card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: var(--yb-color-0);
	border-radius: 20px;
	overflow: hidden;
}

.search-result-card__thumb {
	position: relative;
	aspect-ratio: 16 / 10;
	border-radius: 10px;
	overflow: hidden;
	isolation: isolate;
	contain: paint;
	transform: translateZ(0);
}

.search-result-card__img-link {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
}

.search-result-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	transform: scale(1);
	transform-origin: center center;
	backface-visibility: hidden;
	transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.75s ease;
}

.search-result-card__img--placeholder {
	background: var(--yb-color-100);
}

.search-result-card:hover .search-result-card__img {
	transform: scale(1.08) rotate(0deg);
	filter: none;
}

.search-result-card__type-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 14px;
	border-radius: 999px;
	color: var(--yb-color-0);
	background-color: var(--yb-color-200);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	white-space: nowrap;
}

.search-result-card__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 14px;
	padding: 22px;
}

.search-result-card__title {
	margin: 0;
	font-size: clamp(20px, 1.35vw, 24px);
	letter-spacing: -0.04em;
	line-height: 1.12;
}

.search-result-card__title a {
	display: -webkit-box;
	max-height: 3.36em;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-weight: 600;
	text-overflow: ellipsis;
}

.search-result-card__excerpt {
	display: -webkit-box;
	max-height: 3.6em;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: var(--yb-color-900);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.2;
	text-overflow: ellipsis;
}

.search-result-card__meta {
	display: flex;
	align-items: center;
	margin-top: auto;
	padding-top: 2px;
}

.search-result-card__date {
	color: var(--yb-color-500);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
}


@media (max-width: 991.98px) {
	.yb-search-results-count {
		margin-left: 0;
	}
}

@media (max-width: 767.98px) {
	.yb-search-results-caption {
		font-size: 24px;
	}

	.yb-search-empty__form {
		margin-bottom: 34px;
	}

	.search-result-card__title {
		font-size: 22px;
	}

	.yb-search-results-grid {
		--bs-gutter-y: 24px;
	}

	.search-result-card__content {
		padding: 20px;
	}
}

/*----------------------------------------*/
/*  Blog — Layout and Sidebar
/*----------------------------------------*/
.yb-blog-section {
	position: relative;
	overflow: visible;
}

.yb-blog-grid {
	--yb-blog-layout-min-height: 0px;
	align-items: stretch;
	min-height: var(--yb-blog-layout-min-height);
	padding-bottom: 50px;
}

.yb-blog-archive-section .yb-blog-grid {
	padding-top: 50px;
}

.yb-blog-posts-column,
.yb-blog-sidebar-column {
	min-width: 0;
}

.yb-blog-posts-column {
	min-height: var(--yb-blog-posts-column-min-height, 0px);
}

.yb-blog-posts {
	--yb-blog-card-gap-y: 30px;
	align-items: stretch;
	row-gap: var(--yb-blog-card-gap-y);
}

.yb-blog-posts > .yb-filter-card {
	margin-bottom: 0;
}

.yb-blog-grid--no-sidebar .yb-filter-card {
	flex: 0 0 auto;
	width: 33.333333%;
}

@media (max-width: 1199.98px) {
	.yb-blog-grid--no-sidebar .yb-filter-card {
		width: 50%;
	}
}

@media (max-width: 767.98px) {
	.yb-blog-grid--no-sidebar .yb-filter-card {
		width: 100%;
	}
}

.yb-blog-newsletter-section {
	position: relative;
}


@media (max-width: 767.98px) {
	.yb-blog-posts {
		--yb-blog-card-gap-y: 24px;
	}
}

.yb-blog-load-more {
	display: flex;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.yb-blog-sidebar-column {
	display: flex;
	align-self: stretch;
}

.yb-blog-sidebar {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100%;
	min-width: 0;
}

.yb-blog-sidebar__inner {
	--yb-blog-sidebar-sticky-top: 0px;
	--yb-blog-sidebar-pin-top: 40px;
	--yb-blog-sidebar-sticky-bottom: 40px;
	--yb-blog-sidebar-max-height: 1200px;
	position: sticky;
	top: var(--yb-blog-sidebar-sticky-top);
	max-width: 100%;
	max-height: calc(100vh - var(--yb-blog-sidebar-pin-top) - var(--yb-blog-sidebar-sticky-bottom));
	max-height: calc(100svh - var(--yb-blog-sidebar-pin-top) - var(--yb-blog-sidebar-sticky-bottom));
	max-height: min(calc(100svh - var(--yb-blog-sidebar-pin-top) - var(--yb-blog-sidebar-sticky-bottom)), var(--yb-blog-sidebar-max-height));
	padding: 14px;
	border-radius: 28px;
	background: var(--yb-color-0);
	box-shadow: 0 18px 55px rgba(12, 12, 12, 0.06);
}

.yb-blog-sidebar__scroll {
	position: relative;
	max-height: calc(100vh - var(--yb-blog-sidebar-pin-top) - var(--yb-blog-sidebar-sticky-bottom) - 30px);
	max-height: calc(100svh - var(--yb-blog-sidebar-pin-top) - var(--yb-blog-sidebar-sticky-bottom) - 30px);
	max-height: min(calc(100svh - var(--yb-blog-sidebar-pin-top) - var(--yb-blog-sidebar-sticky-bottom) - 30px), calc(var(--yb-blog-sidebar-max-height) - 30px));
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 10px;
}

.yb-blog-sidebar__scroll::-webkit-scrollbar {
	display: none;
}

.yb-blog-sidebar__content {
	display: grid;
	gap: 14px;
}

.yb-blog-sidebar-scrollbar {
	position: absolute;
	left: auto;
	right: 10px;
	top: 24px;
	bottom: 24px;
	z-index: 5;
	width: 6px;
	border-radius: 999px;
	background: transparent;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease-in-out;
}

.yb-blog-sidebar__inner.is-scrollable:hover .yb-blog-sidebar-scrollbar,
.yb-blog-sidebar__inner.is-scrollable:focus-within .yb-blog-sidebar-scrollbar,
.yb-blog-sidebar-scrollbar.is-visible {
	opacity: 1;
}

.yb-blog-sidebar-scrollbar::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 100%;
	border-radius: inherit;
	background: var(--yb-scrollbar);
}

.yb-blog-sidebar-scrollbar__thumb {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	min-height: 36px;
	border-radius: inherit;
	background: var(--yb-scrollbar-thumb-visible);
	box-shadow: none;
	border: none;
	transform: translate3d(0, 0, 0);
	will-change: transform, height;
	transition: background 0.2s ease;
}

.yb-blog-sidebar-widget {
	position: relative;
	padding: 18px;
	border: 1px solid var(--yb-color-150);
	border-radius: 22px;
	background: var(--yb-color-0);
	overflow: hidden;
}

.yb-blog-sidebar-widget__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.yb-blog-sidebar-widget__head span {
	color: var(--yb-color-900);
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.yb-blog-sidebar-widget__head a,
.yb-blog-sidebar-more {
	color: var(--yb-color-500);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.1;
	text-decoration: none;
}

.yb-blog-sidebar-widget__head a:hover,
.yb-blog-sidebar-more:hover {
	color: var(--yb-theme-primary);
}

.yb-blog-sidebar-author__avatar-placeholder,
.yb-blog-sidebar-banner__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--yb-color-100);
}


.yb-blog-sidebar-widget--banner {
	padding: 0;
	border: 0;
	background: transparent;
}

.yb-blog-sidebar-banner {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	min-height: 0;
	border-radius: 12px;
	background: var(--yb-color-100);
	overflow: hidden;
	isolation: isolate;
}

.yb-blog-sidebar-banner:has(.yb-blog-sidebar-banner__img[src]:not([src=""])) {
	background: transparent;
}

.yb-blog-sidebar-banner:has(.yb-blog-sidebar-banner__img[src]:not([src=""]))::after {
	display: none;
}

.yb-blog-sidebar-banner__img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center;
	opacity: 0;
}

.yb-blog-sidebar-banner__img[src]:not([src=""]) {
	opacity: 1;
}

.yb-blog-sidebar-author__body {
	--yb-blog-sidebar-media-size: 74px;
	--yb-blog-sidebar-media-radius: 16px;
	--yb-blog-sidebar-media-gap: 12px;
	display: flex;
	align-items: center;
	gap: var(--yb-blog-sidebar-media-gap);
	margin-bottom: 14px;
}

.yb-blog-sidebar-author__avatar {
	flex: 0 0 var(--yb-blog-sidebar-media-size);
	width: var(--yb-blog-sidebar-media-size);
	height: var(--yb-blog-sidebar-media-size);
	border-radius: var(--yb-blog-sidebar-media-radius);
	overflow: hidden;
	background: var(--yb-color-100);
}

.yb-blog-sidebar-author__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yb-blog-sidebar-author__info {
	flex: 1 1 auto;
	min-width: 0;
}

.yb-blog-sidebar-author__info h3 {
	margin: 0 0 5px;
	font-size: 20px;
	line-height: 1;
	letter-spacing: -0.04em;
}

.yb-blog-sidebar-author__info span {
	display: block;
	color: var(--yb-color-500);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}

.yb-blog-sidebar-author p,
.yb-blog-sidebar-note {
	margin: 0 0 14px;
	color: var(--yb-color-700);
	font-size: 15px;
	line-height: 1.45;
	letter-spacing: -0.02em;
}

.yb-blog-sidebar-list,
.yb-blog-sidebar-product-list,
.yb-blog-sidebar-comments {
	display: grid;
	gap: 12px;
}

.yb-blog-sidebar-post {
	--yb-blog-sidebar-media-size: 74px;
	--yb-blog-sidebar-media-radius: 16px;
	--yb-blog-sidebar-media-gap: 12px;
	display: flex;
	align-items: center;
	gap: var(--yb-blog-sidebar-media-gap);
}

.yb-blog-sidebar-post__body {
	flex: 1 1 auto;
	min-width: 0;
}

.yb-blog-sidebar-post__thumb {
	display: block;
	flex: 0 0 var(--yb-blog-sidebar-media-size);
	width: var(--yb-blog-sidebar-media-size);
	height: var(--yb-blog-sidebar-media-size);
	border-radius: var(--yb-blog-sidebar-media-radius);
	overflow: hidden;
	background-color: var(--yb-color-100);
}

.yb-blog-sidebar-post__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}

.yb-blog-sidebar-post:hover .yb-blog-sidebar-post__thumb img {
	transform: scale(1.08);
}

.yb-blog-sidebar-post__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: var(--yb-color-900);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.18;
	letter-spacing: -0.03em;
	text-decoration: none;
}

.yb-blog-sidebar-post span {
	display: block;
	margin-top: 6px;
	color: var(--yb-color-500);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

.yb-blog-sidebar-product {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	min-height: 48px;
	padding: 12px;
	border-radius: 16px;
	background: var(--yb-color-100);
	color: var(--yb-color-900);
	text-decoration: none;
}

.yb-blog-sidebar-product:hover {
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-blog-sidebar-product__index,
.yb-blog-sidebar-product__price {
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.yb-blog-sidebar-product__title {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.1;
}

.yb-blog-sidebar-comment {
	display: grid;
	gap: 5px;
	padding-left: 14px;
	border-left: 2px solid var(--yb-color-200);
	color: var(--yb-color-700);
	text-decoration: none;
}

.yb-blog-sidebar-comment strong {
	color: var(--yb-color-900);
	font-size: 14px;
	line-height: 1;
}

.yb-blog-sidebar-comment span {
	font-size: 14px;
	line-height: 1.3;
}

.yb-blog-sidebar-comment:hover {
	border-left-color: var(--yb-theme-primary);
	color: var(--yb-color-900);
}

.yb-blog-sidebar-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.yb-blog-sidebar-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 14px;
	border: 1px solid var(--yb-color-300);
	border-radius: 999px;
	color: var(--yb-color-700);
	background-color: transparent;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
}

.yb-blog-sidebar-tag:hover {
	color: var(--yb-color-0);
	border-color: var(--yb-theme-primary);
	background-color: var(--yb-theme-primary);
}

.yb-blog-sidebar-widget--accent {
	background: var(--yb-color-900);
	border-color: var(--yb-color-900);
}

.yb-blog-sidebar-widget--accent .yb-blog-sidebar-widget__head span,
.yb-blog-sidebar-widget--accent .yb-blog-sidebar-note,
.yb-blog-sidebar-widget--accent .yb-blog-sidebar-more {
	color: var(--yb-color-0);
}

.yb-blog-sidebar-widget--accent .yb-blog-sidebar-note {
	opacity: 0.78;
}

@media (min-width: 1200px) {
	.yb-blog-sidebar__inner {
		will-change: transform;
	}

	.yb-blog-sidebar-column {
		padding-left: clamp(18px, 1.8vw, 32px);
	}

	.yb-blog-sidebar-widget {
		padding: 16px;
		border-radius: 20px;
	}

	.yb-blog-sidebar-widget--banner {
		padding: 0;
	}

	.yb-blog-sidebar-author__body {
		--yb-blog-sidebar-media-size: 64px;
		--yb-blog-sidebar-media-radius: 14px;
		--yb-blog-sidebar-media-gap: 10px;
	}

	.yb-blog-sidebar-author__info h3 {
		font-size: 18px;
	}

	.yb-blog-sidebar-author p,
	.yb-blog-sidebar-note {
		font-size: 14px;
	}

	.yb-blog-sidebar-post {
		--yb-blog-sidebar-media-size: 64px;
		--yb-blog-sidebar-media-radius: 14px;
		--yb-blog-sidebar-media-gap: 10px;
	}

	.yb-blog-sidebar-post__title {
		font-size: 14px;
	}

	.yb-blog-sidebar-product {
		gap: 8px;
		padding: 11px;
	}

	.yb-blog-sidebar-tag {
		padding-inline: 12px;
	}
}

@media (max-width: 1199.98px) {
	.yb-blog-grid {
		min-height: 0 !important;
	}

	.yb-blog-posts-column {
		min-height: 0 !important;
	}

	.yb-blog-sidebar-column {
		display: block;
	}

	.yb-blog-sidebar {
		height: auto;
		margin-top: 30px;
	}

	.yb-blog-sidebar__inner {
		position: relative;
		top: 0;
		max-height: none;
	}

	.yb-blog-sidebar__scroll {
		max-height: none;
		overflow: visible;
	}

	.yb-blog-sidebar-scrollbar {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.yb-blog-sidebar__inner {
		padding: 12px;
		border-radius: 24px;
	}

	.yb-blog-sidebar__content {
		gap: 12px;
	}

	.yb-blog-sidebar-widget {
		padding: 16px;
		border-radius: 20px;
	}

	.yb-blog-sidebar-widget--banner {
		padding: 0;
	}

	.yb-blog-sidebar-social-list {
		max-width: none !important;
	}
}


/*----------------------------------------*/
.yb-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 24px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .08em;
	opacity: .62;
}

.yb-breadcrumbs a {
	color: currentColor;
	text-decoration: none;
}

.yb-breadcrumbs__sep {
	opacity: .45;
}

.blog-details__content-empty {
	color: var(--yb-color-500);
}

/*  Blog Details
/*----------------------------------------*/
.blog-details {
	padding-top: 0;
}

.yb-blog-details-heading {
	background: var(--yb-color-0);
}

.yb-blog-details-heading__inner {
	padding-bottom: 0;
}

.yb-blog-details-content {
	background: var(--yb-color-50);
}

.blog-details .breadcrumbs {
	padding: 0;
}
.blog-details .breadcrumb-link {
	color: var(--yb-color-900);
}
.blog-details .breadcrumb-text {
	color: var(--yb-color-500);
}
.blog-details .breadcrumbs-sep {
	padding: 0 5px;
}

.blog-details .title {
	padding: 20px 0;
	font-weight: 600;
}

.blog-details .content {
	padding-top: 40px;
	padding-bottom: 40px;
}

.blog-details .content > p:last-child {
	margin: 0;
}

.blog-details-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: nowrap;
}

.blog-details-meta__author {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 1 auto;
	min-width: 0;
}

.blog-details-meta__author-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	max-width: 170px;
}

.blog-details-meta__author-text .name,
.blog-details-meta__author-text .nav-menu__item {
	display: block;
	min-width: 0;
	max-width: 100%;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blog-details-meta__avatar {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	min-width: 56px;
	min-height: 56px;
	border-radius: 50%;
	overflow: hidden;
}

.blog-details-meta__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-details-meta__stats {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 28px;
	flex: 0 1 auto;
	margin-left: 40px;
	margin-top: -10px;
	align-self: center;
}

.blog-details-meta-stat {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: var(--yb-main);
	line-height: 1;
	white-space: nowrap;
	text-decoration: none;
	flex: 0 0 auto;
}

.blog-details-meta-stat__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	color: var(--yb-color-400);
	transition: color 0.2s ease-in-out;
}

.blog-details-meta-stat__icon svg {
	display: block;
}

.blog-details-meta-stat--likes .blog-details-meta-stat__icon svg {
	width: 28px;
	height: 28px;
}

.blog-details-meta-stat--comments .blog-details-meta-stat__icon svg {
	width: 24px;
	height: 24px;
}

.blog-details-meta-stat__value {
	font-size: 18px;
	line-height: 1;
	color: var(--yb-main);
	transition: color 0.2s ease-in-out;
}

.blog-details-meta-stat:hover .blog-details-meta-stat__icon,
.blog-details-meta-stat:hover .blog-details-meta-stat__value {
	color: var(--yb-theme-primary);
}


.blog-details-meta-stat__icon svg path,
.blog-details-meta-stat__value {
	transition: color 0.2s ease-in-out, fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
}



.blog-details-meta-stat:focus,
.blog-details-meta-stat:focus-visible {
	outline: none;
	box-shadow: none;
}

.blog-details-meta__share {
	display: flex;
	align-items: center;
	text-align: end;
	flex: 0 0 auto;
	margin-top: -10px;
	margin-left: auto;
	align-self: center;
}

@media (max-width: 991.98px) {
	.blog-details-meta {
		align-items: center;
		flex-wrap: nowrap;
		gap: 12px;
	}

	.blog-details-meta__author {
		flex: 1 1 auto;
		min-width: 0;
	}

	.blog-details-meta__author-text {
		min-width: 0;
	}

	.blog-details-meta__author-text .h6,
	.blog-details-meta__author-text .blog-details-date {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.blog-details-meta__stats {
		order: 0;
		flex: 0 0 auto;
		margin-left: 12px;
		justify-content: flex-start;
		gap: 16px;
		align-self: center;
	}

	.blog-details-meta__share {
		flex: 0 0 auto;
		margin-left: 12px;
		align-self: center;
	}
}

/*----------------------------------------*/
/*  Blog Details — Relevant Posts
/*----------------------------------------*/
.blog-details-relevant {
	background-color: var(--yb-color-100);
}

.blog-details-relevant .blog-details-relevant-card-item {
	position: relative;
	z-index: 3;
	height: 100%;
}

.blog-details-relevant .blog-details-relevant-card-thumb {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 16px;
	aspect-ratio: 0.78;
	background-color: var(--yb-color-200);
}

.blog-details-relevant .blog-details-relevant-card-thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	opacity: 0;
	visibility: hidden;
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.blog-details-relevant .blog-details-relevant-card-thumb.is-loading::after {
	opacity: 1;
	visibility: visible;
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.blog-details-relevant .blog-details-relevant-card-thumb.is-loaded::after,
.blog-details-relevant .blog-details-relevant-card-thumb.has-load-error::after,
.blog-details-relevant .blog-details-relevant-card-thumb.has-no-image::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}


.blog-details-relevant .blog-details-relevant-card-thumb::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(
		180deg,
		rgba(26, 26, 26, 0) 11.93%,
		rgba(26, 26, 26, 0.76) 100%
	);
	z-index: 1;
	pointer-events: none;
}

.blog-details-relevant .blog-details-relevant-card-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.32s ease;
}

.blog-details-relevant .blog-details-relevant-card-thumb.is-loading img,
.blog-details-relevant .blog-details-relevant-card-thumb.has-load-error img {
	opacity: 0;
}

.blog-details-relevant .blog-details-relevant-card-thumb.is-loaded img {
	opacity: 1;
}

.blog-details-relevant .blog-details-relevant-card-btn {
	position: absolute;
	left: 54px;
	right: 80px;
	bottom: 45px;
	z-index: 2;
	transform: translateY(40%);
	transition: all 0.4s ease;
}

.blog-details-relevant .blog-details-relevant-card-btn .content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.blog-details-relevant .blog-details-relevant-card-item:hover .blog-details-relevant-card-btn {
	transform: translateY(0);
	transition: all 0.4s ease;
}

.blog-details-relevant .blog-details-relevant-card-item:hover .blog-details-relevant-card-btn .des {
	opacity: 1;
	visibility: visible;
	transition: all 0.4s ease;
}

.blog-details-relevant .blog-details-relevant-card__category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 14px;
	border: none;
	border-radius: 999px;
	background-color: rgba(254, 254, 254, 0.92);
	color: var(--yb-main);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all 0.2s ease-in-out;
}

.blog-details-relevant .blog-details-relevant-card__category:hover {
	color: var(--yb-color-100);
	background-color: var(--yb-color-dark-400);
}

.blog-details-relevant .blog-details-relevant-card-btn h6 {
	margin: 20px 0 0;
	color: var(--yb-common-white);
}

.blog-details-relevant .blog-details-relevant-card-btn .des {
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease;
	margin: 10px 0 0;
	color: rgba(255, 255, 255, 0.88);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 574.98px) {
	.blog-details-relevant .blog-details-relevant-card-item {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	.blog-details-relevant .blog-details-relevant-card-btn {
		left: 20px;
		right: 10px;
		bottom: 20px;
	}

	.blog-details-relevant .blog-details-relevant-card-thumb {
		aspect-ratio: 0.82;
	}
}

/*----------------------------------------*/
/*  Blog Details — Bottom
/*----------------------------------------*/
.blog-details-bottom {
	padding: 20px 0;
	border-top: 1px solid var(--yb-color-200);
}

.blog-details-tags-box {
	padding: 20px 0 60px 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.blog-details-tags-box p {
	margin: 0;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	flex: 0 0 auto;
}

.blog-details-links {
	display: flex;
	flex-wrap: wrap;
}

.blog-details-nav.next > svg {
	width: 24px;
	height: 24px;
	transform: rotate(180deg);
}
.blog-details-nav.prev > svg {
	width: 24px;
	height: 24px;
}

/*----------------------------------------*/
/*  Sontact Form 
/*----------------------------------------*/
.form__field {
	margin-bottom: 0;
}
.form__input {
	display: block;
	width: 100%;
	padding: 16px 0;
	font-weight: 400;
	font-size: 16px;
	color: var(--yb-form);
	line-height: 1.5;
	letter-spacing: -0.02em;
	background: transparent;
	border: none;
	border-bottom: 1px solid var(--yb-color-300);
	border-radius: 0;
	outline: none;
	transition: border-color 0.2s ease, color 0.2s ease;
}

.form__input::-moz-placeholder {
	color: var(--yb-color-500);
	opacity: 1;
	transition: opacity 0.2s ease;
}

.form__input::placeholder {
	color: var(--yb-color-500);
	opacity: 1;
	transition: opacity 0.2s ease;
}

.form__input:focus::-moz-placeholder {
	opacity: 0;
}

.form__input:focus::placeholder {
	opacity: 0;
}

.form__textarea {
	min-height: 120px;
	resize: vertical;
	padding-top: 16px;
}
.form__actions {
	margin-top: 40px;
	margin-bottom: 16px;
}
.form__btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.form__btn-icon svg {
	flex-shrink: 0;
}
.form__disclaimer {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--yb-color-500);
	max-width: 600px;
}
.form__link {
	color: var(--yb-color-900);
}

.contact-form-layout {
	width: 100%;
	align-items: flex-start;
}

.contact-form-content {
	flex: 1 1 0;
	min-width: 0;
}

.contact-form-wrap {
	width: 100%;
}

.contact-form {
	width: 100%;
}

.form__row--double {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.form__col {
	min-width: 0;
}


.form__file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.form__actions-row {
	display: flex;
	align-items: stretch;
	gap: 25px;
	flex-wrap: wrap;
}

.form__actions-row .form__btn,
.form__actions-row .form__upload-btn {
	flex: 0 0 auto;
}

.form__upload-btn {
	gap: 15px;
	display: inline-flex;
	align-items: center;
	padding: 17px 25px;
	border: 1px solid var(--yb-color-300);
	border-radius: 50px;
	background: transparent;
	color: var(--yb-color-900);
	cursor: pointer;
	user-select: none;
	text-decoration: none;
	transition: border-color 0.2s ease,
				background-color 0.2s ease,
				color 0.2s ease,
				transform 0.2s ease;
	max-height: 50px;
}

.form__upload-btn:hover {
	color: var(--yb-color-900);
	border-color: var(--yb-form-hover);
	background: rgba(29, 29, 29, 0.02);
}

.form__upload-btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 18px;
	width: 24px;
	height: 24px;
	line-height: 0;
}

.form__upload-btn-icon svg {
	width: 24px;
	height: 24px;
	display: block;
}

.form__upload-btn-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	min-width: 0;
}

.form__upload-btn-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.05em;
	color: currentColor;
}

.form__upload-btn-note {
	display: block;
	font-size: 12px;
	line-height: 1.25;
	color: var(--yb-color-500);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 260px;
}

.contact-form.is-validated .form__input:invalid,
.form__input.is-error {
	color: var(--yb-form-error);
	border-bottom-color: var(--yb-form-error) !important;
}

.contact-form.is-validated .form__input:invalid::placeholder,
.form__input.is-error::placeholder {
	color: var(--yb-form-error);
	opacity: 1;
}

.form__upload-btn.is-loaded {
	border-color: var(--yb-color-900);
}

.form__upload-btn.is-error {
	border-color: var(--yb-form-error);
	color: var(--yb-form-error);
}

.form__upload-btn.is-error .form__upload-btn-note,
.form__upload-btn.is-error .form__upload-btn-title {
	color: var(--yb-form-error);
}

.form__upload-btn.is-loaded .form__upload-btn-title {
	color: var(--yb-color-900);
}

.form__upload-btn.is-loaded .form__upload-btn-note {
	color: var(--yb-color-500);
}

@media (max-width: 767.98px) {
	.form__row--double {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.form__actions-row {
		flex-direction: column;
	}

	.form__actions-row .form__btn,
	.form__actions-row .form__upload-btn {
		width: 100%;
	}

	.form__upload-btn {
		justify-content: center;
		padding-left: 20px;
		padding-right: 20px;
	}

	.form__upload-btn-copy {
		align-items: center;
		text-align: center;
	}

	.form__upload-btn-note {
		max-width: none;
		white-space: normal;
	}
}

/*----------------------------------------*/
.blog-comments__state {
	margin-top: 12px;
	font-size: 14px;
	color: var(--yb-color-500);
}

.blog-comments__state.is-success {
	color: #45A557;
}

.blog-comments__state.is-error {
	color: var(--yb-form-error);
}

.comment-list,
.comment-list .children {
	list-style: none;
}

.yb-comment-form {
	display: grid;
	gap: 16px;
	margin-top: 32px;
}

.yb-comment-form input,
.yb-comment-form textarea,
.yb-search-form__input {
	width: 100%;
	padding: 16px 18px;
	border: 1px solid var(--yb-theme-border, rgba(255,255,255,.12));
	border-radius: 20px;
	background: transparent;
	color: currentColor;
}

/*  Blog Details — Comments
/*----------------------------------------*/
.blog-comments-area {
	background-color: var(--yb-color-150);
}

.blog-comments {
	padding-top: 0;
}

.blog-comments__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 40px 0;
}

.blog-comments__head-main {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.blog-comments__title {
	letter-spacing: -0.04em;
}

.blog-comments__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.03em;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.blog-comments__toggle:hover {
	background: var(--yb-color-50);
	color: var(--yb-color-900);
}

.blog-comments__toggle[aria-expanded="true"] {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}
.blog-comments__toggle[aria-expanded="true"]:hover {
	color: var(--yb-main-dark);
	border-color: var(--yb-color-dark-400);
	background-color: var(--yb-color-dark-400);
}
.blog-comments__total {
	line-height: 1.2;
	color: var(--yb-color-500);
	text-align: right;
	white-space: nowrap;
}

.blog-comments__total span {
	color: var(--yb-color-900);
	font-weight: 600;
}

.blog-comments__tools {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin-left: auto;
	flex-wrap: wrap;
}

.blog-comments__tools .nice-select,
.blog-comments__tools .yb-comments-sort-select {
	min-width: 190px;
}

.blog-comments__tools .nice-select .current {
	display: block;
	text-align: right;
}

.blog-comments__form-home {
	display: block;
	height: 0;
	margin: 0;
	padding: 0;
}

.blog-comments__form-shell {
	overflow: hidden;
	height: 0;
	visibility: hidden;
	pointer-events: none;
	margin-top: 0;
	margin-bottom: 0;
	transition: height 0.28s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.28s cubic-bezier(0.4, 0, 0.2, 1), margin-bottom 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: height, margin-top, margin-bottom;
}

.blog-comments__form-shell.is-active {
	visibility: visible;
	pointer-events: auto;
}

.blog-comments__form-shell.is-root-mode {
	margin-bottom: 32px;
}

.blog-comments__form-shell.is-reply-mode {
	margin-top: 22px;
	margin-bottom: 22px;
}

.blog-comments__form-shell-inner {
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.2s ease;
	will-change: opacity;
}

.blog-comments__form-shell.is-faded-in .blog-comments__form-shell-inner {
	opacity: 1;
}

.blog-comments__form-card {
	padding: 28px;
	border-radius: 10px;
	border: 1px solid var(--yb-color-150);
	background: var(--yb-color-0);
}

.blog-comments__form-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.blog-comments__form-title {
	letter-spacing: -0.03em;
}

.blog-comments__reply-notice {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 1.3;
	color: var(--yb-color-500);
}

.blog-comments__reply-notice strong {
	color: var(--yb-color-900);
}

.blog-comments__cancel-reply {
	padding: 0;
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.blog-comments__form-stage > * {
	opacity: 1;
	transform: none;
	transition: none;
}

.blog-comments__form-actions {
	margin-top: 30px;
}

.comment-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.comment-list > .comment {
	margin: 0;
}

.comment-body {
	display: flex;
	gap: 18px;
	padding: 24px;
	border-radius: 10px;
	background: var(--yb-color-0);
}

.comment-body.is-pending {
	box-shadow: inset 0 0 0 2px rgba(var(--yb-theme-primary-rgb), 0.18);
}

.comment-avatar {
	--yb-comment-avatar-border: var(--yb-user-role-guest, var(--yb-color-200));
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	padding: 2px;
	border: 2px solid var(--yb-comment-avatar-border);
	border-radius: 50%;
	background: var(--yb-color-0);
	overflow: visible;
}

.comment-avatar--role-administrator {
	--yb-comment-avatar-border: var(--yb-user-role-administrator, var(--yb-theme-primary));
}

.comment-avatar--role-editor {
	--yb-comment-avatar-border: var(--yb-user-role-editor, #7C3AED);
}

.comment-avatar--role-author {
	--yb-comment-avatar-border: var(--yb-user-role-author, #2563EB);
}

.comment-avatar--role-contributor {
	--yb-comment-avatar-border: var(--yb-user-role-contributor, #0891B2);
}

.comment-avatar--role-shop-manager {
	--yb-comment-avatar-border: var(--yb-user-role-shop-manager, #B45309);
}

.comment-avatar--role-customer {
	--yb-comment-avatar-border: var(--yb-user-role-customer, #16A34A);
}

.comment-avatar--role-subscriber {
	--yb-comment-avatar-border: var(--yb-user-role-subscriber, #64748B);
}

.comment-avatar--role-guest {
	--yb-comment-avatar-border: var(--yb-user-role-guest, var(--yb-color-200));
}

.comment-avatar img,
.comment-avatar .avatar {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.comment-content {
	flex: 1 1 auto;
	min-width: 0;
}

.comment-content__top {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 10px;
}

.comment-author {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
	color: var(--yb-color-900);
	font-size: 18px;
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.comment-reply-context {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	color: var(--yb-color-500);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.02em;
}

.comment-reply-context span {
	color: var(--yb-color-700);
	font-weight: 600;
}

.comment-metadata {
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 26px;
	font-size: 14px;
	line-height: 1.2;
	color: var(--yb-color-500);
	white-space: nowrap;
}

.comment-status-badge {
	position: absolute;
	top: 50%;
	right: calc(100% + 10px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 26px;
	padding: 6px 10px;
	border: 1px solid rgba(var(--yb-theme-primary-rgb), 0.2);
	border-radius: 999px;
	background: rgba(var(--yb-theme-primary-rgb), 0.06);
	color: var(--yb-theme-primary);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
	white-space: nowrap;
	transform: translate3d(0, -50%, 0);
	pointer-events: none;
}

.comment-text,
.comment-text p {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.comment-text p:last-child {
	margin-bottom: 0;
}

.comment-text.is-editing {
	margin-top: 2px;
}

.comment-edit-textarea {
	display: block;
	width: 100%;
	min-height: 140px;
	padding: 18px 24px;
	resize: vertical;
	border: 1px solid var(--yb-color-200);
	border-radius: 12px;
	background: var(--yb-color-0);
	font-family: var(--yb-ff-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: -0.28px;
	color: var(--yb-color-900);
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.comment-edit-textarea:hover {
	border-color: var(--yb-color-300);
}

.comment-edit-textarea:focus {
	outline: none;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--yb-theme-primary) 16%, transparent);
	border-color: rgba(var(--yb-theme-primary-rgb), 0.4) !important;
}

.comment-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
	overflow: visible;
}

.comment-action-status {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin-right: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--yb-color-500);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-8px, 0, 0);
	transition: opacity 0.24s ease, visibility 0.24s ease, transform 0.24s ease, color 0.2s ease;
}

.comment-action-status.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

.comment-action-status.is-success {
	color: #16A34A;
}

.comment-action-status.is-error {
	color: var(--yb-theme-primary);
}

.comment-action-status.is-info {
	color: var(--yb-color-700);
}

.comment.is-removing {
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
	transform: translate3d(0, -8px, 0);
	transition:
		height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		margin-top 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		margin-bottom 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.34s ease,
		transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: height, margin, opacity, transform;
}

.comment-like {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 32px;
	min-height: 32px;
	padding: 0 10px;
	border-radius: 999px;
	color: var(--yb-color-500);
	background: transparent;
	border: 1px solid transparent;
	line-height: 1;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.comment-like__count {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	color: inherit;
}

.comment-like:hover {
	color: var(--yb-color-900);
	border-color: var(--yb-color-150);
	background: var(--yb-color-50);
	transform: translateY(-1px);
}

.comment-like svg {
	display: block;
	width: 20px;
	height: 20px;
}

.comment-like.is-liked {
	color: var(--yb-theme-primary);
}

.comment-like.is-liked svg path {
	fill: currentColor;
	stroke: currentColor;
}

.comment-like:disabled {
	pointer-events: none;
	opacity: 0.72;
}

.comment-reply-link,
.comment-edit-link,
.comment-edit-cancel,
.comment-moderation-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid var(--yb-color-200);
	border-radius: 999px;
	background: transparent;
	background-image: none;
	color: var(--yb-color-700);
	font-family: var(--yb-ff-body);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.02em;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	box-sizing: border-box;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.comment-moderation-link--icon,
.comment-edit-link--icon,
.comment-edit-cancel--icon {
	position: relative;
	width: 32px;
	min-width: 32px;
	padding: 0;
	gap: 0;
	overflow: visible;
}

.comment-moderation-link--icon svg,
.comment-edit-link--icon svg,
.comment-edit-cancel--icon svg {
	display: block;
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
}

.comment-moderation-link--icon::before,
.comment-moderation-link--icon::after,
.comment-edit-link--icon::before,
.comment-edit-link--icon::after,
.comment-edit-cancel--icon::before,
.comment-edit-cancel--icon::after {
	position: absolute;
	left: 50%;
	z-index: 20;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-50%, 6px, 0);
	transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}

.comment-moderation-link--icon::before,
.comment-edit-link--icon::before,
.comment-edit-cancel--icon::before {
	content: attr(data-yb-tooltip);
	bottom: calc(100% + 10px);
	width: max-content;
	max-width: 190px;
	padding: 8px 10px;
	border-radius: 9px;
	background: var(--yb-color-900);
	box-shadow: 0 10px 28px rgba(17, 24, 39, 0.12);
	color: var(--yb-color-0);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
}

.comment-moderation-link--icon::after,
.comment-edit-link--icon::after,
.comment-edit-cancel--icon::after {
	content: "";
	bottom: calc(100% + 4px);
	width: 10px;
	height: 10px;
	background: var(--yb-color-900);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.comment-moderation-link--icon:hover::before,
.comment-moderation-link--icon:hover::after,
.comment-moderation-link--icon:focus-visible::before,
.comment-moderation-link--icon:focus-visible::after,
.comment-edit-link--icon:hover::before,
.comment-edit-link--icon:hover::after,
.comment-edit-link--icon:focus-visible::before,
.comment-edit-link--icon:focus-visible::after,
.comment-edit-cancel--icon:hover::before,
.comment-edit-cancel--icon:hover::after,
.comment-edit-cancel--icon:focus-visible::before,
.comment-edit-cancel--icon:focus-visible::after {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-50%, 0, 0);
}

.comment-moderation-link--approve svg {
	width: 21px;
	height: 21px;
}

.comment-moderation-link--spam svg {
	width: 16px;
	height: 16px;
}

.comment-action-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.comment-reply-link:hover,
.comment-edit-link:hover,
.comment-edit-cancel:hover,
.comment-moderation-link:hover {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translateY(-1px);
}

.comment-edit-cancel[hidden] {
	display: none !important;
}

.comment-edit-cancel.comment-edit-cancel--icon {
	border-color: var(--yb-color-200);
	color: var(--yb-color-700);
}

.comment-edit-cancel.comment-edit-cancel--icon:hover,
.comment-edit-cancel.comment-edit-cancel--icon:focus-visible {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.comment-edit-link.comment-edit-link--icon {
	border-color: rgba(91, 141, 239, 0.42);
	color: #5B8DEF;
}

.comment-edit-link.comment-edit-link--icon:hover,
.comment-edit-link.comment-edit-link--icon:focus-visible {
	border-color: #5B8DEF;
	background: #5B8DEF;
	color: var(--yb-color-0);
}

.comment-edit-link.is-editing {
	border-color: #5B8DEF;
	background: #5B8DEF;
	color: var(--yb-color-0);
}

.comment-edit-link.is-editing:hover {
	border-color: #4C78CC;
	background: #4C78CC;
	color: var(--yb-color-0);
}

.comment-edit-link.is-error,
.comment-moderation-link.is-error {
	border-color: var(--yb-form-error);
	background: rgba(var(--yb-theme-primary-rgb), 0.08);
	color: var(--yb-form-error);
}

.comment-moderation-link--approve {
	border-color: rgba(22, 163, 74, 0.42);
	color: #16A34A;
}

.comment-moderation-link--approve:hover {
	border-color: #16A34A;
	background: #16A34A;
	color: var(--yb-color-0);
}

.comment-moderation-link--spam {
	border-color: rgba(var(--yb-theme-primary-rgb), 0.36);
	color: var(--yb-theme-primary);
}

.comment-moderation-link--spam:hover {
	border-color: var(--yb-theme-primary);
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
}

.comment-moderation-link--delete {
	color: var(--yb-color-700);
}

.comment-moderation-link--reject {
	border-color: rgba(245, 158, 11, 0.42);
	color: #D97706;
}

.comment-moderation-link--reject:hover {
	border-color: #F59E0B;
	background: #F59E0B;
	color: var(--yb-color-0);
}

.comment-reply-link:disabled,
.comment-edit-link:disabled,
.comment-edit-cancel:disabled,
.comment-moderation-link:disabled {
	pointer-events: none;
	opacity: 0.72;
	transform: none;
}

.comment-reply-link--limit {
	cursor: pointer;
}

.comment-reply-link--limit:hover {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translateY(-1px);
}

.children {
	position: relative;
	margin: 18px 0 0 74px;
	padding-left: 28px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.children::before {
	display: none;
}

.children > .comment {
	--yb-comment-connector-y: 52px;
	position: relative;
	margin: 0;
}

.children > .comment::before,
.children > .comment::after {
	content: "";
	position: absolute;
	pointer-events: none;
	background: var(--yb-color-150);
}

.children > .comment::before {
	left: -28px;
	top: -18px;
	width: 1px;
	height: calc(100% + 18px);
}

.children > .comment:last-child::before {
	height: calc(var(--yb-comment-connector-y) + 18px);
}

.children > .comment::after {
	left: -28px;
	top: var(--yb-comment-connector-y);
	width: 28px;
	height: 1px;
}

.children.is-collapsing {
	overflow: hidden;
	pointer-events: none;
	transition:
		height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		margin-top 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		margin-bottom 0.42s cubic-bezier(0.22, 1, 0.36, 1),
		opacity 0.34s ease;
	will-change: height, margin, opacity;
}

.blog-comments__load-more {
	display: flex;
	justify-content: center;
	margin-top: 32px;
}

.yb-comments-load-more.is-loading {
	min-width: 52px;
}

@media (max-width: 767.98px) {
	.blog-comments__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.blog-comments__head-main {
		width: 100%;
		justify-content: space-between;
	}

	.blog-comments__total {
		text-align: left;
	}

	.blog-comments__tools {
		width: 100%;
		justify-content: flex-start;
	}

	.blog-comments__form-card,
	.comment-body {
		padding: 20px;
	}

	.comment-body {
		gap: 14px;
	}

	.comment-avatar {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
		padding: 2px;
	}

	.comment-content__top {
		flex-direction: column;
		gap: 6px;
	}

	.comment-metadata {
		white-space: normal;
	}

	.comment-status-badge {
		top: 0;
		right: 0;
		transform: translate3d(0, -120%, 0);
	}

	.children {
		margin-left: 28px;
		padding-left: 18px;
	}

	.children > .comment {
		--yb-comment-connector-y: 44px;
	}
}

/*----------------------------------------*/
/*  Blog Details — Share Button
/*----------------------------------------*/
.yb-blog-share {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	max-width: 100%;
}

.yb-blog-share-toggle,
.yb-blog-social__link {
	position: relative;
	z-index: 2;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	border-radius: 6px;
	line-height: 0;
	color: var(--yb-color-900);
	flex: 0 0 44px;
	transform: translateY(0) scale(1);
	box-shadow: none;
	outline: none;
	will-change: transform, box-shadow, background-color;
	transition:
		background-color 0.18s ease-in-out,
		color 0.18s ease-in-out,
		transform 0.18s ease-in-out,
		box-shadow 0.18s ease-in-out;
}

.yb-blog-social__link:hover {
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
	transform: translateY(-1px);
}

.yb-blog-social__link.is-pressed {
	transform: translateY(0) scale(0.9);
	background: var(--yb-theme-primary);
	transition:
		background-color 0.1s linear,
		color 0.1s linear,
		transform 0.1s linear,
		box-shadow 0.1s linear;
}

.yb-blog-social__link:focus {
	outline: none;
}

.yb-blog-social__link:focus-visible {
	background: rgba(255, 255, 255, 0.40);
	box-shadow: 0 0 0 4px rgba(30, 30, 30, 0.12), 
				0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}

.yb-blog-share-toggle {
	position: relative;
	overflow: hidden;
}

.yb-blog-share-toggle .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	line-height: 0;
	transform-origin: center center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: transform, opacity;
	transition: transform 300ms ease, opacity 300ms ease;
}

.yb-blog-share-toggle .icon svg {
	display: block;
}

.yb-blog-share-toggle .icon--share {
	opacity: 1;
	transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
}

.yb-blog-share-toggle .icon--close {
	opacity: 0;
	transform: translate3d(-50%, calc(-50% - 1px), 0) rotate(-180deg) scale(0);
}

.yb-blog-share.is-open .yb-blog-share-toggle .icon--share {
	opacity: 0;
	transform: translate3d(-50%, -50%, 0) rotate(180deg) scale(0);
}

.yb-blog-share.is-open .yb-blog-share-toggle .icon--close {
	opacity: 1;
	transform: translate3d(-50%, calc(-50% - 1px), 0) rotate(0deg) scale(1);
}

.yb-blog-share-toggle .icon--share svg,
.yb-blog-social__link svg {
	display: block;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
}

.yb-blog-share-toggle .icon--close svg {
	display: block;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	transform: translateY(1px);
}

.yb-blog-share-toggle:hover {
	color: inherit;
	background-color: var(--yb-color-150);
}

.yb-blog-share-toggle:focus,
.yb-blog-share-toggle:focus-visible,
.yb-blog-social__link:focus {
	outline: none;
}

.yb-blog-share-toggle:focus,
.yb-blog-share-toggle:focus-visible {
	box-shadow: none;
}

.yb-blog-social-list {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	overflow: hidden;
	white-space: nowrap;
	max-width: 0;
	opacity: 0;
	margin-right: 0;
	pointer-events: none;
	will-change: max-width, opacity;
	transition:
		max-width 420ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 220ms ease,
		margin-right 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.yb-blog-share.is-open .yb-blog-social-list {
	max-width: 420px;
	opacity: 1;
	margin-right: 4px;
	pointer-events: auto;
	overflow: visible;
}

.yb-blog-social-item {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	opacity: 0;
	transform: translateX(16px);
	transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease;
	overflow: visible;
}

.yb-blog-share.is-open .yb-blog-social-item {
	opacity: 1;
	transform: translateX(0);
}

.yb-blog-share.is-open .yb-blog-social-item:nth-last-child(1) {
	transition-delay: 0ms;
}
.yb-blog-share.is-open .yb-blog-social-item:nth-last-child(2) {
	transition-delay: 50ms;
}
.yb-blog-share.is-open .yb-blog-social-item:nth-last-child(3) {
	transition-delay: 100ms;
}
.yb-blog-share.is-open .yb-blog-social-item:nth-last-child(4) {
	transition-delay: 150ms;
}
.yb-blog-share.is-open .yb-blog-social-item:nth-last-child(5) {
	transition-delay: 200ms;
}
.yb-blog-share.is-open .yb-blog-social-item:nth-last-child(5) {
	transition-delay: 250ms;
}

/*----------------------------------------*/
/*  Blog Sidebar — Author Social Links
/*----------------------------------------*/
.yb-blog-sidebar-author .yb-blog-sidebar-social-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	max-width: none;
	margin: 18px 0 0;
	padding: 0;
	opacity: 1;
	overflow: visible;
	pointer-events: auto;
	white-space: normal;
	gap: 8px !important;
	will-change: auto;
	transition: none;
}

.yb-blog-sidebar-author .yb-blog-sidebar-social-list .yb-blog-social-item {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	opacity: 1;
	transform: none;
	overflow: visible;
	transition: none;
}

.yb-blog-sidebar-author .yb-blog-sidebar-social__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	padding: 0;
	border-radius: 12px;
	background: var(--yb-color-100);
	color: var(--yb-color-900);
	line-height: 0;
	transform: translateY(0) scale(1);
	box-shadow: none;
	transition:
		background-color 0.18s ease-in-out,
		border-color 0.18s ease-in-out,
		color 0.18s ease-in-out,
		transform 0.18s ease-in-out;
}

.yb-blog-sidebar-author .yb-blog-sidebar-social__link svg {
	display: block;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

.yb-blog-sidebar-author .yb-blog-sidebar-social__link:hover {
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
	transform: translateY(-1px);
}

.yb-blog-sidebar-author .yb-blog-sidebar-social__link.is-pressed {
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
	transform: scale(0.9);
}

.yb-blog-sidebar-author .yb-blog-sidebar-social__link:focus,
.yb-blog-sidebar-author .yb-blog-sidebar-social__link:focus-visible {
	outline: none;
}
.yb-menu-placeholder {
	font-size: 14px;
	line-height: 1.2;
	color: currentColor;
	opacity: .55;
}

.yb-main-menu > .yb-menu-placeholder {
	padding: 10px 0;
}

@media (max-width: 767.98px) {
	.yb-blog-share.is-open .yb-blog-social-list {
		max-width: 296px;
	}
}

/*----------------------------------------*/
/*  9. Mobile Menu
/*----------------------------------------*/
.yb-main-menu {
	padding: 5px 8px;
}
.yb-main-menu.menu-light {
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.25);
	backdrop-filter: blur(2px);
}
.yb-main-menu.menu-light nav ul li:hover > .submenu {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
.yb-main-menu.menu-light nav ul li:hover.has-dropdown > a {
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
}
.yb-main-menu.menu-light nav ul li.has-dropdown > a {
	color: #fff;
}
.yb-main-menu.menu-light nav ul li.has-dropdown > a::after {
	filter: invert(1);
}
.yb-main-menu nav ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	padding: 0 14px;
}

.yb-main-menu nav ul li:first-child {
	padding-left: 0;
}

.yb-main-menu nav ul li a {
	font-family: var(--yb-ff-body);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.02em;
	color: var(--yb-common-black);
	padding: 10px 0;
	display: inline-block;
	line-height: 1;
	position: relative;
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
	background-size: 0 1px, 0 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.3s linear;
}
.yb-main-menu nav ul li a:hover {
	color: var(--yb-common-black);
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
	background-size: 0 1px, 100% 1px;
	background-position: 100% 100%, 0 100%;
	background-repeat: no-repeat;
	transition: background-size 0.3s linear;
}
.yb-main-menu nav ul li a.active,
.yb-main-menu nav ul li.current-menu-item > a,
.yb-main-menu nav ul li.current_page_item > a,
.yb-main-menu nav ul li.current-menu-ancestor > a,
.yb-main-menu nav ul li.current_page_ancestor > a {
	background-size: 0 1px, 100% 1px;
	background-position: 100% 100%, 0 100%;
}
.yb-main-menu nav ul li a::before {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.yb-main-menu nav ul li.has-dropdown > a::after {
	content: "";
	position: absolute;
	bottom: 10px;
	right: 12px;
	width: 8px;
	height: 8px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="5" viewBox="0 0 5 5" fill="none"><path d="M0.119881 4.0916L3.76201 0.14603C3.8265 0.0762058 3.912 0.0286966 4.00771 0.00950819C4.10343 -0.00968026 4.20505 0.000313791 4.29974 0.0382265C4.39443 0.0761392 4.47794 0.140268 4.5397 0.222507C4.60146 0.304746 4.63871 0.401402 4.64673 0.500256L4.96657 4.4493C4.97728 4.58185 4.93474 4.70892 4.8483 4.80257C4.76185 4.89622 4.63858 4.94877 4.50559 4.94867L0.543624 4.94521C0.444446 4.94511 0.345125 4.9157 0.258216 4.8607C0.171308 4.8057 0.100716 4.72759 0.0553628 4.63623C0.0100097 4.54486 -0.00806781 4.44436 0.00341617 4.34742C0.0149001 4.25048 0.0554298 4.16146 0.119881 4.0916Z" fill="%230F0F0F"/></svg>');
}
.yb-main-menu nav ul li:hover > .submenu {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
.yb-main-menu nav ul li .submenu {
	position: absolute;
	top: 120%;
	left: 0;
	width: 260px;
	z-index: 99;
	opacity: 0;
	padding: 12px 0;
	transition: 0.5s;
	text-align: start;
	visibility: hidden;
	transform-origin: 0 0;
	transform: scale(1, 0);
	backdrop-filter: blur(20px);
	background: color-mix(in srgb, var(--yb-color-0) 90%, transparent);
	box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.yb-main-menu nav ul li .submenu li {
	width: 100%;
	padding: 0 12px;
	border-radius: 8px;
	margin: 0;
}
.yb-main-menu nav ul li .submenu li a {
	position: relative;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	color: var(--yb-color-500);
	padding: 12px 18px;
	display: inline-block;
	letter-spacing: -0.01em;
	text-align: start;
	width: 100%;
	font-family: var(--yb-ff-body);
}
.yb-main-menu nav ul li .submenu li .submenu {
	top: 0;
	left: 100%;
}
.yb-main-menu nav ul li .submenu li:hover > a {
	background: var(--yb-color-50);
	color: var(--yb-color-900) !important;
}
.yb-main-menu nav ul li .yb-megamenu {
	width: 720px;
	padding: 30px 30px;
}
.yb-main-menu nav ul li .yb-megamenu li {
	padding: 0;
}
.yb-main-menu nav ul li .yb-megamenu-title {
	font-size: 20px;
	font-weight: 600;
	padding-left: 18px;
	padding-right: 6px;
	color: var(--yb-common-black);
	font-family: var(--yb-ff-body);
}
.yb-main-menu nav ul li .yb-megamenu-title-wrap {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.yb-megamenu-title {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--yb-common-black);
	font-family: var(--yb-ff-body);
}

.yb-megamenu-title-wrap {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--yb-color-100);
}

/*----------------------------------------*/
/*  9. Buttons
/*----------------------------------------*/
.yb-btn {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.05em;
	padding: 17px 25px;
	color: var(--yb-main-dark);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--yb-color-dark-300);
	transition: all 0.2s ease-in-out;
	border-radius: 50px;
	text-decoration: none;
}
.yb-btn:hover {
	color: var(--yb-color-0);
	background-color: var(--yb-theme-primary);
}
.yb-btn:hover span span.text-1 {
	transform: translateY(-150%);
}

.yb-btn:hover span span.text-2 {
	top: 50%;
}

.yb-btn:hover i svg:first-child {
	transform: translate(16px, -16px);
}

.yb-btn:hover i svg:last-child {
	opacity: 1;
	visibility: visible;
	transform: translate(13px, -13px);
}

.yb-btn:hover i.icon-arrow-right svg:first-child {
	transform: translate(16px, 0);
}

.yb-btn:hover i.icon-arrow-right svg:last-child {
	transform: translate(16px, 0);
}

.yb-btn:hover i.icon-arrow-up-left svg:first-child {
	transform: translate(-16px, -16px);
}

.yb-btn:hover i.icon-arrow-up-left svg:last-child {
	transform: translate(-16px, -16px);
}

.yb-btn > span {
	position: relative;
	display: grid;
	grid-template-areas: "yb-btn-text";
	align-items: start;
	justify-items: start;
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
	height: auto;
	text-align: inherit;
}
.yb-btn > span > .text-1,
.yb-btn > span > .text-2 {
	grid-area: yb-btn-text;
	display: block;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	white-space: normal;
	overflow-wrap: break-word;
	text-align: inherit;
	transition: transform 0.3s ease-in-out;
	will-change: transform;
}
.yb-btn > span > .text-1 {
	transform: translate3d(0, 0, 0);
}
.yb-btn > span > .text-2 {
	position: static;
	transform: translate3d(0, 110%, 0);
}

.yb-btn:hover > span > .text-1 {
	transform: translate3d(0, -110%, 0);
}

.yb-btn:hover > span > .text-2 {
	transform: translate3d(0, 0, 0);
}

.yb-btn i {
	position: relative;
	overflow: hidden;
	width: 16px;
	height: 16px;
	display: inline-flex;
	margin-left: 4px;
}
.yb-btn i svg {
	transform: translateY(-2px);
	position: absolute;
	bottom: -1px;
	left: 1px;
	transition: all 0.2s ease-out;
}
.yb-btn i svg:last-child {
	left: -12px;
	bottom: -12px;
	transform: translate(0, 0);
	opacity: 0;
}
.yb-btn i.icon-arrow-right svg:last-child {
	left: -16px;
	bottom: 0;
}
.yb-btn i.icon-arrow-up-left svg:last-child {
	left: 16px;
	bottom: -16px;
}
.yb-btn.btn-sm {
	padding: 10px 20px;
}
.yb-btn.active {
	color: var(--yb-color-0);
	background: var(--yb-theme-primary);
}
.yb-btn-border-white {
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.25);
}
.yb-btn-group {
	display: flex;
	width: -moz-fit-content;
	width: fit-content;
}
.yb-btn-group > *:nth-child(1) {
	transform: scale3d(0.5, 0.5, 1);
	margin-inline-end: -52px;
}
.yb-btn-group > *:nth-child(2) {
	transform: scale3d(1, 1, 1);
}
.yb-btn-group > *:nth-child(3) {
	transform: scale3d(1, 1, 1);
	margin-inline-start: 0;
}
.yb-btn-group .yb-btn,
.yb-btn-group .yb-btn-circle {
	transition: all 0.2s ease-in-out;
}
.yb-btn-group:hover > *:nth-child(1) {
	transform: scale3d(1, 1, 1);
	margin-inline-end: 0;
	background: #1D1D1D;
}
.yb-btn-group:hover > *:nth-child(2) {
	transform: scale3d(1, 1, 1);
	color: var(--yb-color-0);
	background-color: var(--yb-theme-primary);
}
.yb-btn-group:hover > *:nth-child(3) {
	transform: scale3d(0.5, 0.5, 1);
	margin-inline-start: -52px;
	background: #1D1D1D;
}
.yb-btn-group .yb-btn-circle {
	text-align: center;
	width: 50px;
	height: 50px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 100%;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	background-color: #1D1D1D;
	color: #FEFEFE;
}
.yb-btn-group .yb-btn-circle i {
	transform: rotate(-45deg);
}
.yb-btn-group-transparent .yb-btn {
	background: #FEFEFE;
	border: 1px solid rgba(38, 38, 38, 0.1);
	color: #1D1D1D;
}
.yb-btn-group-transparent .yb-btn-circle {
	background-color: #FEFEFE;
	color: #1D1D1D;
	border: 1px solid rgba(38, 38, 38, 0.1);
}
.yb-btn-group-transparent:hover > *:nth-child(2) {
	background: #FEFEFE;
}
.yb-btn-group-transparent:hover > *:nth-child(1) {
	background: #FEFEFE;
}
.yb-btn-group-transparent-2 .yb-btn {
	background: #fff5f3;
	border: 1px solid rgba(38, 38, 38, 0.1);
	color: #1D1D1D;
}
.yb-btn-group-transparent-2 .yb-btn-circle {
	background-color: #fff5f3;
	color: #1D1D1D;
	border: 1px solid rgba(38, 38, 38, 0.1);
}
.yb-btn-group-transparent-2:hover > *:nth-child(2) {
	background: #fff5f3;
}
.yb-btn-group-transparent-2:hover > *:nth-child(1) {
	background: #fff5f3;
}
.yb-btn.has-dot {
	position: relative;
}
.yb-btn.has-dot::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 50%;
}

.load-more {
	padding: 60px 0;
	text-transform: uppercase;
}

.yb-loading-ring {
	display: none;
	width: 22px;
	height: 22px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 999px;
	animation: yb-spin .72s linear infinite;
}

.yb-load-more-btn {
	position: relative;
	isolation: isolate;
	min-width: 184px;
	min-height: 52px;
	overflow: hidden;
	transition: width .22s ease, min-width .22s ease, height .22s ease, min-height .22s ease, padding .22s ease, border-radius .22s ease, background-color .18s ease, color .18s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}

.yb-load-more-btn > .yb-load-more-btn__label {
	position: relative;
	display: block;
	min-width: 0;
	overflow: hidden;
	white-space: nowrap;
}

.yb-load-more-btn > .yb-load-more-btn__label .text-1 {
	display: block;
	transition: transform .22s ease, top .22s ease, opacity .22s ease;
}

.yb-load-more-btn > .yb-load-more-btn__label .text-2 {
	position: absolute;
	top: 150%;
	left: 0;
	display: block;
	transform: none;
	transition: transform .22s ease, top .22s ease, opacity .22s ease;
}

.yb-load-more-btn:hover > .yb-load-more-btn__label .text-1,
.yb-load-more-btn:focus-visible > .yb-load-more-btn__label .text-1 {
	transform: translateY(-150%);
}

.yb-load-more-btn:hover > .yb-load-more-btn__label .text-2,
.yb-load-more-btn:focus-visible > .yb-load-more-btn__label .text-2 {
	top: 0;
	transform: none;
}

.yb-load-more-btn.is-loading {
	width: 52px;
	min-width: 52px;
	height: 52px;
	min-height: 52px;
	padding-inline: 0;
	border-radius: 999px;
	justify-content: center;
	pointer-events: none;
}

.yb-load-more-btn.is-loading > .yb-load-more-btn__label {
	display: none;
}

.yb-load-more-btn.is-loading .yb-loading-ring {
	display: block;
}

.yb-load-more-btn.is-complete,
.yb-blog-load-more.is-complete,
.load-more:has(.yb-load-more-btn.is-complete) {
	display: none !important;
}


.yb-ajax-item-enter {
	opacity: 0;
	transform: translate3d(0, 18px, 0);
	transition: opacity .35s ease, transform .35s ease;
}

.yb-ajax-item-enter.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.yb-grid-reveal-item {
	opacity: 0;
	transform: translate3d(0, 70px, 0);
	will-change: opacity, transform;
}

.yb-grid-reveal-item.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 0.72s ease var(--yb-grid-reveal-delay, 0ms),
		transform 0.95s cubic-bezier(0.22, 1, 0.36, 1) var(--yb-grid-reveal-delay, 0ms);
}

@media (prefers-reduced-motion: reduce) {
	.yb-grid-reveal-item,
	.yb-grid-reveal-item.is-visible {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

.yb-blog-load-more.is-loading {
	min-width: 52px;
}

.yb-blog-load-more.is-complete > .yb-loading-ring {
	display: none;
}

@keyframes yb-spin {
	to {
		transform: rotate(360deg);
	}
}

/*----------------------------------------*/
/*  11. Heading
/*----------------------------------------*/
html.yb-js .yb-stagger-reveal-text:not(.is-yb-stagger-ready) {
	visibility: hidden;
}

html.yb-js .yb-stagger-reveal-text.is-yb-stagger-ready {
	visibility: visible;
}

.yb-stagger-text-line-wrap {
	display: block;
	overflow: hidden;
}

.yb-stagger-text-line {
	display: block;
}

.yb-stagger-text-word,
.yb-stagger-text-char {
	display: inline-block;
	will-change: transform, opacity;
}

.yb-heading-section .heading-title {
	min-height: 1.2em;
	line-height: 1.2;
}

.yb-heading-section .heading-caption {
	min-height: 1.2em;
	line-height: 1.2;
}

.yb-heading-section {
	background: var(--yb-color-0);
	padding-top: 140px;
	padding-bottom: 40px;
}
.heading {
	padding-bottom: 20px;
}
.heading-title h1 {
}
.heading-caption {
	font-size: var(--yb-fs-xl);
	color: var(--yb-color-500);
	font-weight: 400;
	margin-bottom: 0;
}

.heading-description {
	display: block;
	clear: both;
	max-width: 820px;
	margin-top: 18px;
	font-size: var(--yb-fs-md);
	line-height: 1.65;
	color: var(--yb-color-500);
}

.heading-caption + .heading-description {
	margin-top: 22px;
}

.heading-description > :first-child {
	margin-top: 0;
}

.heading-description > :last-child {
	margin-bottom: 0;
}

.yb-archive-heading-layout {
	row-gap: 30px;
}

.yb-heading-description--archive-aside {
	max-width: 760px;
	margin-top: 0;
	font-size: var(--yb-fs-lg);
	line-height: 1.45;
	color: var(--yb-color-700);
}

.yb-heading-description--archive-aside p {
	font-size: inherit;
	line-height: inherit;
}

/*----------------------------------------*/
/*  12. Footer
/*----------------------------------------*/
.yb-footer-link .yb-hero-social {
	justify-content: flex-start;
}

.yb-footer-copyright-block {
	display: flex;
	flex-direction: column;
	gap: 2px;
	line-height: 1.1;
}

.yb-footer-copyright {
	display: block;
	font-weight: 400;
	font-size: 16px;
	color: var(--yb-main)
}

.yb-footer-connect-title {
	font-weight: 400;
	font-size: 60px;
	line-height: 1.1;
}

.yb-footer-follow-label {
	font-size: 12px;
	letter-spacing: 0.02em;
	font-weight: 400;
	color: var(--yb-main)
}

.footer-social-item ul li {
	position: relative;
	list-style: none;
}
.footer-social-item ul li a {
	font-weight: 400;
	font-size: 16px;
	color: var(--yb-color-300);
	transition: all 0.3s ease;
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-social-item ul li a .icon-social {
	color: var(--yb-color-0);
}
.footer-social-item ul li a:hover {
	color: var(--yb-color-0);
	margin: 0 12px;
}
.footer-social-item.white-mode ul li::before {
	border-bottom: 1px solid rgba(33, 33, 33, 0.3);
}
.footer-social-item.white-mode ul li a .icon-social {
	color: var(--yb-color-900);
}
.footer-link-item ul li + li {
	margin-top: 15px;
}

.footer-social-item.white-mode ul li a {
	color: var(--yb-color-500);
}
.footer-social-item.white-mode ul li a:hover {
	color: var(--yb-theme-primary);
	margin: 0 12px;
}
.footer-link-item ul li {
	list-style: none;
}
.footer-link-item ul li a {
	font-weight: 400;
	font-size: 18px;
	color: var(--yb-main);
}

.footer-link-item ul li a.underline {
	position: relative;
	display: inline-flex;
	align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.footer-link-item-wrap {
	margin-left: 0;
	margin-right: 0;
	}
	.footer-link-item {
		padding: 0;
	}

}

.text-scale-anim {
	white-space: pre-wrap;
	transform-origin: top left;
}

.yb-letter-span {
	display: inline-block;
}

.yb-word-span {
	display: inline-block;
}

/*----------------------------------------*/
/*  13. About
/*----------------------------------------*/
.yb-about-hero {
	overflow: hidden;
	background: var(--yb-color-100);
}

.yb-about-hero__media {
	--yb-about-hero-frame-height: 600px;
	--yb-about-hero-image-height: 600px;

	position: relative;
	height: var(--yb-about-hero-frame-height);
	max-height: 700px;
	overflow: hidden;

	display: flex;
	align-items: flex-start;
	justify-content: center;

	isolation: isolate;
}

.yb-about-hero__media img {
	display: block;
	width: auto;
	max-width: none;
	height: var(--yb-about-hero-image-height);

	object-fit: initial;
	object-position: center top;

	transform: translateZ(0);
	will-change: transform;
}

@media (max-width: 991.98px) {
	.yb-about-hero__media {
		--yb-about-hero-media-height: clamp(360px, 68vw, 560px);
		margin-top: 30px;
	}
}

@media (max-width: 574.98px) {
	.yb-about-hero__media {
		--yb-about-hero-media-height: clamp(300px, 86vw, 430px);
	}
}

.yb-about-subtitle {
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.32px;
	color: var(--yb-common-black);
	line-height: 20px;
}
.yb-about-subtitle svg {
	transform: translateY(-3px);
	margin-right: 4px;
}
.yb-about-item {
	border-radius: 16px;
}
.yb-about-thumb {
	border-radius: 16px;
	overflow: hidden;
	height: 410px;
}
.yb-about-thumb img {
	border-radius: 16px;
	width: 100%;
	height: 600px;
	-o-object-fit: cover;
	 object-fit: cover;
	margin-top: -50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-about-thumb-wrap {
	margin-left: 0;
	}
}
.yb-about-title {
	font-size: 28px;
	letter-spacing: -0.05em;
}
.yb-about-dec {
	line-height: 162%;
	letter-spacing: -0.05em;
	color: var(--yb-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-about-dec br {
	display: none;
	}
}


/*----------------------------------------*/
/*  About 2 - Sec 3 Our Journey / card-award-2
/*----------------------------------------*/
.sec-3-about .card-award-2-list {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.card-award-2 {
	border-bottom: 1px solid var(--yb-color-100, #e5e5e5);
	transition: border-color 0.35s ease;
}
.card-award-2:last-child {
	border-bottom: none;
}
.card-award-2:hover {
	border-color: var(--yb-color-200);
}
.card-award-2-link {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 24px 32px;
	padding: 28px 0;
	text-decoration: none;
	color: inherit;
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.card-award-2-link {
	flex-wrap: wrap;
	gap: 16px;
	padding: 20px 0;
	}
}
.card-award-2-year {
	flex: 0 0 220px;
	font-size: 20px;
	font-weight: 400;
	color: var(--yb-color-900);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.card-award-2-year {
	flex: 0 0 180px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.card-award-2-year {
	flex: 0 0 100%;
	font-size: 13px;
	}
}
.card-award-2-content {
	flex: 1;
	min-width: 0;
}
.card-award-2-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: -0.02em;
	color: var(--yb-color-900);
	margin-bottom: 8px;
}
@media (max-width: 574.98px) {
	.card-award-2-title {
	font-size: 17px;
	}
}
.card-award-2-desc {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--yb-color-900);
	opacity: 0.5;
	font-family: var(--yb-ff-body);
	max-width: 520px;
}
.card-award-2-image-wrap {
	flex: 0 0 0;
	width: 0;
	max-height: 0;
	overflow: hidden;
	transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1), max-height 0.8s cubic-bezier(0.4, 0, 0.2, 1);
	margin: 0 auto;
	align-self: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.card-award-2-image-wrap {
	order: 10;
	flex-basis: 100%;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	align-self: stretch;
	}
}
.card-award-2:hover .card-award-2-image-wrap {
	flex: 1;
	width: 500px;
	max-height: 310px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.card-award-2:hover .card-award-2-image-wrap {
	flex: 0 0 auto;
	flex-basis: 100%;
	width: 100%;
	max-height: 280px;
	}
}
.card-award-2-image {
	width: 500px;
	min-width: 500px;
	height: 310px;
	overflow: hidden;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
.card-award-2-image img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	 object-fit: cover;
	transform: translateY(-100%);
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.card-award-2-image {
	width: 100%;
	min-width: 0;
	height: auto;
	max-width: 480px;
	margin-left: auto;
	}
	.card-award-2-image img {
	height: auto;
	}
}
.card-award-2:hover .card-award-2-image img {
	transform: translateY(0);
}
.card-award-2-icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	color: var(--yb-color-700);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color 0.25s ease, transform 0.25s ease;
}
.card-award-2-icon svg {
	width: 16px;
	height: 15px;
}
.card-award-2:hover .card-award-2-icon {
	color: var(--yb-common-black);
	transform: translate(3px, -2px);
}

.wrapper-gallery {
	display: inline-flex;
	align-items: flex-end;
	padding: 0;
}

.moving-gallery li {
	width: 40vw;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	list-style: none;
}

@media only screen and (max-width: 1199px) {
	.moving-gallery li {
	padding-left: 4px;
	padding-right: 4px;
	}
}
.moving-gallery li img {
	height: auto;
	margin: 0px;
	width: 100%;
}

.moving-gallery li:nth-child(1) {
	width: 20vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(1) {
	width: 40vw;
	}
}
.moving-gallery li:nth-child(2) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(2) {
	width: 50vw;
	}
}
.moving-gallery li:nth-child(3) {
	width: 30vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(3) {
	width: 60vw;
	}
}
.moving-gallery li:nth-child(4) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(4) {
	width: 50vw;
	}
}
.moving-gallery li:nth-child(5) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(5) {
	width: 50vw;
	}
}
.moving-gallery li:nth-child(6) {
	width: 30vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(6) {
	width: 60vw;
	}
}
.moving-gallery li:nth-child(7) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(7) {
	width: 50vw;
	}
}
.moving-gallery li:nth-child(8) {
	width: 20vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(8) {
	width: 40vw;
	}
}
.moving-gallery li:nth-child(9) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(9) {
	width: 50vw;
	}
}
.moving-gallery li:nth-child(10) {
	width: 30vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(10) {
	width: 60vw;
	}
}
.moving-gallery li:nth-child(11) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(11) {
	width: 50vw;
	}
}
.moving-gallery li:nth-child(12) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(12) {
	width: 50vw;
	}
}
.moving-gallery li:nth-child(13) {
	width: 30vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(13) {
	width: 60vw;
	}
}
.moving-gallery li:nth-child(14) {
	width: 25vw;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.moving-gallery li:nth-child(14) {
	width: 50vw;
	}
}
/*----------------------------------------*/
/*  Process Cards
/*----------------------------------------*/
.process-scroll .process-card {
	padding: 40px;
	background: var(--yb-color-0);
	border-radius: 15px;
}
.process-scroll .process-card__img-wrap img {
	width: 100%;
	height: 100%;
	border-radius: 15px;
}
.process-scroll .process-card__content {
	padding-left: 0;
}
.process-scroll .process-card__header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	margin-bottom: 26px;
	border-bottom: 1px solid var(--yb-color-100);
}
.process-scroll .process-card__title {
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
	letter-spacing: -1.8px;
	color: var(--yb-color-900);
}
.process-scroll .process-card__desc {
	line-height: 1.6;
	letter-spacing: -0.01em;
	color: var(--yb-color-500);
	margin-bottom: 20px;
	max-width: 75%;
}
.process-scroll .process-card__meta {
	padding-top: 8px;
}
.process-scroll .process-card__meta-text {
	font-size: 16px;
	color: var(--yb-color-900);
	font-weight: 600;
}
.process-scroll .process-card__meta-label {
	display: inline-block;
	margin-left: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.process-scroll .process-card__title {
	font-size: 24px;
	}
	.process-scroll .process-card__desc {
	font-size: 16px;
	}
	.process-scroll .process-card__img-wrap {
	min-height: 240px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.process-scroll .process-card__img-wrap {
	aspect-ratio: 16/10;
	min-height: 220px;
	}
	.process-scroll .process-card__header {
	flex-direction: column;
	align-items: flex-start;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.process-scroll .process-card {
	padding-left: 24px;
	padding-right: 24px;
	}
	.process-scroll .process-card__title {
	font-size: 22px;
	}
	.process-scroll .process-card__desc {
	font-size: 15px;
	}
	.process-scroll .process-card__meta {
	flex-wrap: wrap;
	gap: 12px;
	}
	.process-scroll .process-card__img-wrap {
	min-height: 200px;
	}
	.process-scroll .process-card__content {
	padding-top: 0;
	}
}
@media (max-width: 574.98px) {
	.process-scroll .process-card__title {
	font-size: 20px;
	}
	.process-scroll .process-card__desc {
	font-size: 14px;
	}
	.process-scroll .process-card__img-wrap {
	min-height: 180px;
	}
}

/*----------------------------------------*/
/*  14. Hero
/*----------------------------------------*/
.yb-hero-spacing {
	padding-top: 550px;
	padding-bottom: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.yb-hero-spacing {
	padding-bottom: 120px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-spacing {
	padding-bottom: 100px;
	}
}
.yb-hero-title {
	line-height: 95%;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: var(--yb-common-black);
}
.yb-hero-dec {
	font-weight: 400;
	font-size: 18px;
	line-height: 156%;
	letter-spacing: -0.03em;
	color: var(--yb-color-500);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-dec br {
	display: none;
	}
}
.yb-hero-shape {
	transform: translateY(-10px);
	display: inline-block;
	margin-right: 7px;
}
.yb-hero-social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-social {
	margin-left: 0;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-social {
	justify-content: flex-start;
	}
}
.yb-hero-social a {
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	letter-spacing: -0.02em;
	color: var(--yb-main-dark);
	border-radius: 20px;
	padding: 6px 20px;
	display: inline-block;
	background-color: var(--yb-color-dark-200);
}
.yb-hero-social a:hover {
	color: var(--yb-color-0);
	background-color: var(--yb-theme-primary);
}
.yb-hero-social.style-2 a {
	color: var(--yb-common-black);
	border: 1px solid var(--yb-common-black);
	background: var(--yb-common-white);
}
.yb-hero-social.style-2 a:hover {
	background: var(--yb-common-black);
	border-color: var(--yb-common-black);
	color: var(--yb-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-slider-active {
	padding-top: 40px;
	}
}
.yb-hero-slider-active .swiper-slide {
	width: auto !important;
}
.yb-hero-slider-active .background-img img {
	width: 170px;
	height: 170px;
	-o-object-fit: cover;
	 object-fit: cover;
}

.alt-hero-spacing {
	padding-top: 83px;
}
.alt-hero-video {
	width: 327px;
	height: 220px;
	border-bottom: 1px solid rgba(30, 30, 30, 0.1);
	padding-bottom: 250px;
	margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
	.alt-hero-video {
	width: 276px;
	padding-bottom: 220px;
	}
}
.alt-hero-video video {
	width: 100%;
	overflow: hidden;
	-webkit-mask-size: contain;
			mask-size: contain;
	-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
	background-position: center center;
}
.alt-hero-service ul li {
	list-style: none;
}
.alt-hero-service ul li:not(:last-child) {
	margin-bottom: 3px;
}
.alt-hero-service ul li a {
	font-weight: 400;
	font-size: 22px;
	letter-spacing: -0.03em;
	color: var(--yb-common-black);
}
.alt-hero-service ul li a .explore-text {
	position: relative;
	display: inline-block;
	padding: 0;
	transition: transform 0.5s;
	transform-origin: 50% 0;
	transform-style: preserve-3d;
	line-height: 1;
}
.alt-hero-service ul li a .explore-text::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	content: attr(data-text);
	transition: color 0.5s;
	transform: rotateX(-90deg);
	transform-origin: 50% 0;
	text-align: center;
	z-index: -1;
}
.alt-hero-service ul li a:hover .explore-text {
	transform: rotateX(90deg) translateY(-12px);
	color: inhewrit;
	color: var(--yb-theme-primary);
}
.alt-hero-title {
	font-family: var(--yb-ff-body);
	font-size: 180px;
	letter-spacing: -0.01em;
	line-height: 83%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
	.alt-hero-title {
	font-size: 125px;
	}
}
@media (max-width: 574.98px) {
	.alt-hero-title {
	font-size: 100px;
	}
}
.alt-hero-title-wrap {
	border-left: 1px solid rgba(30, 30, 30, 0.1);
	border-right: 1px solid rgba(30, 30, 30, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.alt-hero-title-wrap {
	border: none;
	}
}
.alt-hero-btn {
	width: 100%;
	background: var(--yb-common-white);
	color: var(--yb-common-black);
	justify-content: space-between;
	border-radius: 0;
	padding: 22px 25px;
}
.alt-hero-btn:hover {
	color: var(--yb-common-white);
	background: var(--yb-theme-primary);
}
.alt-hero-dec {
	padding-top: 280px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.alt-hero-dec {
	margin-left: 0;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.alt-hero-dec {
	padding-top: 180px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.alt-hero-dec {
	padding-top: 0px;
	padding-bottom: 80px;
	}
}
.alt-hero-dec p {
	font-weight: 400;
	font-size: 18px;
	line-height: 156%;
	letter-spacing: -0.03em;
	color: var(--yb-common-black);
	display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.alt-hero-dec p br {
	display: none;
	}
}
.alt-hero-dec p svg {
	flex: 0 0 auto;
	margin-right: 15px;
	margin-top: 7px;
}
.alt-hero-thumb {
	height: 720px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.alt-hero-thumb {
	height: 500px;
	}
	.alt-hero-thumb img {
	height: 600px;
	}
}

.mp-hero-w-logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}
.mp-hero-title {
	font-weight: 600;
	font-size: 82px;
	line-height: 110%;
	letter-spacing: -0.05em;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mp-hero-title {
	font-size: 60px;
	}
	.mp-hero-title br {
	display: none;
	}
}
@media (max-width: 574.98px) {
	.mp-hero-title {
	font-size: 37px;
	}
}
.mp-hero-spacing {
	padding-top: 165px;
	padding-bottom: 105px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.mp-hero-magnetic {
	-moz-column-count: 2;
		 column-count: 2;
	}
}
.mp-hero-magnetic-image {
	border-radius: 22px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
	background: #d9d9d9;
	border: 2px solid var(--yb-common-black);
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(1) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+1):nth-child(4n+1) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(2) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+2):nth-child(4n+2) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(3) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+3):nth-child(4n+3) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(4) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item:nth-child(n+4):nth-child(4n+4) img {
	rotate: calc(0deg - var(--velocity) * 0.25deg);
	--translateY: 0%;
}
.mp-hero-magnetic-image-wrap .mp-hero-magnetic-item img {
	pointer-events: auto;
	width: auto;
	height: 100%;
	-webkit-user-select: none;
	 -moz-user-select: none;
			user-select: none;
	-o-object-fit: cover;
	 object-fit: cover;
	will-change: transform;
	transform: translateX(calc(var(--offsetX) * 1px)) translateY(calc(var(--offsetY) * 1px + var(--translateY)));
	transition: transform 0.7s linear(0, 0.5737 7.6%, 0.8382 11.87%, 0.9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, 0.9995 46.99%, 0.9872 51.63%, 0.9842 58.77%, 1.0011 81.26%, 1);
}
.mp-hero-bigtitle {
	font-size: 430px;
	line-height: 1;
	letter-spacing: -0.04em;
	text-transform: uppercase;
}
@media only screen and (min-width: 1700px) and (max-width: 1800px) {
	.mp-hero-bigtitle {
	font-size: 410px;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
	.mp-hero-bigtitle {
	font-size: 385px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.mp-hero-bigtitle {
	font-size: 330px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.mp-hero-bigtitle {
	font-size: 270px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.mp-hero-bigtitle {
	font-size: 225px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mp-hero-bigtitle {
	font-size: 165px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.mp-hero-bigtitle {
	font-size: 125px;
	}
}
@media (max-width: 574.98px) {
	.mp-hero-bigtitle {
	font-size: 80px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mp-hero-content {
	margin-left: 0;
	}
}

.bg-linear-opacity {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.bg-linear-opacity::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.84;
	background: linear-gradient(99deg, #000 5.05%, rgba(0, 0, 0, 0.44) 49.84%, #000 94.63%);
	z-index: -1;
}

.yb-hero-video {
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(2px);
	padding: 11px 11px 0;
}
.yb-hero-video video {
	width: 100%;
	border-radius: 8px;
}
.yb-hero-spacing {
	padding-top: 395px;
	padding-bottom: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.yb-hero-spacing {
	padding-top: 300px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
	.yb-hero-spacing {
	padding-top: 250px;
	}
}
@media (max-width: 574.98px) {
	.yb-hero-spacing {
	padding-top: 290px;
	}
}
.yb-hero-service {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-service {
	margin-right: 0;
	}
}
.yb-hero-service ul {
	padding-left: 13px;
}
.yb-hero-service ul li {
	margin-bottom: 0 !important;
	line-height: 1.6;
}
.yb-hero-service ul li a {
	color: var(--yb-common-white);
	font-size: 16px;
}
.yb-hero-service-2 ul li::marker {
	width: 8px;
	height: 8px;
	color: rgba(255, 255, 255, 0.5);
}
.yb-hero-subtitle {
	font-style: italic;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.03em;
}
.yb-hero-title {
	line-height: 121%;
	letter-spacing: -0.03em;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.yb-hero-title {
	font-size: 42px;
	}
}
@media (max-width: 574.98px) {
	.yb-hero-title {
	font-size: 35px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-button {
	padding-bottom: 30px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-content {
	margin-left: 0;
	}
}
.yb-hero-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: flex;
	justify-content: center;
	transform: translateY(50px);
}
.yb-hero-bg img {
	-o-object-fit: cover;
	 object-fit: cover;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-hero-bg img {
	width: 600px;
	margin-bottom: -50px;
	height: auto;
	}
}

.cs-hero-spacing {
	padding-top: 180px;
	padding-bottom: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-video {
	margin-left: 0;
	}
}
.cs-hero-video video {
	border-radius: 16px;
	width: 256px;
	height: 147px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.cs-hero-video video {
	width: 190px;
	height: 114px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cs-hero-video video {
	width: 130px;
	height: 77px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-video video {
	margin-top: 20px;
	}
}
.cs-hero-title {
	font-size: 206px;
	line-height: 0.94;
	letter-spacing: -0.02em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.cs-hero-title {
	font-size: 165px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.cs-hero-title {
	font-size: 130px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-title {
	font-size: 95px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-title {
	text-align: center;
	font-size: 75px;
	}
}
@media (max-width: 574.98px) {
	.cs-hero-title {
	font-size: 52px;
	}
}
.cs-hero-title .text-sm {
	font-weight: 600;
	font-size: 18px;
	line-height: 133%;
	letter-spacing: -0.05em;
	text-align: left;
	margin-top: 23px;
	margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-title .text-sm {
	font-size: 14px;
	margin-top: 8px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-title .text-sm {
	position: absolute;
	}
}
.cs-hero-title .text-sm-video {
	margin-top: -100px;
	margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-title .text-sm-video {
	margin-top: -65px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.cs-hero-title .text-sm-video {
	margin-top: -36px;
	}
}

.mg-hero-bg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
	filter: saturate(0);
	z-index: -1;
	border-radius: 60px;
	overflow: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-bg img {
	border-radius: 30px;
	}
}
.mg-hero-spacing {
	padding-top: 97px;
}
.mg-hero-spacing-inner {
	padding-top: 70px;
	padding-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-spacing-inner {
	padding-left: 20px;
	padding-right: 20px;
	}
}
.mg-hero-spacing-inner::before {
	position: absolute;
	content: "";
	background: rgba(30, 30, 30, 0.15);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-spacing-inner::before {
	border-radius: 30px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.mg-hero-dec {
	margin-left: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-dec {
	margin-left: 0;
	}
}
.mg-hero-dec p {
	font-weight: 400;
	font-size: 28px;
	line-height: 129%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-dec p br {
	display: none;
	}
}
.mg-hero-awards {
	box-shadow: inset 0 1px 10px 0 rgba(0, 0, 0, 0.15), inset 0 1px 10px 0 rgba(0, 0, 0, 0.15);
	background: rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.mg-hero-awards {
	margin-right: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-awards {
	margin-right: 0;
	}
}
.mg-hero-slider-title {
	font-size: 159px;
	line-height: 94%;
	letter-spacing: -0.06em;
	position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.mg-hero-slider-title {
	font-size: 130px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.mg-hero-slider-title {
	font-size: 100px;
	}
}
@media (max-width: 574.98px) {
	.mg-hero-slider-title {
	font-size: 60px;
	}
}
.mg-hero-slider-symbol {
	font-weight: 600;
	font-size: 30px;
	letter-spacing: -0.13em;
	border: 4px solid var(--yb-common-white);
	border-radius: 20px;
	line-height: 1;
	width: 39px;
	height: 44px;
	position: absolute;
	top: 22px;
	right: -60px;
	text-align: center;
	padding-top: 3px;
}
@media (max-width: 574.98px) {
	.mg-hero-slider-symbol {
	top: 0;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-tag {
	margin-left: 40px;
	margin-right: 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-tag {
	margin-left: 0;
	}
}
.mg-hero-tag ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.mg-hero-tag ul li {
	list-style: none;
}
.mg-hero-tag ul li a {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.01em;
	color: var(--yb-common-white);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 50px;
	padding: 6px 16px;
	background: rgba(255, 255, 255, 0.04);
	display: inline-block;
}
.mg-hero-tag ul li a:hover {
	background: var(--yb-common-white);
	color: var(--yb-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.mg-hero-scrool {
	margin-right: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.mg-hero-scrool {
	margin-right: 0;
	margin-top: 0;
	}
}
.mg-hero-scrool a {
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -0.03em;
	color: var(--yb-common-white);
}
.mg-hero-scrool a:hover {
	color: var(--yb-theme-primary);
}
.mg-hero-scrool a svg {
	margin-left: 5px;
}

.product-hero-spacing {
	padding-top: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.product-hero-spacing {
	padding-top: 79px;
	}
}
.product-hero-item:hover .product-hero-thumb img {
	transform: scale(1.1);
}
.product-hero-item-3 .product-hero-thumb img {
	-o-object-fit: cover;
	 object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
	.product-hero-item-3 .product-hero-thumb img {
	height: 600px;
	}
}
@media (max-width: 574.98px) {
	.product-hero-item-3 .product-hero-thumb img {
	height: 400px;
	}
}
.product-hero-content {
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 2;
	padding: 0 30px;
}
@media (max-width: 574.98px) {
	.product-hero-content {
	bottom: 20px;
	}
}
.product-hero-title {
	font-size: 52px;
	line-height: 112%;
	letter-spacing: -0.03em;
	color: var(--yb-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.product-hero-title {
	font-size: 40px;
	margin-bottom: 0;
	}
}
@media (max-width: 574.98px) {
	.product-hero-title {
	font-size: 30px;
	}
}
.product-hero-dec {
	font-weight: 400;
	font-size: 22px;
	letter-spacing: -0.05em;
	color: var(--yb-grey-5);
}
@media (max-width: 574.98px) {
	.product-hero-dec {
	font-size: 18px;
	}
}
.product-hero-thumb {
	border-radius: 16px;
	position: relative;
}
.product-hero-thumb::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 16px;
	z-index: 1;
}
.product-hero-thumb img {
	border-radius: 16px;
	transition: all 0.9s ease;
}

/*----------------------------------------*/
/*  sec-1-home-4 (Orisa AI Solutions Hero)
/*----------------------------------------*/
.sec-1-home-4-wrap {
	padding-top: 140px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.sec-1-home-4-wrap {
	padding-top: 100px;
	}
}
.sec-1-home-4-wrap .sec-1-home-4 {
	padding-top: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.sec-1-home-4-wrap .sec-1-home-4 {
	padding-top: 100px;
	}
}
.sec-1-home-4-wrap .sec-1-home-4__tagline {
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.15em;
	color: #FEFEFE;
}
@media (max-width: 574.98px) {
	.sec-1-home-4-wrap .sec-1-home-4__tagline {
	font-size: 10px;
	letter-spacing: 0.1em;
	}
}
.sec-1-home-4-wrap .sec-1-home-4__btns .yb-btn {
	padding: 14px 24px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.05em;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	background: transparent;
}
.sec-1-home-4-wrap .sec-1-home-4__btns .yb-btn:hover {
	background: rgba(229, 229, 229, 0.1);
	border-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(3px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.sec-1-home-4-wrap .sec-1-home-4__btns .yb-btn {
	background: rgba(229, 229, 229, 0.1);
	border-color: rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(3px);
	}
}
.sec-1-home-4-wrap .sec-1-home-4__cards {
	justify-content: flex-end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.sec-1-home-4-wrap .sec-1-home-4__cards {
	justify-content: flex-start;
	}
}
.sec-1-home-4-wrap .sec-1-home-4__card {
	flex: 1;
	max-width: 145px;
	aspect-ratio: 4/3;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.sec-1-home-4-wrap .sec-1-home-4__card img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
	transition: transform 0.4s ease;
}
.sec-1-home-4-wrap .sec-1-home-4__card img:hover {
	transform: scale(1.05);
}
.sec-1-home-4-wrap .sec-1-home-4__tags {
	justify-content: flex-end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.sec-1-home-4-wrap .sec-1-home-4__tags {
	justify-content: flex-start;
	}
}
.sec-1-home-4-wrap .sec-1-home-4__tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.01em;
	color: #FEFEFE;
	padding: 6px 18px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(70, 70, 70, 0.2);
	backdrop-filter: blur(24px);
	text-decoration: none;
	transition: all 0.3s ease;
}
.sec-1-home-4-wrap .sec-1-home-4__tag:hover {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.4);
	color: var(--yb-common-white);
}
.sec-1-home-4-wrap .sec-1-home-4__tag svg {
	flex-shrink: 0;
	opacity: 0.8;
}
.sec-1-home-4-wrap .sec-1-home-4__brand {
	font-weight: 600;
	font-size: 220px;
	line-height: 0.95;
	letter-spacing: -0.04em;
	margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.sec-1-home-4-wrap .sec-1-home-4__brand {
	font-size: 150px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.sec-1-home-4-wrap .sec-1-home-4__brand {
	font-size: 100px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.sec-1-home-4-wrap .sec-1-home-4__brand {
	font-size: 90px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.sec-1-home-4-wrap .sec-1-home-4__brand {
	font-size: 32px;
	}
}
.sec-1-home-4-wrap .sec-1-home-4__brand-suffix {
	font-size: 0.5em;
	font-weight: 600;
	vertical-align: middle;
}
.sec-1-home-4-wrap .sec-1-home-4__brand-suffix sup {
	font-size: 50px;
	vertical-align: super;
	opacity: 0.8;
	font-weight: 400;
}
.sec-1-home-4-wrap .sec-1-home-4__nav li {
	position: relative;
}
.sec-1-home-4-wrap .sec-1-home-4__nav li:not(:first-child)::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 574.98px) {
	.sec-1-home-4-wrap .sec-1-home-4__nav li:not(:first-child)::before {
	left: -8px;
	width: 3px;
	height: 3px;
	}
}
.sec-1-home-4-wrap .sec-1-home-4__nav a {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: color 0.3s ease;
}
.sec-1-home-4-wrap .sec-1-home-4__nav a:hover {
	color: var(--yb-common-white);
}
.sec-1-home-4-wrap .sec-1-home-4__nav a svg {
	flex-shrink: 0;
	opacity: 0.7;
}

/*----------------------------------------*/
/*  sec-3-home-4 (How We Work Process Cards)
/*----------------------------------------*/
.card__process-card {
	display: flex;
	gap: 20px;
	align-items: center;
}
.card__process-card.card-2 {
	margin-top: 80px;
}
.card__process-card.card-3 {
	margin-top: 160px;
}
.card__process-card.card-4 {
	margin-top: 240px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.card__process-card.card-2 {
	margin-top: 50px;
	}
	.card__process-card.card-3 {
	margin-top: 50px;
	}
	.card__process-card.card-4 {
	margin-top: 100px;
	}
}
@media (max-width: 574.98px) {
	.card__process-card {
	flex-direction: column;
	gap: 16px;
	margin-top: 0 !important;
	}
}
.card__process-visual {
	position: relative;
	flex-shrink: 0;
	width: 100%;
	max-width: 100px;
	min-height: 270px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
	.card__process-visual {
	max-width: 100px;
	min-height: 240px;
	}
}
@media (max-width: 574.98px) {
	.card__process-visual {
	max-width: 80px;
	min-height: 200px;
	}
}
.card__process-pill {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	max-height: 320px;
	border-radius: 9999px;
	overflow: hidden;
}
.card__process-pill--1 {
	background-image: url(../imgs/pages/img-81.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.card__process-pill--2 {
	background-image: url(../imgs/pages/img-82.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.card__process-pill--3 {
	background-image: url(../imgs/pages/img-83.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.card__process-pill--4 {
	background-image: url(../imgs/pages/img-84.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.card__process-pill::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255, 255, 255, 0.08) 2px, rgba(255, 255, 255, 0.08) 4px);
	opacity: 0.6;
	pointer-events: none;
}
.card__process-num {
	position: absolute;
	top: 24px;
	left: 50%;
	transform: translateX(-50%);
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--yb-color-0, #FEFEFE);
	color: var(--yb-common-black, #1D1D1D);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	border-radius: 50%;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
	z-index: 1;
}
@media (max-width: 574.98px) {
	.card__process-num {
	width: 40px;
	height: 40px;
	font-size: 18px;
	top: 16px;
	}
}
.card__process-content {
	flex: 1;
	min-width: 0;
}
.card__process-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: var(--yb-color-900);
	margin-bottom: 12px;
}
@media (max-width: 574.98px) {
	.card__process-title {
	font-size: 20px;
	}
}
.card__process-desc {
	font-size: 16px;
	line-height: 1.5;
	color: var(--yb-color-500);
	margin-bottom: 16px;
}
@media (max-width: 574.98px) {
	.card__process-desc {
	font-size: 14px;
	}
}
.card__process-divider {
	width: 100%;
	height: 1px;
	background: var(--yb-color-900);
}

/*----------------------------------------*/
/*  Featured Case Card / Unified Works Grid
/*----------------------------------------*/
.card_case__works-list {
	--yb-works-columns: 3;
	--yb-works-gap: 22px;
	--yb-works-row: clamp(260px, 18vw, 340px);
	display: grid;
	grid-template-columns: repeat(var(--yb-works-columns), minmax(0, 1fr));
	grid-auto-rows: var(--yb-works-row);
	grid-auto-flow: dense;
	gap: var(--yb-works-gap);
	align-items: stretch;
}

.card_case__works-list[data-columns="2"] {
	--yb-works-columns: 2;
}

.card_case__works-list[data-columns="4"] {
	--yb-works-columns: 4;
}

.card_case__works-card {
	position: relative;
	min-width: 0;
	min-height: 0;
	border-radius: 18px;
	overflow: hidden;
	background: var(--yb-color-100);
	isolation: isolate;
	transform: translateZ(0);
}

.card_case__works-card:hover {
	z-index: 2;
}

.card_case__works-card.is-card-reveal-ready {
	opacity: 0;
	transform: translate3d(0, 70px, 0);
	will-change: opacity, transform;
}

.card_case__works-card.is-card-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition:
		opacity 0.72s ease var(--yb-card-reveal-delay, 0ms),
		transform 0.95s cubic-bezier(0.22, 1, 0.36, 1) var(--yb-card-reveal-delay, 0ms);
}

.card_case__works-list[data-yb-works-reveal="off"] .card_case__works-card {
	opacity: 1;
	transform: none;
	transition: none;
}

.card_case__works-list > .card_case__works-card {
	grid-column: auto;
	grid-row: span 1;
}

/* Pattern A: 1-6 — large card on the left */
.card_case__works-list .card_case__works-card:nth-child(12n+1) {
	grid-column: 1 / span 2;
	grid-row: span 2;
}

.card_case__works-list .card_case__works-card:nth-child(12n+2),
.card_case__works-list .card_case__works-card:nth-child(12n+3) {
	grid-column: 3;
	grid-row: span 1;
}

.card_case__works-list .card_case__works-card:nth-child(12n+4) {
	grid-column: 1;
	grid-row: span 1;
}

.card_case__works-list .card_case__works-card:nth-child(12n+5) {
	grid-column: 2;
	grid-row: span 1;
}

.card_case__works-list .card_case__works-card:nth-child(12n+6) {
	grid-column: 3;
	grid-row: span 1;
}

/* Pattern B: 7-12 — large card on the right */
.card_case__works-list .card_case__works-card:nth-child(12n+7) {
	grid-column: 2 / span 2;
	grid-row: span 2;
}

.card_case__works-list .card_case__works-card:nth-child(12n+8),
.card_case__works-list .card_case__works-card:nth-child(12n+9) {
	grid-column: 1;
	grid-row: span 1;
}

.card_case__works-list .card_case__works-card:nth-child(12n+10) {
	grid-column: 1;
	grid-row: span 1;
}

.card_case__works-list .card_case__works-card:nth-child(12n+11) {
	grid-column: 2;
	grid-row: span 1;
}

.card_case__works-list .card_case__works-card:nth-child(12n+12) {
	grid-column: 3;
	grid-row: span 1;
}

/* Filtered works layout: visible cards get their own 1-12 pattern */
.card_case__works-list.is-yb-filter-layout > .card_case__works-card {
	grid-column: auto;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="1"] {
	grid-column: 1 / span 2;
	grid-row: span 2;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="2"],
.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="3"] {
	grid-column: 3;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="4"] {
	grid-column: 1;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="5"] {
	grid-column: 2;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="6"] {
	grid-column: 3;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="7"] {
	grid-column: 2 / span 2;
	grid-row: span 2;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="8"],
.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="9"] {
	grid-column: 1;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="10"] {
	grid-column: 1;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="11"] {
	grid-column: 2;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="12"] {
	grid-column: 3;
	grid-row: span 1;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card:not([data-yb-grid-pos="1"]):not([data-yb-grid-pos="7"]) .card_case__works-title {
	font-size: clamp(31px, 2.5vw, 48px);
	font-weight: 400;
}

.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="1"] .card_case__works-title,
.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="7"] .card_case__works-title {
	font-size: clamp(58px, 5.7vw, 110px);
	font-weight: 600;
}

.card_case__works-visual {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 0;
	border-radius: inherit;
	overflow: hidden;
	isolation: isolate;
	background: var(--yb-color-150);
	transform: translateZ(0);
	clip-path: inset(0 round 18px);
	-webkit-clip-path: inset(0 round 18px);
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	transition: background-color 0.24s ease;
}

.card_case__works-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: var(--yb-color-150);
	opacity: 0;
	visibility: hidden;
	transition: none;
}

.card_case__works-visual::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	opacity: 0;
	visibility: hidden;
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.card_case__works-visual.is-loading::before {
	opacity: 1;
	visibility: visible;
}

.card_case__works-visual.is-loading::after {
	opacity: 1;
	visibility: visible;
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.card_case__works-visual.is-loaded::before,
.card_case__works-visual.is-loaded::after,
.card_case__works-visual.has-load-error::before,
.card_case__works-visual.has-load-error::after,
.card_case__works-visual.has-no-image::before,
.card_case__works-visual.has-no-image::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}

.card_case__works-visual.is-loaded,
.card_case__works-visual.has-load-error {
	background: transparent;
}

.card_case__works-hit,
.card_case__works-visual > a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
	color: inherit;
}

.card_case__works-hit::before,
.card_case__works-visual > a::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.22);
}

.card_case__works-visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transform: scale(1);
	transform-origin: center center;
	backface-visibility: hidden;
	transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.75s ease, opacity 0.32s ease;
}

.card_case__works-visual.is-loading img,
.card_case__works-visual.has-load-error img {
	opacity: 0;
}

.card_case__works-visual.is-loaded img {
	opacity: 1;
}

.card_case__works-visual.is-zoom-ready img {
	transform: scale(1.24);
}

.card_case__works-visual.is-zoom-ready.is-zoom-revealed img,
.card_case__works-list[data-yb-works-reveal="off"] .card_case__works-visual img {
	transform: scale(1);
}

.card_case__works-card:hover .card_case__works-visual.is-zoom-revealed img,
.card_case__works-list[data-yb-works-reveal="off"] .card_case__works-card:hover .card_case__works-visual img {
	transform: scale(1.075);
}

.card_case__works-tags-overlay {
	--yb-works-content-width: min(88%, 720px);
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	width: auto;
	max-width: none;
	padding: 0 6%;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	transform: none;
	text-align: center;
	pointer-events: none;
	box-sizing: border-box;
}

.card_case__works-tags-overlay .card_case__works-title,
.card_case__works-tags-overlay .card_case__works-desc,
.card_case__works-tags-overlay .card_case__works-tags {
	max-width: var(--yb-works-content-width);
}

.card_case__works-title {
	position: relative;
	z-index: 2;
	font-size: clamp(31px, 2.5vw, 48px);
	font-weight: 400;
	line-height: 0.95;
	letter-spacing: -0.055em;
	color: #FEFEFE;
	max-width: 100%;
	margin: 0;
	text-align: center;
	text-wrap: balance;
}

.card_case__works-list .card_case__works-card:nth-child(12n+1) .card_case__works-title,
.card_case__works-list .card_case__works-card:nth-child(12n+7) .card_case__works-title {
	font-size: clamp(58px, 5.7vw, 110px);
	font-weight: 600;
}

.card_case__works-title a,
.card_case__works-title span {
	display: inline-block;
	color: rgba(255, 255, 255, 0.94);
	text-decoration: none;
	text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
}

.card_case__works-title a:hover {
	color: #FEFEFE;
}

.card_case__works-desc {
	font-size: clamp(13px, 0.95vw, 16px);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.04em;
	color: rgba(255, 255, 255, 0.72);
	margin: 0;
	text-align: center;
	text-wrap: balance;
}

.card_case__works-tags {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 2px;
}

.card_case__works-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 14px;
	border-radius: 999px;
	color: var(--yb-color-0);
	background-color: color-mix(in srgb, var(--yb-color-0) 20%, transparent);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all 0.2s ease-in-out;
}

.card_case__works-meta-top,
.card_case__works-meta-bottom {
	position: relative;
	z-index: 3;
}

.card_case__works-list--works .card_case__works-tags-overlay {
	align-items: stretch;
	justify-content: space-between;
	gap: 24px;
	padding: clamp(22px, 2.4vw, 42px);
	text-align: left;
}

.card_case__works-list--works .card_case__works-meta-top {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.card_case__works-list--works .card_case__works-meta-bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	max-width: min(82%, 720px);
}

.card_case__works-list--works .card_case__works-title,
.card_case__works-list--works .card_case__works-card:nth-child(n) .card_case__works-title {
	font-size: clamp(34px, 4.1vw, 72px);
	font-weight: 300;
	line-height: 0.94;
	letter-spacing: -0.065em;
	text-align: left;
	margin: 0;
}

.card_case__works-list--works .card_case__works-card:not(:nth-child(12n+1)):not(:nth-child(12n+7)) .card_case__works-title {
	font-size: clamp(27px, 2.7vw, 46px);
}

.card_case__works-date {
	display: inline-flex;
	color: rgba(255, 255, 255, 0.92);
	font-size: clamp(15px, 1.15vw, 22px);
	line-height: 1;
	letter-spacing: -0.045em;
	text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
}

.card_case__works-list--works .yb-works-category ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.card_case__works-list--works .yb-works-category li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.card_case__works-list--works .yb-works-category a,
.card_case__works-list--works .yb-works-category span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 14px;
	border-radius: 999px;
	color: var(--yb-color-0);
	background-color: color-mix(in srgb, var(--yb-color-0) 10%, transparent);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: all 0.2s ease-in-out;
}

.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card:not([data-yb-grid-pos="1"]):not([data-yb-grid-pos="7"]) .card_case__works-title {
	font-size: clamp(27px, 2.7vw, 46px);
	font-weight: 300;
}

.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="1"] .card_case__works-title,
.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="7"] .card_case__works-title {
	font-size: clamp(34px, 4.1vw, 72px);
	font-weight: 300;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.card_case__works-list {
		--yb-works-row: clamp(245px, 20vw, 320px);
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.card_case__works-list {
		--yb-works-gap: 18px;
		--yb-works-row: 270px;
	}

	.card_case__works-list--works .card_case__works-tags-overlay {
		padding: 28px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.card_case__works-list,
	.card_case__works-list[data-columns] {
		--yb-works-columns: 1;
		--yb-works-gap: 18px;
		--yb-works-row: auto;
		grid-auto-rows: auto;
	}

	.card_case__works-list .card_case__works-card:nth-child(n),
	.card_case__works-list[data-columns] .card_case__works-card:nth-child(n) {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 0;
		width: 100%;
	}

	.card_case__works-visual {
		height: clamp(300px, 48vw, 430px);
	}

	.card_case__works-title,
	.card_case__works-list .card_case__works-card:nth-child(n) .card_case__works-title {
		font-size: clamp(46px, 9vw, 82px);
		font-weight: 400;
		margin-bottom: 0;
	}

	.card_case__works-list--works .card_case__works-title,
	.card_case__works-list--works .card_case__works-card:nth-child(n) .card_case__works-title {
		font-size: clamp(40px, 8.5vw, 72px);
	}

	.card_case__works-tags-overlay {
		--yb-works-content-width: min(86%, 560px);
		padding: 0 7%;
		gap: 11px;
	}
}

@media (max-width: 767.98px) {
	.card_case__works-list,
	.card_case__works-list[data-columns] {
		--yb-works-columns: 1;
		--yb-works-gap: 18px;
		--yb-works-row: auto;
		grid-auto-rows: auto;
	}

	.card_case__works-list .card_case__works-card:nth-child(n),
	.card_case__works-list[data-columns] .card_case__works-card:nth-child(n) {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 0;
		width: 100%;
	}

	.card_case__works-visual {
		height: clamp(280px, 72vw, 420px);
	}

	.card_case__works-title,
	.card_case__works-list .card_case__works-card:nth-child(n) .card_case__works-title {
		font-size: clamp(34px, 12vw, 58px);
		font-weight: 400;
		margin-bottom: 0;
	}

	.card_case__works-list--works .card_case__works-tags-overlay {
		padding: 22px;
	}

	.card_case__works-list--works .card_case__works-meta-bottom {
		gap: 12px;
		max-width: 95%;
	}

	.card_case__works-list--works .card_case__works-title,
	.card_case__works-list--works .card_case__works-card:nth-child(n) .card_case__works-title {
		font-size: clamp(34px, 11vw, 56px);
	}

	.card_case__works-tags-overlay {
		--yb-works-content-width: min(86%, 430px);
		padding: 0 7%;
		gap: 11px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos] {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 0;
		width: 100%;
	}

	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos] .card_case__works-title,
	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="1"] .card_case__works-title,
	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="7"] .card_case__works-title {
		font-size: clamp(46px, 9vw, 82px);
		font-weight: 400;
		margin-bottom: 0;
	}

	.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos] .card_case__works-title,
	.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="1"] .card_case__works-title,
	.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="7"] .card_case__works-title {
		font-size: clamp(40px, 8.5vw, 72px);
		font-weight: 300;
	}
}

@media (max-width: 767.98px) {
	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos] {
		grid-column: 1 / -1;
		grid-row: auto;
		min-height: 0;
		width: 100%;
	}

	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos] .card_case__works-title,
	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="1"] .card_case__works-title,
	.card_case__works-list.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="7"] .card_case__works-title {
		font-size: clamp(34px, 12vw, 58px);
		font-weight: 400;
		margin-bottom: 0;
	}

	.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos] .card_case__works-title,
	.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="1"] .card_case__works-title,
	.card_case__works-list--works.is-yb-filter-layout > .card_case__works-card[data-yb-grid-pos="7"] .card_case__works-title {
		font-size: clamp(34px, 11vw, 56px);
		font-weight: 300;
	}
}

/*----------------------------------------*/
/*  15. Service
/*----------------------------------------*/
.yb-service-card {
	max-height: 480px;
	min-height: 480px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-service-card {
	min-height: 400px;
	}
}
.yb-service-card.card-1 {
	position: relative;
}
.yb-service-card.card-1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.65;
	background: linear-gradient(99deg, #000 5.05%, rgba(0, 0, 0, 0.44) 49.84%, #000 94.63%);
	z-index: 0;
}
.yb-service-card.no-before::before {
	display: none;
}
.yb-service-card.card-2,
.yb-service-card .card-4 {
	background: var(--yb-common-white);
	margin-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-service-card.card-2,
	.yb-service-card .card-4 {
	margin-top: 0;
	}
}
.yb-service-card.card-3 {
	background: #0F0F0F;
}

.yb-service-list {
	position: relative;
	min-height: var(--yb-service-list-height, auto);
	cursor: default;
}

.yb-service-list * {
	cursor: default;
}


.yb-service-list-wrap.is-measuring .yb-service-item,
.yb-service-list-wrap.is-measuring .yb-service-item * {
	transition: none !important;
	animation: none !important;
}

.yb-service-item {
	border-bottom: 1px solid var(--yb-color-150);
	padding: 18px 0;
	display: grid;
	align-items: center;
	gap: 18px 30px;
	grid-template-columns: 50px minmax(0, 1fr) 170px;
	pointer-events: auto;
	transition: all 0.3s ease-in-out;
}

.yb-service-item:first-child {
    padding-top: 0;
}

.yb-service-item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.yb-service-item .count,
.yb-service-item .content,
.yb-service-item .thumb {
	min-width: 0;
}

.yb-service-item .number {
	color: var(--yb-color-500);
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -1.8px;
	opacity: 0.3;
	transition: all 0.3s ease-in-out;
}

.yb-service-item .content {
	display: grid;
	grid-template-rows: auto 0fr;
	row-gap: 0;
	transition: all 0.3s ease-in-out;
}

.yb-service-item .content .title {
	color: var(--yb-main);
	font-weight: 600;
	opacity: 0.3;
	transition: all 0.3s ease-in-out;
	margin-bottom: 0;
}

.yb-service-item .content .text {
	min-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translate3d(0, -6px, 0);
	transition: all 0.3s ease-in-out;
	margin-bottom: 0;
	max-width: 740px;
	font-size: 17px;
	line-height: 1.24;
}

.yb-service-item .thumb {
	position: relative;
	align-self: start;
	justify-self: end;
	width: 150px;
	aspect-ratio: 16 / 9;
	text-align: right;
	border-radius: 8px;
	overflow: hidden;
	background: var(--yb-color-100);
	isolation: isolate;
	transform: translateZ(0) scale(1);
	transform-origin: right top;
	transition: all 0.3s ease-in-out;
	will-change: transform;
}

.yb-service-item .thumb img,
.yb-service-item .thumb video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	border-radius: inherit;
	-o-object-fit: cover;
	 object-fit: cover;
	-o-object-position: center;
	 object-position: center;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
	will-change: opacity;
}

.yb-service-item .thumb video::-webkit-media-controls {
	display: none !important;
}

.yb-service-item .yb-service-media__image {
	display: none;
	opacity: 0;
}

.yb-service-item .yb-service-media__video {
	opacity: 1;
}

.yb-service-item.active .number,
.yb-service-list-wrap:not(.is-ready) .yb-service-item:hover .number {
	color: var(--yb-theme-primary);
	opacity: 1;
}

.yb-service-item.active .title,
.yb-service-list-wrap:not(.is-ready) .yb-service-item:hover .title {
	opacity: 1;
}

.yb-service-item.active .content,
.yb-service-list-wrap:not(.is-ready) .yb-service-item:hover .content {
	grid-template-rows: auto 1fr;
	row-gap: 6px;
}

.yb-service-item.active .text,
.yb-service-list-wrap:not(.is-ready) .yb-service-item:hover .text {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.yb-service-item.active .yb-service-media__video,
.yb-service-list-wrap:not(.is-ready) .yb-service-item:hover .yb-service-media__video {
	opacity: 1;
}

.yb-service-item.active .thumb,
.yb-service-list-wrap:not(.is-ready) .yb-service-item:hover .thumb {
	z-index: 2;
	transform: translateZ(0) scale(1.25);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
	.yb-service-item {
		grid-template-columns: 72px minmax(0, 1fr) 170px;
		gap: 18px 24px;
	}
	.yb-service-item .thumb {
		width: 150px;
	}
	.yb-service-item .content .text {
		font-size: 16px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.yb-service-item {
		grid-template-columns: 72px minmax(0, 1fr);
	}
	.yb-service-item .thumb {
		display: none;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.yb-service-item {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 12px 18px;
		padding: 16px 0;
	}
	.yb-service-item .number {
		font-size: 28px;
		letter-spacing: -1.4px;
	}
	.yb-service-item .content .text {
		font-size: 16px;
		line-height: 1.28;
		max-width: none;
	}
	.yb-service-item .thumb {
		display: none;
	}
}

@media (max-width: 574.98px) {
	.yb-service-item {
		grid-template-columns: 52px minmax(0, 1fr);
		gap: 10px 16px;
		padding: 16px 0;
	}
	.yb-service-item .number {
		font-size: 24px;
		letter-spacing: -1px;
	}
	.yb-service-item .content .title {
		font-size: clamp(34px, 10vw, 44px);
		line-height: 1;
		letter-spacing: -0.055em;
	}
	.yb-service-item .content .text {
		font-size: 15px;
		line-height: 1.3;
		max-width: none;
	}
	.yb-service-item .thumb {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yb-service-item,
	.yb-service-item .number,
	.yb-service-item .content,
	.yb-service-item .content .title,
	.yb-service-item .content .text,
	.yb-service-item .thumb,
	.yb-service-item .thumb img,
	.yb-service-item .thumb video {
	transition: none !important;
	}
}
.yb-service-section-head {
	max-width: 760px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-service-content {
	margin-right: 0;
	}
}
.yb-service-img-wrapper {
	height: 450px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
	.yb-service-img-wrapper {
	height: 440px;
	}
}
@media (max-width: 574.98px) {
	.yb-service-img-wrapper {
	height: 300px;
	}
}
.yb-service-img-wrapper.image-container {
	position: relative;
	overflow: hidden;
}
.yb-service-img-wrapper .hover-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.yb-service-img-wrapper .hover-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
	display: block;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-service-list-wrap {
	margin-left: 0;
	}
}

/*----------------------------------------*/
/*  7.17 Works
/*----------------------------------------*/
.yb-works-list,
.yb-products-list {
	position: relative;
	padding-bottom: 50px;
}

.yb-works-archive-section .yb-works-list {
	padding-top: 50px;
}

.works-img-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: clamp(260px, 32vw, 560px);
	background: var(--yb-works-placeholder, #151515);
}

.card_case__works-hit > .works-img-placeholder {
	position: absolute;
	inset: 0;
	min-height: 0;
}

.yb-gallery-media__preview > .works-img-placeholder.yb-gallery-media__poster {
	position: absolute;
	inset: 0;
	min-height: 0;
}


.yb-filters-block {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	z-index: 5;
}

.yb-filters-block__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px 32px;
	width: 100%;
}

.yb-filter-tab,
.filter-tab {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.yb-filters-block .filter-btn {
	padding: 10px 20px;
	white-space: nowrap;
	user-select: none;
	-webkit-user-drag: none;
}

.yb-filters-block__sort {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	min-width: 220px;
	min-height: 50px;
	margin-left: auto;
}

.yb-filters-block__sort .nice-select,
.yb-filters-block__sort select.yb-select {
	min-width: 190px;
}

.yb-filters-block__sort .nice-select.product-filter-select {
	min-width: 180px;
}

.yb-filters-block__sort .nice-select.yb-filter-sort,
.yb-filters-block__sort .nice-select.yb-product-sort-select {
	min-width: 210px;
}

.yb-filters-block__sort .nice-select .current {
	display: block;
	text-align: right;
}

@media (max-width: 767.98px) {
	.yb-filters-block__inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.yb-filters-block__sort {
		justify-content: flex-start;
		width: 100%;
		min-width: 0;
		margin-left: 0;
	}

	.yb-filters-block__sort .nice-select,
	.yb-filters-block__sort select.yb-select {
		width: 100%;
		min-width: 0;
	}

	.yb-filters-block__sort .nice-select .current {
		text-align: left;
	}
}

/* Works Details */
.yb-work-hero {
	position: relative;
	overflow: hidden;
	padding-top: 150px;
}

.yb-work-hero__inner,
.yb-work-content {
	position: relative;
}

.yb-work-hero__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	margin-bottom: clamp(52px, 5.8vw, 88px);
	text-align: center;
}

.yb-work-hero__tags {
	margin-bottom: clamp(10px, 1.2vw, 18px);
}

.yb-work-hero__tags {
	margin-bottom: clamp(10px, 1.2vw, 18px);
}

.yb-work-hero__tags ul {
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 10px;
	justify-content: center !important;
}

.yb-work-hero__tags ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-flex;
}

.yb-work-hero__tags ul li::marker {
	content: "";
}

.yb-work-hero__tags ul li,
.yb-work-hero__tags ul li a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 40px;
	margin-bottom: 0;
	padding: 9px 18px 10px;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: transparent;
	color: var(--yb-color-900);
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.03em;
	text-transform: none;
}

.yb-work-hero__tags ul li:not(.yb-work-hero__tags ul li a) {
	cursor: default;
}

.yb-work-hero__tags ul li:hover,
.yb-work-hero__tags ul li a:hover {
	border-color: var(--yb-theme-primary);
}

.yb-work-hero__tags ul li::before,
.yb-work-hero__tags ul li a::before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--yb-theme-primary);
	flex: 0 0 auto;
}

.yb-work-hero__title {
	margin: 0 auto;
	max-width: min(100%, 1440px);
	font-size: clamp(54px, 6.9vw, 90px);
	line-height: 1.2;
	letter-spacing: -0.065em;
	font-weight: 400;
	text-align: center;
	text-wrap: balance;
}

.yb-work-hero__subtitle {
	margin: 0 auto;
	max-width: min(100%, 1180px);
	font-size: clamp(20px, 1.65vw, 30px);
	line-height: 1.12;
	letter-spacing: -0.045em;
	font-weight: 400;
	color: var(--yb-color-900);
	text-align: center;
	text-wrap: balance;
}


/* Works Details — Full Bleed Video Hero */
.yb-work-hero-media {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.yb-work-hero-media .yb-gallery-media__preview {
	height: clamp(440px, 44vw, 560px);
	border-radius: 0;
	isolation: isolate;
}

.yb-work-hero-media .yb-gallery-media__poster {
	position: absolute;
	inset: -25% 0;
	z-index: 0;
	width: 100%;
	height: 150%;
	object-fit: cover;
	transition: none !important;
	backface-visibility: hidden;
	transform-origin: center center;
	pointer-events: none;
}

.yb-work-hero-media .yb-gallery-media__preview::before {
	z-index: 1;
}

.yb-work-hero-media .yb-gallery-media__play {
	z-index: 2;
}

@media (max-width: 767.98px) {
	.yb-work-hero-media .yb-gallery-media__preview {
		height: clamp(300px, 62vw, 520px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.yb-work-hero-media .yb-gallery-media__poster {
		--yb-gallery-media-parallax-y: 0px !important;
		transform: translate3d(0, 0, 0) scale(1) !important;
	}
}

.yb-work-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: clamp(28px, 2.4vw, 42px);
	row-gap: 34px;
	padding: 0;
	margin-bottom: 50px;
	background: transparent;
	border-radius: 0;
}

.yb-work-facts__item {
	position: relative;
	min-width: 0;
	padding: clamp(28px, 2.1vw, 38px) 0 0;
	border-top: 1px solid var(--yb-color-200);
	text-align: center;
	transition: border-color 0.25s ease;
}

.yb-work-facts__item:hover {
	border-color: var(--yb-theme-primary);
}

.yb-work-facts__item:not(:last-child) {
	border-right: 0;
}

.yb-work-facts__label {
	display: block;
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-transform: none;
	color: var(--yb-color-900);
}

.yb-work-facts__value {
	margin: 0;
	font-size: clamp(22px, 1.45vw, 30px);
	line-height: 1.05;
	letter-spacing: -0.02em;
	font-weight: 600;
	color: var(--yb-color-900);
	text-wrap: balance;
}

.yb-work-badge {
	display: inline-flex;
	align-items: center;
}

.yb-work-badge__label,
.yb-work-editorial__eyebrow,
.yb-work-statement__kicker,
.yb-work-compare__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 40px;
	width: max-content;
	margin-bottom: 0;
	padding: 9px 18px 10px;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-theme-primary);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}

.yb-work-editorial-section {
	position: relative;
	overflow: hidden;
}

.yb-work-editorial {
	display: grid;
	grid-template-columns: minmax(240px, 0.35fr) minmax(0, 1fr);
	gap: clamp(42px, 7vw, 140px);
	align-items: start;
}

.yb-work-editorial__side {
	position: static;
	align-self: start;
	padding-top: 0;
}

.yb-work-editorial__title {
	margin: 24px 0 0;
	font-size: clamp(38px, 4.4vw, 76px);
	line-height: 0.96;
	letter-spacing: -0.065em;
	font-weight: 600;
	color: var(--yb-color-900);
	text-wrap: balance;
}

.yb-work-editorial__text {
	margin: 0 0 clamp(28px, 3vw, 48px);
	font-size: clamp(24px, 2.1vw, 40px);
	letter-spacing: -0.055em;
	color: var(--yb-color-900);
	text-wrap: balance;
}

.yb-work-note {
	min-height: 260px;
	padding: clamp(22px, 2.2vw, 34px);
	border-radius: 22px;
}

.yb-work-note__number {
	display: block;
	margin-bottom: 14px;
	color: var(--yb-theme-primary);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.06em;
}

.yb-work-note__title {
	margin: 0 0 14px;
	font-size: clamp(24px, 2vw, 34px);
	line-height: 1;
	letter-spacing: -0.055em;
	font-weight: 600;
	color: var(--yb-color-900);
}

.yb-work-note__text {
	margin: 0;
	font-size: inherit;
	line-height: 1.35;
	letter-spacing: -0.035em;
	color: var(--yb-color-700);
}

.yb-work-statement {
	display: grid;
	grid-template-columns: minmax(160px, 0.25fr) minmax(0, 1fr);
	gap: clamp(32px, 5vw, 110px);
	align-items: start;
	margin-top: clamp(44px, 6vw, 96px);
	padding: clamp(34px, 5vw, 78px);
	border-radius: 30px;
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-work-statement__kicker {
	border-color: color-mix(in srgb, var(--yb-color-0) 24%, transparent);
	color: var(--yb-color-0);
}

.yb-work-statement p {
	margin: 0;
	max-width: 1160px;
	font-size: clamp(28px, 3.5vw, 64px);
	line-height: 1;
	letter-spacing: -0.065em;
	font-weight: 600;
	color: var(--yb-color-0);
	text-wrap: balance;
}

.yb-work-compare-section {
	position: relative;
	overflow: hidden;
}

.yb-work-compare {
	display: grid;
	grid-template-columns: minmax(250px, 0.34fr) minmax(0, 1fr);
	gap: clamp(34px, 5.2vw, 96px);
	align-items: center;
}

.yb-work-compare__title {
	margin: 24px 0 0;
	font-size: clamp(36px, 4.1vw, 72px);
	line-height: 0.96;
	letter-spacing: -0.065em;
	font-weight: 600;
	color: var(--yb-color-900);
	text-wrap: balance;
}

.yb-work-compare__text {
	margin: 24px 0 0;
	max-width: 520px;
	font-size: clamp(17px, 1.15vw, 20px);
	line-height: 1.38;
	letter-spacing: -0.04em;
	color: var(--yb-color-700);
}

.yb-work-related-section {
	position: relative;
	overflow: hidden;
	padding: 80px 0;
	background: var(--yb-color-150);
}

.yb-work-related__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: clamp(34px, 4vw, 60px);
}

.yb-work-related__lead {
	margin: 0;
	max-width: 580px;
	font-size: clamp(18px, 1.35vw, 24px);
	line-height: 1.24;
	letter-spacing: -0.045em;
	color: var(--yb-color-700);
	text-align: right;
}

.yb-work-related__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(14px, 1.5vw, 24px);
}

.yb-work-related-card {
	min-width: 0;
}

.yb-work-related-card__media {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	border-radius: 12px;
	background: var(--yb-color-100);
	isolation: isolate;
	color: var(--yb-color-0);
}

.yb-work-related-card__media::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	opacity: 0;
	visibility: hidden;
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.yb-work-related-card__media.is-loading::before {
	opacity: 1;
	visibility: visible;
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.yb-work-related-card__media.is-loaded::before,
.yb-work-related-card__media.has-load-error::before,
.yb-work-related-card__media.has-no-image::before {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}


.yb-work-related-card__media img {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.001);
	transition: transform 0.75s cubic-bezier(0.22, 1, 0.36, 1), filter 0.75s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.32s ease;
	z-index: 1;
}

.yb-work-related-card__media.is-loading img,
.yb-work-related-card__media.has-load-error img {
	opacity: 0;
}

.yb-work-related-card__media.is-loaded img {
	opacity: 1;
}


.yb-work-related-card__media .works-img-placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: var(--yb-works-placeholder, var(--yb-color-200));
	z-index: 1;
}

.yb-work-related-card__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.22);
	opacity: 1;
	transition: opacity 0.35s ease;
	pointer-events: none;
}

.yb-work-related-card:hover .yb-work-related-card__media img {
	transform: scale(1.075);
	filter: saturate(1.04) contrast(1.02);
}

.yb-work-related-card:hover .yb-work-related-card__media::after {
	opacity: 1;
}

.yb-work-related-card__content {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: clamp(18px, 2vw, 34px);
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: transform 0.35s ease;
}

.yb-work-related-card:hover .yb-work-related-card__content {
	transform: translate3d(0, -4px, 0);
}

.yb-work-related-card__title {
	display: inline-block;
	margin: 0;
	font-size: clamp(26px, 2.15vw, 42px);
	font-weight: 300;
	color: var(--yb-color-0);
	text-shadow: 0 14px 42px rgba(0, 0, 0, 0.36);
}

.yb-work-related-card__title.underline {
	--underline-thickness: 1px;
	--underline-offset: -4px;
	--underline-space: 6px;
	position: relative;
	display: inline;
	padding-bottom: var(--underline-space);
}

@media (max-width: 1199.98px) {
	.yb-work-note {
		min-height: 0;
	}

	.yb-work-note__number {
		margin-bottom: 20px;
	}

	.yb-work-related__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991.98px) {
	.yb-work-editorial,
	.yb-work-statement,
	.yb-work-compare {
		grid-template-columns: 1fr;
	}

	.yb-work-editorial__side {
		position: static;
	}

	.yb-work-related__head {
		display: block;
	}

	.yb-work-related__lead {
		margin-top: 22px;
		text-align: left;
	}
}

@media (max-width: 575.98px) {
	.yb-work-note {
		padding: 22px;
		border-radius: 18px;
	}

	.yb-work-statement {
		padding: 26px;
		border-radius: 22px;
	}

	.yb-work-related__grid {
		grid-template-columns: 1fr;
	}

	.yb-work-related-card__content {
		margin-top: 15px;
	}
}

@media (max-width: 1199.98px) {
	.yb-work-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.yb-work-facts {
		grid-template-columns: 1fr;
		row-gap: 28px;
		margin-bottom: 44px;
	}
	.yb-work-facts__item {
		padding-top: 22px;
	}
}

/*----------------------------------------*/
/*  15. Award Card Styles
/*----------------------------------------*/
.card-award {
	background-color: var(--yb-common-white, #ffffff);
	border-radius: 16px;
	border: 1px solid var(--yb-color-100);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	padding: 20px 42px;
	transition: all 0.3s ease;
	margin-bottom: 24px;
}
.card-award:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	border-color: var(--yb-color-900);
	transition: all 0.3s ease;
	background-color: var(--yb-color-900);
}
.card-award:hover .card-award-date {
	color: var(--yb-color-300);
	transition: all 0.3s ease;
}
.card-award:hover .card-award-image img {
	transform: scale(1.2);
	transition: all 0.3s ease;
}
.card-award:hover .card-award-title {
	transition: all 0.3s ease;
	color: var(--yb-common-white);
}
.card-award:hover .card-award-web-excellence {
	transition: all 0.3s ease;
	color: var(--yb-color-300);
}
.card-award:hover .card-award-url {
	transition: all 0.3s ease;
	color: var(--yb-color-300);
}
.card-award:hover .card-award-icon {
	color: var(--yb-common-white);
	transition: all 0.3s ease;
}
.card-award-link {
	text-decoration: none;
	color: inherit;
	gap: 0px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.card-award-link {
	flex-wrap: wrap;
	gap: 5px;
	}
}
.card-award-date {
	flex: 0 0 200px;
	font-size: 14px;
	font-weight: 400;
	color: var(--yb-color-500);
	white-space: nowrap;
	transition: all 0.3s ease;
	font-family: var(--yb-ff-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.card-award-date {
	flex: 0 0 130px;
	}
}
@media (max-width: 574.98px) {
	.card-award-date {
	font-size: 12px;
	}
}
.card-award-meta {
	flex: 1;
}
.card-award-image {
	width: 90px;
	height: 62px;
	border-radius: 8px;
	overflow: hidden;
}
.card-award-image img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
	-o-object-fit: cover;
	 object-fit: cover;
}
@media (max-width: 574.98px) {
	.card-award-image {
	width: 60px;
	height: 42px;
	}
}
.card-award-content {
	flex: 0 0 450px;
	display: flex;
	gap: 16px;
	align-items: center;
	min-width: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.card-award-content {
	flex: 0 0 450px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.card-award-content {
	flex: 1 1 100%;
	}
}
@media (min-width: 1400px) {
	.card-award-content .container {
	flex: 0 0 600px;
	}
}
.card-award-title {
	color: var(--yb-common-black, #1d1d1d);
	line-height: 1.4;
	margin-bottom: 4px;
	font-family: var(--yb-ff-body);
	transition: all 0.3s ease;
	letter-spacing: -0.01em;
}
@media (max-width: 574.98px) {
	.card-award-title {
	font-size: 14px;
	}
}
.card-award-web-excellence {
	flex: 0 0 400px;
	color: var(--yb-color-500);
	gap: 8px;
	transition: all 0.3s ease;
	flex-wrap: wrap;
	font-family: var(--yb-ff-body);
}
@media (max-width: 574.98px) {
	.card-award-web-excellence {
	font-size: 12px;
	}
}
.card-award-url {
	color: var(--yb-common-black, #1d1d1d);
}
.card-award-icon {
	flex-shrink: 0;
	transition: all 0.3s ease;
	width: 14px;
	height: 14px;
	color: var(--yb-common-black, #1d1d1d);
	display: flex;
	align-items: center;
	justify-content: center;
}
.card-award-icon svg {
	width: 100%;
	height: 100%;
}
@media (max-width: 574.98px) {
	.card-award-icon {
	width: 12px;
	height: 12px;
	}
}
.card-award-link:hover .card-award-icon {
	transform: rotate(45deg);
}

/* Card award expanded image preview (follows cursor, top-right of cursor, rotated -15deg) */
.card-award-preview {
	position: fixed;
	left: 0;
	top: 0;
	width: 280px;
	pointer-events: none;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
	will-change: transform;
	transform-origin: left bottom;
}
.card-award-preview img {
	width: 100%;
	height: auto;
	display: block;
	-o-object-fit: cover;
	 object-fit: cover;
}
@media (max-width: 767px) {
	.card-award-preview {
	display: none !important;
	}
}

/*  Testimonials */
.yb-testimonials-section {
	position: relative;
	overflow: hidden;
}

.yb-testimonials-head {
	position: relative;
	z-index: 3;
	margin-bottom: 54px;
}

.yb-testimonials-title {
	max-width: 820px;
	margin: 0;
	color: var(--yb-color-900);
}


.yb-latest-works-head,
.yb-latest-posts-head {
	position: relative;
	z-index: 3;
	margin-bottom: 54px;
}

.yb-latest-works-title,
.yb-latest-posts-title {
	max-width: 820px;
	margin: 0;
	color: var(--yb-color-900);
}

.yb-testimonials-nav {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.yb-testimonials-nav__btn {
	-webkit-appearance: none;
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(30, 30, 30, 0.12);
	background: rgba(255, 255, 255, 0.82);
	color: var(--yb-color-900);
	box-shadow: none;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.yb-testimonials-nav__btn:hover {
	border-color: var(--yb-theme-primary);
	color: var(--yb-color-0);
	background-color: var(--yb-theme-primary);
}

.yb-testimonials-nav__btn:focus,
.yb-testimonials-nav__btn:active,
.yb-testimonials-nav__btn:focus-visible {
	outline: none;
	box-shadow: none;
}

.yb-testimonials-nav__btn::-moz-focus-inner {
	border: 0;
}

.yb-testimonials-nav__btn svg {
	width: 25px;
	height: 25px;
	pointer-events: none;
}

.yb-testimonials-nav__btn,
.yb-testimonials-nav__btn * {
	-webkit-user-select: none;
	user-select: none;
}

.yb-testimonials-nav__btn:active {
	transform: translateY(0);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-testimonials-nav__btn.swiper-button-disabled,
.yb-testimonials-nav__btn.swiper-button-disabled:hover,
.yb-testimonials-nav__btn.swiper-button-disabled:focus,
.yb-testimonials-nav__btn.swiper-button-disabled:active,
.yb-testimonials-nav__btn.swiper-button-disabled:focus-visible,
.yb-testimonials-nav__btn:disabled,
.yb-testimonials-nav__btn:disabled:hover,
.yb-testimonials-nav__btn:disabled:focus,
.yb-testimonials-nav__btn:disabled:focus-visible {
	pointer-events: none;
	opacity: 0.38;
	cursor: default;
	transform: none;
	border-color: rgba(30, 30, 30, 0.12);
	background: rgba(255, 255, 255, 0.82);
	color: var(--yb-color-900);
	box-shadow: none;
}

.yb-testimonials-nav__btn:active {
	transform: translateY(0);
	background: rgba(var(--yb-theme-primary-rgb), 0.7);
	color: var(--yb-color-0);
}

.yb-testimonials-nav__btn svg,
.yb-testimonials-nav__btn path {
	outline: none;
	box-shadow: none;
}

.yb-testimonials-track-container {
	position: relative;
	overflow: visible;
}

.yb-testimonials-slider {
	--yb-testimonial-card-width: clamp(330px, 24vw, 420px);
	overflow: visible;
	width: var(--yb-testimonial-card-width);
	max-width: 100%;
	margin: 0;
	padding: 4px 0 42px;
}

.yb-testimonials-slider,
.yb-testimonials-slider .swiper-wrapper,
.yb-testimonials-slider .swiper-slide,
.yb-testimonials-slider .yb-testimonial-card {
	cursor: grab;
}

.yb-testimonial-card,
.yb-testimonial-card * {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.yb-testimonial-card a,
.yb-testimonial-card button {
	-webkit-user-drag: none;
}

.yb-testimonials-slider:active,
.yb-testimonials-slider.is-dragging,
.yb-testimonials-slider.is-dragging .swiper-wrapper,
.yb-testimonials-slider.is-dragging .swiper-slide,
.yb-testimonials-slider.is-dragging .yb-testimonial-card {
	cursor: grabbing;
}

.yb-testimonials-slider .swiper-wrapper {
	align-items: stretch;
}

.yb-testimonials-slider .swiper-slide {
	display: flex;
	height: auto;
	width: var(--yb-testimonial-card-width);
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transform-origin: center center;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.yb-testimonials-slider .swiper-slide-prev,
.yb-testimonials-slider .swiper-slide-next,
.yb-testimonials-slider .swiper-slide-active {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.yb-testimonial-card {
	--yb-testimonial-card-padding: clamp(28px, 3vw, 46px);
	position: relative;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	min-height: 420px;
	padding: var(--yb-testimonial-card-padding);
	overflow: hidden;
	border-radius: 28px;
	border: 0;
	background: var(--yb-color-50);
	transition:	background-color 0.16s ease-out, color 0.16s ease-out, box-shadow 0.16s ease-out;
}

.yb-testimonial-card:hover {
}

.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card {
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-testimonial-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.yb-testimonial-card__project {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	max-width: 78%;
	padding: 9px 12px;
	border-radius: 999px;
	border: 1px solid var(--yb-color-300);
	background: transparent;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--yb-color-900);
	transition: all 0.2s ease-in-out;
}

.yb-testimonial-card__index {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	color: var(--yb-color-500);
}

.yb-testimonial-card__quote {
	margin: 46px 0 44px;
}

.yb-testimonial-card__quote p {
	margin: 0;
	font-size: clamp(21px, 1.35vw, 27px);
	line-height: 1.15;
	color: var(--yb-color-900);
}

.yb-testimonial-card__author {
	display: flex;
	align-items: center;
	gap: 14px;
	width: auto;
	margin-top: auto;
	margin-right: calc(var(--yb-testimonial-card-padding) * -1);
	margin-left: calc(var(--yb-testimonial-card-padding) * -1);
	padding-top: 24px;
	padding-right: var(--yb-testimonial-card-padding);
	padding-left: var(--yb-testimonial-card-padding);
	border-top: 1px solid rgba(30, 30, 30, 0.1);
}

.yb-testimonial-card__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	font-weight: 800;
	letter-spacing: -0.04em;
}

.yb-testimonial-card__avatar-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.yb-testimonial-card__person {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 3px;
}

.yb-testimonial-card__person strong {
	font-size: 18px;
	font-weight: 600;
	color: var(--yb-color-900);
}

.yb-testimonial-card__person span {
	font-size: 14px;
	line-height: 1.15;
	color: var(--yb-color-600);
}

.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card__project {
	border: transparent;
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
}

.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card__index,
.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card__quote p,
.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card__person strong {
	color: var(--yb-color-0);
}

.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card__person span {
	color: rgba(255, 255, 255, 0.68);
}

.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card__author {
	border-top-color: rgba(255, 255, 255, 0.14);
}

.yb-testimonials-slider .swiper-slide-active .yb-testimonial-card__avatar {
	background: var(--yb-color-0);
	color: var(--yb-color-900);
}

@media (max-width: 991.98px) {
	.yb-testimonials-section {
		padding: 90px 0 82px;
	}

	.yb-testimonials-head {
		margin-bottom: 38px;
	}

	.yb-testimonials-nav {
		justify-content: flex-start;
	}

	.yb-testimonial-card {
		min-height: 390px;
	}

	.yb-testimonials-slider {
		--yb-testimonial-card-width: min(76vw, 390px);
	}

	.yb-testimonials-slider .swiper-slide {
		width: var(--yb-testimonial-card-width);
	}
}

@media (max-width: 574.98px) {
	.yb-testimonials-section {
		padding: 76px 0 70px;
	}

	.yb-testimonials-head {
		margin-bottom: 32px;
	}

	.yb-testimonials-nav__btn {
		width: 48px;
		height: 48px;
	}

	.yb-testimonials-slider {
		--yb-testimonial-card-width: min(86vw, 360px);
		width: var(--yb-testimonial-card-width);
		max-width: 100%;
		padding-bottom: 34px;
	}

	.yb-testimonials-slider .swiper-slide {
		width: var(--yb-testimonial-card-width);
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}

	.yb-testimonial-card {
		--yb-testimonial-card-padding: 26px;
		min-height: auto;
		padding: var(--yb-testimonial-card-padding);
		border-radius: 22px;
	}

	.yb-testimonial-card__quote {
		margin: 38px 0 38px;
	}

	.yb-testimonial-card__quote p {
		font-size: 22px;
		line-height: 1.18;
	}

	.yb-testimonial-card__avatar {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
	}
}

.scroll-section .wrapper {
	position: relative;
	height: auto;
}
.scroll-section .list {
	height: 100%;
	position: relative;
}
.scroll-section .item {
	min-height: 100vh;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
}
.scroll-section .item:first-child {
	min-height: 100%;
	height: 100%;
}
.scroll-section .item:not(:first-child) {
	position: absolute;
}


/*----------------------------------------*/
/*  Team Card Styles
/*----------------------------------------*/
.team-grid-wrap {
	position: relative;
}

.team-card {
	position: relative;
	display: flex;
	flex-direction: column;
}
.team-card-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 12px;
	background-color: #f5f5f5;
}
.team-card-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
	transition: all 0.5s ease;
}
.team-card-icon {
	color: var(--yb-common-black);
	position: absolute;
	top: 22px;
	right: 20px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: var(--yb-common-white);
	display: flex;
	justify-content: center;
	transition: all 0.5s ease;
	align-items: center;
}
.team-card-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 12px;
	background: linear-gradient(180deg, rgba(26, 26, 26, 0) 11.93%, #1A1A1A 100%);
	backdrop-filter: blur(1.9500000477px);
	padding: 25px 81px 33px 30px;
	overflow: hidden;
}
.team-card-name .h6 {
	color: var(--yb-common-white);
	font-weight: 600;
	letter-spacing: -0.02em;
	transition: color 0.3s ease;
	line-height: 24px;
}
.team-card-position {
	letter-spacing: -0.28px;
	margin-top: 4px;
}

.team-card:hover .team-card-image img {
	transition: all 0.5s ease;
	filter: blur(5px);
	scale: 1.05;
}
.team-card:hover .team-card-icon {
	background: var(--yb-common-black);
	color: var(--yb-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.team-card-content {
	margin-top: 16px;
	}
}
/*----------------------------------------*/
/*  Team Card 2 (Home 4 Sec 6) - Social overlay on hover
/*----------------------------------------*/
.team-card-2__image {
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 16px;
	border: 1px solid var(--yb-color-100, #DFDFDF);
	background: var(--yb-color-100, #DFDFDF);
}
.team-card-2__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
	transition: transform 0.4s ease;
}
.team-card-2__social {
	position: absolute;
	left: 50px;
	right: 50px;
	bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease;
	z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.team-card-2__social {
	left: 20px;
	right: 20px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.team-card-2__social {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	}
}
@media (max-width: 574.98px) {
	.team-card-2__social {
	left: 20px;
	right: 20px;
	bottom: 10px;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	}
}
.team-card-2:hover .team-card-2__image img {
	transform: scale(1.05);
}
.team-card-2:hover .team-card-2__social {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.team-card-2__social-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 16px;
	background: rgba(26, 26, 26, 0.1);
	border: 1px solid rgba(254, 254, 254, 0.3);
	border-radius: 100px;
	color: #FEFEFE;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	white-space: nowrap;
	transition: background 0.25s ease, color 0.25s ease;
}
.team-card-2__social-link svg {
	flex-shrink: 0;
}
.team-card-2__social-link:hover {
	background: rgba(255, 255, 255, 0.9);
	color: #1D1D1D;
}
.team-card-2__content {
	margin-top: 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 26px 45px;
	min-height: 72px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	background: var(--yb-color-0, #FEFEFE);
}
@media (max-width: 574.98px) {
	.team-card-2__content {
	padding: 20px;
	}
}
.team-card-2__name {
	text-decoration: none;
	color: var(--yb-common-black);
}
.team-card-2__name .h6 {
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.3;
	transition: color 0.25s ease;
}
.team-card-2__name:hover .h6 {
	color: var(--yb-theme-primary, #6366f1);
}
.team-card-2__position {
	flex-shrink: 0;
	padding: 6px 16px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--yb-common-black);
	background: transparent;
	border: 1px solid var(--yb-common-black);
	border-radius: 100px;
}

/*----------------------------------------*/
/*  17. Banner
/*----------------------------------------*/
.yb-banner-thumb {
	--yb-banner-height: 400px;
	--yb-banner-overscan: clamp(160px, 16vh, 260px);

	position: relative;
	width: 100%;
	height: var(--yb-banner-height);
	overflow: hidden;
	background: var(--yb-color-900);
	isolation: isolate;
}

.yb-banner-thumb__img {
	position: absolute;
	top: calc(var(--yb-banner-overscan) / -2);
	left: 0;
	display: block;
	width: 100%;
	height: calc(100% + var(--yb-banner-overscan));
	max-width: none;
	object-fit: cover;
	object-position: center center;
	will-change: transform;
	backface-visibility: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
	.yb-banner-thumb {
		--yb-banner-height: 300px;
		--yb-banner-overscan: clamp(130px, 15vh, 220px);
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-banner-thumb {
		--yb-banner-height: 300px;
		--yb-banner-overscan: 140px;
	}
}

/*----------------------------------------*/
/*  18. Gallery
/*----------------------------------------*/
.yb-gallery-wrapper {
	background: var(--yb-common-black);
	height: 800px;
	overflow: hidden;
	border-radius: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-gallery-wrapper {
	height: 630px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-gallery-wrapper {
	height: 430px;
	}
}
.yb-gallery-item {
	overflow: hidden;
	border-radius: 20px;
}
.yb-gallery-item:not(.yb-showcase-gallery__item):hover img {
	transform: scale(1.1);
}
.yb-gallery-item img {
	border-radius: 20px;
	transition: all 0.6s ease;
}


/* YB Showcase Gallery */
.yb-showcase-gallery {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.yb-showcase-gallery > .container-fluid {
	width: 100%;
	max-width: none;
	padding-left: clamp(18px, 2.1vw, 42px);
	padding-right: clamp(18px, 2.1vw, 42px);
}

.yb-showcase-gallery__wrapper {
	height: clamp(620px, 42vw, 860px);
	border-radius: 0;
	background: transparent;
}

.yb-showcase-gallery__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(18px, 1.55vw, 34px);
	min-width: 0;
}

.yb-showcase-gallery__col {
	min-width: 0;
}

.yb-showcase-gallery__col--center {
	padding-top: clamp(18px, 2vw, 42px);
}

.yb-showcase-gallery__col--outer {
	padding-top: clamp(42px, 4.2vw, 88px);
}

.yb-showcase-gallery .yb-gallery-item,
.yb-showcase-gallery__item {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	margin-bottom: clamp(18px, 1.55vw, 34px) !important;
	border-radius: 20px;
	overflow: hidden;
	background: var(--yb-color-100);
	isolation: isolate;
	contain: layout paint style;
	content-visibility: auto;
	contain-intrinsic-size: 320px 240px;
	transition: background-color 0.25s ease;
}

.yb-showcase-gallery .yb-gallery-item.is-loaded,
.yb-showcase-gallery__item.is-loaded {
	background: transparent;
}

.yb-showcase-gallery .yb-gallery-item.has-load-error,
.yb-showcase-gallery__item.has-load-error,
.yb-showcase-gallery .yb-gallery-item.has-no-image,
.yb-showcase-gallery__item.has-no-image {
	background: var(--yb-color-100);
}

.yb-showcase-gallery__card {
	--yb-showcase-scale: 1.065;

	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
	background: transparent;
	color: inherit;
	text-decoration: none;
}

.yb-showcase-gallery__card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
	background: rgba(var(--yb-theme-primary-rgb), 0.9);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.32s ease;
}

.yb-showcase-gallery__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
	isolation: isolate;
	transform: translate3d(0, 0, 0) scale(1);
	transform-origin: 50% 50%;
	transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}

.yb-showcase-gallery__media::before,
.yb-showcase-gallery__media::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.yb-showcase-gallery__media::before {
	z-index: 1;
	background: var(--yb-color-150);
}

.yb-showcase-gallery__media::after {
	z-index: 2;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.yb-showcase-gallery__item.is-loading .yb-showcase-gallery__media::before,
.yb-showcase-gallery__item.is-loading .yb-showcase-gallery__media::after {
	opacity: 1;
	visibility: visible;
}

.yb-showcase-gallery__item.is-loading .yb-showcase-gallery__media::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.yb-showcase-gallery__item.is-loaded .yb-showcase-gallery__media::before,
.yb-showcase-gallery__item.is-loaded .yb-showcase-gallery__media::after,
.yb-showcase-gallery__item.has-load-error .yb-showcase-gallery__media::before,
.yb-showcase-gallery__item.has-load-error .yb-showcase-gallery__media::after,
.yb-showcase-gallery__item.has-no-image .yb-showcase-gallery__media::before,
.yb-showcase-gallery__item.has-no-image .yb-showcase-gallery__media::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}

.yb-showcase-gallery__media > .yb-work-placeholder {
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.yb-showcase-gallery__image {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	border-radius: 0;
	object-fit: cover;
	object-position: 50% 50%;
	transform: none;
	pointer-events: none;
	transition: filter 0.45s ease;
}

.yb-showcase-gallery__image.is-yb-showcase-image-deferred {
	opacity: 0;
}

.yb-showcase-gallery__card:hover .yb-showcase-gallery__media,
.yb-showcase-gallery__card:focus-visible .yb-showcase-gallery__media {
	transform: translate3d(0, 0, 0) scale(var(--yb-showcase-scale));
}

.yb-showcase-gallery__card:hover .yb-showcase-gallery__image,
.yb-showcase-gallery__card:focus-visible .yb-showcase-gallery__image {
	filter: contrast(0.5) saturate(0);
}

.yb-showcase-gallery__card:hover::before,
.yb-showcase-gallery__card:focus-visible::before {
	opacity: 1;
}

.yb-showcase-gallery__arrow {
	position: absolute;
	top: clamp(16px, 1.35vw, 26px);
	right: clamp(16px, 1.35vw, 26px);
	left: auto;
	bottom: auto;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: clamp(42px, 3vw, 58px);
	height: clamp(42px, 3vw, 58px);
	color: #FEFEFE;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-8px, 8px, 0) scale(0.92);
	transform-origin: center center;
	pointer-events: none;
	filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.42));
	transition:
		opacity 0.28s ease,
		visibility 0.28s ease,
		transform 0.46s cubic-bezier(0.16, 1, 0.3, 1);
}

.yb-showcase-gallery__arrow svg {
	display: block;
	width: 100%;
	height: 100%;
	flex: 0 0 auto;
	stroke: currentColor;
	stroke-width: 1;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform: translate3d(0, 0, 0);
	transition: transform 0.46s cubic-bezier(0.16, 1, 0.3, 1);
}

.yb-showcase-gallery__card:hover .yb-showcase-gallery__arrow,
.yb-showcase-gallery__card:focus-visible .yb-showcase-gallery__arrow {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0) scale(1);
}

.yb-showcase-gallery__card:hover .yb-showcase-gallery__arrow svg,
.yb-showcase-gallery__card:focus-visible .yb-showcase-gallery__arrow svg {
	transform: translate3d(4px, -4px, 0);
}

.yb-showcase-gallery__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: clamp(18px, 2vw, 34px);
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 12px, 0);
	pointer-events: none;
	transition:
		opacity 0.32s ease,
		visibility 0.32s ease,
		transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
}

.yb-showcase-gallery__card:hover .yb-showcase-gallery__overlay,
.yb-showcase-gallery__card:focus-visible .yb-showcase-gallery__overlay {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}

.yb-showcase-gallery__title {
	position: relative;
	z-index: 2;
	margin: 0;
	max-width: 92%;
	font-size: clamp(22px, 1.65vw, 42px);
	font-weight: 300;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--yb-color-0);
	text-align: center;
	text-wrap: balance;
}

.yb-showcase-gallery__title span {
	display: inline-block;
	color: rgba(255, 255, 255, 0.94);
	text-shadow: 0 12px 34px rgba(0, 0, 0, 0.5);
}

.yb-showcase-gallery__desc {
	margin: 0;
	max-width: min(86%, 360px);
	font-size: clamp(13px, 0.9vw, 16px);
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: -0.03em;
	color: rgba(255, 255, 255, 0.72);
	text-align: center;
	text-wrap: balance;
}

.yb-showcase-gallery__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: 100%;
	margin-top: 2px;
}

.yb-showcase-gallery__tag {
	--yb-showcase-tag-height: 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: var(--yb-showcase-tag-height);
	min-height: var(--yb-showcase-tag-height);
	padding: 1px 13px 0;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(254, 254, 254, 0.25);
	font-size: 10px;
	font-weight: 700;
	line-height: var(--yb-showcase-tag-height);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(254, 254, 254, 0.88);
	white-space: nowrap;
}

@media (max-width: 1920px) {
	.yb-showcase-gallery__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.yb-showcase-gallery__col--outer {
		display: none;
	}

	.yb-showcase-gallery__wrapper {
		height: clamp(600px, 45vw, 760px);
	}
}

@media (max-width: 991.98px) {
	.yb-showcase-gallery__title {
		font-size: clamp(20px, 3.1vw, 30px);
	}

	.yb-showcase-gallery__desc {
		font-size: 13px;
		max-width: 92%;
	}

	.yb-showcase-gallery__tag {
		--yb-showcase-tag-height: 24px;
		padding-left: 11px;
		padding-right: 11px;
		font-size: 9px;
	}
}

@media (max-width: 767.98px) {
	.yb-showcase-gallery > .container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.yb-showcase-gallery__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}

	.yb-showcase-gallery__wrapper {
		height: 480px;
		border-radius: 20px;
	}

	.yb-showcase-gallery .yb-gallery-item,
	.yb-showcase-gallery__item {
		margin-bottom: 14px !important;
		border-radius: 14px;
	}

	.yb-showcase-gallery__overlay {
		padding: 14px;
		gap: 7px;
	}

	.yb-showcase-gallery__title {
		font-size: 17px;
		letter-spacing: -0.04em;
	}

	.yb-showcase-gallery__desc {
		display: none;
	}

	.yb-showcase-gallery__tag {
		--yb-showcase-tag-height: 22px;
		font-size: 8px;
	}

	.yb-showcase-gallery__arrow {
		top: 12px;
		right: 12px;
		width: 38px;
		height: 38px;
	}
}

@media (max-width: 574.98px) {
	.yb-showcase-gallery__grid {
		width: 150vw;
		margin-left: -25vw;
	}

	.yb-showcase-gallery__wrapper {
		height: 430px;
	}
}

/* Project Gallery / Works Details */
.yb-gallery-media {
	position: relative;
}

.yb-gallery-media__preview {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: 16px;
	background: var(--yb-color-100);
	overflow: hidden;
	cursor: pointer;
}

.yb-gallery-media__preview::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.18) 100%);
	z-index: 1;
	pointer-events: none;
}

.yb-gallery-media__poster {
	--yb-gallery-media-parallax-y: 0px;
	--yb-gallery-media-scale: 1;
	display: block;
	width: 100%;
	height: clamp(420px, 47vw, 760px);
	object-fit: cover;
	transform: translate3d(0, var(--yb-gallery-media-parallax-y), 0) scale(var(--yb-gallery-media-scale));
	transition: transform 0.6s ease;
	will-change: transform;
}

.yb-gallery-media__play {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%, -50%) scale(1);
	transform-origin: 50% 50%;
	width: clamp(86px, 8.4vw, 108px);
	height: clamp(86px, 8.4vw, 108px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	background: rgba(12, 12, 12, 0.8);
	color: #FFFFFF;
	backdrop-filter: blur(5px);
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.28s ease, background-color 0.28s ease, box-shadow 0.28s ease;
	will-change: transform;
}

.yb-gallery-media__preview:hover .yb-gallery-media__play,
.yb-gallery-media__preview:focus-visible .yb-gallery-media__play {
	transform: translate(-50%, -50%) scale(1.08);
	border-color: rgba(255, 255, 255, 0.38);
	background: rgba(12, 12, 12, 0.86);
	box-shadow: 0 30px 74px rgba(0, 0, 0, 0.34);
}

.yb-gallery-media__play svg {
	width: 52px;
	height: 52px;
	margin-left: 4px;
}

.yb-gallery-media__play::before,
.yb-gallery-media__play::after {
	content: "";
	position: absolute;
	inset: -12px;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 50%;
	animation: ybGalleryMediaPulse 2.2s ease-out infinite;
}

.yb-gallery-media__play::after {
	animation-delay: 1.1s;
}

@keyframes ybGalleryMediaPulse {
	0% {
		transform: scale(0.88);
		opacity: 0.72;
	}
	70% {
		transform: scale(1.42);
		opacity: 0;
	}
	100% {
		transform: scale(1.42);
		opacity: 0;
	}
}

/* Gallery Carousel */
.yb-gallery-slider .yb-horizontal-thumb,
.yb-gallery-carousel .yb-horizontal-thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: var(--yb-color-150);
	border-radius: 12px;
	transition: background-color 0.24s ease;
}

.yb-gallery-slider .yb-horizontal-thumb::before,
.yb-gallery-slider .yb-horizontal-thumb::after,
.yb-gallery-carousel .yb-horizontal-thumb::before,
.yb-gallery-carousel .yb-horizontal-thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.yb-gallery-slider .yb-horizontal-thumb::before,
.yb-gallery-carousel .yb-horizontal-thumb::before {
	z-index: 0;
	background: var(--yb-color-150);
}

.yb-gallery-slider .yb-horizontal-thumb::after,
.yb-gallery-carousel .yb-horizontal-thumb::after {
	z-index: 1;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.yb-gallery-slider .yb-horizontal-thumb.is-loading::before,
.yb-gallery-slider .yb-horizontal-thumb.is-loading::after,
.yb-gallery-carousel .yb-horizontal-thumb.is-loading::before,
.yb-gallery-carousel .yb-horizontal-thumb.is-loading::after {
	opacity: 1;
	visibility: visible;
}

.yb-gallery-slider .yb-horizontal-thumb.is-loading::after,
.yb-gallery-carousel .yb-horizontal-thumb.is-loading::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.yb-gallery-slider .yb-horizontal-thumb.is-loaded::before,
.yb-gallery-slider .yb-horizontal-thumb.is-loaded::after,
.yb-gallery-slider .yb-horizontal-thumb.has-load-error::before,
.yb-gallery-slider .yb-horizontal-thumb.has-load-error::after,
.yb-gallery-carousel .yb-horizontal-thumb.is-loaded::before,
.yb-gallery-carousel .yb-horizontal-thumb.is-loaded::after,
.yb-gallery-carousel .yb-horizontal-thumb.has-load-error::before,
.yb-gallery-carousel .yb-horizontal-thumb.has-load-error::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}


.yb-gallery-slider .yb-horizontal-thumb.is-loaded,
.yb-gallery-slider .yb-horizontal-thumb.has-load-error,
.yb-gallery-carousel .yb-horizontal-thumb.is-loaded,
.yb-gallery-carousel .yb-horizontal-thumb.has-load-error {
	background: transparent;
}

.yb-gallery-slider__image,
.yb-gallery-carousel__image {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: 12px;
	object-fit: contain;
	opacity: 1;
	transition: opacity 0.32s ease;
}

.yb-gallery-slider .yb-horizontal-thumb.is-loading .yb-gallery-slider__image,
.yb-gallery-slider .yb-horizontal-thumb.has-load-error .yb-gallery-slider__image,
.yb-gallery-carousel .yb-horizontal-thumb.is-loading .yb-gallery-carousel__image,
.yb-gallery-carousel .yb-horizontal-thumb.has-load-error .yb-gallery-carousel__image {
	opacity: 0;
}

.yb-gallery-slider[data-yb-gallery-slider-max-height] .yb-horizontal-thumb {
	max-height: var(--yb-gallery-carousel-max-height, var(--yb-gallery-slider-max-height));
	border-radius: 12px;
	overflow: hidden;
}

.yb-gallery-carousel--scroll[data-yb-gallery-carousel-max-height] .yb-horizontal-thumb {
	width: fit-content;
	max-width: none;
	max-height: var(--yb-gallery-carousel-max-height, var(--yb-gallery-slider-max-height));
	border-radius: 12px;
	overflow: hidden;
}

.yb-gallery-carousel--scroll[data-yb-gallery-carousel-max-height] .swiper-slide {
	width: auto !important;
}

.yb-gallery-slider[data-yb-gallery-slider-max-height] .yb-gallery-slider__image {
	width: auto !important;
	height: auto;
	max-width: 100%;
	max-height: var(--yb-gallery-carousel-max-height, var(--yb-gallery-slider-max-height));
}

.yb-gallery-carousel--scroll[data-yb-gallery-carousel-max-height] .yb-gallery-carousel__image {
	max-width: none;
}

.yb-gallery-carousel--navigation {
	position: relative;
	overflow: hidden;
}

.yb-gallery-carousel--navigation .swiper-wrapper {
	align-items: stretch;
}

.yb-gallery-carousel--navigation .swiper-slide {
	height: auto;
}

.yb-gallery-carousel__item {
	width: 100%;
	height: 100%;
}

.yb-gallery-carousel__item[data-yb-gallery-item] {
	cursor: zoom-in;
}

.yb-gallery-carousel--navigation[data-yb-gallery-carousel-max-height] .yb-gallery-carousel__item {
	max-height: var(--yb-gallery-carousel-max-height, var(--yb-gallery-slider-max-height));
}

.yb-gallery-carousel--navigation[data-yb-gallery-carousel-max-height] .yb-gallery-carousel__image {
	max-height: var(--yb-gallery-carousel-max-height, var(--yb-gallery-slider-max-height));
}

.yb-gallery-carousel__nav {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	padding: 0;
	border: 1px solid rgba(var(--yb-common-white-rgb), 0.12);
	backdrop-filter: blur(10px);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.92);
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, -50%, 0) scale(0.96);
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.yb-gallery-carousel__nav svg {
	width: 28px;
	height: 28px;
	color: currentColor;
	transition: transform 0.25s ease, color 0.25s ease;
}

.yb-gallery-carousel__nav svg *,
.yb-gallery-carousel__nav svg path {
	transition: stroke 0.25s ease, fill 0.25s ease, opacity 0.25s ease;
}

.yb-gallery-carousel__nav--prev {
	left: 18px;
}

.yb-gallery-carousel__nav--next {
	right: 18px;
}

.yb-gallery-carousel--navigation:hover .yb-gallery-carousel__nav,
.yb-gallery-carousel--navigation:focus-within .yb-gallery-carousel__nav,
.yb-gallery-carousel--navigation.is-nav-visible .yb-gallery-carousel__nav {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, -50%, 0) scale(1);
}

.yb-gallery-carousel__nav:hover,
.yb-gallery-carousel__nav:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(var(--yb-common-white-rgb), 0.2);
	outline: none;
}

.yb-gallery-carousel__nav--prev:hover svg,
.yb-gallery-carousel__nav--prev:focus-visible svg {
	transform: translateX(-2px);
	color: var(--yb-color-0);
}

.yb-gallery-carousel__nav--next:hover svg,
.yb-gallery-carousel__nav--next:focus-visible svg {
	transform: translateX(2px);
	color: var(--yb-color-0);
}

.yb-gallery-carousel__nav.is-disabled,
.yb-gallery-carousel__nav.is-locked,
.yb-gallery-carousel__nav.swiper-button-disabled,
.yb-gallery-carousel__nav.swiper-button-lock {
	opacity: 0 !important;
	pointer-events: none !important;
}


.yb-gallery-carousel__pagination {
	position: absolute;
	left: 50%;
	bottom: 18px;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(10px);
	opacity: 0;
	pointer-events: none;
	transform: translate3d(-50%, 6px, 0);
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.yb-gallery-carousel--navigation:hover .yb-gallery-carousel__pagination,
.yb-gallery-carousel--navigation:focus-within .yb-gallery-carousel__pagination,
.yb-gallery-carousel--navigation.is-nav-visible .yb-gallery-carousel__pagination {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(-50%, 0, 0);
}

.yb-gallery-carousel__pagination.is-locked {
	opacity: 0 !important;
	pointer-events: none !important;
}

.yb-gallery-carousel__dot {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--yb-theme-primary);
	cursor: pointer;
	line-height: 0;
}

.yb-gallery-carousel__dot-core {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.62);
	transform: translate3d(-50%, -50%, 0);
	transition: width 0.2s ease-in-out, height 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.yb-gallery-carousel__dot:hover .yb-gallery-carousel__dot-core,
.yb-gallery-carousel__dot:focus-visible .yb-gallery-carousel__dot-core,
.yb-gallery-carousel__dot.is-active .yb-gallery-carousel__dot-core {
	width: 7px;
	height: 7px;
	background: rgba(255, 255, 255, 0.96);
}

.yb-gallery-carousel__dot:focus-visible {
	outline: none;
}

.yb-gallery-carousel__dot-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 20px;
	height: 20px;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(-50%, -50%, 0) rotate(90deg) scaleX(-1);
	transform-origin: center;
	transition: opacity 0.2s ease-in-out;
}

.yb-gallery-carousel__dot.is-active .yb-gallery-carousel__dot-ring {
	opacity: 1;
}

.yb-gallery-carousel__dot-ring-track,
.yb-gallery-carousel__dot-ring-progress {
	fill: none;
	stroke-width: 1.6;
}

.yb-gallery-carousel__dot-ring-track {
	stroke: rgba(255, 255, 255, 0.2);
}

.yb-gallery-carousel__dot-ring-progress {
	stroke: currentColor;
	stroke-linecap: round;
	transition: stroke-dashoffset 0.1s linear;
}

@media (max-width: 767.98px) {
	.yb-gallery-carousel__nav {
		width: 56px;
		height: 56px;
	}

	.yb-gallery-carousel__nav--prev {
		left: 12px;
	}

	.yb-gallery-carousel__nav--next {
		right: 12px;
	}
}

@media (max-width: 575.98px) {
	.yb-gallery-carousel__nav {
		width: 48px;
		height: 48px;
	}

	.yb-gallery-carousel__nav svg {
		width: 24px;
		height: 24px;
	}
}

/* Project Gallery Grid */
.yb-gallery {
	--yb-gallery-columns: 6;
	--yb-gallery-gap: 20px;
	--yb-gallery-row: 8px;
	position: relative;
	display: grid;
	grid-template-columns: repeat(var(--yb-gallery-columns), minmax(0, 1fr));
	grid-auto-rows: var(--yb-gallery-row);
	grid-auto-flow: dense;
	gap: var(--yb-gallery-gap);
	width: 100%;
	min-height: 1px;
	isolation: isolate;
}

.yb-gallery__item {
	--yb-gallery-col-span: 1;
	--yb-gallery-row-span: 28;
	position: relative;
	display: block;
	grid-column: var(--yb-gallery-column, span var(--yb-gallery-col-span));
	grid-row: span var(--yb-gallery-row-span);
	min-width: 0;
	min-height: 0;
	border-radius: 12px;
	overflow: hidden;
	--yb-gallery-placeholder: var(--yb-color-150);
	background: var(--yb-gallery-placeholder);
	transition: background-color 0.24s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateY(0);
}

.yb-gallery__item.is-loaded,
.yb-gallery__item.has-load-error {
	background: transparent;
}

.yb-gallery__item.is-yb-reveal-pending,
.yb-gallery__item.is-yb-reveal-playing {
	will-change: opacity, transform;
}

.yb-gallery__item::before,
.yb-gallery__item::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.yb-gallery__item::before {
	z-index: 1;
	background: var(--yb-gallery-placeholder, var(--yb-color-150));
	transition: opacity 0.24s ease, visibility 0.24s ease;
}

.yb-gallery__item::after {
	z-index: 2;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.yb-gallery__item.is-loading::before,
.yb-gallery__item.is-loading::after {
	opacity: 1;
	visibility: visible;
}

.yb-gallery__item.is-loading::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.yb-gallery__item.is-loaded::before,
.yb-gallery__item.is-loaded::after,
.yb-gallery__item.has-load-error::before,
.yb-gallery__item.has-load-error::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}

.yb-gallery__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: opacity 0.48s ease, transform 0.55s ease;
	will-change: opacity, transform;
}

.yb-gallery__item.is-loading .yb-gallery__image {
	opacity: 0;
}

.yb-gallery__item.is-loaded .yb-gallery__image {
	opacity: 1;
}

.yb-gallery__item.has-load-error .yb-gallery__image {
	opacity: 0;
}

.yb-gallery__item:hover .yb-gallery__image {
	transform: scale(1.025);
}

@keyframes ybGalleryImageLoading {
	0% {
		transform: skewX(-12deg) translate3d(-140%, 0, 0);
	}
	100% {
		transform: skewX(-12deg) translate3d(340%, 0, 0);
	}
}

/* Gallery Pattern: 1 Column */
.yb-gallery[data-yb-gallery-current-columns="1"] {
	display: block;
}

.yb-gallery[data-yb-gallery-current-columns="1"] .yb-gallery__item {
	margin-bottom: var(--yb-gallery-gap);
}

.yb-gallery[data-yb-gallery-current-columns="1"] .yb-gallery__item:last-child {
	margin-bottom: 0;
}

.yb-gallery[data-yb-gallery-current-columns="1"] .yb-gallery__image {
	height: auto;
	min-height: 0;
	object-fit: contain;
}

/* Gallery Pattern: 2 Columns */
.yb-gallery[data-yb-gallery-current-columns="2"] .yb-gallery__item {
	--yb-gallery-col-span: 1;
	--yb-gallery-row-span: 30;
}

.yb-gallery[data-yb-gallery-current-columns="2"] .yb-gallery__item:nth-child(6n + 3),
.yb-gallery[data-yb-gallery-current-columns="2"] .yb-gallery__item:nth-child(6n + 6) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 32;
}

.yb-gallery[data-yb-gallery-current-columns="2"][data-yb-gallery-count="1"] .yb-gallery__item,
.yb-gallery[data-yb-gallery-current-columns="2"][data-yb-gallery-count="3"] .yb-gallery__item:nth-child(3),
.yb-gallery[data-yb-gallery-current-columns="2"][data-yb-gallery-count="5"] .yb-gallery__item:nth-child(5) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 32;
}

/* Gallery Pattern: 3 Columns */
.yb-gallery[data-yb-gallery-current-columns="3"] .yb-gallery__item {
	--yb-gallery-col-span: 1;
	--yb-gallery-row-span: 28;
}

.yb-gallery[data-yb-gallery-current-columns="3"] .yb-gallery__item:nth-child(9n + 1),
.yb-gallery[data-yb-gallery-current-columns="3"] .yb-gallery__item:nth-child(9n + 4) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 34;
}

.yb-gallery[data-yb-gallery-current-columns="3"] .yb-gallery__item:nth-child(9n + 2),
.yb-gallery[data-yb-gallery-current-columns="3"] .yb-gallery__item:nth-child(9n + 3) {
	--yb-gallery-col-span: 1;
	--yb-gallery-row-span: 34;
}

.yb-gallery[data-yb-gallery-current-columns="3"] .yb-gallery__item:nth-child(9n + 5),
.yb-gallery[data-yb-gallery-current-columns="3"] .yb-gallery__item:nth-child(9n + 9) {
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 32;
}

.yb-gallery[data-yb-gallery-current-columns="3"][data-yb-gallery-count="1"] .yb-gallery__item,
.yb-gallery[data-yb-gallery-current-columns="3"][data-yb-gallery-count="3"] .yb-gallery__item:nth-child(3),
.yb-gallery[data-yb-gallery-current-columns="3"][data-yb-gallery-count="5"] .yb-gallery__item:nth-child(5) {
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 32;
}

.yb-gallery[data-yb-gallery-current-columns="3"][data-yb-gallery-count="6"] .yb-gallery__item:nth-child(5) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 30;
}

.yb-gallery[data-yb-gallery-current-columns="3"][data-yb-gallery-count="6"] .yb-gallery__item:nth-child(6) {
	--yb-gallery-col-span: 1;
	--yb-gallery-row-span: 30;
}

/* Gallery Pattern: 4 Columns */
.yb-gallery[data-yb-gallery-current-columns="4"] .yb-gallery__item {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 28;
}

.yb-gallery[data-yb-gallery-current-columns="4"] .yb-gallery__item:nth-child(8n + 1) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 34;
}

.yb-gallery[data-yb-gallery-current-columns="4"] .yb-gallery__item:nth-child(8n + 2),
.yb-gallery[data-yb-gallery-current-columns="4"] .yb-gallery__item:nth-child(8n + 3) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 17;
}

.yb-gallery[data-yb-gallery-current-columns="4"] .yb-gallery__item:nth-child(8n + 4),
.yb-gallery[data-yb-gallery-current-columns="4"] .yb-gallery__item:nth-child(8n + 7) {
	--yb-gallery-col-span: 4;
	--yb-gallery-row-span: 30;
}

.yb-gallery[data-yb-gallery-current-columns="4"][data-yb-gallery-count="1"] .yb-gallery__item,
.yb-gallery[data-yb-gallery-current-columns="4"][data-yb-gallery-count="5"] .yb-gallery__item:nth-child(5) {
	--yb-gallery-col-span: 4;
	--yb-gallery-row-span: 32;
}

.yb-gallery[data-yb-gallery-current-columns="4"][data-yb-gallery-count="2"] .yb-gallery__item,
.yb-gallery[data-yb-gallery-current-columns="4"][data-yb-gallery-count="6"] .yb-gallery__item:nth-child(n + 5) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 30;
}

/* Gallery Pattern: 5 Columns */
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 30;
}

.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 1),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 4),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 7),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 8) {
	--yb-gallery-col-span: 3;
}

.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 1),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 2) {
	--yb-gallery-row-span: 34;
}

.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 3),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 4),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 6),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 7) {
	--yb-gallery-row-span: 28;
}

.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 5),
.yb-gallery[data-yb-gallery-current-columns="5"] .yb-gallery__item:nth-child(10n + 10) {
	--yb-gallery-col-span: 5;
	--yb-gallery-row-span: 32;
}

.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="1"] .yb-gallery__item,
.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="3"] .yb-gallery__item:nth-child(3),
.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="6"] .yb-gallery__item:nth-child(6),
.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="8"] .yb-gallery__item:nth-child(8) {
	--yb-gallery-col-span: 5;
	--yb-gallery-row-span: 32;
}

.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="4"] .yb-gallery__item:nth-child(3),
.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="9"] .yb-gallery__item:nth-child(8) {
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 30;
}

.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="4"] .yb-gallery__item:nth-child(4),
.yb-gallery[data-yb-gallery-current-columns="5"][data-yb-gallery-count="9"] .yb-gallery__item:nth-child(9) {
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 30;
}

/* Gallery Pattern: 6 Columns */
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item {
	--yb-gallery-column: span 2;
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 28;
}

.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 1) {
	--yb-gallery-column: span 3;
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 44;
}

.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 2),
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 3) {
	--yb-gallery-column: span 3;
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 22;
}

.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 4),
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 5),
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 6),
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 10),
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 11),
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 12) {
	--yb-gallery-column: span 2;
	--yb-gallery-col-span: 2;
	--yb-gallery-row-span: 28;
}

.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 7) {
	--yb-gallery-column: 4 / span 3;
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 44;
}

.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 8),
.yb-gallery[data-yb-gallery-current-columns="6"] .yb-gallery__item:nth-child(12n + 9) {
	--yb-gallery-column: span 3;
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 22;
}

.yb-gallery[data-yb-gallery-current-columns="6"][data-yb-gallery-tail="1"] .yb-gallery__item:last-child,
.yb-gallery[data-yb-gallery-current-columns="6"][data-yb-gallery-tail="4"] .yb-gallery__item:last-child {
	--yb-gallery-column: span 6;
	--yb-gallery-col-span: 6;
	--yb-gallery-row-span: 34;
}

.yb-gallery[data-yb-gallery-current-columns="6"][data-yb-gallery-tail="2"] .yb-gallery__item:nth-last-child(-n + 2),
.yb-gallery[data-yb-gallery-current-columns="6"][data-yb-gallery-tail="5"] .yb-gallery__item:nth-last-child(-n + 2) {
	--yb-gallery-column: span 3;
	--yb-gallery-col-span: 3;
	--yb-gallery-row-span: 34;
}

/* Gallery Lightbox Media Frame */
.yb-gallery-media__frame {
	position: relative;
	isolation: isolate;
	flex: 0 1 auto;
	width: var(--yb-gallery-lightbox-frame-width, 100%);
	height: var(--yb-gallery-lightbox-frame-height, 100%);
	max-width: 100%;
	max-height: 100%;
	min-height: 0;
	aspect-ratio: var(--yb-gallery-lightbox-frame-ratio, auto);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.065);
	transition: width 0.28s ease, height 0.28s ease, max-width 0.28s ease, max-height 0.28s ease, background-color 0.24s ease;
}

.yb-gallery-media__frame.is-loaded,
.yb-gallery-media__frame.has-load-error {
	background: transparent;
}

.yb-gallery-media__frame::before,
.yb-gallery-media__frame::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.yb-gallery-media__frame::before {
	z-index: 1;
	background: rgba(255, 255, 255, 0.065);
}

.yb-gallery-media__frame::after {
	z-index: 2;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 38%, rgba(255, 255, 255, 0.34) 50%, rgba(255, 255, 255, 0.12) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.yb-gallery-media__frame.is-loading::before,
.yb-gallery-media__frame.is-loading::after {
	opacity: 1;
	visibility: visible;
}

.yb-gallery-media__frame.is-loading::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.yb-gallery-media__frame.is-loaded::before,
.yb-gallery-media__frame.is-loaded::after,
.yb-gallery-media__frame.has-load-error::before,
.yb-gallery-media__frame.has-load-error::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}

.yb-gallery-media__lightbox-image,
.yb-lightbox__stage > .yb-product-media__image {
	position: relative;
	z-index: 0;
	display: block;
	max-width: 100%;
	max-height: min(76vh, 1180px);
	width: auto;
	height: auto;
	object-fit: contain;
	opacity: 1;
	user-select: none;
	-webkit-user-drag: none;
	background: transparent;
	transition: opacity 0.28s ease, width 0.28s ease, height 0.28s ease, max-width 0.28s ease, max-height 0.28s ease, transform 0.28s ease;
	will-change: opacity, max-width, max-height;
}

.yb-gallery-media__frame.is-loading .yb-gallery-media__lightbox-image,
.yb-gallery-media__frame.has-load-error .yb-gallery-media__lightbox-image {
	opacity: 0;
}

.yb-lightbox__stage > .yb-product-media__image {
	padding: 0;
}

/* Gallery Media Modal */
.yb-gallery-media-modal {
	position: fixed;
	inset: 0;
	z-index: 10003;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.22s ease, visibility 0.22s ease;
}

.yb-gallery-media-modal.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.yb-gallery-media-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(12, 12, 12, 0.94);
	backdrop-filter: blur(16px);
}

.yb-gallery-media-modal__dialog {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: clamp(22px, 2.4vw, 34px);
}

.yb-gallery-media-modal__controls {
	position: absolute;
	top: clamp(18px, 2.1vw, 28px);
	right: clamp(18px, 2.1vw, 28px);
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: opacity 0.22s ease, transform 0.22s ease;
}

.yb-gallery-media-modal__control {
	position: relative;
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid transparent;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	box-shadow: none;
	cursor: pointer;
	appearance: none;
	background: transparent;
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.88);
	transition: border-color 0.22s ease, color 0.22s ease, opacity 0.22s ease;
}

.yb-gallery-media-modal__control svg {
	width: 48px; 
	height: 48px;
}

.yb-gallery-media-modal__control:hover,
.yb-gallery-media-modal__control:focus-visible {
	color: #fff; 
	border-color: rgba(255, 255, 255, 0.18); 
	opacity: 1; 
}

.yb-gallery-media-modal__viewport {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.yb-gallery-media-modal__frame {
	width: min(78vw, 1640px);
	height: min(78vh, 920px);
	border-radius: 16px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
	transition: width 0.28s ease, height 0.28s ease, border-radius 0.28s ease;
}

.yb-gallery-media-modal__frame video,
.yb-gallery-media-modal__frame iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
	object-fit: cover;
}

.yb-gallery-media-modal.is-expanded .yb-gallery-media-modal__frame video,
.yb-gallery-media-modal.is-expanded .yb-gallery-media-modal__frame iframe {
	object-fit: contain;
}

.yb-gallery-media-modal.is-expanded .yb-gallery-media-modal__dialog {
	padding: 0;
}

.yb-gallery-media-modal.is-expanded .yb-gallery-media-modal__frame {
	width: 100vw;
	height: 100vh;
	border-radius: 0;
}

.yb-gallery-media-modal.is-expanded .yb-gallery-media-modal__controls {
	opacity: 0;
	transform: translateY(-8px);
}

.yb-gallery-media-modal.is-expanded:hover .yb-gallery-media-modal__controls,
.yb-gallery-media-modal.is-expanded:focus-within .yb-gallery-media-modal__controls {
	opacity: 1;
	transform: translateY(0);
}

html.yb-gallery-media-open,
body.yb-gallery-media-open {
	overflow: hidden !important;
	overscroll-behavior: none;
}

@media (max-width: 1199.98px) {
	.yb-gallery {
		--yb-gallery-columns: 4;
		--yb-gallery-row: 13px;
	}}

@media (max-width: 991.98px) {
	.yb-gallery-media__preview {
		border-radius: 22px;
	}
	.yb-gallery {
			--yb-gallery-gap: 18px;
			--yb-gallery-row: 12px;
		}
	.yb-gallery-media-modal__frame {
			width: min(88vw, 1320px);
			height: min(74vh, 760px);
		}
	.yb-gallery-media__frame {
		width: 100%;
		height: 100%;
	}

	.yb-gallery-media__lightbox-image,
	.yb-lightbox__stage > .yb-product-media__image {
		max-width: 100%;
		max-height: min(66vh, 860px);
		width: auto;
		height: auto;
	}
}

@media (max-width: 767.98px) {
	.yb-gallery-media__poster {
		height: clamp(280px, 58vw, 420px);
	}

	.yb-gallery-media__play {
		width: 78px;
		height: 78px;
	}

	.yb-gallery {
		--yb-gallery-columns: 2;
		--yb-gallery-gap: 14px;
		--yb-gallery-row: 11px;
	}
	.yb-gallery-media-modal__controls {
		top: 14px;
		right: 14px;
		gap: 8px;
	}

	.yb-gallery-media-modal__control {
		width: 46px;
		height: 46px;
	}

	.yb-gallery-media-modal__dialog {
		padding: 12px;
	}

	.yb-gallery-media-modal__frame {
		width: 100%;
		height: min(62vh, 460px);
		border-radius: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yb-gallery__item.is-yb-reveal-pending,
	.yb-gallery__item.is-yb-reveal-playing {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		transition: none !important;
	}

	.yb-gallery__item.is-loading::after {
		animation: none;
	}

	.yb-gallery__image,
	.yb-gallery-media__play {
		transition: none;
	}
}


/* Shared modal control reset */
.yb-lightbox__close,
.yb-lightbox__control,
.yb-gallery-media-modal__control,
.yb-product-media-modal__control {
	transform: none !important;
	will-change: border-color, color, opacity;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Shared modal control svg reset */
.yb-lightbox__close svg,
.yb-lightbox__control svg,
.yb-gallery-media-modal__control svg,
.yb-product-media-modal__control svg {
	display: block;
	flex: 0 0 auto;
	transform: rotate(0deg) translateZ(0);
	transform-origin: 50% 50%;
	transform-box: fill-box;
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: transform 0.22s ease;
}

/* Shared modal control hover reset */
.yb-lightbox__close:hover,
.yb-lightbox__close:focus-visible,
.yb-lightbox__control:hover,
.yb-lightbox__control:focus-visible,
.yb-gallery-media-modal__control:hover,
.yb-gallery-media-modal__control:focus-visible,
.yb-product-media-modal__control:hover,
.yb-product-media-modal__control:focus-visible {
	transform: none !important;
}

/* Shared modal control hover svg reset */
.yb-lightbox__close:hover svg,
.yb-lightbox__close:focus-visible svg,
.yb-lightbox__control:hover svg,
.yb-lightbox__control:focus-visible svg,
.yb-gallery-media-modal__control:hover svg,
.yb-gallery-media-modal__control:focus-visible svg,
.yb-product-media-modal__control:hover svg,
.yb-product-media-modal__control:focus-visible svg {
	transform: rotate(90deg) translateZ(0);
}

/*----------------------------------------*/
/*  19. Products
/*----------------------------------------*/
/* WooCommerce notices */
.woocommerce-notices-wrapper,
.woocommerce-no-products-found {
	width: 100%;
	margin: 0 0 30px;
}

.woocommerce-notices-wrapper:empty {
	display: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	--yb-wc-notice-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%204.5A2.5%202.5%200%200%201%206.5%202H18a2.5%202.5%200%200%201%202.5%202.5v14.25a.75.75%200%200%201-.75.75H5.5a1%201%200%200%200%201%201h13.25a.75.75%200%200%201%200%201.5H6.5A2.5%202.5%200%200%201%204%2019.5zM12.25%208a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-.75%201.75v5a.75.75%200%200%200%201.5%200v-5a.75.75%200%200%200-1.5%200%22%2F%3E%3C%2Fsvg%3E");
	--yb-wc-notice-color: var(--yb-wc-notice-info-icon, #2271B1);
	--yb-wc-notice-text: var(--yb-wc-notice-info-text, var(--yb-color-900));
	position: relative;
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	width: 100%;
	min-height: 112px;
	margin: 0 0 24px;
	padding: 28px 32px;
	border: 1px solid var(--yb-wc-notice-info-border, var(--yb-color-200));
	border-radius: 14px;
	background: var(--yb-wc-notice-info-bg, var(--yb-color-0));
	color: var(--yb-wc-notice-text);
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	box-sizing: border-box;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.wc-block-components-notice-banner::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-color: var(--yb-wc-notice-color);
	-webkit-mask-image: var(--yb-wc-notice-icon);
	mask-image: var(--yb-wc-notice-icon);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.woocommerce-message,
.wc-block-components-notice-banner.is-success {
	--yb-wc-notice-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGKkdZ2csA%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20d%3D%22m24%204l5.253%203.832l6.503-.012l1.997%206.188l5.268%203.812L41%2024l2.021%206.18l-5.268%203.812l-1.997%206.188l-6.503-.012L24%2044l-5.253-3.832l-6.503.012l-1.997-6.188l-5.268-3.812L7%2024l-2.021-6.18l5.268-3.812l1.997-6.188l6.503.012z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22m17%2024l5%205l10-10%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url%28%23SVGKkdZ2csA%29%22%2F%3E%3C%2Fsvg%3E");
	--yb-wc-notice-color: var(--yb-wc-notice-success-icon, var(--yb-wc-sale-price));
	--yb-wc-notice-text: var(--yb-wc-notice-success-text, var(--yb-color-900));
	border-color: var(--yb-wc-notice-success-border, rgba(109, 151, 101, 0.24));
	background: var(--yb-wc-notice-success-bg, #fbfdf8);
}

.woocommerce-info,
.wc-block-components-notice-banner.is-info {
	--yb-wc-notice-color: var(--yb-wc-notice-info-icon, #2271B1);
	--yb-wc-notice-text: var(--yb-wc-notice-info-text, var(--yb-color-900));
	border-color: var(--yb-wc-notice-info-border, var(--yb-color-200));
	background: var(--yb-wc-notice-info-bg, var(--yb-color-0));
}

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
	--yb-wc-notice-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.884%202.532c-.346-.654-1.422-.654-1.768%200l-9%2017A.999.999%200%200%200%203%2021h18a.998.998%200%200%200%20.883-1.467L12.884%202.532zM13%2018h-2v-2h2v2zm-2-4V9h2l.001%205H11z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
	--yb-wc-notice-color: var(--yb-wc-notice-error-icon, var(--yb-theme-primary));
	--yb-wc-notice-text: var(--yb-wc-notice-error-text, var(--yb-color-900));
	border-color: var(--yb-wc-notice-error-border, rgba(220, 53, 69, 0.22));
	background: var(--yb-wc-notice-error-bg, rgba(220, 53, 69, 0.045));
}

.woocommerce-no-products-found .woocommerce-info {
	--yb-wc-notice-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8%2016A8%208%200%201%200%208%200a8%208%200%200%200%200%2016M3.65%206.718a.59.59%200%200%201-.14-.83c.19-.27.57-.34.84-.14c0%200%20.33.21.84.07c.5-.14.69-.48.69-.49a.61.61%200%200%201%20.8-.27c.29.14.42.49.28.78c-.04.09-.42.85-1.47%201.13c-.24.06-.45.09-.65.09c-.68%200-1.13-.29-1.19-.34m6.875.267c-1.045-.279-1.426-1.042-1.47-1.129v-.001c-.14-.3%200-.66.29-.8c.3-.14.66%200%20.8.29c0%200%20.18.34.69.48c.481.132.793-.048.844-.077l.006-.003c.27-.17.64-.1.83.17c.18.27.12.63-.15.82l-.003.001c-.069.046-.506.339-1.187.339c-.2%200-.42-.02-.65-.09m1.184%205.077a.6.6%200%200%201-.771-.353C10.566%2010.71%209.375%2010.1%208%2010.1s-2.566.609-2.938%201.61a.6.6%200%200%201-1.124-.42C4.558%209.625%206.37%208.9%208%208.9c1.629%200%203.443.724%204.062%202.39a.6.6%200%200%201-.353.772%22%2F%3E%3C%2Fsvg%3E");
	--yb-wc-notice-color: var(--yb-wc-notice-empty-icon, var(--yb-color-800));
	--yb-wc-notice-text: var(--yb-wc-notice-empty-text, var(--yb-color-900));
	border-color: var(--yb-wc-notice-empty-border, var(--yb-color-200));
	background: var(--yb-wc-notice-empty-bg, var(--yb-color-0));
	margin-bottom: 0;
	text-align: left;
}

.yb-wc-coming-soon {
	padding: 100px 0;
}

.yb-wc-coming-soon__card {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	align-items: start;
	gap: clamp(24px, 3vw, 36px);
	width: 100%;
	padding: clamp(28px, 4vw, 52px);
	border: 1px solid var(--yb-color-100);
	border-radius: 18px;
	background: var(--yb-color-0);
}

.yb-wc-coming-soon__media {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 92px;
	border-radius: 18px;
	background: var(--yb-color-100);
	color: var(--yb-color-900);
}

.yb-wc-coming-soon__media svg {
	display: block;
	width: 48px;
	height: 48px;
}

.yb-wc-coming-soon__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.yb-wc-coming-soon__eyebrow {
	margin: 0 0 14px;
	color: var(--yb-theme-primary);
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.yb-wc-coming-soon__title {
	max-width: 760px;
	margin: 0;
	color: var(--yb-color-900);
	font-size: clamp(30px, 4vw, 56px);
	font-weight: 600;
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.yb-wc-coming-soon__text {
	max-width: 720px;
	margin: 20px 0 0;
	color: var(--yb-color-500);
	font-size: clamp(16px, 1.4vw, 21px);
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.025em;
}

.yb-wc-coming-soon__button {
	margin-top: 34px;
}

@media (max-width: 767.98px) {
	.yb-wc-coming-soon__card {
		grid-template-columns: 1fr;
	}

	.yb-wc-coming-soon__media {
		width: 76px;
		height: 76px;
		border-radius: 16px;
	}

	.yb-wc-coming-soon__media svg {
		width: 40px;
		height: 40px;
	}
}

.woocommerce-error {
	list-style: none;
}

.woocommerce-error li {
	grid-column: 2;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a,
.wc-block-components-notice-banner a {
	color: inherit;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.wc-block-components-notice-banner .button {
	justify-self: start;
	text-decoration: none;
}

@media (max-width: 575.98px) {
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error,
	.wc-block-components-notice-banner {
		grid-template-columns: 50px minmax(0, 1fr);
		gap: 18px;
		min-height: 104px;
		padding: 24px;
		font-size: 15px;
	}
}

.product-card {
	display: flex;
	flex-direction: column;
}

.product-card__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0;
	height: 100%;
	padding: 0;
	overflow: hidden;
	border-radius: 16px;
	transition: box-shadow .24s ease, transform .24s ease;
}

.product-card:hover .product-card__inner {
	box-shadow: 0 12px 30px rgba(17, 24, 39, .055);
}

.product-card__thumb {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	height: auto;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 16px 16px 0 0;
	background-color: var(--yb-color-100);
	isolation: isolate;
	transform: translateZ(0);
}

.product-card__thumb::before,
.product-card__thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.product-card__thumb::before {
	z-index: 0;
	background: var(--yb-color-150);
}

.product-card__thumb::after {
	z-index: 0;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.product-card__thumb.is-loading::before,
.product-card__thumb.is-loading::after {
	opacity: 1;
	visibility: visible;
}

.product-card__thumb.is-loading::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.product-card__thumb.is-loaded::before,
.product-card__thumb.is-loaded::after,
.product-card__thumb.has-load-error::before,
.product-card__thumb.has-load-error::after,
.product-card__thumb.has-no-image::before,
.product-card__thumb.has-no-image::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}


.product-card__meta-top {
	position: absolute;
	top: 14px;
	right: 14px;
	left: 14px;
	z-index: 5;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	pointer-events: none;
}

.product-card__category {
	flex: 1 1 auto;
	min-width: 0;
}

.product-card__category ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.product-card__category li {
	min-width: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.product-card__category span,
.product-card__status-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 8px 14px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	white-space: nowrap;
}

.product-card__category span {
	max-width: 100%;
	overflow: hidden;
	color: var(--yb-color-900);
	background-color: color-mix(in srgb, var(--yb-color-0) 78%, transparent);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	text-overflow: ellipsis;
}

.product-card__badges {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex: 0 0 auto;
	min-width: 0;
	margin-left: auto;
}

.product-card__status-badge--free {
	background-color: var(--yb-wc-free-badge-bg);
	color: var(--yb-wc-free-badge-text);
}

.product-card__status-badge--sale {
	background-color: var(--yb-wc-sale-badge-bg);
	color: var(--yb-wc-sale-badge-text);
}

.product-card__status-badge--new {
	background-color: var(--yb-wc-new-badge-bg);
	color: var(--yb-wc-new-badge-text);
}

.product-card__status-badge--top-selling {
	background-color: var(--yb-wc-top-badge-bg);
	color: var(--yb-wc-top-badge-text);
}

.product-card__media {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
}

.product-card__img-link {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
	opacity: 0;
	pointer-events: none;
	transition: opacity .32s ease;
}

.product-card__img-link.is-active {
	opacity: 1;
	pointer-events: auto;
}

.product-card__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	border-radius: 0;
	transform: scale(1);
	transform-origin: center center;
	backface-visibility: hidden;
	filter: none;
	transition: transform 1.35s cubic-bezier(0.16, 1, 0.3, 1), filter 0.75s ease, opacity 0.32s ease;
}

.product-card__thumb.is-loading .product-card__img-link.is-active .product-card__img,
.product-card__thumb.has-load-error .product-card__img-link.is-active .product-card__img {
	opacity: 0;
}

.product-card__thumb.is-loaded .product-card__img-link.is-active .product-card__img {
	opacity: 1;
}

.product-card:hover .product-card__img-link.is-active .product-card__img {
	transform: scale(1.08);
	filter: none;
}

.product-card__image-dots {
	position: absolute;
	right: 16px;
	bottom: 14px;
	left: 16px;
	z-index: 6;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	pointer-events: none;
}

.product-card__image-dot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: inherit;
	cursor: pointer;
	pointer-events: auto;
}

.product-card__image-dot span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .24);
	transition: width .22s ease, background-color .22s ease, opacity .22s ease, transform .22s ease;
}

.product-card__image-dot:hover span,
.product-card__image-dot:focus-visible span,
.product-card__image-dot.is-active span {
	background: var(--yb-theme-primary);
}

.product-card__image-dot.is-active span {
	width: 18px;
}

.product-card__content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	padding: 20px;
	border-radius: 0 0 16px 16px;
	background-color: var(--yb-color-0);
}

.product-card__brand {
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	color: var(--yb-color-500, #585959);
	margin: 0;
}


.product-card__title {
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -0.9px;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0;
	overflow-wrap: anywhere;
}

.product-card__title-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.product-card__title-link:hover {
	color: var(--yb-theme-primary);
}

.product-card__price {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 8px;
	flex-wrap: wrap;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.9px;
	color: var(--yb-color-900, #1d1d1d);
	text-align: left;
	margin: 0;
}

.yb-product-showcase {
	width: 100%;
}

.yb-product-showcase--upsells,
.yb-product-showcase--related {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-top: 0;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: clamp(48px, 5vw, 72px) max(12px, calc((100vw - 1320px) / 2 + 12px));
	
	overflow: clip;
}

.yb-product-showcase--upsells {
	background: var(--yb-color-0);
}
.yb-product-showcase--related {
	background: var(--yb-color-50);
}

.yb-wc-cross-sells {
	margin-top: clamp(56px, 6vw, 82px);
}

.yb-product-showcase__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 30px;
}

.yb-product-showcase__grid {
	display: grid;
	grid-template-columns: repeat(var(--yb-product-showcase-columns, 4), minmax(0, 1fr));
	gap: 30px;
}

.yb-product-showcase__grid > .product-card,
.yb-product-showcase__slide > .product-card {
	width: 100%;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0 !important;
}

.yb-product-showcase__carousel-shell {
	position: relative;
}

.yb-product-showcase__carousel {
	overflow: hidden;
}

.yb-product-showcase__track {
	align-items: stretch;
}

.yb-product-showcase__slide {
	height: auto;
}

.yb-product-showcase__slide .product-card,
.yb-product-showcase__slide .product-card__inner {
	height: 100%;
}

.yb-product-showcase__nav.yb-lightbox__nav {
	position: absolute;
	top: 50%;
	z-index: 8;
	width: 58px;
	height: 58px;
	border: 1px solid rgba(255, 255, 255, .22);
	background: color-mix(in srgb, var(--yb-color-dark-200) 10%, transparent);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	color: var(--yb-color-0);
	opacity: 0;
	transform: translate3d(0, -50%, 0) scale(.96);
	transition: opacity .24s ease, transform .24s ease, background-color .24s ease, border-color .24s ease;
}

.yb-product-showcase__nav--prev {
	left: 14px;
}

.yb-product-showcase__nav--next {
	right: 14px;
}

.yb-product-showcase__nav.yb-lightbox__nav svg {
	width: 26px;
	height: 26px;
}

.yb-product-showcase__carousel-shell:hover .yb-product-showcase__nav,
.yb-product-showcase__nav.yb-lightbox__nav:focus-visible {
	opacity: 1;
	transform: translate3d(0, -50%, 0) scale(1);
}

.yb-product-showcase__nav.yb-lightbox__nav:hover,
.yb-product-showcase__nav.yb-lightbox__nav:focus-visible {
	border-color: rgba(255, 255, 255, .32);
	color: var(--yb-color-0);
}

.yb-product-showcase__nav.swiper-button-disabled,
.yb-product-showcase__nav.swiper-button-lock {
	opacity: 0 !important;
	pointer-events: none;
}

@media (max-width: 1399.98px) {
	.yb-product-showcase__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 1199.98px) {
	.yb-product-showcase__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.yb-product-showcase__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 479.98px) {
	.yb-product-showcase__grid {
		grid-template-columns: 1fr;
	}
}

.product-right__excerpt {
	padding: 20px;
	border-radius: 12px;
	width: 100%;
	background: var(--yb-color-150);
}

.product-card__price del {
	order: 1;
	opacity: 0.5;
	color: inherit;
	font-size: 0.9em;
}

.product-right__price del {
	opacity: 0.5;
	color: inherit;
	font-size: 0.9em;
}

.product-card__price del .amount,
.product-right__price del .amount {
	color: inherit;
}

.product-card__price ins {
	order: 2;
	color: var(--yb-wc-sale-price);
	font-size: inherit;
	font-weight: 700;
	text-decoration: none;
}

.product-right__price ins {
	color: var(--yb-wc-sale-price);
	font-size: inherit;
	font-weight: 700;
	text-decoration: none;
}

.product-card__price ins .amount,
.product-right__price ins .amount {
	color: inherit;
}

.product-card__actions {
	width: 100%;
	margin-top: auto;
	padding-top: 4px;
}

.product-card__cart-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	min-height: 52px;
	padding: 0 22px;
	overflow: hidden;
	gap: 0;
	line-height: 1;
	white-space: nowrap;
	text-align: center;
	background-color: var(--yb-wc-cart-button-bg, var(--yb-color-dark-300));
	color: var(--yb-color-0);
}

.product-card__cart-btn:hover,
.product-card__cart-btn:focus-visible {
	background-color: var(--yb-color-dark-100);
	color: var(--yb-color-0);
}

.product-card__cart-btn.loading,
.product-card__cart-btn.is-loading {
	background-color: var(--yb-wc-cart-button-bg, var(--yb-color-dark-300));
	color: var(--yb-color-0);
}

.product-card__cart-btn.added,
.product-card__cart-btn.is-added {
	background-color: var(--yb-wc-cart-added-bg, var(--yb-theme-primary)) !important;
	color: var(--yb-wc-cart-added-text, var(--yb-color-0)) !important;
	pointer-events: none;
}

.product-card__cart-btn > .product-card__cart-text {
	position: absolute;
	inset: 0 22px;
	display: grid;
	grid-template-areas: "yb-product-cart-text";
	place-items: center;
	min-width: 0;
	max-width: none;
	overflow: hidden;
	text-align: center;
	pointer-events: none;
	transition: opacity 0.24s ease, transform 0.24s ease;
}

.product-card__cart-btn > .product-card__cart-text > .product-card__cart-label {
	grid-area: yb-product-cart-text;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-width: 0;
	max-width: 100%;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.product-card__cart-label--default {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.product-card__cart-label--added {
	transform: translate3d(0, 120%, 0);
	opacity: 0;
}

.product-card__cart-btn.loading .product-card__cart-text,
.product-card__cart-btn.is-loading .product-card__cart-text {
	display: none;
}

.product-card__cart-btn.added .product-card__cart-label--default,
.product-card__cart-btn.is-added .product-card__cart-label--default {
	transform: translate3d(0, -120%, 0);
	opacity: 0;
}

.product-card__cart-btn.added .product-card__cart-label--added,
.product-card__cart-btn.is-added .product-card__cart-label--added {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.product-card__cart-btn .yb-loading-ring {
	display: none;
	flex: 0 0 auto;
	pointer-events: none;
}

.product-card__cart-btn.loading .yb-loading-ring,
.product-card__cart-btn.is-loading .yb-loading-ring {
	display: block;
}

.product-card .added_to_cart.wc-forward {
	display: none !important;
}

/*----------------------------------------*/
/*  Product Details — Media Gallery
/*----------------------------------------*/
.yb-product-gallery {
	position: relative;
}

.yb-product-gallery__shell {
	--yb-gallery-rail-width: clamp(80px, 6vw, 88px);
	--yb-gallery-stage-height: clamp(520px, 44vw, 680px);
	--yb-gallery-thumb-control-size: 38px;
	--yb-gallery-thumb-rail-gap: 10px;
	--yb-gallery-thumb-gap: 10px;
	--yb-gallery-thumb-size: calc((var(--yb-gallery-stage-height) - (var(--yb-gallery-thumb-control-size) * 2) - (var(--yb-gallery-thumb-rail-gap) * 2) - (var(--yb-gallery-thumb-gap) * 5)) / 6);
	display: grid;
	grid-template-columns: var(--yb-gallery-rail-width) minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

.yb-product-gallery__thumb-rail {
	position: relative;
	min-height: 0;
	height: var(--yb-gallery-stage-height);
	display: flex;
	flex-direction: column;
	gap: var(--yb-gallery-thumb-rail-gap);
}

.yb-product-gallery__thumbs-scroll {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.yb-product-gallery__thumbs-scroll::-webkit-scrollbar {
	display: none;
}

.yb-product-gallery__thumbs {
	display: flex;
	flex-direction: column;
	gap: var(--yb-gallery-thumb-gap);
}

.yb-product-gallery__thumb {
	position: relative;
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	border: 1px solid var(--yb-color-300);
	border-radius: 18px;
	background: transparent;
	cursor: pointer;
	overflow: hidden;
	transition:
		padding 0.22s ease,
		border-color 0.22s ease,
		transform 0.22s ease,
		box-shadow 0.22s ease;
}

.yb-product-gallery__thumb:hover {
	border: 1px solid var(--yb-color-500);
}

.yb-product-gallery__thumb.is-active {
	padding: 3px;
	border-color: var(--yb-theme-primary);
	background: var(--yb-theme-primary);
}

.yb-product-gallery__thumb-media {
	position: relative;
	display: block;
	height: var(--yb-gallery-thumb-size);
	border-radius: 18px;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(12, 12, 12, 0.08) 100%),
		var(--yb-color-100);
	transition: height 0.22s ease, border-radius 0.22s ease;
}

.yb-product-gallery__thumb-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yb-product-gallery__thumb.is-active .yb-product-gallery__thumb-media {
	height: calc(var(--yb-gallery-thumb-size) - 10px);
	border-radius: 13px;
}

.yb-product-gallery__thumb-play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(12, 12, 12, 0.75);
	color: var(--yb-color-0);
	backdrop-filter: blur(8px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

.yb-product-gallery__thumb-play svg {
	width: 14px;
	height: 14px;
	margin-left: 1px;
}

.yb-product-gallery__thumb-control {
	width: 100%;
	height: var(--yb-gallery-thumb-control-size);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 999px;
	background: rgba(254, 254, 254, 0.82);
	color: var(--yb-color-900);
	backdrop-filter: blur(10px);
	opacity: 0;
	transform: translateY(6px);
	pointer-events: none;
	transition:
		opacity 0.22s ease,
		transform 0.22s ease,
		background-color 0.22s ease,
		border-color 0.22s ease;
}

.yb-product-gallery__thumb-control svg {
	width: 14px;
	height: 14px;
}

.yb-product-gallery__thumb-control:hover {
	background: var(--yb-color-0);
	border-color: rgba(var(--yb-common-black-rgb), 0.14);
}

.yb-product-gallery__thumb-rail:hover .yb-product-gallery__thumb-control,
.yb-product-gallery__thumb-rail:focus-within .yb-product-gallery__thumb-control {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.yb-product-gallery__thumb-control--next {
	transform: translateY(-6px);
}

.yb-product-gallery__thumb-control--next svg {
	transform: rotate(180deg);
}

.yb-product-gallery__thumb-rail:hover .yb-product-gallery__thumb-control--next,
.yb-product-gallery__thumb-rail:focus-within .yb-product-gallery__thumb-control--next {
	transform: translateY(0);
}

.yb-product-gallery__stage-wrap {
	display: flex;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.yb-product-gallery__stage {
	position: relative;
	min-width: 0;
	height: var(--yb-gallery-stage-height);
	min-height: 0;
	aspect-ratio: auto;
	border-radius: 24px;
	background: var(--yb-color-150);
	overflow: hidden;
}

.yb-product-gallery__media {
	position: relative;
	width: 100%;
	height: 100%;
}

.yb-product-gallery__meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	flex-wrap: wrap;
}

.yb-product-gallery__meta-counter,
.yb-product-gallery__meta-type,
.yb-lightbox__counter,
.yb-lightbox__type {
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-lightbox__counter,
.yb-lightbox__type {
	color: rgba(255, 255, 255, 0.72);
}

.yb-product-gallery__nav,
.yb-product-gallery__expand {
	position: absolute;
	z-index: 3;
	width: 52px;
	height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid rgba(var(--yb-common-black-rgb), 0.08);
	border-radius: 50%;
	background: rgba(254, 254, 254, 0.82);
	color: var(--yb-color-900);
	backdrop-filter: blur(10px);
	box-shadow: 0 18px 40px rgba(12, 12, 12, 0.08);
	opacity: 0;
	transform: translateY(8px);
	transition:
		opacity 0.22s ease,
		transform 0.22s ease,
		background-color 0.22s ease,
		border-color 0.22s ease,
		color 0.22s ease;
}

.yb-product-gallery__nav:hover,
.yb-product-gallery__expand:hover {
	background: var(--yb-color-0);
	border-color: rgba(var(--yb-common-black-rgb), 0.14);
	color: var(--yb-color-900);
}

.yb-product-gallery__stage:hover .yb-product-gallery__nav,
.yb-product-gallery__stage:hover .yb-product-gallery__expand,
.yb-product-gallery__stage:focus-within .yb-product-gallery__nav,
.yb-product-gallery__stage:focus-within .yb-product-gallery__expand {
	opacity: 1;
	transform: translateY(0);
}

.yb-product-gallery__nav svg,
.yb-product-gallery__expand svg {
	width: 20px;
	height: 20px;
}

.yb-product-gallery__nav--prev {
	left: 18px;
	top: 50%;
	transform: translateY(calc(-50% + 8px));
}

.yb-product-gallery__nav--next {
	right: 18px;
	top: 50%;
	transform: translateY(calc(-50% + 8px));
}

.yb-product-gallery__stage:hover .yb-product-gallery__nav--prev,
.yb-product-gallery__stage:hover .yb-product-gallery__nav--next,
.yb-product-gallery__stage:focus-within .yb-product-gallery__nav--prev,
.yb-product-gallery__stage:focus-within .yb-product-gallery__nav--next {
	transform: translateY(-50%);
}

.yb-product-gallery__expand {
	right: 18px;
	bottom: 18px;
	opacity: 1;
	transform: none;
}

.yb-product-media__zoom-frame,
.yb-product-media__video-poster,
.yb-product-media__player {
	position: relative;
	width: 100%;
	height: 100%;
}

.yb-product-media__zoom-frame {
	overflow: hidden;
	cursor: zoom-in;
}

.yb-product-media__image,
.yb-product-media__poster-image,
.yb-product-media__video,
.yb-product-media__iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.yb-product-media__image {
	object-fit: cover;
	padding: 0;
	transform-origin: var(--zoom-x, 50%) var(--zoom-y, 50%);
	transform: scale(1);
	transition: transform 0.28s ease;
	will-change: transform;
	user-select: none;
	pointer-events: none;
}

.yb-product-media__zoom-frame.is-zoomed .yb-product-media__image {
	transform: scale(2.2);
}

.yb-product-media__video-poster {
	display: block;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	overflow: hidden;
}

.yb-product-media__video-poster::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(12, 12, 12, 0) 14%, rgba(12, 12, 12, 0.16) 100%);
	pointer-events: none;
}

.yb-product-media__poster-image {
	object-fit: cover;
}

.yb-product-media__play {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	width: clamp(72px, 8vw, 96px);
	height: clamp(72px, 8vw, 96px);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	background: rgba(12, 12, 12, 0.78);
	color: var(--yb-color-0);
	backdrop-filter: blur(16px);
	box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
}

.yb-product-media__play svg {
	width: 28px;
	height: 28px;
	margin-left: 3px;
}

.yb-product-media__play::before,
.yb-product-media__play::after {
	content: "";
	position: absolute;
	inset: -12px;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	animation: ybVideoPulse 2.2s ease-out infinite;
}

.yb-product-media__play::after {
	animation-delay: 1.1s;
}

@keyframes ybVideoPulse {
	0% {
		transform: scale(0.88);
		opacity: 0.7;
	}
	70% {
		transform: scale(1.38);
		opacity: 0;
	}
	100% {
		transform: scale(1.38);
		opacity: 0;
	}
}

.yb-product-media__video,
.yb-product-media__iframe {
	object-fit: cover;
	border: 0;
	background: #000;
}

.yb-product-gallery__thumb-control.is-disabled {
	opacity: 0.28 !important;
	pointer-events: none !important;
	transform: none !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
	.yb-product-gallery__shell {
		--yb-gallery-stage-height: clamp(500px, 42vw, 620px);
	}
}

@media (max-width: 991.98px) {
	.yb-product-gallery__shell {
		grid-template-columns: 1fr;
		--yb-gallery-stage-height: auto;
		--yb-gallery-thumb-size: 84px;
	}

	.yb-product-gallery__thumb-rail {
		order: 2;
		height: auto;
	}

	.yb-product-gallery__thumbs-scroll {
		overflow-x: auto;
		overflow-y: hidden;
	}

	.yb-product-gallery__thumbs {
		flex-direction: row;
	}

	.yb-product-gallery__thumb {
		flex: 0 0 88px;
		width: 88px;
	}

	.yb-product-gallery__thumb-control {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 50%;
		margin-top: -20px;
	}

	.yb-product-gallery__thumb-control--prev {
		left: 0;
		transform: translateY(-50%) translateX(6px) rotate(-90deg);
	}

	.yb-product-gallery__thumb-control--next {
		right: 0;
		transform: translateY(-50%) translateX(-6px) rotate(-90deg);
	}

	.yb-product-gallery__thumb-rail:hover .yb-product-gallery__thumb-control--prev,
	.yb-product-gallery__thumb-rail:focus-within .yb-product-gallery__thumb-control--prev {
		transform: translateY(-50%) translateX(0) rotate(-90deg);
	}

	.yb-product-gallery__thumb-rail:hover .yb-product-gallery__thumb-control--next,
	.yb-product-gallery__thumb-rail:focus-within .yb-product-gallery__thumb-control--next {
		transform: translateY(-50%) translateX(0) rotate(-90deg);
	}

	.yb-product-gallery__stage {
		min-height: 480px;
	}

	.yb-lightbox {
		padding: 12px;
	}

	.yb-lightbox__dialog {
		padding: 18px;
		border-radius: 24px;
	}

	.yb-lightbox__main {
		gap: 14px;
		padding-top: 50px;
	}

	.yb-lightbox__nav {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
	}

	.yb-lightbox__thumbs {
		grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
	}
}

@media (max-width: 767.98px) {
	.yb-product-gallery__stage {
		min-height: 380px;
		border-radius: 20px;
	}

	.yb-product-gallery__badge {
		top: 16px;
		right: 16px;
	}

	.yb-product-gallery__nav,
	.yb-product-gallery__expand {
		width: 46px;
		height: 46px;
		opacity: 1;
		transform: none;
	}

	.yb-product-gallery__nav--prev {
		left: 14px;
		top: auto;
		bottom: 14px;
	}

	.yb-product-gallery__nav--next {
		right: 68px;
		top: auto;
		bottom: 14px;
	}

	.yb-product-gallery__expand {
		right: 14px;
		bottom: 14px;
	}

	.yb-product-media__play {
		width: 74px;
		height: 74px;
	}

	.yb-lightbox__dialog {
		padding: 16px;
	}

	.yb-lightbox__main {
		display: block;
		padding-top: 54px;
	}

	.yb-lightbox__stage {
		height: min(56vh, 440px);
	}

	.yb-lightbox__nav {
		position: absolute;
		top: calc(50% + 8px);
		transform: translateY(-50%);
		z-index: 3;
	}

	.yb-lightbox__nav--prev {
		left: 8px;
	}

	.yb-lightbox__nav--next {
		right: 8px;
	}

	.yb-lightbox__thumbs {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.yb-product-gallery__thumb {
		flex-basis: 76px;
		width: 76px;
	}

	.yb-product-gallery__meta {
		row-gap: 8px;
	}

	.yb-lightbox__thumbs {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.yb-lightbox__thumb img {
		height: 72px;
	}
}

/*----------------------------------------*/
/*  Product Details — Share Button
/*----------------------------------------*/
.yb-product-share {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 100%;
}

.yb-product-share.is-open .yb-blog-share-toggle .icon--share {
	opacity: 0;
	transform: translate3d(-50%, -50%, 0) rotate(180deg) scale(0);
}

.yb-product-share.is-open .yb-blog-share-toggle .icon--close {
	opacity: 1;
	transform: translate3d(-50%, calc(-50% - 1px), 0) rotate(0deg) scale(1);
}

.yb-product-share .yb-blog-social-list {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow: hidden;
	white-space: nowrap;
	max-width: 0;
	opacity: 0;
	margin-left: 0;
	margin-right: 0;
	pointer-events: none;
	will-change: max-width, opacity;
	transition:
		max-width 420ms cubic-bezier(0.22, 1, 0.36, 1),
		opacity 220ms ease,
		margin-left 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.yb-product-share.is-open .yb-blog-social-list {
	max-width: 420px;
	opacity: 1;
	margin-left: 4px;
	pointer-events: auto;
	overflow: visible;
}

.yb-product-share .yb-blog-social-item {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	opacity: 0;
	transform: translateX(-16px);
	transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 240ms ease;
	overflow: visible;
}

.yb-product-share.is-open .yb-blog-social-item {
	opacity: 1;
	transform: translateX(0);
}

.yb-product-share.is-open .yb-blog-social-item:nth-child(1) {
	transition-delay: 0ms;
}

.yb-product-share.is-open .yb-blog-social-item:nth-child(2) {
	transition-delay: 50ms;
}

.yb-product-share.is-open .yb-blog-social-item:nth-child(3) {
	transition-delay: 100ms;
}

.yb-product-share.is-open .yb-blog-social-item:nth-child(4) {
	transition-delay: 150ms;
}

.yb-product-share.is-open .yb-blog-social-item:nth-child(5) {
	transition-delay: 200ms;
}

@media (max-width: 767.98px) {
	.yb-product-share.is-open .yb-blog-social-list {
		max-width: 296px;
	}
}

/*----------------------------------------*/
/*  Content Product Right – Shop Details
/*----------------------------------------*/
.product-right {
	position: relative;
}
.product-right__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 9px 16px;
	border-radius: 999px;
	background-color: var(--yb-wc-sale-badge-bg);
	color: var(--yb-wc-sale-badge-text);
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}

.product-right__badge--free {
	background-color: var(--yb-wc-free-badge-bg);
	color: var(--yb-wc-free-badge-text);
}

.product-right__badge--new {
	background-color: var(--yb-wc-new-badge-bg);
	color: var(--yb-wc-new-badge-text);
}

.product-right__badge--top-selling {
	background-color: var(--yb-wc-top-badge-bg);
	color: var(--yb-wc-top-badge-text);
}

.yb-product-gallery__badge {
	position: absolute;
	top: 24px;
	right: 24px;
	z-index: 8;
	pointer-events: none;
}
.product-right__title {
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1.8px;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0 0 12px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.product-right__title {
	font-size: 28px;
	letter-spacing: -1.2px;
	}
}
.product-right__price {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	gap: 8px;
	flex-wrap: wrap;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1.2px;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0 0 8px;
}
.product-right__shipping {
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
	letter-spacing: -0.28px;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0 0 16px;
}
.product-right__excerpt-text {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.32px;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0 0 8px;
	line-height: 1.4;
}

.product-right__option--qty {
	width: 100%;
}

.yb-single-add-to-cart-btn {
	position: relative;
	min-width: 190px;
	overflow: hidden;
}

.yb-single-add-to-cart-btn > .yb-single-add-to-cart-btn__label {
	transition: opacity 0.24s ease, transform 0.24s ease;
}

.yb-single-add-to-cart-btn > .yb-single-add-to-cart-btn__label--added {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, 80%, 0);
	opacity: 0;
	pointer-events: none;
}

.yb-single-add-to-cart-btn.loading,
.yb-single-add-to-cart-btn.is-loading {
	color: var(--yb-color-900);
	pointer-events: none;
}

.yb-single-add-to-cart-btn.loading > .yb-single-add-to-cart-btn__label,
.yb-single-add-to-cart-btn.is-loading > .yb-single-add-to-cart-btn__label {
	opacity: 0;
	visibility: hidden;
}

.yb-single-add-to-cart-btn.added,
.yb-single-add-to-cart-btn.is-added {
	background-color: var(--yb-wc-cart-added-bg, var(--yb-theme-primary)) !important;
	color: var(--yb-wc-cart-added-text, var(--yb-color-0)) !important;
	pointer-events: auto;
}

.yb-single-add-to-cart-btn.added > .yb-single-add-to-cart-btn__label--default,
.yb-single-add-to-cart-btn.is-added > .yb-single-add-to-cart-btn__label--default {
	transform: translate3d(0, -80%, 0);
	opacity: 0;
}

.yb-single-add-to-cart-btn.added > .yb-single-add-to-cart-btn__label--added,
.yb-single-add-to-cart-btn.is-added > .yb-single-add-to-cart-btn__label--added {
	transform: translate3d(-50%, -50%, 0);
	opacity: 1;
}

.yb-single-add-to-cart-btn .yb-loading-ring {
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
	margin: -11px 0 0 -11px;
	pointer-events: none;
}

.yb-single-add-to-cart-btn.loading .yb-loading-ring,
.yb-single-add-to-cart-btn.is-loading .yb-loading-ring {
	display: block;
}

.yb-single-add-to-cart-btn + .added_to_cart.wc-forward {
	display: none !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.product-right__option--qty {
	width: 100%;
	}
}
.product-right__option-label {
	display: block;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.8px;
	color: var(--yb-color-900, #1d1d1d);
	margin-bottom: 12px;
}

.product-right__purchase--variable {
	width: 100%;
}

.product-right__purchase--variable .variations_form {
	width: 100%;
}

.product-right__purchase--variable table.variations {
	display: block;
	width: 100%;
	margin: 24px 0 18px;
	border: 0;
}

.product-right__purchase--variable table.variations tbody {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 16px;
	width: 100%;
}

.product-right__purchase--variable table.variations tr,
.product-right__purchase--variable table.variations th,
.product-right__purchase--variable table.variations td {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
}

.product-right__purchase--variable table.variations th.label label {
	display: block;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.8px;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0 0 12px;
}

.product-right__purchase--variable table.variations td.value {
	position: relative;
}

.product-right__purchase--variable table.variations select.yb-select {
	width: 100%;
}

.product-right__purchase--variable table.variations .nice-select {
	width: 100%;
	height: 50px;
	line-height: 48px;
	padding: 0 48px 0 18px;
	border: 0;
	border-radius: 999px;
	background: var(--yb-color-150);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: var(--yb-color-900);
}

.product-right__purchase--variable table.variations .nice-select::after {
	right: 18px;
	width: 16px;
	height: 16px;
}

.product-right__purchase--variable table.variations .nice-select .list {
	width: 100%;
	min-width: 100%;
	max-height: 280px;
	overflow-y: auto;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(17, 24, 39, .11);
	z-index: 30;
}

.product-right__purchase--variable table.variations .nice-select .option {
	text-align: left;
}

.product-right__purchase--variable .reset_variations {
	display: none !important;
}

.product-right__purchase--variable .single_variation_wrap {
	width: 100%;
}

.product-right__variable-control-row {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	width: 100%;
	margin-bottom: 16px;
}

.product-right__purchase--variable.has-variable-qty .product-right__variable-control-row {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.product-right__variation-price-card,
.product-right__variable-qty-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	height: 74px;
	padding: 0 28px;
	border-radius: 100px;
	background: var(--yb-color-0);
	overflow: hidden;
}

.product-right__variable-qty-card {
	background: transparent;
	padding: 0;
}

.product-right__variable-qty-card.is-hidden {
	display: none;
}

.product-right__variation-card-label {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.03em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.product-right__variation-price-value {
	min-width: 0;
}

.product-right__variation-price-display,
.product-right__variation-price-display .price,
.product-right__variation-price-display .woocommerce-Price-amount {
	display: inline;
	font-size: clamp(18px, 2vw, 21px);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.05em;
	color: var(--yb-color-900);
}

.product-right__variation-price-display {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product-right__variation-price-value p,
.product-right__variation-price-value .woocommerce-variation-price,
.product-right__variation-price-value .woocommerce-variation-availability,
.product-right__variation-price-value .woocommerce-variation-description {
	margin: 0;
}

.product-right__variation-summary {
	display: none !important;
}

.product-right__variation-actions {
	width: 100%;
}

.product-right__purchase--variable .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: stretch;
	gap: 16px;
	width: 100%;
}

.product-right__purchase--variable .quantity.product-right__qty {
	float: none;
	width: 100%;
	height: 74px;
	margin: 0;
	padding: 0 24px;
}

.product-right__qty--native {
	position: relative;
}

.product-right__qty--native input.qty[data-yb-quantity-input] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	margin: 0;
	opacity: 0;
	pointer-events: none;
}

.product-right__variable-buttons .product-right__btn {
	flex: 1 1 0;
	width: 50%;
	min-width: 0;
	margin-bottom: 0;
}

.product-right__variable-buttons .yb-single-add-to-cart-btn {
	min-width: 0;
}

.yb-single-add-to-cart-btn.disabled,
.yb-single-add-to-cart-btn:disabled,
.product-right__btn.disabled {
	opacity: .55;
	cursor: not-allowed;
	pointer-events: none;
}

.product-right__cart-message {
	min-height: 20px;
	margin-top: 12px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.02em;
	color: var(--yb-color-500);
}

.product-right__cart-message:empty {
	display: none;
}

.product-right__cart-message.is-success {
	color: var(--yb-wc-notice-success-icon, var(--yb-theme-primary));
}

.product-right__cart-message.is-error {
	color: var(--yb-wc-notice-error-icon, #dc3545);
}

@media (max-width: 767.98px) {
	.product-right__purchase--variable.has-variable-qty .product-right__variable-control-row,
	.product-right__purchase--variable .woocommerce-variation-add-to-cart {
		grid-template-columns: 1fr;
		flex-direction: column;
	}

	.product-right__variable-buttons .product-right__btn {
		width: 100%;
	}
}
.product-right__sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.product-right__size {
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid transparent;
	border-radius: 4px;
	background-color: var(--yb-color-50);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.28px;
	color: var(--yb-color-900);
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}
.product-right__size:hover {
	color: inherit;
	background-color: var(--yb-color-100);
}
.product-right__size.active {
	border-color: var(--yb-theme-primary);
}

.product-right__colors {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.product-right__color {
	width: 32px;
	height: 32px;
	border: 2px solid var(--yb-color-0);
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.product-right__color:hover {
	box-shadow: 0 0 0 1px var(--yb-theme-primary);
}
.product-right__color.active {
	border-color: var(--yb-theme-primary);
	border-width: 2px;
}
.product-right__qty {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 155px;
	height: 50px;
	padding: 0 16px;
	border-radius: 100px;
	background: var(--yb-color-150);
}
.product-right__qty-btn {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: none;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.36px;
	color: var(--yb-color-900);
	cursor: pointer;
	transition: color 0.2s ease, opacity 0.2s ease;
}
.product-right__qty-btn:hover {
	color: var(--yb-theme-primary);
}
.product-right__qty-val {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.36px;
	color: var(--yb-color-900);
	min-width: 24px;
	text-align: center;
}
.product-right__btn--outline {
	background-color: var(--yb-color-150);
	color: var(--yb-color-900);
	flex: 1;
}
.product-right__btn--primary {
	color: var(--yb-color-0);
	border: none;
}

.product-right__purchase--compact .product-right__actions--simple {
	width: 100%;
	flex-wrap: nowrap;
}

.product-right__purchase--compact .product-right__btn {
	flex: 1 1 0;
	width: 50%;
	min-width: 0;
	margin-bottom: 0;
}

.product-right__purchase--compact .yb-single-add-to-cart-btn {
	min-width: 0;
}

.product-right__meta {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	color: var(--yb-color-500);
}
.product-right__meta strong {
	color: var(--yb-color-900);
	font-weight: 600;
}
.product-right__meta-item {
	margin: 0 0 8px;
}
.product-right__benefits {
	list-style: disc;
	padding-left: 21px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	color: var(--yb-color-900);
}
.product-right__benefits li {
	margin-bottom: 4px;
}
.product-right__share-label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.24px;
	text-transform: uppercase;
	color: var(--yb-color-500);
}
.product-right__share-icon {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--yb-color-900);
	transition: color 0.2s ease;
}
.product-right__share-icon:hover {
	color: var(--yb-theme-primary);
}

/*----------------------------------------*/
/*  Content Product - Tabs
/*----------------------------------------*/
.product-tabs-band {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-top: 48px;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 40px;
	background: var(--yb-color-0);
	overflow: clip;
}

.product-tabs-band__inner {
	position: relative;
}

.product__tabs {
	background: transparent;
	padding: 0;
}

.product__tab-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	border-bottom: 0;
	padding-bottom: 0;
}

.product__tab-nav .nav-item {
	margin: 0;
}

.product__tab-nav .product__tab-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 11px 18px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1;
	cursor: pointer;
	border-radius: 999px;
	border: 1px solid var(--yb-color-400);
	background: var(--yb-color-0);
	color: var(--yb-color-500);
	box-shadow: none;
	transition:
		color 0.25s ease,
		background-color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;
}

.product__tab-nav .product__tab-btn:hover {
	color: var(--yb-theme-primary);
	border-color: var(--yb-theme-primary);
}

.product__tab-nav .product__tab-btn.active {
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
	border-color: transparent;
}

.product__tab-content {
	font-size: 16px;
	font-weight: 400;
	color: var(--yb-color-900);
	transition:
		height 0.52s cubic-bezier(0.22, 1, 0.36, 1),
		margin-top 0.32s ease;
}

.product__tab-content.is-empty {
	margin-top: 0;
}

.product__tab-content.is-empty .tab-pane {
	min-height: 0;
}

.product__tab-content.is-resizing {
	overflow: hidden;
}

.product__tab-pane,
.product__tab-content .tab-pane {
	min-height: 1px;
}

.product__tab-content .tab-pane:not([hidden]) {
	display: flow-root;
}

.product__tab-content .tab-pane[hidden] {
	display: none;
}

.product__tab-content .tab-pane.fade {
	opacity: 0;
	transform: translate3d(0, 24px, 0);
	transition:
		opacity .38s ease,
		transform .52s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

.product__tab-content .tab-pane.fade.show {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.product__tab-content .tab-pane.is-measuring {
	position: absolute;
	inset: 0 auto auto 0;
	z-index: -1;
	display: block;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.product__tab-content .tab-pane.fade {
		transform: none;
		transition: none;
	}
}

.product__tab-copy,
.product__tab-content,
.product__spec-card,
.product__steps {
	margin-top: 30px;
}

.product__tab-copy:empty,
.product__tab-copy.is-empty,
.product__spec-card:empty,
.product__spec-card.is-empty,
.product__steps:empty,
.product__steps.is-empty {
	margin-top: 0;
}

.product__tab-copy {
	max-width: 1280px;
}

.product__tab-lead {
	font-size: clamp(22px, 2vw, 32px);
	line-height: 1.2;
	letter-spacing: -0.04em;
	font-weight: 600;
	color: var(--yb-color-900);
	margin-bottom: 22px;
	max-width: 1120px;
}

.product__tab-content p {
	margin-bottom: 16px;
	max-width: 1400px;
}

.product__tab-content p:last-child {
	margin-bottom: 0;
}

.product__spec-card {
	display: grid;
	gap: 0;
}

.product__spec-row {
	display: grid;
	grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
	align-items: start;
	column-gap: 32px;
	row-gap: 10px;
	padding: 18px 0;
	border-bottom: 1px solid var(--yb-color-250);
}

.product__spec-row:last-child {
	border: none;
}

.product__spec-label {
	display: inline-block;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.25;
	color: var(--yb-color-500);
}

.product__spec-value {
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	color: var(--yb-color-900);
	text-wrap: balance;
}

.product__steps {
	display: grid;
}

.product__step {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 18px;
	padding: 20px 0;
	border-bottom: 1px solid var(--yb-color-250);
}

.product__step:last-child {
	border: none;
}

.product__step-num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.02em;
	flex: 0 0 52px;
}

.product__step-title {
	font-size: 20px;
	font-weight: 600;
	color: var(--yb-color-900);
	margin: 0 0 8px;
}

.product__step-body p {
	color: var(--yb-color-500);
	margin: 0;
}

@media (max-width: 991.98px) {
	.product-tabs-band {
		margin-top: 36px;
		padding: 44px 0;
	}

	.product__tab-nav {
		gap: 10px;
		margin-bottom: 22px;
	}

	.product__tab-nav .product__tab-btn {
		min-height: 44px;
		padding: 10px 16px;
		font-size: 15px;
	}

	.product__spec-row {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 8px;
	}

	.product__spec-value {
		font-size: 20px;
	}

	.product__step-title {
		font-size: 20px;
	}
}

@media (max-width: 767.98px) {
	.product-tabs-band {
		padding: 36px 0;
	}

	.product__tab-nav {
		gap: 8px;
	}

	.product__tab-nav .product__tab-btn {
		min-height: 40px;
		padding: 9px 14px;
		font-size: 14px;
	}

	.product__tab-content {
		font-size: 15px;
		line-height: 1.5;
	}

	.product__tab-lead {
		font-size: 22px;
		margin-bottom: 18px;
	}

	.product__spec-row {
		padding: 16px 0;
	}

	.product__spec-value {
		font-size: 18px;
		line-height: 1.25;
	}

	.product__step {
		grid-template-columns: 1fr;
		gap: 14px;
		padding: 18px 0;
	}

	.product__step-num {
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.product__step-title {
		font-size: 18px;
	}
}


/*----------------------------------------*/
/*  Product Details — Rating & Reviews
/*----------------------------------------*/
.product-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.product-rating__visual,
.product-reviews__score-stars,
.product-review-card__stars {
	line-height: 0;
}

.yb-rating-stars {
	--rating: 0;
	position: relative;
	display: inline-block;
	line-height: 0;
}

.yb-rating-stars__base,
.yb-rating-stars__fill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
}

.yb-rating-stars__base {
	color: var(--yb-color-200);
}

.yb-rating-stars__fill {
	position: absolute;
	inset: 0 auto 0 0;
	overflow: hidden;
	width: calc((var(--rating) / 5) * 100%);
	color: var(--yb-theme-primary);
}

.yb-rating-stars svg {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
}

.product-rating__value {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: var(--yb-color-900);
}

.product-rating__meta {
	font-size: 14px;
	line-height: 1.2;
	color: var(--yb-color-500);
}

.product-reviews-band {
	position: relative;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: clamp(64px, 7vw, 96px) 0;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(241, 241, 241, 0.92) 18%, rgba(241, 241, 241, 1) 100%);
	border-bottom: 1px solid var(--yb-color-100);
	overflow: clip;
}

.product-reviews {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.product-reviews__summary {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 0.95fr);
	gap: 32px;
	padding: clamp(24px, 3vw, 36px);
	border-radius: 24px;
	background: rgba(254, 254, 254, 0.8);
	backdrop-filter: blur(12px);
}

.product-reviews,
.product-reviews__summary,
.product-reviews__form-shell,
.product-reviews__list,
.product-reviews__item {
	overflow-anchor: none;
}

.product-reviews__summary > * {
	min-width: 0;
}

.product-reviews__summary > * + * {
	padding-left: 32px;
	border-left: 1px solid var(--yb-color-100);
}

.product-reviews__summary-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 28px;
}

.product-reviews__title {
	letter-spacing: -0.04em;
}

.product-reviews__total {
	font-size: 14px;
	line-height: 1.2;
	color: var(--yb-color-500);
}

.product-reviews__total span {
	font-weight: 700;
	color: var(--yb-color-900);
}

.product-reviews__score-wrap {
	display: flex;
	align-items: center;
	gap: clamp(20px, 3vw, 28px);
	flex-wrap: wrap;
}

.product-reviews__score-badge {
	--progress: 0;
	position: relative;
	width: 118px;
	height: 118px;
	border-radius: 50%;
	flex: 0 0 118px;
	background: none;
}

.product-reviews__score-badge::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	background: conic-gradient(
		var(--yb-theme-primary) calc(var(--progress) * 1%),
		rgba(var(--yb-common-dark-white-rgb), 0.1) 0
	);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 14px), #000 calc(100% - 13px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 10px), #000 calc(100% - 9px));
}

.product-reviews__score-badge::after {
	content: none;
}

.product-reviews__score-badge-inner {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	pointer-events: none;
}

.product-reviews__score-value {
	font-size: 34px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.05em;
	color: var(--yb-color-900);
}

.product-reviews__score-caption {
	margin-top: 6px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.product-reviews__score-meta {
	flex: 1 1 280px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.product-reviews__satisfaction {
	font-size: 16px;
	line-height: 1.45;
	color: var(--yb-color-500);
}

.product-reviews__satisfaction span {
	font-weight: 700;
	color: var(--yb-color-900);
}

.product-reviews__summary-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 4px;
}

.product-reviews__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 18px;
	border: 1px solid var(--yb-color-200);
	border-radius: 999px;
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -0.03em;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.product-reviews__toggle:hover {
	border-color: var(--yb-color-900);
	color: inherit;
}

.product-reviews__toggle[aria-expanded="true"] {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.product-reviews__toggle:disabled,
.product-reviews__toggle.is-disabled {
	cursor: default;
	opacity: 0.55;
	pointer-events: none;
}

.product-reviews__summary-breakdown,
.product-reviews__summary-filter {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.product-reviews__breakdown {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.product-reviews__breakdown-item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 24px;
	align-items: center;
	gap: 12px;
}

.product-reviews__breakdown-label,
.product-reviews__breakdown-count {
	font-size: 14px;
	line-height: 1.2;
	color: var(--yb-color-500);
}

.product-reviews__breakdown-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	color: var(--yb-color-500);
	white-space: nowrap;
}

.product-reviews__breakdown-star {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	color: var(--yb-color-900);
	transform: translateY(-1px);
}

.product-reviews__breakdown-star svg {
	display: block;
	width: 100%;
	height: 100%;
}

.product-reviews__breakdown-num {
	display: inline-block;
	min-width: 10px;
	color: var(--yb-color-500);
}

.product-reviews__breakdown-count {
	text-align: center;
	font-weight: 600;
	color: var(--yb-color-900);
}

.product-reviews__breakdown-bar {
	height: 8px;
	border-radius: 999px;
	background: rgba(29, 29, 29, 0.08);
	overflow: hidden;
}

.product-reviews__breakdown-bar-fill {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: var(--yb-color-900);
	transition: width 0.28s ease;
}

.product-reviews__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.product-reviews__filter {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid var(--yb-color-200);
	background: var(--yb-color-0);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.03em;
	color: var(--yb-color-900);
}

.product-reviews__filter:hover {
	border-color: var(--yb-theme-primary);
	transform: translateY(-1px);
}

.product-reviews__filter.is-active {
	background: var(--yb-theme-primary);
	border-color: var(--yb-theme-primary);
	color: var(--yb-color-0);
}

.product-reviews__filter-rating {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	line-height: 1;
}

.product-reviews__filter-star {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	color: currentColor;
}

.product-reviews__filter-star svg {
	display: block;
	width: 100%;
	height: 100%;
}

.product-reviews__filter-num {
	line-height: 1;
}

.product-reviews__filter-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: rgba(29, 29, 29, 0.06);
	font-size: 12px;
	font-weight: 700;
}

.product-reviews__filter.is-active .product-reviews__filter-count {
	background: rgba(255, 255, 255, 0.16);
}

.product-reviews__form-shell {
	overflow: hidden;
	height: 0;
	visibility: hidden;
	pointer-events: none;
	margin-top: 0;
	margin-bottom: 0;
	transition: height 0.28s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.28s cubic-bezier(0.4, 0, 0.2, 1), margin-bottom 0.28s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: height, margin-top, margin-bottom;
}

.product-reviews__form-shell.is-active {
	visibility: visible;
	pointer-events: auto;
}

.product-reviews__form-shell.is-root-mode {
	margin-top: 4px;
	margin-bottom: 10px;
}

.product-reviews__form-shell-inner {
	overflow: hidden;
	opacity: 0;
	transition: opacity 0.2s ease;
	will-change: opacity;
}

.product-reviews__form-shell.is-faded-in .product-reviews__form-shell-inner {
	opacity: 1;
}

.product-reviews__form-card {
	padding: clamp(24px, 3vw, 32px);
	border-radius: 24px;
	border: 1px solid var(--yb-color-100);
	background: rgba(254, 254, 254, 0.9);
}

.product-reviews__form-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.product-reviews__form-title {
	letter-spacing: -0.03em;
}

.product-reviews__form-caption {
	max-width: 520px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--yb-color-500);
}

.product-reviews__field-label {
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--yb-color-900);
}

.product-reviews__rating-picker {
	display: inline-flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 6px;
}

.product-reviews__rating-input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.product-reviews__rating-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: var(--yb-color-200);
	cursor: pointer;
	transition: color 0.2s ease, transform 0.2s ease;
}

.product-reviews__rating-label svg {
	width: 24px;
	height: 24px;
}

.product-reviews__rating-label:hover,
.product-reviews__rating-label:hover ~ .product-reviews__rating-label,
.product-reviews__rating-input:checked ~ .product-reviews__rating-label {
	color: var(--yb-theme-primary)
}

.product-reviews__rating-label:hover {
	transform: translateY(-1px);
}

.product-reviews__textarea-sm {
	min-height: 96px;
}

.product-reviews__form-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 34px;
}

.product-reviews__form-note {
	font-size: 14px;
	line-height: 1.4;
	color: var(--yb-color-500);
}

.product-reviews__form-note.is-success {
	color: var(--yb-form-success, #2e7d32);
}

.product-reviews__form-note.is-error {
	color: var(--yb-form-error, #d92d20);
}

.product-reviews__list-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.product-reviews__list-caption {
	font-size: 14px;
	line-height: 1.45;
	color: var(--yb-color-500);
}

.product-reviews__empty {
	padding: 24px;
	border: 1px dashed var(--yb-color-200);
	border-radius: 18px;
	font-size: 15px;
	line-height: 1.45;
	color: var(--yb-color-500);
	background: rgba(254, 254, 254, 0.72);
}

.product-review-card {
	height: 100%;
	padding: 24px;
	border: 1px solid var(--yb-color-100);
	border-radius: 18px;
	background: var(--yb-color-0);
	box-shadow: 0 12px 28px rgba(29, 29, 29, 0.04);
}

.product-review-card__top {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 18px;
}

.product-review-card__avatar {
	flex: 0 0 56px;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
}

.product-review-card__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-review-card__head {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.product-review-card__meta-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	flex-wrap: wrap;
}

.product-review-card__name {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: var(--yb-color-900);
}

.product-review-card__date {
	font-size: 14px;
	line-height: 1.2;
	color: var(--yb-color-500);
}

.product-review-card__text p:last-child {
	margin-bottom: 0;
}

.product-review-card__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 18px;
}

.product-review-card__fact {
	padding: 16px;
	border: 1px solid var(--yb-color-100);
	border-radius: 16px;
}

.product-review-card__fact--pros {
	border-color: var(--yb-color-150);
}

.product-review-card__fact--cons {
	border-color: var(--yb-color-150);
}

.product-review-card__fact-label {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.product-review-card__fact p:last-child {
	margin-bottom: 0;
}

.product-reviews__load-more {
	margin-top: 10px;
}

@media (max-width: 991.98px) {
	.product-reviews__summary {
		grid-template-columns: 1fr;
		gap: 24px;
		align-items: start;
	}

	.product-reviews__summary-main {
		display: flex;
		flex-direction: column;
		align-self: start;
	}

	.product-reviews__summary-head {
		margin-bottom: 18px;
	}

	.product-reviews__score-wrap {
		gap: 16px;
		align-items: flex-start;
	}

	.product-reviews__score-meta {
		flex: 1 1 auto;
		gap: 12px;
	}

	.product-reviews__summary > * + * {
		padding-left: 0;
		padding-top: 20px;
		border-left: 0;
		border-top: 1px solid var(--yb-color-100);
	}
}

@media (max-width: 767.98px) {
	.product-rating {
		gap: 8px;
	}

	.product-reviews__score-wrap,
	.product-reviews__form-actions,
	.product-reviews__list-head,
	.product-review-card__meta-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.product-reviews__score-badge {
		width: 104px;
		height: 104px;
		flex-basis: 104px;
	}

	.product-reviews__form-card,
	.product-review-card {
		padding: 20px;
	}

	.product-review-card__facts {
		grid-template-columns: 1fr;
	}

	.product-review-card__top {
		gap: 14px;
	}

	.product-review-card__avatar {
		flex-basis: 48px;
		width: 48px;
		height: 48px;
	}

	.product-reviews__breakdown-item {
		grid-template-columns: 64px minmax(0, 1fr) 20px;
		gap: 10px;
	}

	.product-reviews__summary {
		padding: 20px;
	}

	.product-reviews__summary-actions {
		margin-top: 0;
	}

	.product-reviews__satisfaction {
		line-height: 1.35;
	}
}


/*----------------------------------------*/
/*  Shop Cart – List & Items 
/*----------------------------------------*/
.cart-list {
	display: flex;
	flex-direction: column;
	gap: 25px;
	width: 100%;
	font-family: var(--yb-ff-body);
}
.cart-list__header {
	width: 100%;
}
.cart-list__select-all {
	cursor: pointer;
	gap: 5px;
}

.cart-list__select-all-text {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.8px;
	color: var(--yb-color-900);
}
.cart-list__items {
	display: flex;
	flex-direction: column;
	gap: 13px;
}

.cart-remove-selected {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.8px;
	color: var(--yb-color-900);
	cursor: pointer;
	transition: opacity 0.2s ease;
}
.cart-remove-selected:hover {
	opacity: 0.7;
}

/* Cart Item Card */
.cart-item {
	border-radius: 12px;
	min-height: 177px;
	overflow: hidden;
	background: var(--yb-color-0);
	transition: box-shadow 0.2s ease;
}
.cart-item:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.cart-item__inner {
	padding: 9px 39px;
	min-height: 177px;
}
.cart-item__left {
	gap: 29px;
}
.cart-item__check-label {
	cursor: pointer;
	flex-shrink: 0;
}
.cart-item__main {
	gap: 23px;
}
.cart-item__img-wrap {
	width: 140px;
	height: 159px;
	flex-shrink: 0;
	border-radius: 8px;
	background: var(--yb-color-50, #f2f2f2);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cart-item__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}
.cart-item__info {
	display: flex;
	flex-direction: column;
	gap: 13px;
	min-width: 0;
	max-width: 306px;
}
.cart-item__title {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -1.2px;
	line-height: 1;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0;
}
.cart-item__meta {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	color: var(--yb-color-500, #585959);
	margin: 0;
}
.cart-item__price {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.9px;
	color: var(--yb-color-900, #1d1d1d);
	margin: 0;
}
.cart-item__right {
	width: 298px;
	flex-shrink: 0;
}
.cart-item__right--single-action {
	justify-content: flex-end;
}
.cart-item__qty {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 155px;
	height: 50px;
	padding: 0 19.5px;
	border: 1px solid var(--yb-color-100, #dfdfdf);
	border-radius: 100px;
	background: var(--yb-color-0, #fefefe);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.36px;
	color: var(--yb-color-900, #1d1d1d);
}
.cart-item-qty-minus, .cart-item-qty-plus {
	width: 32px;
	height: 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: none;
	color: inherit;
	font-size: inherit;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}
.cart-item-qty-minus:hover, .cart-item-qty-plus:hover {
	opacity: 0.7;
}
.cart-item-qty-val {
	min-width: 24px;
	text-align: center;
}
.cart-item-delete {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: none;
	color: var(--yb-color-900, #1d1d1d);
	cursor: pointer;
	padding: 0;
	transition: color 0.2s ease, opacity 0.2s ease;
}
.cart-item-delete:hover {
	opacity: 0.7;
	color: var(--yb-color-700);
}
.cart-item-delete i {
	font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-item__inner {
	padding: 16px 20px;
	flex-wrap: wrap;
	gap: 16px;
	}
	.cart-item__right {
	width: 100%;
	gap: 16px;
	}
	.cart-item__right:not(.cart-item__right--single-action) {
	justify-content: flex-start;
	}
	.cart-item__info {
	max-width: 100%;
	}
	.cart-item__title {
	font-size: 20px;
	}
}
@media (max-width: 574.98px) {
	.cart-item__inner {
	padding: 12px 16px;
	}
	.cart-item__img-wrap {
	width: 100px;
	height: 114px;
	}
	.cart-item__left {
	gap: 16px;
	}
	.cart-item__main {
	gap: 12px;
	}
}

/*----------------------------------------*/
/*  Shop Cart – Summary
/*----------------------------------------*/
.cart-summary, .yb-wc-coupon-card, .yb-wc-order-note-card {
	background: var(--yb-color-0);
	border-radius: 12px;
	padding: 40px;
	font-family: var(--yb-ff-body);
	overflow: hidden;
	width: 100%;
	align-self: flex-start;
}

@media (min-width: 992px) {
	.cart-summary {
	position: sticky;
	top: 120px;
	}
}
.cart-summary__title {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -1.2px;
	line-height: 1;
	color: var(--yb-color-900);
	margin: 0 0 24px;
}
.cart-summary__coupon {
	margin-bottom: 24px;
	gap: 4px;
}

.cart-summary__coupon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 52px;
	padding: 0 24px;
	min-width: 118px;
	border: none;
	background: var(--yb-color-900);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.8px;
	color: var(--yb-color-0);
	cursor: pointer;
}
.cart-summary__coupon-btn:hover {
	opacity: 0.9;
}
.cart-summary__coupon-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.cart-summary__coupon-icon svg {
	display: block;
}
.cart-summary__divider {
	margin: 0 0 30px;
}
.cart-summary__rows {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 32px;
}
.cart-summary__row {
	width: 100%;
}
.cart-summary__label {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.32px;
	color: var(--yb-color-900);
}
.cart-summary__value {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.32px;
	color: var(--yb-color-900);
}
.cart-summary__checkout-btn:hover {
	color: var(--yb-color-0);
}
.cart-summary__checkout-btn .icon-arrow-up-right {
	display: inline-flex;
	font-size: 0;
}
.cart-summary__checkout-btn .icon-arrow-up-right svg {
	width: 14px;
	height: 14px;
}
.cart-summary__delivery {
	margin: 24px 0 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	color: var(--yb-color-700);
}
.cart-summary__delivery-date {
	font-weight: 600;
	color: var(--yb-color-900);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart-summary {
		padding: 40px 24px 48px;
	}
	.cart-summary__coupon-input {
		max-width: 100%;
	}
}
@media (max-width: 574.98px) {
	.cart-summary {
		padding: 32px 20px 40px;
	}
	.cart-summary__title {
		font-size: 20px;
	}
	.cart-summary__checkout-btn {
		max-width: 100%;
	}
}

/*----------------------------------------*/
/*  Shop Checkout
/*----------------------------------------*/
.checkout-billing {
	border-radius: 16px;
	overflow: hidden;
	background: var(--yb-color-0);
	padding: 46px 62px 52px;
}
.checkout-billing__title {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -1.8px;
	line-height: 1;
	color: var(--yb-color-900);
	margin: 0 0 11px;
}
.checkout-billing__desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--yb-color-700);
	margin: 0 0 38px;
	max-width: 584px;
}
.checkout-billing__form {
	display: flex;
	flex-direction: column;
	gap: 38px;
}
.checkout-billing__row {
	display: flex;
	flex-wrap: wrap;
	gap: 26px 26px;
	width: 100%;
}
.checkout-billing__row--half .checkout-billing__field {
	flex: 1 1 calc(50% - 13px);
	min-width: 0;
}
.checkout-billing__field {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
.checkout-billing__field--full {
	flex: 1 1 100%;
}
.checkout-billing__label {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.32px;
	color: var(--yb-color-900);
	line-height: normal;
}
.checkout-billing__input--full {
	max-width: 100%;
}
.checkout-billing__country-select {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	min-width: 100px;
	padding: 0 36px 0 26px;
	border: none;
	border-radius: 10px 0 0 10px;
	background: transparent;
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	cursor: pointer;
	-webkit-appearance: none;
	 -moz-appearance: none;
			appearance: none;
	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='M7.81864 8.58158L11.0436 5.35669L11.965 6.27809L7.81864 10.4244L3.67236 6.27809L4.59376 5.35669L7.81864 8.58158Z' fill='%231d1d1d'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
}
.checkout-billing__country-select:focus {
	outline: none;
}
.checkout-billing__country-select option {
	padding: 8px 12px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
}
@media (max-width: 991px) {
	.checkout-billing {
		padding: 40px 24px 48px;
	}
	.checkout-billing__row--half .checkout-billing__field {
		flex: 1 1 100%;
	}
	.checkout-billing__input {
		max-width: 100%;
	}
}
@media (max-width: 574.98px) {
	.checkout-billing {
		padding: 32px 20px 40px;
	}
	.checkout-billing__title {
		font-size: 28px;
		letter-spacing: -1.4px;
	}
	.checkout-billing__desc {
		font-size: 14px;
		margin-bottom: 28px;
	}
	.checkout-billing__form {
		gap: 28px;
	}
}

/* Payment */
.checkout-payment {
	border-radius: 16px;
	overflow: hidden;
	background: var(--yb-color-0);
	padding: 47px 62px 52px;
	font-family: var(--yb-ff-body);
}
.checkout-payment__title {
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -1.8px;
	line-height: 1;
	color: var(--yb-color-900);
	margin: 0 0 11px;
}
.checkout-payment__desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: var(--yb-color-700);
	margin: 0 0 38px;
	max-width: 584px;
}
.checkout-payment__form {
	display: flex;
	flex-direction: column;
	gap: 38px;
}
.checkout-payment__row {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 20px;
	width: 100%;
	align-items: flex-end;
}
.checkout-payment__row--cards .checkout-payment__field--card-number {
	flex: 1 1 369px;
	min-width: 0;
}
.checkout-payment__row--cards .checkout-payment__field:not(.checkout-payment__field--card-number) {
	flex: 0 1 299px;
	min-width: 200px;
}
.checkout-payment__row--half .checkout-payment__field {
	flex: 1 1 calc(50% - 13px);
	min-width: 0;
}
.checkout-payment__field {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}
.checkout-payment__label {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.32px;
	color: var(--yb-color-900, #1d1d1d);
	line-height: normal;
}
.checkout-payment__card-icons {
	position: absolute;
	right: 21px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	gap: 8px;
	pointer-events: none;
}
.checkout-payment__card-icon {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--yb-color-500, #585959);
	line-height: 1;
}
.checkout-payment__input--card {
	max-width: 100%;
	padding-right: 160px;
}
.checkout-payment__card-input-wrap {
	position: relative;
	max-width: 369px;
	width: 100%;
}
@media (max-width: 991px) {
	.checkout-payment {
		padding: 40px 24px 48px;
	}
	.checkout-payment__row--cards .checkout-payment__field--card-number,
	.checkout-payment__row--cards .checkout-payment__field:not(.checkout-payment__field--card-number) {
		flex: 1 1 100%;
	}
	.checkout-payment__row--half .checkout-payment__field {
		flex: 1 1 100%;
	}
	.checkout-payment__input {
		max-width: 100%;
	}
	.checkout-payment__card-input-wrap {
		max-width: 100%;
	}
	.checkout-payment__input--card {
		padding-right: 24px;
	}
}
@media (max-width: 574.98px) {
	.checkout-payment {
		padding: 32px 20px 40px;
	}
	.checkout-payment__title {
		font-size: 28px;
		letter-spacing: -1.4px;
	}
	.checkout-payment__desc {
		font-size: 14px;
		margin-bottom: 28px;
	}
	.checkout-payment__form {
		gap: 28px;
	}
}

/* Shop Inputs */
.cart-summary__coupon-input {
	flex: 1;
	min-width: 0;
	max-width: 328px;
	height: 52px;
	padding: 0 24px;
	border: 1px solid var(--yb-form);
	background: var(--yb-color-0);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	color: var(--yb-color-900);
}

input.cart-summary__coupon-input,
input.checkout-billing__input,
textarea.checkout-billing__input,
input.checkout-payment__input,
input.yb-wc-select {
	width: 100%;
	max-width: none;
	height: 52px;
	padding: 0 24px;
	border: 1px solid var(--yb-form);
	border-radius: 12px;
	background: var(--yb-color-0);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	color: var(--yb-color-900);
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
input.cart-summary__coupon-input:hover,
input.checkout-billing__input:hover,
textarea.checkout-billing__input:hover,
input.checkout-payment__input:hover,
input.yb-wc-select:hover {
    border-color: var(--yb-form-hover);
}
input.cart-summary__coupon-input:focus,
input.checkout-billing__input:focus,
textarea.checkout-billing__input:focus,
input.checkout-payment__input:focus,
input.yb-wc-select:focus {
	outline: none;
	border-color: var(--yb-form-focus) !important;
}
.cart-summary__coupon-input::placeholder,
.checkout-billing__input::placeholder,
.checkout-payment__input::placeholder,
.cart-summary__coupon-input::-moz-placeholder,
.checkout-billing__input::-moz-placeholder,
.checkout-payment__input::-moz-placeholder,
.yb-wc-select::-moz-placeholder {
	color: var(--yb-color-500);
}


/*----------------------------------------*/
/*  WooCommerce Cart & Checkout Integration
/*----------------------------------------*/
.woocommerce-cart .yb-page-content,
.woocommerce-checkout .yb-page-content {
	padding: 60px 0;
}

.woocommerce-cart .yb-page-content--woocommerce > .container > .woocommerce,
.woocommerce-checkout .yb-page-content--woocommerce > .container > .woocommerce {
	width: 100%;
}

.yb-wc-cart,
.yb-wc-checkout {
	font-family: var(--yb-ff-body);
	color: var(--yb-color-900);
}

.yb-wc-cart a:not(.yb-btn),
.yb-wc-checkout a:not(.yb-btn) {
	color: inherit;
}

.yb-wc-cart a:not(.yb-btn):hover,
.yb-wc-checkout a:not(.yb-btn):hover {
	color: var(--yb-theme-primary);
}

.yb-wc-cart .row,
.yb-wc-checkout > .row {
	--bs-gutter-x: 40px;
	--bs-gutter-y: 40px;
}

.yb-wc-cart-list {
	gap: 25px;
}

.yb-wc-cart .cart-list__header {
	padding: 0;
}

.yb-wc-cart .cart-list__items {
	gap: 13px;
}

.yb-wc-cart .cart-item {
	min-height: auto;
	border: 0;
	background: var(--yb-color-0);
	box-shadow: none;
}

.yb-wc-cart .cart-item.yb-ajax-item-enter {
	opacity: 1;
	transform: none;
	background: var(--yb-color-50);
	transition: background .42s ease, box-shadow 0.2s ease;
}

.yb-wc-cart .cart-item.yb-ajax-item-enter .cart-item__inner {
	opacity: 0;
	transform: none;
	transition: opacity .58s ease;
}

.yb-wc-cart .cart-item.yb-ajax-item-enter.is-visible {
	background: var(--yb-color-0);
}

.yb-wc-cart .cart-item.yb-ajax-item-enter.is-visible .cart-item__inner {
	opacity: 1;
	transform: none;
}

.yb-wc-cart .cart-item:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transform: none;
}

.yb-wc-cart .cart-item__img-wrap a {
	display: block;
	width: 100%;
	height: 100%;
}

.yb-wc-cart .cart-item__title a {
	color: inherit;
	text-decoration: none;
}

.yb-wc-cart .variation,
.yb-wc-order-summary .variation {
	display: grid;
	grid-template-columns: max-content minmax(0, max-content);
	gap: 7px 0;
	align-items: stretch;
	justify-content: flex-start;
	margin: -3px 0 0;
	font-size: 13px;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--yb-color-700);
}

.yb-wc-cart .variation dt,
.yb-wc-order-summary .variation dt {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 6px 0 6px 11px;
	border: 1px solid var(--yb-color-100);
	border-right: 0;
	border-radius: 999px 0 0 999px;
	background: var(--yb-color-50);
	font-weight: 700;
	white-space: nowrap;
}

.yb-wc-cart .variation dd,
.yb-wc-order-summary .variation dd {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	max-width: 100%;
	margin: 0;
	padding: 6px 11px 6px 6px;
	border: 1px solid var(--yb-color-100);
	border-left: 0;
	border-radius: 0 999px 999px 0;
	background: var(--yb-color-50);
	font-weight: 600;
	color: var(--yb-color-900);
}

.yb-wc-cart .variation dd p,
.yb-wc-order-summary .variation dd p {
	margin: 0;
}

.yb-wc-item-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 2px 0 0;
}

.yb-wc-item-meta__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 30px;
	max-width: 100%;
	margin: 0;
	padding: 6px 12px;
	border: 1px solid var(--yb-color-100);
	border-radius: 999px;
	background: var(--yb-color-50);
	line-height: 1.15;
}

.yb-wc-item-meta__label {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--yb-color-600);
	white-space: nowrap;
}

.yb-wc-item-meta__value {
	min-width: 0;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.025em;
	color: var(--yb-color-900);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.yb-wc-item-meta--offcanvas {
	gap: 5px;
	margin-top: 0;
}

.yb-wc-item-meta--offcanvas .yb-wc-item-meta__item {
	min-height: 26px;
	padding: 5px 9px;
}

.yb-wc-item-meta--offcanvas .yb-wc-item-meta__label {
	font-size: 11px;
}

.yb-wc-item-meta--offcanvas .yb-wc-item-meta__value {
	font-size: 13px;
}

.yb-wc-item-meta--checkout {
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-top: 10px;
}

.yb-wc-item-meta--checkout .yb-wc-item-meta__item {
	min-height: 32px;
	padding: 7px 12px;
	background: var(--yb-color-0);
}

.yb-wc-quantity .quantity {
	margin: 0;
}

.yb-wc-quantity .qty {
	width: 54px;
	min-width: 54px;
	height: 38px;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: var(--yb-color-900);
	-moz-appearance: textfield;
}

.yb-wc-quantity .qty::-webkit-outer-spin-button,
.yb-wc-quantity .qty::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.yb-wc-quantity .qty:focus {
	outline: none;
}

.yb-wc-cart .cart-item-delete {
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--yb-color-900);
	line-height: 1;
	transition: color 0.22s ease, opacity 0.22s ease;
}

.yb-wc-cart .cart-item-delete svg {
	display: block;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	transform: rotate(0deg);
	transform-origin: 50% 50%;
	transition: transform 0.28s ease;
}

.yb-wc-cart .cart-item-delete:hover {
	color: var(--yb-theme-primary);
	background: transparent;
	opacity: 1;
}

.yb-wc-cart .cart-item-delete:hover svg {
	transform: rotate(90deg);
}

.yb-wc-cart-update {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.yb-wc-cart-back {
	min-height: 48px;
	padding: 14px 22px;
	border: 0;
	color: var(--yb-color-0);
}

.yb-wc-cart-remove-selected {
	min-height: 48px;
	padding: 14px 22px;
	border: 0;
	background-color: var(--yb-theme-primary);
	color: var(--yb-color-0);
}

.yb-wc-cart-remove-selected:hover:not(:disabled) {
	background-color: var(--yb-theme-primary);
	opacity: 0.9;
}

.yb-wc-cart-remove-selected.is-disabled,
.yb-wc-cart-remove-selected:disabled {
	opacity: 0.45;
	cursor: not-allowed;
	pointer-events: none;
}

.yb-wc-cart-summary,
.yb-wc-order-summary {
	border: 0;
	box-shadow: none;
}



.yb-wc-cart-summary .cart-summary__rows {
	gap: 8px;
	margin-bottom: 0;
}

.yb-wc-order-summary .cart-summary__rows {
	gap: 8px;
	margin-bottom: 0;
}

.yb-wc-cart-summary .cart-summary__row,
.yb-wc-order-summary .cart-summary__row {
	line-height: 1.35;
}

.yb-wc-cart-summary .cart-summary__row--shipping,
.yb-wc-order-summary .cart-summary__row--shipping {
	display: block;
}

.yb-wc-cart-summary .cart-summary__value--shipping,
.yb-wc-order-summary .cart-summary__value--shipping {
	margin-top: 10px;
	font-weight: 400;
	text-align: left;
}

.yb-wc-cart-summary ul,
.yb-wc-order-summary ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.yb-wc-cart-summary .woocommerce-shipping-methods li,
.yb-wc-order-summary .woocommerce-shipping-methods li {
	margin-bottom: 8px;
}

.yb-wc-cart-summary .shipping-calculator-button,
.yb-wc-order-summary .shipping-calculator-button {
	display: inline-flex;
	margin-top: 8px;
	font-size: 14px;
	font-weight: 600;
	color: var(--yb-theme-primary);
	text-decoration: none;
}

.yb-wc-cart-summary .cart-summary__row--total,
.yb-wc-order-summary .cart-summary__row--total {
	margin-top: 4px;
	padding-top: 18px;
	border-top: 1px solid var(--yb-color-100);
}

.yb-wc-cart-summary .cart-summary__row--total .cart-summary__label,
.yb-wc-order-summary .cart-summary__row--total .cart-summary__label,
.yb-wc-cart-summary .cart-summary__total,
.yb-wc-order-summary .cart-summary__total {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.06em;
}

.yb-wc-proceed-to-checkout {
	margin-top: 28px;
}


body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon {
	display: none !important;
}

body.woocommerce-checkout .yb-wc-checkout-panel,
body.woocommerce-checkout .yb-wc-checkout-payment-panel {
	overflow: visible;
}

body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message {
	display: none;
}

body.woocommerce-checkout .woocommerce-message .wc-forward {
	display: none !important;
}

body.woocommerce-checkout .woocommerce-error a {
	color: inherit;
	text-decoration: none;
	pointer-events: none;
}

body.woocommerce-checkout .yb-wc-checkout .form-row > span.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout .woocommerce-input-wrapper > span.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout .form-row > small.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout .woocommerce-input-wrapper > small.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout .form-row > em.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout .woocommerce-input-wrapper > em.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout .form-row > .woocommerce-error-message,
body.woocommerce-checkout .yb-wc-checkout .woocommerce-input-wrapper > .woocommerce-error-message,
body.woocommerce-checkout .yb-wc-checkout .form-row > .wc-block-components-validation-error,
body.woocommerce-checkout .yb-wc-checkout .woocommerce-input-wrapper > .wc-block-components-validation-error {
	display: none !important;
}

body.woocommerce-checkout .yb-wc-checkout input.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout textarea.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout .yb-front-select.woocommerce-error,
body.woocommerce-checkout .yb-wc-checkout [data-yb-wc-select-ui].woocommerce-error {
	display: block !important;
}

body.woocommerce-checkout .yb-wc-checkout-submit-panel {
	margin: 32px 0;
}

.yb-wc-checkout-login-toggle {
	--yb-wc-checkout-login-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%204.5A2.5%202.5%200%200%201%206.5%202H18a2.5%202.5%200%200%201%202.5%202.5v14.25a.75.75%200%200%201-.75.75H5.5a1%201%200%200%200%201%201h13.25a.75.75%200%200%201%200%201.5H6.5A2.5%202.5%200%200%201%204%2019.5zM12.25%208a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-.75%201.75v5a.75.75%200%200%200%201.5%200v-5a.75.75%200%200%200-1.5%200%22%2F%3E%3C%2Fsvg%3E");
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	width: 100%;
	min-height: 112px;
	margin: 0 0 24px;
	padding: 28px 32px;
	border: 1px solid var(--yb-wc-notice-info-border, var(--yb-color-200));
	border-radius: 14px;
	background: var(--yb-wc-notice-info-bg, var(--yb-color-0));
	color: var(--yb-wc-notice-info-text, var(--yb-color-900));
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	box-sizing: border-box;
}

.yb-wc-checkout-login-toggle__icon {
	display: block;
	width: 50px;
	height: 50px;
	background-color: var(--yb-wc-notice-info-icon, #2271B1);
	-webkit-mask-image: var(--yb-wc-checkout-login-icon);
	mask-image: var(--yb-wc-checkout-login-icon);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.yb-wc-checkout-login-toggle__copy {
	display: inline-flex;
	justify-self: start;
	flex-wrap: nowrap;
	gap: 0 14px;
	min-width: 0;
	align-content: center;
	align-items: baseline;
}

.yb-wc-checkout-login-toggle__text {
	display: block;
	min-width: 0;
	line-height: 1.25;
	color: var(--yb-color-900);
}

.yb-wc-checkout-login-toggle__button {
	flex: 0 0 auto;
	padding-bottom: 0;
	line-height: 1.25;
	white-space: nowrap;
}

.yb-wc-checkout-login-panel {
	height: 0;
	margin-bottom: 0;
	overflow: hidden;
	opacity: 0;
	transition:
		height 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		margin-bottom 0.28s cubic-bezier(0.4, 0, 0.2, 1),
		opacity 0.2s ease;
	will-change: height, margin-bottom;
}

.yb-wc-checkout-login-panel.is-open {
	margin-bottom: 32px;
	opacity: 1;
}

.yb-wc-checkout-login-panel[hidden] {
	display: none;
}

@media (max-width: 575.98px) {
	.yb-wc-checkout-login-toggle {
		grid-template-columns: 50px minmax(0, 1fr);
		gap: 18px;
		min-height: 104px;
		padding: 24px;
		font-size: 15px;
	}

	.yb-wc-checkout-login-toggle__copy {
		flex-wrap: wrap;
		gap: 2px 12px;
	}
}

.yb-wc-cart-summary .cart-summary__title,
.yb-wc-order-summary .cart-summary__title {
	margin-bottom: 32px;
}

.yb-wc-cart-summary .cart-summary__checkout-btn {
	color: var(--yb-color-0);
}

.yb-wc-cart-summary .cart-summary__checkout-btn:hover,
.yb-wc-place-order:hover {
	color: var(--yb-color-0);
}

@media (max-width: 574.98px) {
	.yb-wc-cart-summary .cart-summary__total,
	.yb-wc-order-summary .cart-summary__total {
		flex-direction: column;
		align-items: flex-end;
		gap: 6px;
	}

	.yb-wc-cart-summary .cart-summary__old-total,
	.yb-wc-order-summary .cart-summary__old-total {
		margin-right: 0;
	}

	.yb-wc-coupon-applied__meta {
		width: 100%;
		justify-content: space-between;
	}

	.yb-wc-empty-cart__notice {
		padding: 28px 24px;
	}
}

.yb-wc-empty-cart__button,
.yb-wc-empty-cart__button > span,
.yb-wc-empty-cart__button .text-1,
.yb-wc-empty-cart__button .text-2 {
	color: var(--yb-color-0) !important;
}

.yb-wc-checkout-details {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.yb-wc-checkout .checkout-payment {
	margin: 32px 0;
}

.yb-wc-checkout .checkout-billing--shipping {
	margin-bottom: 0;
}

.yb-wc-checkout .woocommerce-billing-fields > h3,
.yb-wc-checkout .woocommerce-shipping-fields > h3,
.yb-wc-checkout .woocommerce-additional-fields > h3,
.yb-wc-checkout .woocommerce-account-fields {
	display: none;
}

.yb-wc-checkout .woocommerce-billing-fields__field-wrapper,
.yb-wc-checkout .woocommerce-shipping-fields__field-wrapper,
.yb-wc-checkout .woocommerce-additional-fields__field-wrapper,
.yb-wc-checkout .create-account {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px;
}

.yb-wc-checkout .form-row {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

.yb-wc-checkout .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.yb-wc-checkout .form-row-wide,
.yb-wc-checkout #billing_country_field,
.yb-wc-checkout #shipping_country_field,
.yb-wc-checkout #billing_address_1_field,
.yb-wc-checkout #billing_address_2_field,
.yb-wc-checkout #shipping_address_1_field,
.yb-wc-checkout #shipping_address_2_field,
.yb-wc-checkout #order_comments_field {
	grid-column: 1 / -1;
}

.yb-wc-checkout .form-row label,
.yb-wc-checkout .woocommerce-form__label,
.yb-wc-payment .wc_payment_method label {
	display: block;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.32px;
	color: var(--yb-color-900);
}

.yb-wc-checkout .input-text,
.yb-wc-checkout textarea,
.yb-wc-checkout select.yb-wc-select,
.yb-wc-checkout .select2-container .select2-selection--single,
.yb-wc-checkout .select2-container .select2-selection--multiple {
	width: 100%;
	padding: 0 24px;
	border: 1px solid var(--yb-color-200);
	border-radius: 12px;
	background: var(--yb-color-0);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.28px;
	color: var(--yb-color-900);
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.yb-wc-checkout .form-row.woocommerce-invalid .input-text,
.yb-wc-checkout .form-row.woocommerce-invalid textarea,
.yb-wc-checkout .form-row.woocommerce-invalid select.yb-wc-select,
.yb-wc-checkout .form-row.woocommerce-invalid .yb-front-select__button,
.yb-wc-checkout .form-row.is-error .input-text,
.yb-wc-checkout .form-row.is-error textarea,
.yb-wc-checkout .form-row.is-error select.yb-wc-select,
.yb-wc-checkout .form-row.is-error .yb-front-select__button,
.yb-wc-checkout .input-text.is-error,
.yb-wc-checkout textarea.is-error,
.yb-wc-checkout select.yb-wc-select.is-error,
.yb-wc-checkout .yb-front-select.is-error .yb-front-select__button {
	border-color: var(--yb-form-error, #dc3545);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--yb-form-error, #dc3545) 12%, transparent);
}

.yb-wc-checkout .form-row.woocommerce-invalid label,
.yb-wc-checkout .form-row.is-error label {
	color: var(--yb-form-error, #dc3545);
}

.yb-wc-checkout textarea.input-text,
.yb-wc-checkout textarea {
	min-height: 140px;
	padding-top: 18px;
	padding-bottom: 18px;
	resize: vertical;
}

.yb-wc-checkout select.yb-wc-select,
.yb-wc-cart select.yb-wc-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 52px;
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
}


.yb-wc-checkout .select2-container .select2-selection__rendered {
	padding: 0;
	line-height: 50px;
	color: var(--yb-color-900);
}

.yb-wc-checkout .select2-container .select2-selection__arrow {
	height: 50px;
	right: 14px;
}

.yb-wc-payment-methods {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0;
	margin: 0 0 28px;
	list-style: none;
}

.yb-wc-payment .wc_payment_method {
	padding: 18px 20px;
	border: 1px solid var(--yb-color-100);
	border-radius: 14px;
	background: var(--yb-color-0);
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.yb-wc-payment .wc_payment_method:hover {
	border-color: rgba(34, 113, 177, .28);
	box-shadow: 0 12px 30px rgba(17, 24, 39, .055);
	transform: translateY(-1px);
}

.yb-wc-payment .wc_payment_method label {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	cursor: pointer;
}

.yb-wc-checkout input[type="checkbox"],
.yb-wc-checkout input[type="radio"] {
	width: 24px;
	height: 24px;
	min-width: 24px;
	margin: 0;
	border: 1px solid var(--yb-color-100);
	background: var(--yb-color-0);
	appearance: none;
	-webkit-appearance: none;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.yb-wc-checkout input[type="checkbox"] {
	border-radius: 4px;
}

.yb-wc-checkout input[type="radio"] {
	border-radius: 50%;
}

.yb-wc-checkout input[type="checkbox"]:hover,
.yb-wc-checkout input[type="radio"]:hover {
	border-color: var(--yb-color-300);
}

.yb-wc-checkout input[type="checkbox"]:checked {
	background-color: var(--yb-color-900);
	border-color: var(--yb-color-900);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.1L7.65 11.7L13.25 5.95' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
}

.yb-wc-checkout input[type="radio"]:checked {
	border-color: var(--yb-color-900);
	box-shadow: inset 0 0 0 6px var(--yb-color-0);
	background: var(--yb-color-900);
}

.yb-wc-checkout input[type="checkbox"]:focus-visible,
.yb-wc-checkout input[type="radio"]:focus-visible {
	outline: 2px solid var(--yb-theme-primary);
	outline-offset: 3px;
}

.yb-wc-checkout .woocommerce-form__label-for-checkbox,
.yb-wc-checkout .woocommerce-form__label.checkbox {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 24px;
	margin: 0;
	cursor: pointer;
}

.yb-wc-checkout .woocommerce-form__label-for-checkbox span,
.yb-wc-checkout .woocommerce-form__label.checkbox span {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.32px;
	color: var(--yb-color-900);
}

.yb-wc-payment .payment_box {
	margin-top: 14px;
	padding: 18px 20px;
	border-radius: 12px;
	background: var(--yb-color-50);
	color: var(--yb-color-700);
}

.yb-wc-payment .payment_box p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.45;
	color: inherit;
}

.yb-wc-payment-empty {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
	padding: 22px 24px;
	border: 1px solid var(--yb-color-100);
	border-radius: 14px;
	background: var(--yb-color-50);
	color: var(--yb-color-900);
}

.yb-wc-payment-empty__icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	color: var(--yb-wc-notice-info-icon, #2271B1);
}

.yb-wc-payment-empty__icon svg {
	width: 100%;
	height: 100%;
}

.yb-wc-payment-empty__text {
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -0.32px;
}

.yb-wc-place-order-row {
	padding: 0;
	margin: 0;
}

.yb-wc-place-order-row .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 24px;
}

.yb-wc-place-order {
	width: 100%;
	border: 0;
	color: var(--yb-color-0);
}

.yb-wc-order-summary__items {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-bottom: 20px;
}

.yb-wc-order-summary__item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
	padding: 14px;
	border-radius: 14px;
	background: var(--yb-color-50);
}

.yb-wc-order-summary__thumb {
	width: 64px;
	height: 64px;
	border-radius: 10px;
	background: var(--yb-color-50);
	overflow: hidden;
}

.yb-wc-order-summary__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yb-wc-order-summary__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
}

.yb-wc-order-summary__name {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.04em;
	color: var(--yb-color-900);
}

.yb-wc-order-summary__name span {
	color: var(--yb-color-500);
}

.yb-wc-order-summary__price {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.04em;
	color: var(--yb-color-900);
	white-space: nowrap;
}

@media (max-width: 1199.98px) {
	body.woocommerce-cart .yb-wc-cart .row,
	body.woocommerce-checkout .yb-wc-checkout > .row {
		--bs-gutter-x: 28px;
	}

	body.woocommerce-cart .yb-wc-cart .cart-item__right {
		width: 248px;
	}
}

@media (max-width: 991px) {
	body.woocommerce-checkout .yb-wc-checkout .woocommerce-billing-fields__field-wrapper,
	body.woocommerce-checkout .yb-wc-checkout .woocommerce-shipping-fields__field-wrapper,
	body.woocommerce-checkout .yb-wc-checkout .woocommerce-additional-fields__field-wrapper,
	body.woocommerce-checkout .yb-wc-checkout .create-account {
		grid-template-columns: 1fr;
	}

	html body.woocommerce-cart .yb-wc-cart .cart-item__right {
		width: 100%;
		gap: 16px;
	}

	html body.woocommerce-cart .yb-wc-cart .cart-item__right:not(.cart-item__right--single-action) {
		justify-content: flex-start;
	}

	body.woocommerce-cart .yb-wc-cart-summary,
	body.woocommerce-checkout .yb-wc-order-summary {
		position: static;
	}
}

@media (max-width: 574.98px) {
	body.woocommerce-cart .yb-wc-cart .cart-list__header {
		align-items: center;
	}


	body.woocommerce-checkout .yb-wc-order-summary__item {
		grid-template-columns: 56px minmax(0, 1fr);
	}

	body.woocommerce-checkout .yb-wc-order-summary__price {
		grid-column: 2;
	}
}


.yb-wc-cart-sidebar,
.yb-wc-checkout-sidebar {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

@media (min-width: 992px) {
	.yb-wc-cart-sidebar {
		position: sticky;
		top: 120px;
	}

	.yb-wc-checkout-sidebar {
		position: static;
	}
}

.yb-wc-cart-sidebar .cart-summary,
.yb-wc-checkout-sidebar .cart-summary,
.yb-wc-checkout-sidebar .yb-wc-coupon-card,
.yb-wc-checkout-sidebar .yb-wc-order-note-card {
	position: static;
	top: auto;
}

.yb-wc-cart .cart-item.is-removing {
	pointer-events: none;
	opacity: 0.45;
}

.yb-wc-cart .cart-item__img-wrap {
	width: 82px;
	height: 82px;
}


.yb-wc-cart .cart-item__inner {
	min-height: 126px;
	padding-top: 22px;
	padding-bottom: 22px;
}

.yb-wc-cart-summary .cart-discount,
.yb-wc-order-summary .cart-discount {
	display: none !important;
}

.yb-wc-cart .yb-btn,
.yb-wc-checkout .yb-btn,
.yb-wc-cart .yb-btn > span,
.yb-wc-checkout .yb-btn > span,
.yb-wc-cart .yb-btn .text-1,
.yb-wc-checkout .yb-btn .text-1,
.yb-wc-cart .yb-btn .text-2,
.yb-wc-checkout .yb-btn .text-2,
.yb-wc-cart .yb-btn i,
.yb-wc-checkout .yb-btn i {
	color: var(--yb-color-0);
}

.yb-wc-coupon-card__title,
.yb-wc-order-note-card__title {
	margin: 0 0 24px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -1.2px;
	color: var(--yb-color-900);
}

.yb-wc-coupon-card__field {
	width: 100%;
	margin-bottom: 16px;
}

.yb-wc-coupon-card .yb-wc-coupon-applied {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 52px;
	padding: 0 24px;
	gap: 16px;
	user-select: none;
	border: 1px solid var(--yb-color-200);
	border-radius: 12px;
}

.yb-wc-coupon-applied__label {
	color: var(--yb-color-600);
}

.yb-wc-coupon-applied__code {
	display: inline-block;
	font-weight: 600;
	color: var(--yb-color-900);
	user-select: none;
	text-transform: uppercase;
}

.yb-wc-coupon-button {
	width: 100%;
	height: 52px;
	border: 0;
}

.yb-wc-coupon-card__message {
	display: none;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.02em;
}

.yb-wc-coupon-card__message.is-success {
	color: var(--yb-wc-notice-success-text, var(--yb-theme-primary));
}

.yb-wc-coupon-card__message.is-error {
	color: var(--yb-wc-notice-error-text, #cc1818);
}

.yb-wc-order-note-card__field {
	margin: 0;
	padding: 0;
}

.yb-wc-order-note-card__field label {
	display: none;
}

.yb-wc-order-note-card__textarea {
	width: 100%;
	min-height: 128px;
	resize: vertical;
}

body.woocommerce-checkout .select2-container,
body.woocommerce-cart .select2-container,
body.woocommerce-checkout .select2,
body.woocommerce-cart .select2 {
	display: none !important;
}

.yb-wc-checkout select.yb-wc-select.yb-front-select-native,
.yb-wc-cart select.yb-wc-select.yb-front-select-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.yb-wc-checkout .yb-front-select,
.yb-wc-cart .yb-front-select {
	position: relative;
	width: min(100%, 420px);
	max-width: 100%;
	font-family: var(--yb-ff-body);
	font-size: 14px;
	line-height: 1.2;
}

.yb-wc-checkout .yb-front-select--wide,
.yb-wc-cart .yb-front-select--wide {
	width: 100%;
}

.yb-wc-checkout .yb-front-select__button,
.yb-wc-cart .yb-front-select__button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	box-sizing: border-box;
	width: 100%;
	min-height: 52px;
	padding: 0 24px;
	border: 1px solid var(--yb-form);
	border-radius: 12px;
	background: var(--yb-color-0);
	box-shadow: none;
	color: var(--yb-color-900);
	font-family: var(--yb-ff-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: left;
	cursor: pointer;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.yb-wc-checkout .yb-front-select__button::after,
.yb-wc-cart .yb-front-select__button::after {
	content: "";
	position: absolute;
	right: 14px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-65%) rotate(45deg);
	transition: transform .18s ease;
}

.yb-wc-checkout .yb-front-select__button:hover,
.yb-wc-cart .yb-front-select__button:hover {
	border-color: var(--yb-form-hover);
}

.yb-wc-checkout .yb-front-select__button:focus-visible,
.yb-wc-cart .yb-front-select__button:focus-visible,
.yb-wc-checkout .yb-front-select.is-open .yb-front-select__button,
.yb-wc-cart .yb-front-select.is-open .yb-front-select__button {
	outline: none;
	border-color: var(--yb-form-focus);
}

.yb-wc-checkout .yb-front-select.is-open .yb-front-select__button::after,
.yb-wc-cart .yb-front-select.is-open .yb-front-select__button::after {
	transform: translateY(-30%) rotate(225deg);
}

.yb-wc-checkout .yb-front-select__list,
.yb-wc-cart .yb-front-select__list {
	position: absolute;
	display: grid;
	gap: 7px;
	z-index: 10050;
	left: 0;
	right: 0;
	top: calc(100% + 7px);
	max-height: 230px;
	margin: 0;
	padding: 7px;
	background: var(--yb-color-50);
	box-shadow: 0 18px 44px rgba(17, 24, 39, .16);
	list-style: none;
	overflow: auto;
	opacity: 0;
	transform: translateY(-5px) scale(.985);
	pointer-events: none;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 14px;
	clip-path: inset(0 round 14px);
	transition: opacity .16s ease, transform .16s ease;
}

.yb-wc-checkout .yb-front-select.is-open .yb-front-select__list,
.yb-wc-cart .yb-front-select.is-open .yb-front-select__list {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.yb-wc-checkout .yb-front-select__option,
.yb-wc-cart .yb-front-select__option {
	margin: 0;
	padding: 12px;
	border-radius: 10px;
	color: var(--yb-color-900);
	font-family: var(--yb-ff-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}

.yb-wc-checkout .yb-front-select__option:hover,
.yb-wc-cart .yb-front-select__option:hover,
.yb-wc-checkout .yb-front-select__option.is-active,
.yb-wc-cart .yb-front-select__option.is-active {
	background-color: var(--yb-color-dark-300);
	color: var(--yb-color-0);
}

.yb-wc-checkout .yb-front-select__option.is-disabled,
.yb-wc-cart .yb-front-select__option.is-disabled {
	opacity: .5;
	cursor: not-allowed;
}


.yb-wc-checkout .woocommerce-input-wrapper,
.yb-wc-checkout .form-row,
.yb-wc-checkout .checkout-billing,
.yb-wc-checkout .checkout-payment,
.yb-wc-checkout-panel,
.yb-wc-checkout-payment-panel {
	overflow: visible;
}

.yb-wc-cart .cart-item.is-updating {
	pointer-events: none;
	opacity: 0.72;
}

.yb-wc-order-review {
	position: relative;
}


.yb-wc-cart-summary .cart-summary__old-total,
.yb-wc-order-summary .cart-summary__old-total {
	display: inline-flex;
	margin-right: 10px;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.04em;
	color: var(--yb-color-500);
	text-decoration: line-through;
	text-decoration-thickness: 1px;
	white-space: nowrap;
}

.yb-wc-cart-summary .cart-summary__current-total,
.yb-wc-order-summary .cart-summary__current-total {
	display: inline-flex;
	align-items: baseline;
	white-space: nowrap;
}

.yb-wc-coupon-applied__meta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.yb-wc-coupon-applied__discount {
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding: 0 9px;
	border-radius: 999px;
	background: var(--yb-wc-notice-success-bg, #fbfdf8);
	border: 1px solid var(--yb-wc-notice-success-border, rgba(109, 151, 101, 0.24));
	color: var(--yb-wc-notice-success-icon, #6d9765);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.02em;
	white-space: nowrap;
	user-select: none;
}

.yb-wc-checkout-sidebar.is-updating {
	overflow: hidden;
}

.yb-wc-order-review .blockUI.blockOverlay,
.yb-wc-order-review .blockUI.blockMsg,
.yb-wc-checkout-sidebar .blockUI.blockOverlay,
.yb-wc-checkout-sidebar .blockUI.blockMsg,
body.woocommerce-checkout .blockUI.blockOverlay,
body.woocommerce-checkout .blockUI.blockMsg {
	display: none !important;
}


[data-yb-wc-skeleton] {
	position: relative;
}

.yb-wc-skeleton {
	--yb-wc-skeleton-base: var(--yb-color-50);
	--yb-wc-skeleton-line: var(--yb-color-100);
	--yb-wc-skeleton-glare: rgba(255, 255, 255, 0.5);
	position: absolute;
	z-index: 3;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .24s ease, visibility .24s ease;
}

.yb-wc-skeleton__line,
.yb-wc-skeleton__shape {
	position: relative;
	display: block;
	flex: 0 0 auto;
	border-radius: 999px;
	background: var(--yb-wc-skeleton-line);
	overflow: hidden;
}

.yb-wc-skeleton__shape {
	border-radius: 12px;
}

.yb-wc-skeleton__line::after,
.yb-wc-skeleton__shape::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent 0%, var(--yb-wc-skeleton-glare) 50%, transparent 100%);
	transform: translateX(-110%);
	animation: yb-wc-skeleton-shimmer 1.18s ease-in-out infinite;
}

@keyframes yb-wc-skeleton-shimmer {
	100% {
		transform: translateX(110%);
	}
}

html.yb-js [data-yb-wc-skeleton].is-skeleton-active > .yb-wc-skeleton {
	opacity: 1;
	visibility: visible;
}

html.yb-js [data-yb-wc-skeleton] > :not(.yb-wc-skeleton) {
	transition: opacity .28s ease;
}

html.yb-js .yb-wc-cart .cart-item.is-skeleton-active > .cart-item__inner,
html.yb-js .yb-wc-order-summary__item.is-skeleton-active > :not(.yb-wc-skeleton) {
	opacity: 0;
}

html.yb-js .yb-wc-cart-summary.is-skeleton-active .cart-summary__rows,
html.yb-js .yb-wc-cart-summary.is-skeleton-active .yb-wc-proceed-to-checkout,
html.yb-js .yb-wc-order-summary.is-skeleton-active .yb-wc-order-summary__items,
html.yb-js .yb-wc-order-summary.is-skeleton-active .cart-summary__divider,
html.yb-js .yb-wc-order-summary.is-skeleton-active .cart-summary__rows {
	opacity: 0;
}

.yb-wc-cart .cart-item > .yb-wc-cart-item-skeleton {
	inset: 0;
	display: grid;
	grid-template-columns: 22px 82px minmax(0, 1fr) 155px 34px;
	gap: 23px;
	align-items: center;
	min-height: 126px;
	padding: 22px 39px;
	border-radius: inherit;
	background: var(--yb-wc-skeleton-base);
}

.yb-wc-cart-item-skeleton__check {
	width: 22px;
	height: 22px;
	border-radius: 50%;
}

.yb-wc-cart-item-skeleton__thumb {
	width: 82px;
	height: 82px;
	border-radius: 8px;
}

.yb-wc-cart-item-skeleton__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 12px;
}

.yb-wc-cart-item-skeleton__title {
	width: min(260px, 72%);
	height: 22px;
}

.yb-wc-cart-item-skeleton__meta {
	width: min(180px, 56%);
	height: 14px;
}

.yb-wc-cart-item-skeleton__price {
	width: 118px;
	height: 18px;
}

.yb-wc-cart-item-skeleton__qty {
	width: 155px;
	height: 50px;
	border-radius: 999px;
}

.yb-wc-cart-item-skeleton__remove {
	width: 34px;
	height: 34px;
	border-radius: 50%;
}

.yb-wc-order-summary__item > .yb-wc-order-item-skeleton {
	inset: 0;
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) 72px;
	gap: 14px;
	align-items: center;
	padding: 14px;
	border-radius: inherit;
	background: var(--yb-color-50);
}

.yb-wc-order-item-skeleton__thumb {
	width: 64px;
	height: 64px;
	border-radius: 10px;
}

.yb-wc-order-item-skeleton__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 10px;
}

.yb-wc-order-item-skeleton__title {
	width: min(190px, 78%);
	height: 15px;
}

.yb-wc-order-item-skeleton__meta {
	width: min(122px, 58%);
	height: 13px;
}

.yb-wc-order-item-skeleton__price {
	width: 72px;
	height: 16px;
}

.yb-wc-cart-summary > .yb-wc-summary-skeleton,
.yb-wc-order-summary > .yb-wc-summary-skeleton {
	left: 40px;
	right: 40px;
	top: 96px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.yb-wc-summary-skeleton__item {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) 72px;
	gap: 14px;
	align-items: center;
	padding: 14px;
	border-radius: 14px;
	background: var(--yb-color-50);
}

.yb-wc-summary-skeleton__thumb {
	width: 64px;
	height: 64px;
	border-radius: 10px;
}

.yb-wc-summary-skeleton__content,
.yb-wc-summary-skeleton__rows {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.yb-wc-summary-skeleton__content {
	gap: 10px;
}

.yb-wc-summary-skeleton__rows {
	gap: 14px;
}

.yb-wc-summary-skeleton__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 22px;
}

.yb-wc-summary-skeleton__row--total {
	margin-top: 4px;
	padding-top: 18px;
	border-top: 1px solid var(--yb-color-100);
}

.yb-wc-summary-skeleton__title {
	width: min(190px, 78%);
	height: 15px;
}

.yb-wc-summary-skeleton__meta {
	width: min(122px, 58%);
	height: 13px;
}

.yb-wc-summary-skeleton__price,
.yb-wc-summary-skeleton__value {
	width: 72px;
	height: 16px;
}

.yb-wc-summary-skeleton__label {
	width: 120px;
	height: 16px;
}

.yb-wc-summary-skeleton__label--short {
	width: 84px;
}

.yb-wc-summary-skeleton__value--wide {
	width: 92px;
}

.yb-wc-summary-skeleton__value--total {
	width: 112px;
	height: 20px;
}

.yb-wc-summary-skeleton__button {
	width: 100%;
	height: 52px;
	border-radius: 999px;
}

.yb-wc-checkout-sidebar.is-updating .yb-wc-order-summary,
.yb-wc-cart-sidebar.is-updating .yb-wc-cart-summary {
	pointer-events: none;
}

[data-yb-theme="dark"] .yb-wc-skeleton {
	--yb-wc-skeleton-base: var(--yb-color-150);
	--yb-wc-skeleton-line: var(--yb-color-300);
	--yb-wc-skeleton-glare: rgba(255, 255, 255, 0.08);
}

[data-yb-theme="dark"] .yb-wc-order-summary__item > .yb-wc-order-item-skeleton,
[data-yb-theme="dark"] .yb-wc-summary-skeleton__item {
	background: var(--yb-color-250);
}

[data-yb-theme="dark"] .yb-wc-summary-skeleton__row--total {
	border-top-color: var(--yb-color-400);
}

@media (max-width: 1199.98px) {
	.yb-wc-cart .cart-item > .yb-wc-cart-item-skeleton {
		grid-template-columns: 22px 82px minmax(0, 1fr) 126px 34px;
		gap: 18px;
	}

	.yb-wc-cart-item-skeleton__qty {
		width: 126px;
	}
}

@media (max-width: 767.98px) {
	.yb-wc-cart .cart-item > .yb-wc-cart-item-skeleton {
		grid-template-columns: 22px 82px minmax(0, 1fr) 34px;
		grid-template-areas:
			"check thumb content remove"
			"check thumb qty qty";
		align-items: center;
		padding: 18px 20px;
	}

	.yb-wc-cart-item-skeleton__check {
		grid-area: check;
	}

	.yb-wc-cart-item-skeleton__thumb {
		grid-area: thumb;
	}

	.yb-wc-cart-item-skeleton__content {
		grid-area: content;
	}

	.yb-wc-cart-item-skeleton__qty {
		grid-area: qty;
		width: 155px;
		height: 42px;
	}

	.yb-wc-cart-item-skeleton__remove {
		grid-area: remove;
	}
}

@media (max-width: 574.98px) {
	.yb-wc-cart .cart-item > .yb-wc-cart-item-skeleton {
		grid-template-columns: 20px 64px minmax(0, 1fr) 30px;
		gap: 12px;
		padding: 16px;
	}

	.yb-wc-cart-item-skeleton__check {
		width: 20px;
		height: 20px;
	}

	.yb-wc-cart-item-skeleton__thumb {
		width: 64px;
		height: 64px;
	}

	.yb-wc-cart-item-skeleton__title {
		height: 18px;
	}

	.yb-wc-cart-item-skeleton__qty {
		width: 132px;
		height: 38px;
	}

	.yb-wc-cart-item-skeleton__remove {
		width: 30px;
		height: 30px;
	}

	.yb-wc-cart-summary > .yb-wc-summary-skeleton,
	.yb-wc-order-summary > .yb-wc-summary-skeleton {
		left: 20px;
		right: 20px;
		top: 82px;
	}

	.yb-wc-summary-skeleton__item,
	.yb-wc-order-summary__item > .yb-wc-order-item-skeleton {
		grid-template-columns: 54px minmax(0, 1fr);
	}

	.yb-wc-summary-skeleton__price,
	.yb-wc-order-item-skeleton__price {
		display: none;
	}

	.yb-wc-summary-skeleton__thumb,
	.yb-wc-order-item-skeleton__thumb {
		width: 54px;
		height: 54px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yb-wc-skeleton__line::after,
	.yb-wc-skeleton__shape::after {
		animation: none;
	}
}

.yb-wc-empty-cart {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	width: 100%;
}

.yb-wc-empty-cart.yb-ajax-item-enter {
	transform: translate3d(0, 42px, 0);
	transition:
		opacity .58s ease,
		transform .78s cubic-bezier(0.22, 1, 0.36, 1);
}

.yb-wc-empty-cart__notice {
	display: flex;
	align-items: center;
	gap: 24px;
	width: 100%;
	padding: 38px 40px;
	border: 1px solid var(--yb-color-100);
	border-radius: 16px;
	background: var(--yb-color-0);
}

.yb-wc-empty-cart__icon {
	--yb-wc-empty-cart-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M4%204.5A2.5%202.5%200%200%201%206.5%202H18a2.5%202.5%200%200%201%202.5%202.5v14.25a.75.75%200%200%201-.75.75H5.5a1%201%200%200%200%201%201h13.25a.75.75%200%200%201%200%201.5H6.5A2.5%202.5%200%200%201%204%2019.5zM12.25%208a1%201%200%201%200%200-2a1%201%200%200%200%200%202m-.75%201.75v5a.75.75%200%200%200%201.5%200v-5a.75.75%200%200%200-1.5%200%22%2F%3E%3C%2Fsvg%3E");
	display: inline-flex;
	width: 50px;
	height: 50px;
	flex: 0 0 50px;
	background-color: var(--yb-wc-notice-info-icon, #2271B1);
	-webkit-mask-image: var(--yb-wc-empty-cart-icon);
	mask-image: var(--yb-wc-empty-cart-icon);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.yb-wc-empty-cart__text {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -0.32px;
	color: var(--yb-color-900);
}

.yb-wc-empty-cart__button {
	min-height: 52px;
	padding: 15px 28px;
}

@media (max-width: 574.98px) {
	.yb-wc-coupon-card,
	.yb-wc-order-note-card {
		padding: 32px 20px 40px;
	}

	.yb-wc-coupon-card .yb-wc-coupon-applied {
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		height: auto;
		min-height: 52px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
}



/*----------------------------------------*/
/*  23. Skill
/*----------------------------------------*/
.yb-skill-item {
	background: #f8f8f8;
	border-radius: 24px;
	padding: 71px 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.yb-skill-item {
	padding: 40px 20px;
	}
}
.yb-skill-icon {
	width: 70px;
	height: 70px;
}
.yb-skill-text {
	font-weight: 600;
	font-size: 28px;
	letter-spacing: -0.04em;
	color: var(--yb-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.yb-skill-text {
	font-size: 24px;
	}
}

/*----------------------------------------*/
/*  Skill Cards
/*----------------------------------------*/
.yb-elements-skill-cards {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.yb-elements-skill-card {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 24px;
	background: var(--yb-color-0);
	border-radius: 16px;
}
.yb-elements-skill-card__thumb {
	flex-shrink: 0;
	width: 90px;
	height: 62px;
	border-radius: 8px;
	overflow: hidden;
}
.yb-elements-skill-card__thumb img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}
.yb-elements-skill-card__content {
	flex: 1;
	min-width: 0;
}
.yb-elements-skill-card__title {
	flex: 0 0 320px;
	font-weight: 600;
	letter-spacing: -1.2px;
	color: var(--yb-color-900);
	margin-bottom: 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.yb-elements-skill-card__title {
	flex: 0 0 240px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.yb-elements-skill-card__title {
	flex: 0 0 100px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.yb-elements-skill-card__title {
	flex: 0 0 100px;
	}
}
@media (max-width: 574.98px) {
	.yb-elements-skill-card__title {
	flex: 1;
	}
}
.yb-elements-skill-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.yb-elements-skill-card__tag {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 18px;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.04em;
	cursor: default;
	color: var(--yb-color-900, #171717);
	background: var(--yb-color-50, #fafafa);
	border: 1px solid var(--yb-color-100, #e5e5e5);
	border-radius: 100px;
	transition: all 0.3s ease;
}
.yb-elements-skill-card__tag:hover {
	background: var(--yb-color-0);
	border: 1px solid var(--yb-theme-primary);
}
.yb-elements-skill-card__tag-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	-o-object-fit: contain;
	 object-fit: contain;
}
.yb-elements-skill-card__tag-icon svg,
.yb-elements-skill-card__tag-icon img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	 object-fit: contain;
}
.yb-elements-skill-card__tag-icon svg {
	overflow: visible;
}
.yb-elements-skill-card__score {
	flex-shrink: 0;
	font-size: 24px;
	font-weight: 600;
	color: var(--yb-color-900);
}
.yb-elements-skill-card__score .yb-elements-skill-card__score-value {
	font-size: 36px;
}
.yb-elements-skill-card__note {
	flex-shrink: 0;
	max-width: 150px;
	padding: 10px 14px;
	border: 1px solid var(--yb-color-100);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.03em;
	text-align: center;
	color: var(--yb-color-700);
	background: var(--yb-color-0);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.yb-elements-skill-card {
		gap: 20px;
		padding: 14px 20px;
	}
	.yb-elements-skill-card__tag {
		font-size: 20px;
		padding: 5px 10px;
	}
	.yb-elements-skill-card__score {
		font-size: 15px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.yb-elements-skill-card {
		gap: 16px;
		padding: 14px 20px;
	}
	.yb-elements-skill-card__tag {
		font-size: 16px;
		padding: 5px 10px;
	}
	.yb-elements-skill-card__score {
		font-size: 14px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-elements-skill-card {
		align-items: flex-start;
		gap: 12px;
		padding: 16px;
	}
	.yb-elements-skill-card__tags {
		gap: 6px;
	}
	.yb-elements-skill-card__tag {
		font-size: 16px;
		padding: 5px 10px;
	}
	.yb-elements-skill-card__score {
		font-size: 14px;
	}
}
@media (max-width: 574.98px) {
	.yb-elements-skill-card {
		padding: 14px;
	}
	.yb-elements-skill-card__tag {
		font-size: 16px;
		padding: 4px 8px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-elements-skill-card__note {
		align-self: flex-start;
		max-width: 100%;
		text-align: left;
	}
}

/*----------------------------------------*/
/*  Price plan toggle
/*----------------------------------------*/
.change-price-plan {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex-wrap: wrap;
}

.price-plan-toggle-label {
	font-size: 16px;
	font-weight: 400;
	color: var(--yb-color-900);
	cursor: pointer;
	-webkit-user-select: none;
	 -moz-user-select: none;
			user-select: none;
	transition: color 0.2s ease;
}

.price-plan-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	flex-shrink: 0;
}

.price-plan-toggle__input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.price-plan-toggle__track {
	display: block;
	width: 70px;
	height: 33px;
	background: var(--yb-common-white);
	border: 1px solid var(--yb-color-100);
	border-radius: 9999px;
	transition: background 0.25s ease;
}

.price-plan-toggle__thumb {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background: var(--yb-color-900);
	border-radius: 50%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	transition: transform 0.25s ease, left 0.25s ease;
	pointer-events: none;
}

.price-plan-toggle__input:checked + .price-plan-toggle__track + .price-plan-toggle__thumb {
	left: 42px;
}

.price-plan-toggle__input:focus-visible + .price-plan-toggle__track {
	outline: 2px solid #1A1A1A;
	outline-offset: 2px;
}

/*----------------------------------------*/
/*  Home 2 Section 11 - Pricing cards
/*----------------------------------------*/
.pricing-card {
	position: relative;
	background: var(--yb-color-0);
	border-radius: 16px;
	padding: 15px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.pricing-card__badge {
	position: absolute;
	top: 24px;
	right: 24px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: -0.2px;
	text-transform: uppercase;
	color: #fff;
	background: var(--yb-theme-primary);
	padding: 6px 10px;
	border-radius: 9999px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
	.pricing-card__badge {
	top: 45px;
	right: 45px;
	}
}
.pricing-card__body {
	flex: 0 0 auto;
	padding: 25px;
	background: var(--yb-color-50);
	border-radius: 14px;
}
.pricing-card--popular .pricing-card__body {
	background: rgba(240, 70, 14, 0.1);
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
.pricing-card__title {
	font-size: 18px;
	font-weight: 600;
	color: var(--yb-color-900);
	margin-bottom: 16px;
}
.pricing-card__price {
	margin-bottom: 16px;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
}
.pricing-card__price-value {
	font-size: 48px;
	font-weight: 600;
	line-height: 1;
	color: var(--yb-color-900);
	font-family: var(--yb-ff-body);
	letter-spacing: -2.4px;
}
.pricing-card__price-period {
	font-size: 16px;
	font-weight: 400;
	color: var(--yb-color-500);
	margin-left: 2px;
}
.pricing-card__desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	color: var(--yb-color-500);
	margin-bottom: 28px;
}
.pricing-card__features {
	list-style: none;
	padding: 0;
	margin: 40px 25px 25px 25px;
	flex: 1 1 auto;
}
.pricing-card__features li {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	color: var(--yb-color-700);
	margin-bottom: 14px;
	font-family: var(--yb-ff-body);
}
.pricing-card__features li:last-child {
	margin-bottom: 0;
}
.pricing-card__feature-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	min-width: 18px;
	border-radius: 50%;
	margin-right: 12px;
}
.pricing-card__feature-icon svg {
	flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
	.pricing-card__price-value {
	font-size: 42px;
	}
	.pricing-card__title {
	font-size: 20px;
	}
	.pricing-card__features li {
	font-size: 16px;
	}
}
@media (max-width: 574.98px) {
	.pricing-card {
	padding: 8px;
	}
}

/*----------------------------------------*/
/*  YB Home Grid
/*----------------------------------------*/
.yb-home__grid {
	align-items: stretch;
}
.yb-home-intro-title {
	max-width: 1120px;
	text-wrap: balance;
	letter-spacing: -0.045em;
}
@media (max-width: 991.98px) {
	.yb-home-intro-title {
		text-wrap: auto;
	}
}
.yb-home__col {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.yb-home__card--hero {
	position: relative;
	min-height: 370px;
	background: var(--yb-color-900, #1a1a1a);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.yb-home__card--hero {
	min-height: 320px;
	}
}
.yb-home__card--list {
	flex: 1;
}
.yb-home__card--services {
	flex: 1;
}
.yb-home__card--product {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.yb-home__card--small:not(:first-child) {
	background: var(--yb-color-0);
}
.yb-home__hero-bg {
	position: absolute;
	inset: 0;
	background: linear-gradient(99deg, #000 5%, rgba(0, 0, 0, 0.44) 50%, #000 95%);
	opacity: 0.65;
	z-index: 1;
}

.yb-home__hero-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
	z-index: 0;
	opacity: 1;
	transition: none;
	transform: none;
}

.yb-home__hero-overlay {
	z-index: 2;
	display: flex;
	align-items: flex-end;
}

.yb-home__hero-title {
	font-size: var(--yb-fs-xl);
}

@media (max-width: 574.98px) {
	.yb-home__hero-title {
		font-size: 1rem;
		max-width: 100%;
	}
}
.yb-home__list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
	color: var(--yb-color-900, #1a1a1a);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
}
.yb-home__list-item::before {
	content: "+";
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--yb-color-900, #1a1a1a);
	color: var(--yb-color-0);
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.yb-home__avatar {
	width: 48px;
	height: 48px;
}
.yb-home__avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
}
.yb-home__avatars-row {
	flex-wrap: wrap;
}
.yb-home__avatar-sm {
	width: 65px;
	height: 65px;
	border-radius: 8px;
	overflow: hidden;
	padding: 4px;
	background: var(--yb-color-50);
}
.yb-home__avatar-sm img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	 object-fit: cover;
	border-radius: 4px;
	filter: grayscale(100%);
}
.yb-home__stars {
	display: flex;
	gap: 2px;
	font-size: 14px;
}
.yb-home__star {
	color: var(--yb-color-500, #e5e5e5);
}
.yb-home__star--filled {
	color: var(--yb-color-900, #1a1a1a);
}

.yb-home__stat {
	font-size: clamp(2.5rem, 5vw, 3.5rem);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: var(--yb-color-900, #1a1a1a);
}

.yb-home__grid > [class*="col-"] {
	display: flex;
}

.yb-home__col--intro,
.yb-home__col--three {
	display: flex;
	flex-direction: column;
}

.yb-home__col--three {
	height: 100%;
}

.yb-home__card {
	position: relative;
	border-radius: 24px;
	background: var(--yb-color-0);
	overflow: hidden;
}

.yb-home__card--hero,
.yb-home-video-slider,
.yb-home-steps {
	min-height: clamp(520px, 56vw, 740px);
}

.yb-home__card--list {
	flex: 1 1 auto;
	min-height: 0;
}

.yb-home-media-card::before,
.yb-home-media-card::after,
.yb-home-video-slider__media::before,
.yb-home-video-slider__media::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.yb-home-media-card::before,
.yb-home-video-slider__media::before {
	z-index: 1;
	background: var(--yb-color-400);
	transition: none;
}

.yb-home-media-card::after,
.yb-home-video-slider__media::after {
	z-index: 2;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 38%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.18) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.yb-home-media-card.is-loading::before,
.yb-home-media-card.is-loading::after,
.yb-home-video-slider__media.is-loading::before,
.yb-home-video-slider__media.is-loading::after {
	opacity: 1;
	visibility: visible;
}

.yb-home-media-card.is-loading::after,
.yb-home-video-slider__media.is-loading::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.yb-home-media-card.is-loaded::before,
.yb-home-media-card.is-loaded::after,
.yb-home-media-card.has-load-error::before,
.yb-home-media-card.has-load-error::after,
.yb-home-video-slider__media.is-loaded::before,
.yb-home-video-slider__media.is-loaded::after,
.yb-home-video-slider__media.has-load-error::before,
.yb-home-video-slider__media.has-load-error::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}

.yb-home-media-card.has-no-image {
	background: var(--yb-color-150);
}

.yb-home-media-card.has-no-image .yb-home__hero-bg {
	display: none;
}

.yb-home-media-card.has-no-image .yb-home__hero-title {
	color: var(--yb-color-900);
}

.yb-home__hero-copy {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
}

.yb-home__hero-title {
	margin: 0;
	font-size: clamp(18px, 1.65vw, 21px);
	line-height: 1.26;
	letter-spacing: -0.035em;
	color: var(--yb-color-0);
	text-wrap: balance;
}

.yb-home__feature-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.yb-home__feature-item {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	padding: 15px 16px;
	border-radius: 18px;
	border: 1px solid rgba(var(--yb-common-black-rgb), 0.08);
	background: var(--yb-color-0);
	background-image: none;
	cursor: default;
	transition: transform 0.28s ease, border-color 0.28s ease, background-color 0.28s ease, box-shadow 0.28s ease;
}

.yb-home__feature-item:hover,
.yb-home__feature-item:focus-visible {
	transform: translateY(-1px);
	border-color: rgba(var(--yb-common-black-rgb), 0.12);
	background: var(--yb-color-0, #FEFEFE);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
	outline: none;
}

.yb-home__feature-icon {
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--yb-color-900, #1a1a1a);
	flex-shrink: 0;
}

.yb-home__feature-icon svg {
	display: block;
}

.yb-home__feature-label {
	position: relative;
	display: block;
	overflow: hidden;
	height: 1.45em;
	min-height: 1.45em;
	font-size: 15px;
	line-height: 1.45;
	letter-spacing: -0.015em;
	color: var(--yb-color-900, #1a1a1a);
}

.yb-home__feature-label .text-1,
.yb-home__feature-label .text-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
	will-change: transform, opacity;
}

.yb-home__feature-label .text-2 {
	opacity: 0;
	transform: translate3d(0, 130%, 0);
}

.yb-home__feature-item:hover .yb-home__feature-label .text-1,
.yb-home__feature-item:focus-visible .yb-home__feature-label .text-1 {
	opacity: 0;
	transform: translate3d(0, -130%, 0);
}

.yb-home__feature-item:hover .yb-home__feature-label .text-2,
.yb-home__feature-item:focus-visible .yb-home__feature-label .text-2 {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.yb-home-video-slider {
	color: var(--yb-color-0);
}

.yb-home-video-slider__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.yb-home-video-slider__slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.yb-home-video-slider__media {
	position: absolute;
	inset: 0;
	background: transparent;
}
.yb-home-video-slider__media.is-loaded {
	background: transparent;
}
.yb-home-video-slider__media.has-load-error {
	background: var(--yb-main);
}
.yb-home-video-slider__media.is-loaded .yb-home-video-slider__video {
	background: transparent;
}

.yb-home-video-slider__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.45s ease, transform 0.7s ease;
}

.yb-home-video-slider__media.is-loaded .yb-home-video-slider__video {
	opacity: 1;
}

.yb-home-video-slider__overlay {
	position: absolute;
	min-height: 250px;
	left: clamp(22px, 2.2vw, 30px);
	right: clamp(22px, 2.2vw, 30px);
	bottom: clamp(22px, 2.2vw, 30px);
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: clamp(18px, 1.9vw, 24px);
	border-radius: 24px;
	background: rgba(12, 12, 12, 0.4);
}

.yb-home-video-slider__eyebrow,
.yb-home-steps__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid rgba(var(--yb-common-white-rgb), 0.12);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.yb-home-video-slider__title,
.yb-home-steps__title {
	margin: 0;
	font-size: clamp(24px, 2.4vw, 34px);
	text-wrap: balance;
}

.yb-home-video-slider__text,
.yb-home-steps__text {
	margin: 0;
	max-width: 38ch;
	font-size: clamp(15px, 1.15vw, 17px);
	line-height: 1.5;
	letter-spacing: -0.018em;
	color: rgba(255, 255, 255, 0.78);
}

.yb-home-slider__nav {
	position: absolute;
	top: 50%;
	z-index: 5;
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid rgba(var(--yb-common-white-rgb), 0.12);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	color: rgba(255, 255, 255, 0.92);
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0, -50%, 0) scale(0.96);
	transition: all 0.2s ease-in-out;
}

.yb-home-slider__nav svg {
	width: 28px;
	height: 28px;
	color: currentColor;
	transition: transform 0.25s ease, color 0.25s ease;
}

.yb-home-slider__nav svg *,
.yb-home-slider__nav svg path {
	transition: stroke 0.25s ease, fill 0.25s ease, opacity 0.25s ease;
}

.yb-home-slider__nav--prev {
	left: 18px;
}

.yb-home-slider__nav--next {
	right: 18px;
}

.yb-home-video-slider:hover .yb-home-slider__nav,
.yb-home-video-slider:focus-within .yb-home-slider__nav {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, -50%, 0) scale(1);
}

.yb-home-slider__nav:hover,
.yb-home-slider__nav:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(var(--yb-common-white-rgb), 0.2);
	outline: none;
}

.yb-home-slider__nav--prev:hover svg,
.yb-home-slider__nav--prev:focus-visible svg {
	transform: translateX(-2px);
	color: var(--yb-color-0);
}

.yb-home-slider__nav--next:hover svg,
.yb-home-slider__nav--next:focus-visible svg {
	transform: translateX(2px);
	color: var(--yb-color-0);
}

.yb-home-slider__footer {
	position: absolute;
	left: clamp(22px, 2.2vw, 30px);
	right: clamp(22px, 2.2vw, 30px);
	bottom: clamp(22px, 2.2vw, 30px);
	z-index: 6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	pointer-events: none;
}

.yb-home-video-slider .yb-home-slider__footer {
	bottom: auto;
	top: clamp(22px, 2.2vw, 30px);
}

.yb-home-slider__meta {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.74);
}

.yb-home-loader-ring {
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}

.yb-home-loader-ring svg {
	display: block;
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}

.yb-home-loader-ring__track,
.yb-home-loader-ring__progress {
	fill: none;
	stroke-width: 3.25;
}

.yb-home-loader-ring__track {
	stroke: rgba(255, 255, 255, 0.18);
}

.yb-home-loader-ring__progress {
	stroke: var(--yb-theme-primary);
	stroke-linecap: round;
	stroke-dasharray: 126;
	stroke-dashoffset: 126;
	transition: stroke-dashoffset 0.24s linear;
}

.yb-home-steps {
	padding: clamp(22px, 2.2vw, 30px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.yb-home-steps__inner {
	position: relative;
	z-index: 2;
	min-height: 0;
	padding-right: clamp(6px, 1vw, 16px);
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.yb-home-steps__eyebrow {
	color: var(--yb-color-900, #1a1a1a);
	border-color: rgba(var(--yb-common-black-rgb), 0.08);
	background: rgba(29, 29, 29, 0.04);
	align-self: flex-start;
}

.yb-home-steps__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 18px;
	margin-top: 25px;
}

.yb-home-steps__title {
	color: var(--yb-main);
}

.yb-home-steps__text {
	color: var(--yb-main);
}

.yb-home-steps .yb-home-slider__nav {
	top: clamp(22px, 2.2vw, 30px);
	bottom: auto;
	width: 40px;
	height: 40px;
	color: var(--yb-main);
	background: transparent;
	border-color: transparent;
	opacity: 1;
	pointer-events: auto;
	transform: none;
	transition: background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.yb-home-steps .yb-home-slider__nav svg {
	width: 20px;
	height: 20px;
}

.yb-home-steps .yb-home-slider__nav--prev {
	left: auto;
	right: calc(clamp(22px, 2.2vw, 30px) + 46px);
}

.yb-home-steps .yb-home-slider__nav--next {
	right: clamp(22px, 2.2vw, 30px);
}

.yb-home-steps .yb-home-slider__nav:focus:not(:hover),
.yb-home-steps .yb-home-slider__nav:focus-visible:not(:hover) {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
	outline: none;
}

.yb-home-steps .yb-home-slider__nav:hover,
.yb-home-steps .yb-home-slider__nav:focus:hover,
.yb-home-steps .yb-home-slider__nav:focus-visible:hover {
	background: rgba(29, 29, 29, 0.04);
	border-color: rgba(var(--yb-common-black-rgb), 0.1);
}

.yb-home-steps .yb-home-slider__nav:hover svg,
.yb-home-steps .yb-home-slider__nav:focus:hover svg,
.yb-home-steps .yb-home-slider__nav:focus-visible:hover svg {
	color: var(--yb-main);
}

.yb-home-steps .yb-home-slider__nav--prev:hover svg {
	transform: translateX(-1px);
}

.yb-home-steps .yb-home-slider__nav--next:hover svg {
	transform: translateX(1px);
}

.yb-home-steps .yb-home-slider__nav--prev:focus:not(:hover) svg,
.yb-home-steps .yb-home-slider__nav--prev:focus-visible:not(:hover) svg,
.yb-home-steps .yb-home-slider__nav--next:focus:not(:hover) svg,
.yb-home-steps .yb-home-slider__nav--next:focus-visible:not(:hover) svg {
	color: var(--yb-main);
	transform: none;
}

.yb-home-steps .yb-home-slider__meta {
	color: rgba(var(--yb-common-black-rgb), 1);
}
.yb-home-steps .yb-home-loader-ring__track {
	stroke: rgba(var(--yb-common-black-rgb), 0.1);
}
.yb-home-steps .yb-home-loader-ring__progress {
	stroke: var(--yb-theme-primary);
}
.yb-home__card--quote {
	padding: clamp(24px, 2.2vw, 34px);
}
.yb-home__card--quote .yb-quote__text {
	margin-bottom: 18px;
	font-size: clamp(18px, 1.65vw, 20px);
	line-height: 1.45;
	letter-spacing: -0.03em;
	color: rgba(29, 29, 29, 0.74);
}

.yb-home__card--quote .yb-quote__author {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(29, 29, 29, 0.38);
}

@media (max-width: 1399.98px) {
	.yb-home__card--hero,
	.yb-home-video-slider,
	.yb-home-steps {
		min-height: 620px;
	}

	.yb-home-video-slider__title,
	.yb-home-steps__title {
		font-size: clamp(24px, 2.5vw, 30px);
	}
}

@media (max-width: 1199.98px) {
	.yb-home__card--hero,
	.yb-home-video-slider,
	.yb-home-steps {
		min-height: 560px;
	}

	.yb-home__card--quote {
		min-height: 220px;
	}
}

@media (max-width: 991.98px) {
	.yb-home__grid > [class*="col-"] {
		display: block;
	}

	.yb-home__col--intro,
	.yb-home__col--three {
		height: auto;
	}

	.yb-home__card--hero,
	.yb-home-video-slider,
	.yb-home-steps {
		min-height: 520px;
	}

	.yb-home__hero-copy {
		max-width: 100%;
	}

	.yb-home-slider__nav {
		opacity: 1;
		pointer-events: auto;
		width: 56px;
		height: 56px;
		transform: translate3d(0, -50%, 0) scale(1);
	}
}

@media (max-width: 767.98px) {
	.yb-home__grid {
		--bs-gutter-x: 0.75rem;
		--bs-gutter-y: 0.75rem;
	}

	.yb-home__card,
	.yb-home__card--quote {
		border-radius: 24px;
	}

	.yb-home-video-slider {
		min-height: 460px;
	}

	.yb-home-steps {
		min-height: 340px;
	}

	.yb-home__hero-overlay,
	.yb-home-steps,
	.yb-home-video-slider__overlay {
		padding: 22px;
	}

	.yb-home-video-slider__overlay {
		left: 16px;
		right: 16px;
		bottom: 16px;
		min-height: 150px;
	}

	.yb-home-video-slider .yb-home-slider__footer {
		top: 16px;
	}

	.yb-home-steps .yb-home-slider__footer {
		bottom: 16px;
	}

	.yb-home-slider__nav--prev {
		left: 12px;
	}

	.yb-home-slider__nav--next {
		right: 12px;
	}

	.yb-home-video-slider__title,
	.yb-home-steps__title {
		font-size: 26px;
	}

	.yb-home-video-slider__text,
	.yb-home-steps__text {
		font-size: 15px;
		max-width: 100%;
	}

	.yb-home-steps__content {
		min-height: 160px;
	}
}

@media (max-width: 575.98px) {
	.yb-home-video-slider {
		min-height: 420px;
	}

	.yb-home-steps {
		min-height: 300px;
	}

	.yb-home__hero-title {
		font-size: 22px;
	}

	.yb-home__feature-item {
		padding: 14px 14px;
		gap: 12px;
	}

	.yb-home__feature-label {
		font-size: 14px;
	}

	.yb-home-slider__nav {
		width: 48px;
		height: 48px;
	}

	.yb-home-slider__nav svg {
		width: 24px;
		height: 24px;
	}

	.yb-home-loader-ring {
		width: 46px;
		height: 46px;
	}

	.yb-home__card--quote {
		min-height: 0;
	}

	.yb-home__card--quote .yb-quote__text {
		font-size: 17px;
	}
}

.yb-home__grid {
	align-items: stretch;
}

.yb-home__grid > [class*="col-"] {
	display: flex;
}

.yb-home__grid .yb-home__col {
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--bs-gutter-y, 1rem);
}

.yb-home__card--intro-panel {
	--yb-home-row-min-height: clamp(520px, 56vw, 740px);
	--yb-home-intro-media-height: clamp(300px, 30vw, 400px);

	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: var(--yb-home-row-min-height);
	height: auto;
	padding: clamp(18px, 1.65vw, 22px);
	gap: clamp(18px, 1.8vw, 22px);
	overflow: hidden !important;
}

.yb-home__intro-media {
	position: relative;
	flex: 0 0 auto;
	height: var(--yb-home-intro-media-height);
	min-height: 0;
	border-radius: 24px;
	overflow: hidden;
}

.yb-home__intro-services {
	flex: 0 0 auto;
	min-height: 0;
}

.yb-home__intro-services .yb-home__feature-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.yb-home-video-slider {
	flex: 1 1 auto;
	min-height: clamp(520px, 56vw, 740px);
	height: 100%;
}

.yb-home__col--three {
	height: 100%;
}

.yb-home__col--three .yb-home-steps {
	flex: 1.28 1 0;
	min-height: clamp(330px, 25vw, 410px);
}

.yb-home__col--three .yb-home__card--quote {
	flex: 0.82 1 0;
	min-height: clamp(210px, 16vw, 270px);
}

.yb-home-video-slider__title {
	color: var(--yb-color-0);
}

.yb-home-video-slider__text {
	color: var(--yb-color-0);
}

.yb-home__card--quote {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	column-gap: clamp(18px, 1.8vw, 26px);
	align-items: start;
	align-content: center;
	background: var(--yb-color-0);
	background-image: none;
}

.yb-home__card--quote .yb-quote {
	margin: 0;
	max-width: none;
	text-align: left;
}

.yb-home__card--quote .yb-quote__text,
.yb-home__card--quote .yb-quote__author {
	text-align: left;
}

@media (max-width: 1399.98px) {
	.yb-home__card--intro-panel,
	.yb-home-video-slider {
		min-height: 620px;
	}
}

@media (max-width: 1199.98px) {
	.yb-home__card--intro-panel,
	.yb-home-video-slider {
		min-height: 560px;
	}

	.yb-home__card--intro-panel {
		--yb-home-intro-media-height: clamp(285px, 30vw, 360px);
	}

	.yb-home__col--three .yb-home-steps {
		min-height: 340px;
	}
}

@media (max-width: 991.98px) {
	.yb-home__grid > [class*="col-"] {
		display: block;
	}

	.yb-home__grid .yb-home__col,
	.yb-home__col--intro,
	.yb-home__col--three {
		height: auto;
		min-height: 0;
	}

	.yb-home__card--intro-panel,
	.yb-home-video-slider {
		min-height: 520px;
		height: auto;
	}

	.yb-home__card--intro-panel {
		--yb-home-intro-media-height: 310px;
	}

	.yb-home__col--three .yb-home__card--quote {
		min-height: 220px;
	}

	.yb-home__card--quote {
		grid-template-columns: minmax(0, 1fr);
	}

	.yb-home-slider__nav {
		opacity: 0;
		pointer-events: none;
		width: 56px;
		height: 56px;
		transform: translate3d(0, -50%, 0) scale(0.96);
	}

	.yb-home-video-slider.is-nav-visible .yb-home-slider__nav,
	.yb-home-video-slider:focus-within .yb-home-slider__nav {
		opacity: 1;
		pointer-events: auto;
		transform: translate3d(0, -50%, 0) scale(1);
	}
}

@media (max-width: 767.98px) {
	.yb-home__card--intro-panel {
		min-height: 0;
		height: auto;
		padding: 14px;
		gap: 14px;
		--yb-home-intro-media-height: 280px;
	}

	.yb-home__intro-media {
		height: var(--yb-home-intro-media-height);
		border-radius: 22px;
	}

	.yb-home__hero-overlay {
		padding: 18px 18px 28px;
	}

	.yb-home__hero-copy {
		gap: 12px;
	}

	.yb-home__hero-title {
		font-size: 18px;
	}

	.yb-home__intro-services {
		padding: 0 2px 0;
	}

	.yb-home-video-slider {
		min-height: 460px;
	}
}

@media (max-width: 575.98px) {
	.yb-home__card--intro-panel {
		--yb-home-intro-media-height: 250px;
	}

	.yb-home-video-slider {
		min-height: 420px;
	}

	.yb-home-steps {
		min-height: 320px;
	}

	.yb-home__hero-copy {
		max-width: min(260px, 84%);
	}

	.yb-home__hero-title {
		font-size: 17px;
	}

	.yb-home-steps__content {
		min-height: 150px;
		gap: 12px;
	}
}

/*----------------------------------------*/
/*  YB Brand Scroll
/*----------------------------------------*/
.yb-brand-scroll .yb-brand-item .brand {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 100%;
}
.yb-brand-scroll .brand-logo-viewport {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 70px;
	flex-shrink: 0;
	margin: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
	.yb-brand-scroll .brand-logo-viewport {
	height: 50px;
	}
}
.yb-brand-scroll .brand-logo-track {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	will-change: transform;
}
.yb-brand-scroll .brand-logo-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 70px;
	min-height: 70px;
	flex-shrink: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
	.yb-brand-scroll .brand-logo-slide {
	height: 60px;
	min-height: 60px;
	}
}
.yb-brand-scroll .brand-logo-slide img {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	 object-fit: contain;
	display: block;
}

/*----------------------------------------*/
/*  YB Journey
/*----------------------------------------*/
.block-journey__cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 24px;
	border-radius: 100px;
	border: 1px solid var(--yb-color-600, #4d4d4d);
	background: transparent;
	color: var(--yb-color-0);
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}
.block-journey__cta:hover {
	border-color: var(--yb-color-500, #585959);
	background: rgba(255, 255, 255, 0.05);
	color: var(--yb-color-0);
}
.block-journey__cta-text {
	letter-spacing: 0.01em;
}
.block-journey__cta-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--yb-color-0);
	color: var(--yb-color-900, #1a1a1a);
	flex-shrink: 0;
}
.block-journey {
	/* Hero card: image + SINCE 2012 badge + overlay title */
}
.block-journey__hero {
	border-radius: 16px;
	overflow: hidden;
}
.block-journey__hero-thumb {
	position: relative;
	display: block;
}
.block-journey__hero-badge {
	position: absolute;
	left: 20px;
	bottom: 80px;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.2);
	color: var(--yb-color-0);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	z-index: 2;
}
.block-journey__hero-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 24px 20px 20px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	z-index: 1;
}
.block-journey__hero-title {
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: -0.02em;
	max-width: 14ch;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.block-journey__hero-title {
	font-size: 18px;
	}
}
.block-journey .journey-list-wrap {
	position: relative;
	padding-left: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.block-journey .journey-list-wrap {
	padding-left: 30px;
	}
}
.block-journey .journey-list-line {
	position: absolute;
	left: 0;
	top: 0;
	width: 3px;
	height: 0;
	background: var(--yb-color-700, #3d3d3d);
	will-change: height;
}
.block-journey .journey-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.block-journey .journey-list__item {
	display: grid;
	grid-template-columns: minmax(140px, 180px) 1fr auto;
	gap: 24px 32px;
	align-items: flex-start;
	padding: 24px 0;
	border-bottom: 1px solid var(--yb-color-700, #3d3d3d);
}
.block-journey .journey-list__item:first-child {
	padding-top: 0;
}
.block-journey .journey-list__item:last-child {
	border-bottom: none !important;
	padding-bottom: 0;
}
.block-journey .journey-list__item:last-child .journey-list__desc {
	margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.block-journey .journey-list__item {
	grid-template-columns: 1fr auto;
	gap: 8px 16px;
	padding: 20px 0;
	}
	.block-journey .journey-list__item .journey-list__date {
	grid-column: 1;
	}
	.block-journey .journey-list__item .journey-list__body {
	grid-column: 1;
	grid-row: 2;
	}
	.block-journey .journey-list__item .journey-list__link {
	grid-column: 2;
	grid-row: 1/3;
	align-self: center;
	}
}
.block-journey .journey-list__date {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.01em;
	color: var(--yb-color-0);
	flex-shrink: 0;
	padding-top: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.block-journey .journey-list__date {
	font-size: 13px;
	}
}
.block-journey .journey-list__body {
	max-width: 75%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.block-journey .journey-list__body {
	max-width: 100%;
	}
}
.block-journey .journey-list__title {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.35;
	color: var(--yb-color-0);
	margin: 0 0 6px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.block-journey .journey-list__title {
	font-size: 18px;
	}
}
.block-journey .journey-list__company {
	font-weight: 400;
	opacity: 0.9;
}
.block-journey .journey-list__desc {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.01em;
	color: rgba(255, 255, 255, 0.65);
	margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 574.98px) {
	.block-journey .journey-list__desc {
	font-size: 14px;
	}
}
.block-journey .journey-list__link {
	display: inline-flex;
	align-items: flex-start;
	align-self: flex-start;
	justify-content: flex-start;
	color: var(--yb-color-0);
	padding: 8px;
	margin: -8px;
	transition: opacity 0.2s ease;
}
.block-journey .journey-list__link:hover {
	opacity: 0.8;
}
.block-journey .journey-list__link svg {
	display: block;
}

/*----------------------------------------*/
/* Back to Top
/*----------------------------------------*/
.back-to-top-wrapper {
	position: fixed;
	right: 50px;
	bottom: 100px;
	width: 48px;
	height: 48px;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(10px) scale(0.95);
	transition:
		opacity 0.3s ease-in-out,
		transform 0.3s ease-in-out,
		visibility 0s linear 0.3s;
}

@media (max-width: 574.98px) {
	.back-to-top-wrapper {
		right: 20px;
		bottom: 20px;
	}
}

.back-to-top-wrapper.back-to-top-btn-show {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	transition:
		opacity 0.3s ease-in-out,
		transform 0.3s ease-in-out,
		visibility 0s linear 0s;
}

.back-to-top-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid rgba(30, 30, 30, 0.1);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.40);
	color: var(--yb-common-black);
	-webkit-backdrop-filter: blur(14px) saturate(165%);
	backdrop-filter: blur(14px) saturate(165%);
	box-shadow: none;
	outline: none;
	transform: translateY(0) scale(1);
	transition:
		background-color 0.25s ease-in-out,
		border-color 0.25s ease-in-out,
		color 0.25s ease-in-out,
		transform 0.2s ease-in-out,
		box-shadow 0.2s ease-in-out;
}

[data-yb-theme="dark"] .back-to-top-btn {
	background: rgba(20, 20, 20, 0.5);
	border-color: rgba(255, 255, 255, 0.1);
	color: var(--yb-common-dark-black);
}

.back-to-top-btn svg {
	display: block;
	width: 13px;
	height: 8px;
}

.back-to-top-btn:hover {
	background: rgba(255, 255, 255, 0.5);
	border-color: rgba(30, 30, 30, 0.15);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}

[data-yb-theme="dark"] .back-to-top-btn:hover {
	background: rgba(30, 30, 30, 0.56);
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.back-to-top-btn:active {
	transform: translateY(0) scale(0.95);
	box-shadow:
		0 0 0 4px rgba(30, 30, 30, 0.12),
		0 0 0 1px rgba(255, 255, 255, 0.18) inset;
}

.back-to-top-btn:focus {
	outline: none;
}

.back-to-top-btn:focus-visible {
	box-shadow:
		0 0 0 4px rgba(30, 30, 30, 0.12),
		0 0 0 1px rgba(255, 255, 255, 0.18) inset;
}

[data-yb-theme="dark"] .back-to-top-btn:active,
[data-yb-theme="dark"] .back-to-top-btn:focus-visible {
	box-shadow:
		0 0 0 4px rgba(255, 255, 255, 0.15),
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

/*----------------------------------------*/
/* Off-canvas
/*----------------------------------------*/
.body-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 995;
	width: 100%;
	height: 100%;
	background: rgba(24, 24, 24, 0.5);
	visibility: hidden;
	opacity: 0;
	transition: 0.45s ease-in-out;
}
.body-overlay.apply {
	opacity: 1;
	visibility: visible;
}
.body-overlay:hover {
	cursor: default;
}

.yb-offcanvas {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	right: -100%;
	width: 460px;
	bottom: 0;
	box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
	background-color: var(--yb-common-white);
	z-index: 997;
	scrollbar-width: none;
	opacity: 0;
	visibility: hidden;
	transition:
		right 0.45s ease-in-out,
		opacity 0.3s ease-in-out,
		visibility 0.3s ease-in-out;
	overflow-y: scroll;
}

body.admin-bar .yb-offcanvas {
	top: var(--yb-adminbar-offset, 32px);
	bottom: 0;
	height: auto;
	max-height: none;
}

body.admin-bar .yb-offcanvas-cart {
	height: auto;
}
@media (max-width: 574.98px) {
	.yb-offcanvas {
	width: 100%;
	padding: 40px 35px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.yb-offcanvas {
	width: 400px;
	padding: 40px;
	}
}
.yb-offcanvas.opened {
	opacity: 1;
	visibility: visible;
	right: 0;
	transition:
		right 0.4s ease-in-out,
		opacity 0.3s ease-in-out,
		visibility 0.3s ease-in-out;
}
.yb-offcanvas-top {
	margin-bottom: 50px;
}

.yb-offcanvas-mobile-top {
	margin-bottom: 70px;
}

.yb-offcanvas-mobile-head {
	display: flex;
	align-items: center;
	min-height: 38px;
}

.yb-offcanvas-mobile-note {
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: var(--yb-common-black);
}
.yb-offcanvas-close-btn button {
	color: rgba(var(--yb-common-black), 1);
	padding: 0;
}
.yb-offcanvas-close-btn button:hover {
	opacity: 1;
	transform: rotate(90deg);
}
.yb-offcanvas-menu .yb-megamenu-box {
	margin-bottom: 30px;
}
.yb-offcanvas-menu .yb-megamenu-box li a {
	padding: 8px 20px;
	border-radius: 10px;
	font-size: 17px;
}
.yb-offcanvas-menu .yb-megamenu-box li a:hover {
	background-color: var(--yb-color-50);
	color: var(--yb-common-black);
}
.yb-offcanvas-menu .yb-megamenu {
	margin-top: 15px;
}
.yb-offcanvas-title {
	font-size: 64px;
	line-height: 1;
	letter-spacing: -0.8px;
	font-weight: 600;
	color: var(--yb-common-black);
}
.yb-offcanvas-title.sm {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 15px;
	color: var(--yb-common-black);
}
.yb-offcanvas-contact {
	margin-bottom: 55px;
}
.yb-offcanvas-contact ul li {
	list-style: none;
}
.yb-offcanvas-contact ul li:not(:last-child) {
	margin-bottom: 2px;
}
.yb-offcanvas-contact ul li a {
	display: inline-block;
	color: var(--yb-color-900);
	position: relative;
	font-family: var(--yb-ff-body);
}
.yb-offcanvas-gallery {
	margin-bottom: 65px;
}
.yb-offcanvas-gallery-img {
	width: 65px;
	height: 65px;
	border-radius: 8px;
	overflow: hidden;
	padding: 4px;
	background: var(--yb-color-50);
}
.yb-offcanvas-gallery-img img {
	transition: 0.9s;
	border-radius: 4px;
	filter: grayscale(100%);
}
.yb-offcanvas-gallery-img:hover img {
	transform: scale(1.2) rotate(-2deg);
}
.yb-offcanvas-content p {
	font-size: 20px;
	font-weight: 400;
	line-height: normal;
	color: var(--yb-color-900);
	font-family: var(--yb-ff-body);
}

.yb-offcanvas-social {
	margin-top: 40px;
	margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 574.98px) {
	.yb-offcanvas-social {
	margin-bottom: 40px;
	}
}
.yb-offcanvas-social__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.yb-offcanvas-social__link {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	color: var(--yb-common-black);
	font-size: 16px;
	font-weight: 400;
	font-family: var(--yb-ff-body);
	text-decoration: none;
	transition: color 0.3s ease, opacity 0.3s ease;
}
.yb-offcanvas-social__link:hover {
	color: var(--yb-theme-primary, var(--yb-common-black));
	opacity: 0.85;
}
.yb-offcanvas-social__link svg {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}

.yb-offcanvas-cart-placeholder {
	min-height: calc(100vh - 220px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 24px 0;
}

.yb-offcanvas-cart-placeholder p {
	max-width: 320px;
}

html.yb-offcanvas-page-lock,
body.yb-offcanvas-page-lock {
	overflow: hidden !important;
	height: 100%;
	touch-action: none;
}

/*----------------------------------------*/
/* Offcanvas Cart
/*----------------------------------------*/
.yb-offcanvas-cart {
	display: flex;
	flex-direction: column;
	height: auto;
	min-height: 0;
	overflow: hidden;
}

.yb-offcanvas-cart-content,
.yb-offcanvas-cart > .widget_shopping_cart_content,
.yb-offcanvas-cart .yb-offcanvas-cart-content.widget_shopping_cart_content {
	flex: 1 1 auto;
	min-height: 0;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
}

.yb-offcanvas-cart-top {
	display: flex;
	align-items: flex-start;
	background: var(--yb-color-50);
	gap: 20px;
	padding: 20px 30px;
	margin-bottom: 30px;
}

.yb-offcanvas-cart-top .yb-offcanvas-close-btn {
	margin-left: auto;
	flex: 0 0 auto;
}

.yb-offcanvas-cart-head {
	padding-top: 6px;
	max-width: 280px;
}

.yb-offcanvas-cart-note {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: var(--yb-color-900);
}

.yb-offcanvas-cart-footer {
	flex: 0 0 auto;
	margin-top: 30px;
	padding: 20px 30px calc(20px + env(safe-area-inset-bottom, 0px));
	background: var(--yb-color-50);
}

.yb-offcanvas-cart-total {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.yb-offcanvas-cart-total-label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--yb-color-500);
	line-height: 1.2;
}

.yb-offcanvas-cart-total-value {
	font-size: 30px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.04em;
	color: var(--yb-color-900);
	white-space: nowrap;
}

.yb-offcanvas-cart-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.yb-offcanvas-cart-btn {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: var(--yb-theme-primary);
	color: var(--yb-color-0);
}

.yb-offcanvas-cart-btn--light {
	background-color: var(--yb-color-150);
	color: var(--yb-main);
}

@media (max-width: 574.98px) {
	.yb-offcanvas-cart-top {
		gap: 14px;
		margin-bottom: 24px;
	}

	.yb-offcanvas-cart-head {
		max-width: 200px;
		padding-top: 2px;
	}

	.yb-offcanvas-cart-note {
		font-size: 16px;
	}

	.yb-offcanvas-cart-total {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.yb-offcanvas-cart-total-value {
		font-size: 24px;
	}
}
.yb-offcanvas-cart-empty-state {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	max-width: 420px;
	min-height: 0;
	margin: 0 auto;
	padding: clamp(12px, 3vh, 32px) 0;
	overflow: hidden;
}

.yb-offcanvas-cart-empty-state.yb-ajax-item-enter {
	transform: translate3d(0, 42px, 0);
	transition:
		opacity .58s ease,
		transform .78s cubic-bezier(0.22, 1, 0.36, 1);
}

.yb-offcanvas-cart-empty-icon {
	width: clamp(68px, 14vh, 104px);
	height: clamp(68px, 14vh, 104px);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: clamp(10px, 2vh, 18px);
	border-radius: clamp(16px, 3vh, 24px);
	background: var(--yb-color-50);
	color: var(--yb-color-900);
	flex: 0 0 auto;
}

.yb-offcanvas-cart-empty-icon svg {
	width: clamp(34px, 7.5vh, 56px);
	height: clamp(34px, 7.5vh, 56px);
	display: block;
}

.yb-offcanvas-cart-empty-title {
	margin: 0 0 clamp(8px, 1.7vh, 12px);
	font-size: clamp(22px, 4.2vh, 32px);
	line-height: 1.05;
	letter-spacing: -0.04em;
	font-weight: 600;
	color: var(--yb-color-900);
	text-align: center;
}

.yb-offcanvas-cart-empty-text {
	display: -webkit-box;
	max-width: 360px;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: clamp(14px, 2.4vh, 18px);
	line-height: 1.35;
	letter-spacing: -0.02em;
	color: var(--yb-color-500);
	text-align: center;
}

@media (max-width: 574.98px) {
	.yb-offcanvas-cart-empty-state {
		max-width: 100%;
		padding-top: clamp(10px, 2.5vh, 24px);
		padding-bottom: clamp(12px, 3vh, 24px);
	}

	.yb-offcanvas-cart-empty-icon {
		width: clamp(62px, 13vh, 84px);
		height: clamp(62px, 13vh, 84px);
		margin-bottom: clamp(10px, 1.8vh, 14px);
		border-radius: clamp(16px, 2.8vh, 20px);
	}

	.yb-offcanvas-cart-empty-icon svg {
		width: clamp(32px, 7vh, 44px);
		height: clamp(32px, 7vh, 44px);
	}

	.yb-offcanvas-cart-empty-title {
		margin-bottom: clamp(8px, 1.5vh, 10px);
		font-size: clamp(22px, 4vh, 24px);
	}

	.yb-offcanvas-cart-empty-text {
		max-width: 100%;
		font-size: clamp(14px, 2.6vh, 16px);
	}
}

@media (max-height: 680px) {
	.yb-offcanvas-cart-top {
		margin-bottom: 18px;
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.yb-offcanvas-cart-footer {
		margin-top: 18px;
		padding-top: 16px;
		padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	}

	.yb-offcanvas-cart-btn {
		padding-top: 14px;
		padding-bottom: 14px;
	}
}

@media (max-height: 560px) {
	.yb-offcanvas-cart-top {
		margin-bottom: 12px;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.yb-offcanvas-cart-footer {
		margin-top: 12px;
		padding-top: 14px;
		padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
	}

	.yb-offcanvas-cart-total {
		margin-bottom: 12px;
	}

	.yb-offcanvas-cart-empty-text {
		-webkit-line-clamp: 2;
	}
}

/*----------------------------------------*/
/* Offcanvas Cart List
/*----------------------------------------*/
.yb-offcanvas-cart-body {
	flex: 1 1 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	padding: 0 30px;
	overflow: hidden;
}

.yb-offcanvas-cart-list-wrap {
	position: relative;
	flex: 1 1 0;
	min-height: 0;
	height: 100%;
	padding-right: 18px;
}

.yb-offcanvas-cart-list {
	height: 100%;
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}

.yb-offcanvas-cart-list::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}

.yb-offcanvas-cart-scrollbar {
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	border-radius: 999px;
	background: var(--yb-scrollbar);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s ease;
}

.yb-offcanvas-cart-scrollbar.is-visible {
	opacity: 1;
}

.yb-offcanvas-cart-scrollbar__thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 48px;
	border-radius: 999px;
	background: var(--yb-scrollbar-thumb-visible);
	transform: translate3d(0, 0, 0);
	will-change: transform, height;
}

@media (max-width: 991.98px) {
	.yb-offcanvas-cart-scrollbar {
		width: 6px;
	}
}

.yb-offcanvas-cart-item {
	position: relative;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	padding: 14px 52px 14px 0;
	border-bottom: 1px solid var(--yb-color-100);
	transition: none;
}

.yb-offcanvas-cart-item-link {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}

.yb-offcanvas-cart-item-link:hover,
.yb-offcanvas-cart-item-link:focus {
	color: inherit;
	text-decoration: none;
}

.yb-offcanvas-cart-item-link:hover .yb-offcanvas-cart-item-title,
.yb-offcanvas-cart-item-link:focus .yb-offcanvas-cart-item-title {
	color: var(--yb-theme-primary);
}

.yb-offcanvas-cart-item.is-removing {
	pointer-events: none;
	overflow: hidden;
}

.yb-offcanvas-cart-item:first-child {
	padding-top: 14px;
}

.yb-offcanvas-cart-item:last-child {
	border-bottom-color: transparent;
}

.yb-offcanvas-cart-item-thumb {
	width: 82px;
	height: 82px;
	border-radius: 14px;
	overflow: hidden;
	background: var(--yb-color-50);
	border: 1px solid var(--yb-color-100);
	flex: 0 0 auto;
}

.yb-offcanvas-cart-item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.yb-offcanvas-cart-item-content {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.yb-offcanvas-cart-item-title {
	font-size: 18px;
	line-height: 1.15;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: var(--yb-color-900);
	margin: 0;
	padding-right: 8px;
	transition: color 0.25s ease;
}

.yb-offcanvas-cart-item-price {
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	color: var(--yb-color-500);
	margin: 0;
}

.yb-offcanvas-cart-item-remove {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 38px;
	height: 38px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--yb-color-900);
	background: transparent;
	border: 0;
	line-height: 0;
}

.yb-offcanvas-cart-item-remove svg {
	width: 24px;
	height: 24px;
	display: block;
}

.yb-offcanvas-cart-item-remove:hover {
	opacity: 1;
	transform: translateY(-50%) rotate(90deg);
}

.yb-offcanvas-cart-empty {
	padding: 12px 0 4px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--yb-color-500);
}

@media (max-width: 574.98px) {
	.yb-offcanvas-cart-item {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 14px;
		padding: 12px 44px 12px 0;
	}

	.yb-offcanvas-cart-item-thumb {
		width: 72px;
		height: 72px;
		border-radius: 12px;
	}

	.yb-offcanvas-cart-item-title {
		font-size: 16px;
	}

	.yb-offcanvas-cart-item-price {
		font-size: 14px;
	}

	.yb-offcanvas-cart-item-remove {
		width: 34px;
		height: 34px;
	}

	.yb-offcanvas-cart-item-remove svg {
		width: 22px;
		height: 22px;
	}
}

/*----------------------------------------*/
/* Offcanvas Mobile Menu
/*----------------------------------------*/
.yb-offcanvas-menu ul {
	list-style: none;
}
.yb-offcanvas-menu ul li {
	position: relative;
}
.yb-offcanvas-menu ul li > a {
	padding: 7px 0;
	display: block;
	font-size: 18px;
	font-weight: 600;
}

.yb-offcanvas-mobile .yb-offcanvas-menu ul {
	margin: 0;
	padding: 0;
}

.yb-offcanvas-mobile .yb-offcanvas-menu ul li + li {
	margin-top: 18px;
}

.yb-offcanvas-mobile .yb-offcanvas-menu ul li > a {
	padding: 0;
	font-size: 26px;
	line-height: 1.15;
	font-weight: 600;
}
.yb-offcanvas-menu ul li.active > a {
	color: var(--yb-common-black);
}
.yb-offcanvas-menu ul li.active > .yb-menu-close i {
	top: 10px;
	transform: rotate(90deg);
}
.yb-offcanvas-menu ul li .submenu {
	display: none;
}
.yb-offcanvas-menu ul li .submenu .submenu {
	margin-left: 30px;
}
.yb-offcanvas-menu .yb-submenu > li > a {
	padding: 8px 20px;
	border-radius: 10px;
	font-size: 16px;
}
.yb-offcanvas-menu .yb-submenu > li > a:hover {
	background-color: #f8f8fb;
	color: var(--yb-common-black);
}

.yb-menu-close {
	position: absolute;
	right: 7px;
	top: 12px;
}
.yb-menu-close i {
	transition: all 0.3s;
	font-size: 18px;
	font-weight: 400;
}

/*----------------------------------------*/
/* Animations
/*----------------------------------------*/
@keyframes rotate-infinite {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}
.rotate-infinite {
	animation: rotate-infinite 15s linear infinite;
}
@keyframes rotate-infinite-2 {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(-360deg);
	}
}
.rotate-infinite-2 {
	animation: rotate-infinite-2 15s linear infinite;
}

@keyframes animate-pulse {
	0% {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2);
	}
	40% {
	box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2);
	}
	80% {
	box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
	}
	100% {
	box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
	}
}
@keyframes arrowLineRotation {
	to {
	transform: rotate(180deg);
	}
}
@keyframes arrowLineRotationRev {
	to {
	transform: rotate(-180deg);
	}
}
.hover-up {
	transition: transform 0.2s ease-in-out;
}
.hover-up:hover {
	transform: translateY(-3px);
}


/*----------------------------------------*/
/* Header Search
/*----------------------------------------*/
.yb-header-row {
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.yb-header-search {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.yb-header-search-form {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 24px;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}

.yb-header-search-input-wrap {
	flex: 1 1 auto;
	min-width: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.yb-header-search-input {
	width: 100%;
	height: 56px;
	border: 0 !important;
	outline: 0 !important;
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 400;
	color: var(--yb-color-900);
	box-shadow: none !important;
}

.yb-header-search-input[type="search"]::-webkit-search-decoration,
.yb-header-search-input[type="search"]::-webkit-search-cancel-button,
.yb-header-search-input[type="search"]::-webkit-search-results-button,
.yb-header-search-input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.yb-header-search-input[type="search"]::-ms-clear,
.yb-header-search-input[type="search"]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

.yb-header-search-input::placeholder {
	font-size: inherit;
	line-height: inherit;
	color: var(--yb-color-500);
	opacity: 1;
}

.yb-header-search-input:focus::placeholder {
	opacity: 1;
}

.yb-header-search-actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
}

.yb-header-search-scope {
	min-width: 0;
}

.yb-header-search .yb-search-scope-select {
	display: none;
}

.yb-search-close {
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--yb-color-900);
	flex: 0 0 auto;
}

.yb-search-close svg {
	width: 40px;
	height: 40px;
}

.yb-search-close:hover {
	opacity: 1;
	transform: rotate(90deg);
}

.yb-header-area.is-search-open {
	background: color-mix(in srgb, var(--yb-color-150) 90%, transparent);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom-color: transparent;
}

.yb-header-area.is-search-open .yb-header-row {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.yb-header-area.is-search-open .yb-header-search {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
	.yb-header-search-form {
		gap: 18px;
	}

	.yb-header-search-input {
		font-size: 18px;
	}

	.yb-header-search .nice-select {
		min-width: 170px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 574.98px) {
	.yb-header-area {
		height: 78px;
	}

	.yb-header-search-form {
		gap: 10px;
	}

	.yb-header-search-input-wrap {
		border-bottom-width: 1px;
	}

	.yb-header-search-input {
		height: 50px;
		font-size: 15px;
	}

	.yb-header-search .nice-select {
		min-width: 138px;
		max-width: 138px;
		font-size: 13px;
		height: 40px;
		line-height: 38px;
		padding: 0 34px 0 14px;
	}

	.yb-header-search .nice-select::after {
		right: 14px;
	}

	.yb-search-close {
		width: 40px;
		height: 40px;
	}

	.yb-search-close svg {
		width: 24px;
		height: 24px;
	}
}

/*----------------------------------------*/
/* Header Search Field
/*----------------------------------------*/
.yb-search-form-input {
	position: relative;
	transform: translateY(-40px);
	opacity: 0;
	overflow: hidden;
	display: flex;
	font-size: var(--yb-fs-xl);
	align-items: center;
	padding: 0 30px;
	padding-right: 188px;
	border: 1px solid var(--yb-color-200);
	border-radius: 10px;
	background: var(--yb-color-0);
	box-shadow: none;
	will-change: transform, box-shadow, background-color, border-color;
	transition:
		background-color 0.18s ease-in-out,
		border-color 0.18s ease-in-out,
		transform 0.18s ease-in-out,
		box-shadow 0.18s ease-in-out,
		opacity 0.3s ease-in-out;
}

.yb-search-form-input::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.18s ease-in-out;
}

.yb-search-form-input:hover::before {
	opacity: 1;
}

.yb-search-form-input:focus-within {
	outline: none;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--yb-theme-primary) 16%, transparent);
	border-color: var(--yb-form-focus);
	left: 0;
	width: 100%;
	opacity: 0.18;
}

.yb-search-form-input:focus-within::before {
	opacity: 1;
}

.yb-search-form-field,
.yb-search-form-input input {
	width: 100%;
	height: 100%;
	min-width: 0;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	font-weight: 400;
	color: var(--yb-common-black);
	display: block;
	background: transparent;
	padding: 25px 0;
	margin: 0;
	position: relative;
	z-index: 2;
	transition: all 0.2s ease-in-out;
}

.yb-search-form-field::placeholder,
.yb-search-form-input input::placeholder {
	font-size: 18px;
	color: var(--yb-color-500);
	opacity: 1;
	transition: all 0.2s ease-in-out;
}

.yb-search-form-field:focus,
.yb-search-form-input input:focus {
	border-color: transparent;
}

.yb-search-form-field[type="search"]::-webkit-search-decoration,
.yb-search-form-field[type="search"]::-webkit-search-cancel-button,
.yb-search-form-field[type="search"]::-webkit-search-results-button,
.yb-search-form-field[type="search"]::-webkit-search-results-decoration,
.yb-search-form-input input[type="search"]::-webkit-search-decoration,
.yb-search-form-input input[type="search"]::-webkit-search-cancel-button,
.yb-search-form-input input[type="search"]::-webkit-search-results-button,
.yb-search-form-input input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.yb-search-form-field[type="search"]::-ms-clear,
.yb-search-form-field[type="search"]::-ms-reveal,
.yb-search-form-input input[type="search"]::-ms-clear,
.yb-search-form-input input[type="search"]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

.yb-search-form-clear {
	position: absolute;
	top: 50%;
	right: 140px;
	z-index: 4;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	border-radius: 6px;
	line-height: 0;
	color: var(--yb-color-700);
	background: transparent;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-50%) rotate(-90deg) scale(0);
	transform-origin: center center;
	will-change: transform, opacity, background-color, box-shadow;
	transition:	all 0.3s ease-in-out;
}

.yb-search-form-clear .icon {
	display: block;
	line-height: 0;
}

.yb-search-form-clear svg {
	display: block;
	width: 28px;
	height: 28px;
}

.yb-search-form-input.has-value .yb-search-form-clear {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(-50%) rotate(0deg) scale(1);
}

.yb-search-form-clear:hover {
	color: var(--yb-color-900);
	transform: translateY(-50%) rotate(90deg) scale(1);
}

.yb-search-form-clear:active {
	transform: translateY(-50%) rotate(90deg) scale(0.92);
}

.yb-search-form-clear:focus,
.yb-search-form-clear:focus-visible {
	outline: none;
}

.yb-search-form-btn {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	z-index: 3;
	border-radius: 8px;
}

@media (max-width: 767.98px) {
	.yb-search-form-clear {
		right: 102px;
		width: 40px;
		height: 40px;
	}

	.yb-search-form-clear svg {
		width: 24px;
		height: 24px;
	}
}

/*----------------------------------------*/
/* Language Switcher 
/*----------------------------------------*/
.yb-lang-switch {
	--yb-lang-switch-item-width: 44px;
	--yb-lang-switch-item-height: 28px;
	--yb-lang-switch-gap: 2px;
	--yb-lang-switch-padding: 3px;
	--yb-lang-switch-active-index: 0;

	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--yb-lang-switch-gap);
	height: calc(var(--yb-lang-switch-item-height) + (var(--yb-lang-switch-padding) * 2));
	padding: var(--yb-lang-switch-padding);
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: var(--yb-color-0);
	overflow: hidden;
	isolation: isolate;
	flex: 0 0 auto;
}

.yb-lang-switch::before {
	content: "";
	position: absolute;
	top: var(--yb-lang-switch-padding);
	left: var(--yb-lang-switch-padding);
	z-index: 0;
	width: var(--yb-lang-switch-item-width);
	height: var(--yb-lang-switch-item-height);
	border-radius: inherit;
	background: var(--yb-color-900);
	box-shadow: 0 8px 18px rgba(var(--yb-common-black-rgb), 0.12);
	transform: translate3d(calc(var(--yb-lang-switch-active-index) * (var(--yb-lang-switch-item-width) + var(--yb-lang-switch-gap))), 0, 0);
	will-change: transform;
	transition:
		transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

.yb-lang-switch__item {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--yb-lang-switch-item-width);
	height: var(--yb-lang-switch-item-height);
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--yb-color-600);
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	transition:
		color 0.2s ease,
		opacity 0.2s ease,
		transform 0.2s ease;
}

.yb-lang-switch__item:hover {
	color: var(--yb-color-900);
}

.yb-lang-switch__item.is-active {
	color: var(--yb-color-0);
	pointer-events: none;
}

.yb-lang-switch__item:focus,
.yb-lang-switch__item:focus-visible {
	outline: none;
	box-shadow: none;
}

.yb-lang-switch.is-lang-switch-init::before {
	transition: none !important;
}

@media (max-width: 574.98px) {
	.yb-lang-switch {
		--yb-lang-switch-item-width: 38px;
		--yb-lang-switch-item-height: 26px;
	}

	.yb-lang-switch__item {
		font-size: 11px;
	}
}

/*----------------------------------------*/
/* Nice Select
/*----------------------------------------*/
select.yb-select {
	box-sizing: border-box;
	display: block;
	width: auto;
	height: 50px;
	min-height: 50px;
	line-height: 48px;
	padding: 0 32px 0 0;
	border: 0;
	border-radius: 5px;
	background-color: transparent;
	color: var(--yb-color-900);
	font-family: var(--yb-ff-body);
	font-size: 20px;
	font-weight: 400;
	appearance: none;
	-webkit-appearance: none;
}

html.yb-js select.yb-select {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.nice-select {
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	outline: none;
	position: relative;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
	color: var(--yb-color-900);
	padding-left: 0;
	font-weight: 400;
	border-radius: 5px;
	font-size: 20px;
	height: 50px;
	line-height: 48px;
	padding-right: 32px;
	font-family: var(--yb-ff-body);
}

.nice-select .current {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}

.nice-select:hover {
	border-color: var(--yb-theme-primary);
}
.nice-select::before {
	display: none;
	content: none;
}

.nice-select.yb-select,
.nice-select.product-filter-select,
.nice-select.yb-comments-sort-select {
	padding-left: 0;
}

.nice-select.yb-select::before,
.nice-select.product-filter-select::before,
.nice-select.yb-comments-sort-select::before {
	display: none;
	content: none;
}

.nice-select::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: 18px;
	height: 18px;
	pointer-events: none;
	margin-top: 0;
	color: var(--yb-color-900);
	background-color: currentColor;
	transform-origin: center;
	transform: translateY(-50%) rotate(90deg);
	transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out;

	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 5L16.5 12L9.5 19' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 5L16.5 12L9.5 19' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.nice-select.open::after {
	transform: translateY(-50%) rotate(-90deg);
}
.nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
.nice-select.disabled {
	border-color: #ededed;
	color: #999;
	pointer-events: none;
}
.nice-select.disabled::after {
	border-color: #cccccc;
}
.nice-select.wide {
	width: 100%;
}
.nice-select.wide .list {
	left: 0 !important;
	right: 0 !important;
}
.nice-select.right {
	float: right;
}
.nice-select.right .list {
	left: auto;
	right: 0;
}
.nice-select.small {
	font-size: 12px;
	height: 36px;
	line-height: 34px;
}
.nice-select.small::after {
	height: 4px;
	width: 4px;
}
.nice-select.small .option {
	line-height: 34px;
	min-height: 34px;
}
.nice-select .list {
	background-color: var(--yb-color-0);
	width: 200px;
	border-radius: 10px;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	box-sizing: border-box;
	margin-top: 4px;
	opacity: 0;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 14px;
	clip-path: inset(0 round 14px);
	padding: 10px;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	transform-origin: 50% 0;
	transform: translateY(20px);
	transition: all 0.15s ease-in-out;
	z-index: 9;
}
.nice-select .option {
	cursor: pointer;
	line-height: 40px;
	min-height: 40px;
	outline: none;
	padding: 0 10px;
	text-align: center;
	transition: all 0.2s;
	border-radius: 10px;
	margin-bottom: 5px;
}
.nice-select .option:last-child {
	margin-bottom: 0px;
}
.nice-select .option:hover {
	color: var(--yb-color-600);
}
.nice-select .option.disabled {
	background-color: transparent;
	color: #999;
	cursor: default;
}
.nice-select .option.selected {
	font-weight: 600;
	color: var(--yb-main-dark);
	background-color: var(--yb-color-dark-300);
}

.no-csspointerevents .nice-select .list {
	display: none;
}

.no-csspointerevents .nice-select.open .list {
	display: block;
}

/*----------------------------------------*/
/* Color Change Button
/*----------------------------------------*/
.yb-color-switcher:focus,
.yb-color-switcher:focus-visible {
	outline: none;
	box-shadow: none;
}

.yb-color-switcher .icon {
	grid-column: 1 / 1;
	grid-row: 1 / 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transform-origin: center center;
	transition: transform 300ms ease;
}

.yb-color-switcher .icon--moon {
	transition-delay: 100ms;
	transform: rotate(0deg) scale(1);
}

.yb-color-switcher .icon--sun {
	transform: rotate(-360deg) scale(0);
}

.yb-color-switcher.is-dark .icon--moon {
	transition-delay: 0ms;
	transform: rotate(360deg) scale(0);
}

.yb-color-switcher.is-dark .icon--sun {
	transition-delay: 100ms;
	transform: rotate(0deg) scale(1);
}

/*----------------------------------------*/
/*  31. YB Counter
/*----------------------------------------*/
.yb-counter {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	vertical-align: baseline;
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1, "lnum" 1;
}

.yb-counters {
	justify-content: center;
}

.yb-counters--align-left {
	justify-content: flex-start;
}

.yb-counters--align-right {
	justify-content: flex-end;
}

.yb-counters--align-center {
	justify-content: center;
}

.yb-counters--align-fit {
	justify-content: space-between;
}

.yb-counters .yb-counter-col {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.yb-counters--align-fit > .yb-counter-col:only-child {
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 767.98px) {
	.yb-counters .yb-counter-col {
		flex: 0 0 auto;
		width: 50%;
	}

	.yb-counters--align-fit {
		justify-content: flex-start;
	}
}

.yb-counter-block {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.yb-counter-block > h2 {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 0;
	width: 100%;
	white-space: nowrap;
	margin: 0 auto;
}

.yb-counter-block > h3 {
	width: 100%;
	text-align: center;
}

.yb-counter.is-ready {
	gap: 0;
}

.yb-counter-digit {
	position: relative;
	display: inline-block;
	width: 1ch;
	height: 1em;
	overflow: hidden;
	line-height: 1;
}

.yb-counter-track {
	display: flex;
	flex-direction: column;
	transform: translateY(0);
	will-change: transform;
	transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
}

.yb-counter-digit-char {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1em;
	line-height: 1em;
}

@media (prefers-reduced-motion: reduce) {
	.yb-counter-track {
		transition: none !important;
	}
}

/*----------------------------------------*/
/*  32. Virtual Scrollbar
/*----------------------------------------*/
html.has-virtual-scrollbar,
html.has-virtual-scrollbar body,
body.has-virtual-scrollbar {
	-ms-overflow-style: none !important;
	scrollbar-width: none !important;
}

html.has-virtual-scrollbar::-webkit-scrollbar,
html.has-virtual-scrollbar body::-webkit-scrollbar,
body.has-virtual-scrollbar::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

.yb-virtual-scrollbar {
	position: fixed;
	top: 12px;
	right: 14px;
	height: calc(100vh - 24px);
	width: 8px;
	z-index: 9999;
	pointer-events: none;
	opacity: 0;
	background: transparent;
	transition: opacity 0.25s ease;
}

.yb-virtual-scrollbar.is-visible {
	opacity: 1;
}

.yb-virtual-scrollbar::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1px;
	width: 8px;
	border-radius: 999px;
	background: var(--yb-scrollbar);
}

.yb-virtual-scrollbar__thumb {
	position: absolute;
	top: 0;
	left: 1px;
	width: 8px;
	min-height: 48px;
	border-radius: 999px;
	background: var(--yb-scrollbar-thumb);
	box-shadow: none;
	border: none;
	transform: translate3d(0, 0, 0);
	will-change: transform, height;
	transition: background 0.2s ease;
}

.yb-virtual-scrollbar.is-visible .yb-virtual-scrollbar__thumb {
	background: var(--yb-scrollbar-thumb-visible);
}

@media (max-width: 991.98px) {
	.yb-virtual-scrollbar {
		right: 6px;
		width: 6px;
	}
}

@media (hover: none) and (pointer: coarse) {
	.yb-virtual-scrollbar {
		display: none;
	}
}

/*----------------------------------------*/
/*	33. Matter
/*----------------------------------------*/
.yb-matter-capsule-wrapper-box {
	position: fixed;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.yb-matter-capsule-wrapper {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	margin-top: 0;
	height: 100dvh;
}

.yb-matter-capsule-wrapper > * {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	margin-bottom: 0;
	user-select: none;
	pointer-events: auto;
	transition: none;
}

.yb-matter-box {
	--shape-size: 110px;
	--shape-width: var(--shape-size);
	--shape-height: var(--shape-size);
	--icon-size: 45px;
	--shape-radius: 7px;
	--shape-rand-scale: 1;

	width: calc(var(--shape-width) * var(--shape-rand-scale));
	height: calc(var(--shape-height) * var(--shape-rand-scale));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background-color: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translate(-50%, -50%) rotate(0rad);
	overflow: hidden;
	will-change: transform;
}

.yb-matter-box__icon {
	width: calc(var(--icon-size) * var(--shape-rand-scale));
	height: calc(var(--icon-size) * var(--shape-rand-scale));
	min-width: calc(var(--icon-size) * var(--shape-rand-scale));
	min-height: calc(var(--icon-size) * var(--shape-rand-scale));
	flex: 0 0 calc(var(--icon-size) * var(--shape-rand-scale));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	position: relative;
	z-index: 1;
	aspect-ratio: 1 / 1;
}

.yb-matter-box img,
.yb-matter-box svg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	pointer-events: none;
	flex: 0 0 auto;
}

.yb-matter-box img {
	object-fit: contain;
}

.yb-matter-box svg {
	fill: currentColor;
	color: inherit;
	overflow: visible;
	aspect-ratio: 1 / 1;
}

.yb-matter-box--square {
	--shape-width: var(--shape-size);
	--shape-height: var(--shape-size);
	border-radius: var(--shape-radius);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
	.yb-matter-box {
		--shape-size: 108px;
		--icon-size: 36px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.yb-matter-box {
		--shape-size: 88px;
		--icon-size: 30px;
	}
}

@media (max-width: 574.98px) {
	.yb-matter-box {
		--shape-size: 68px;
		--icon-size: 22px;
	}
}

/*----------------------------------------*/
.yb-maintenance-main {
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: 40px 0;
}

.yb-maintenance-card {
	max-width: 820px;
	padding: clamp(32px, 6vw, 72px);
	border: 1px solid var(--yb-theme-border, rgba(255,255,255,.14));
	border-radius: 42px;
	text-align: center;
}

.yb-maintenance-eyebrow {
	text-transform: uppercase;
	letter-spacing: .18em;
	opacity: .58;
}

.yb-maintenance-timer {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	align-items: baseline;
	justify-content: center;
	margin-top: 32px;
}

.yb-maintenance-timer span {
	font-size: clamp(36px, 8vw, 80px);
	font-weight: 800;
	line-height: 1;
}

.yb-maintenance-timer small {
	margin-right: 12px;
	opacity: .58;
}

/*	34. Coming Soon Hero
/*----------------------------------------*/
html.yb-coming-soon-html,
html.yb-coming-soon-html body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	scrollbar-width: none;
}

html.yb-coming-soon-html::-webkit-scrollbar,
html.yb-coming-soon-html body::-webkit-scrollbar {
	width: 0;
	height: 0;
}

body.yb-coming-soon-page {
	margin: 0;
	padding: 0;
	background: var(--yb-bg);
}

body.yb-coming-soon-page .yb-virtual-scrollbar {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

body.yb-coming-soon-page #smooth-wrapper,
body.yb-coming-soon-page #smooth-content,
body.yb-coming-soon-page main {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
}

body.yb-coming-soon-page #smooth-wrapper,
body.yb-coming-soon-page #smooth-content {
	overflow: hidden !important;
}

body.yb-coming-soon-page #smooth-content {
	padding-bottom: 0 !important;
}

body.yb-coming-soon-page #smooth-content main {
	background: transparent !important;
}

body.yb-coming-soon-page .yb-page-transition {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	margin: 0;
}

.yb-coming-hero {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	background: var(--yb-bg);
}

.yb-coming-hero__layout {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.yb-coming-hero__side {
	width: 100%;
	height: auto;
	min-height: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.yb-coming-hero__side--content {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 clamp(40px, 4vw, 80px);
	background: var(--yb-bg);
	box-sizing: border-box;
}

.yb-coming-hero__top {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(420px, 0.9fr);
	align-items: center;
	gap: clamp(28px, 4vw, 56px);
	width: 100%;
	max-width: 1840px;
}

.yb-coming-hero__intro {
	width: 100%;
	min-width: 0;
}

.yb-coming-hero__heading {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	column-gap: 56px;
	row-gap: 0;
}

.yb-coming-hero__logo {
	line-height: 0;
	align-self: start;
	margin-top: 6px;
}

.yb-coming-hero__logo .yb-logo-canvas-footer {
	width: 112px;
	display: block;
}

.yb-coming-hero__copy {
	min-width: 0;
}

.yb-coming-hero__title {
	margin: 0 0 20px;
	font-size: clamp(42px, 6vw, 88px);
	line-height: 0.88;
	letter-spacing: -0.06em;
	font-weight: 400;
	color: var(--yb-color-900);
}

.yb-coming-hero__desc {
	max-width: 680px;
	margin: 0;
	font-size: clamp(16px, 1.7vw, 26px);
	line-height: 1.12;
	color: var(--yb-color-500);
}

.yb-coming-hero__timer {
	width: 100%;
	min-width: 0;
}

.yb-coming-hero__timer .box-count {
	margin: 0;
	width: 100%;
}

.yb-coming-hero__timer .deals-countdown {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	background: transparent;
	box-sizing: border-box;
	align-items: stretch;
}

.yb-coming-hero__timer .countdown-section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 14px;
	min-height: 240px;
	padding: 24px 18px;
	margin: 0;
	width: auto;
	min-width: 0;
	border-radius: 10px;
	background: var(--yb-color-150);
	text-align: center;
	box-sizing: border-box;
}

.yb-coming-hero__timer .box-count,
.yb-coming-hero__timer .box-count-square {
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

.yb-coming-hero__timer .countdown-amount {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	min-height: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	border-radius: 0;
	color: var(--yb-color-900);
	font-size: clamp(44px, 4.5vw, 82px) !important;
	line-height: 0.92;
	font-weight: 600;
	text-align: center;
}

.yb-coming-hero__timer .countdown-period {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	color: var(--yb-color-500);
	font-size: clamp(15px, 1vw, 20px) !important;
	line-height: 1.1;
	font-weight: 600;
	text-align: center;
	text-transform: capitalize;
}

.yb-coming-hero__side--scene {
	position: relative;
	height: auto;
	min-height: 0;
	background: var(--yb-matter-bg);
	box-sizing: border-box;
	overflow: hidden;
}

.yb-coming-hero__scene-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	background: var(--yb-matter-bg);
	box-sizing: border-box;
}

.yb-coming-hero__scene-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(20, 23, 27, 0.12);
	pointer-events: none;
	z-index: 3;
}

.yb-matter-scene--newton {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.yb-matter-scene--newton canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 1199.98px) {
	.yb-coming-hero__top {
		grid-template-columns: 1fr;
		gap: 28px;
		max-width: 680px;
	}

	.yb-coming-hero__heading {
		column-gap: 32px;
	}

	.yb-coming-hero__title {
		font-size: clamp(34px, 9vw, 58px);
	}

	.yb-coming-hero__desc {
	font-size: clamp(15px, 3.4vw, 20px);
	}

	.yb-coming-hero__logo .yb-logo-canvas-special {
		width: 96px;
	}

	.yb-coming-hero__timer .countdown-section {
		min-height: 210px;
	}
}


/*----------------------------------------*/
/*	35. Under Construction Hero
/*----------------------------------------*/
html.yb-under-construction-html,
html.yb-under-construction-html body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	scrollbar-width: none;
}

html.yb-under-construction-html::-webkit-scrollbar,
html.yb-under-construction-html body::-webkit-scrollbar {
	width: 0;
	height: 0;
}

body.yb-under-construction-page {
	margin: 0;
	padding: 0;
	background: var(--yb-bg);
}

body.yb-under-construction-page .yb-virtual-scrollbar {
	display: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
}

body.yb-under-construction-page #smooth-wrapper,
body.yb-under-construction-page #smooth-content,
body.yb-under-construction-page main {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
}

body.yb-under-construction-page #smooth-wrapper,
body.yb-under-construction-page #smooth-content {
	overflow: hidden !important;
}

body.yb-under-construction-page #smooth-content {
	padding-bottom: 0 !important;
}

body.yb-under-construction-page #smooth-content main {
	background: transparent !important;
}

body.yb-under-construction-page .yb-page-transition {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	margin: 0;
}

.yb-under-construction-hero {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	background: var(--yb-bg);
}

.yb-under-construction-hero__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.yb-under-construction-hero__side {
	min-width: 0;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.yb-under-construction-hero__side--content {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 clamp(48px, 5vw, 96px);
	background: var(--yb-bg);
}

.yb-under-construction-hero__content {
	width: min(100%, 680px);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 28px;
	text-align: left;
}

.yb-under-construction-hero__logo {
	display: inline-flex;
	flex: 0 0 auto;
	line-height: 0;
}

.yb-under-construction-hero__logo .yb-logo-canvas-special {
	width: 112px;
	display: block;
}

.yb-under-construction-hero__copy {
	width: 100%;
}

.yb-under-construction-hero__title {
	margin: 0 0 20px;
	font-size: clamp(42px, 6vw, 88px);
	line-height: 0.88;
	letter-spacing: -0.06em;
	font-weight: 400;
	color: var(--yb-color-900);
}

.yb-under-construction-hero__desc {
	max-width: 680px;
	margin: 0;
	font-size: clamp(16px, 1.7vw, 26px);
	line-height: 1.12;
	color: var(--yb-color-500);
}

.yb-under-construction-hero__side--scene {
	position: relative;
	background: var(--yb-matter-bg);
}

.yb-under-construction-hero__scene-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	background: var(--yb-matter-bg);
}

.yb-under-construction-hero__scene-wrap::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: rgba(20, 23, 27, 0.12);
	pointer-events: none;
	z-index: 3;
}

.yb-under-construction-hero__scene {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.yb-under-construction-hero__scene canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 1199.98px) {
	.yb-under-construction-hero__content {
		width: min(100%, 620px);
	}

	.yb-under-construction-hero__title {
		font-size: clamp(38px, 5.6vw, 68px);
		line-height: 0.9;
	}

	.yb-under-construction-hero__desc {
		font-size: clamp(16px, 2vw, 22px);
	}
}

@media (max-width: 991.98px) {
	.yb-under-construction-hero {
		width: 100%;
		height: 100dvh;
		min-height: 100dvh;
	}

	.yb-under-construction-hero__layout {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
		width: 100%;
		height: 100dvh;
		min-height: 100dvh;
	}

	.yb-under-construction-hero__side {
		width: 100%;
		height: auto;
		min-height: 0;
		box-sizing: border-box;
		overflow: hidden;
	}

	.yb-under-construction-hero__side--content {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 24px;
		background: var(--yb-bg);
		box-sizing: border-box;
		overflow: hidden;
	}

	.yb-under-construction-hero__content {
		width: 100%;
		max-width: 680px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 14px;
	}

	.yb-under-construction-hero__logo .yb-logo-canvas-special {
		width: 84px;
		display: block;
	}

	.yb-under-construction-hero__title {
		margin: 0 0 8px;
		font-size: clamp(34px, 9vw, 58px);
		line-height: 0.92;
		letter-spacing: -0.06em;
	}

	.yb-under-construction-hero__desc {
		margin: 0;
		max-width: 520px;
		font-size: clamp(15px, 3.4vw, 20px);
		line-height: 1.14;
	}

	.yb-under-construction-hero__side--scene {
		position: relative;
		height: auto;
		min-height: 0;
		box-sizing: border-box;
		overflow: hidden;
	}

	.yb-under-construction-hero__scene-wrap {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}

	.yb-under-construction-hero__scene {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 574.98px) {
	.yb-under-construction-hero__side--content {
		padding: 20px;
	}

	.yb-under-construction-hero__logo .yb-logo-canvas-special {
		width: 76px;
	}

	.yb-under-construction-hero__title {
		font-size: clamp(30px, 11vw, 46px);
		margin: 0 0 8px;
	}

	.yb-under-construction-hero__desc {
		max-width: 100%;
		font-size: 16px;
		line-height: 1.16;
	}
}

/*----------------------------------------*/
/*	36. YB Quote Block
/*----------------------------------------*/
.yb-quote-block {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	column-gap: 16px;
	align-items: start;
}

.yb-quote-block__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	line-height: 0;
	margin-bottom: 15px;
}

.yb-quote-block__icon svg {
	display: block;
	width: 34px;
	height: 34px;
	color: var(--yb-theme-primary);
}

.yb-quote {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 15px;
	width: 100%;
	max-width: 100%;
	margin: 0 0 0 auto;
	padding: 0;
}

.yb-quote__text {
	margin: 0;
	width: 100%;
	font-size: 18px;
	color: var(--yb-color-500);
	font-family: var(--yb-ff-body);
	text-wrap: auto;
}

.yb-quote__author {
	margin: 0;
	width: 100%;
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--yb-color-400);
	font-family: var(--yb-ff-body);
}

@media (max-width: 991.98px) {
	.yb-quote-block {
		grid-template-columns: 1fr;
		row-gap: 14px;
	}

	.yb-quote-block__icon {
		display: none;
	}

	.yb-quote {
		margin-left: 0;
		align-items: flex-start;
		text-align: left;
	}

	.yb-quote__text,
	.yb-quote__author {
		text-align: left;
	}
}

/*----------------------------------------*/
/*  Gallery Lightbox
/*----------------------------------------*/
.yb-lightbox {
	position: fixed;
	inset: 0;
	z-index: 10001;
	display: flex;
	align-items: stretch;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.22s ease, visibility 0.22s ease;
}

.yb-lightbox.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.yb-lightbox__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.94);
}

.yb-lightbox__dialog {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 0;
	padding: clamp(24px, 2.4vw, 32px);
	overflow: hidden;
	transition: padding 0.28s ease;
}

.yb-lightbox__close {
	position: absolute;
	right: clamp(18px, 2.1vw, 28px);
	top: clamp(18px, 2.1vw, 28px);
	z-index: 5;
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	color: rgba(255, 255, 255, 0.88);
	transition: border-color 0.22s ease, color 0.22s ease, opacity 0.22s ease;
}

.yb-lightbox__close svg {
	width: 48px;
	height: 48px;
}

.yb-lightbox__close:hover,
.yb-lightbox__close:focus-visible {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.18);
	opacity: 1;
}

.yb-lightbox__controls {
	position: absolute;
	right: clamp(18px, 2.1vw, 28px);
	top: clamp(18px, 2.1vw, 28px);
	z-index: 7;
	display: flex;
	align-items: center;
	gap: 6px;
}

.yb-lightbox__control {
	position: relative;
	width: 68px;
	height: 68px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	color: rgba(255, 255, 255, 0.88);
	cursor: pointer;
	transition: border-color 0.22s ease, color 0.22s ease, opacity 0.22s ease;
}

.yb-lightbox__controls .yb-lightbox__close {
	position: relative;
	right: auto;
	top: auto;
}

.yb-lightbox__control svg {
	width: 48px;
	height: 48px;
}

.yb-lightbox__control:hover,
.yb-lightbox__control:focus-visible {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.18);
	opacity: 1;
}

.yb-lightbox__main {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	flex: 1 1 auto;
	min-height: 0;
	padding: clamp(44px, 6vw, 76px) clamp(96px, 8vw, 132px) 24px;
	transition: padding 0.28s ease;
}

.yb-lightbox__nav {
	position: absolute;
	top: 50%;
	z-index: 6;
	flex: none;
	width: 72px;
	height: 72px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.9);
	opacity: 1;
	transform: translateY(-50%);
	transition: border-color 0.22s ease, color 0.22s ease, opacity 0.22s ease;
}

.yb-lightbox__nav--prev {
	left: clamp(18px, 2.1vw, 28px);
}

.yb-lightbox__nav--next {
	right: clamp(18px, 2.1vw, 28px);
}

.yb-lightbox__nav svg {
	width: 28px;
	height: 28px;
}

.yb-lightbox__nav:hover,
.yb-lightbox__nav:focus-visible {
	border-color: rgba(255, 255, 255, 0.18);
	color: #fff;
}

.yb-lightbox__nav.is-disabled {
	opacity: 0.2;
	pointer-events: none;
}

.yb-lightbox__stage {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: transparent;
	transition: width 0.28s ease, height 0.28s ease;
}

.yb-lightbox__footer {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-height: 230px;
	overflow: visible;
	padding-bottom: 14px;
	margin-bottom: -14px;
	transition: opacity 0.22s ease, visibility 0.22s ease, max-height 0.28s ease;
}

.yb-lightbox__meta {
	width: 100%;
}

.yb-lightbox__counter {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.72);
}

.yb-lightbox__thumbs-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 100%;
	max-width: 100%;
	overflow: visible;
}

.yb-lightbox__thumbs-viewport {
	flex: 0 1 auto;
	width: fit-content;
	max-width: min(100%, calc(100vw - 178px));
	overflow-x: auto;
	overflow-y: hidden;
	padding: 12px 6px 24px;
	margin: -12px -6px -24px;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.yb-lightbox__thumbs-viewport::-webkit-scrollbar {
	display: none;
}

.yb-lightbox__thumbs {
	display: inline-flex;
	align-items: flex-start;
	justify-content: center;
	gap: 14px;
	width: max-content;
	max-width: none;
	padding: 0 2px;
}

.yb-lightbox__thumb-nav {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 50%;
	background: transparent;
	color: rgba(255, 255, 255, 0.72);
	transition: color 0.22s ease, border-color 0.22s ease, opacity 0.22s ease;
}

.yb-lightbox__thumb-nav svg {
	width: 20px;
	height: 20px;
}

.yb-lightbox__thumb-nav:hover,
.yb-lightbox__thumb-nav:focus-visible {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.16);
}

.yb-lightbox__thumb-nav.is-hidden,
.yb-lightbox__thumb-nav.is-disabled {
	opacity: 0.2;
	visibility: visible;
	pointer-events: none;
}

.yb-lightbox__thumb {
	position: relative;
	isolation: isolate;
	flex: 0 0 110px;
	width: 110px;
	aspect-ratio: 1 / 1;
	padding: 0;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.055);
	overflow: hidden;
	cursor: pointer;
	box-shadow: none;
	transition:
		transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.34s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.24s ease,
		background-color 0.24s ease;
	will-change: transform;
}

.yb-lightbox__thumb::before,
.yb-lightbox__thumb::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
}

.yb-lightbox__thumb::before {
	z-index: 1;
	background: rgba(255, 255, 255, 0.055);
}

.yb-lightbox__thumb::after {
	z-index: 2;
	left: -70%;
	width: 55%;
	inset-inline-end: auto;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 38%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0.1) 62%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-12deg) translate3d(-140%, 0, 0);
}

.yb-lightbox__thumb.is-loading::before,
.yb-lightbox__thumb.is-loading::after {
	opacity: 1;
	visibility: visible;
}

.yb-lightbox__thumb.is-loading::after {
	animation: ybGalleryImageLoading 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
}

.yb-lightbox__thumb.is-loaded,
.yb-lightbox__thumb.has-load-error {
	background: transparent;
}

.yb-lightbox__thumb.is-loaded::before,
.yb-lightbox__thumb.is-loaded::after,
.yb-lightbox__thumb.has-load-error::before,
.yb-lightbox__thumb.has-load-error::after,
.yb-lightbox__thumb.has-no-image::before,
.yb-lightbox__thumb.has-no-image::after {
	content: none;
	display: none;
	opacity: 0;
	visibility: hidden;
	animation: none;
}

.yb-lightbox__thumb:hover {
	transform: translateY(-4px);
}

.yb-lightbox__thumb:active {
	transform: translateY(-4px) scale(0.985);
}

.yb-lightbox__thumb.is-active,
.yb-lightbox__thumb:focus-visible {
	box-shadow: 0px 0px 1px 4px #5977FF;
}

.yb-lightbox__thumb img {
	position: relative;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	transition: opacity 0.28s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.yb-lightbox__thumb.is-loading img,
.yb-lightbox__thumb.has-load-error img,
.yb-lightbox__thumb.has-no-image img {
	opacity: 0;
}

.yb-lightbox__thumb:hover img {
	transform: scale(1.06);
}

.yb-lightbox.is-expanded .yb-lightbox__dialog {
	padding: 0;
}

.yb-lightbox.is-expanded .yb-lightbox__main {
	gap: 0;
	padding: 0;
}

.yb-lightbox.is-expanded .yb-lightbox__footer {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.yb-lightbox.is-expanded .yb-lightbox__stage,
.yb-lightbox.is-expanded .yb-gallery-media__frame {
	width: 100%;
	height: 100%;
}

.yb-lightbox.is-expanded .yb-gallery-media__lightbox-image {
	width: auto;
	height: auto;
	max-width: 100vw;
	max-height: 100vh;
	object-fit: contain;
}

html.yb-lightbox-open,
body.yb-lightbox-open {
	overflow: hidden !important;
	overscroll-behavior: none;
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
	.yb-lightbox__close,
	.yb-lightbox__control {
		width: 62px;
		height: 62px;
	}

	.yb-lightbox__close svg,
	.yb-lightbox__control svg {
		width: 44px;
		height: 44px;
	}

	.yb-lightbox__nav {
		flex-basis: 64px;
		width: 64px;
		height: 64px;
	}

	.yb-lightbox__thumb {
		flex-basis: 98px;
		width: 98px;
	}
}

@media (max-width: 991.98px) {
	.yb-lightbox__dialog {
		padding: 16px;
	}

	.yb-lightbox__main {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 58px 0 18px;
	}

	.yb-lightbox__stage {
		width: 100%;
		height: 100%;
	}
	.yb-lightbox__thumbs-bar {
		gap: 10px;
	}

	.yb-lightbox__thumbs-viewport {
		max-width: min(100%, calc(100vw - 112px));
		padding-top: 12px;
		padding-bottom: 24px;
		margin-top: -12px;
		margin-bottom: -24px;
	}

	.yb-lightbox__thumb-nav {
		flex-basis: 36px;
		width: 36px;
		height: 36px;
	}

	.yb-lightbox__thumb {
		flex-basis: 82px;
		width: 82px;
		border-radius: 16px;
	}
}

@media (max-width: 767.98px) {
	.yb-lightbox__controls {
		right: 10px;
		top: 10px;
	}

	.yb-lightbox__close,
	.yb-lightbox__control {
		width: 58px;
		height: 58px;
		right: 10px;
		top: 10px;
	}

	.yb-lightbox__controls .yb-lightbox__close,
	.yb-lightbox__controls .yb-lightbox__control {
		right: auto;
		top: auto;
	}

	.yb-lightbox__close svg,
	.yb-lightbox__control svg {
		width: 40px;
		height: 40px;
	}

	.yb-lightbox__nav {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 3;
		width: 58px;
		height: 58px;
	}

	.yb-lightbox__nav--prev {
		left: 10px;
	}

	.yb-lightbox__nav--next {
		right: 10px;
	}
}

@media (max-width: 575.98px) {
	.yb-lightbox__thumb {
		flex-basis: 72px;
		width: 72px;
	}

	.yb-lightbox__thumb-nav {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
	}

	.yb-lightbox__thumb-nav svg {
		width: 18px;
		height: 18px;
	}
}

@media (max-width: 991.98px) {
	.yb-work-hero__head {
		gap: 14px;
		margin-bottom: 44px;
	}

	.yb-work-hero__title {
		font-size: clamp(46px, 10.6vw, 88px);
	}
}
/*----------------------------------------*/
/*  36. Documents
/*----------------------------------------*/
.yb-document-layout {
	display: grid;
	grid-template-columns: minmax(230px, 320px) minmax(0, 1fr);
	gap: clamp(24px, 3vw, 52px);
	align-items: start;
}

.yb-document-aside {
	position: relative;
	align-self: start;
}

.yb-document-aside__inner {
	padding: 18px;
	border: 1px solid var(--yb-color-100);
	border-radius: 28px;
	background: rgba(var(--yb-common-white-rgb), 0.68);
	box-shadow: 0 18px 55px rgba(12, 12, 12, 0.06);
	backdrop-filter: blur(14px);
}

@media (min-width: 1200px) {
	.yb-document-aside__inner {
		will-change: transform;
	}
}

.yb-document-status {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px 14px;
	border-radius: 18px;
	background: var(--yb-color-0);
	color: var(--yb-color-700);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}

.yb-document-status__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #45A557;
	box-shadow: 0 0 0 6px rgba(69, 165, 87, 0.13);
	flex-shrink: 0;
}

.yb-document-toc {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.yb-document-toc a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 42px;
	padding: 11px 14px;
	border-radius: 16px;
	color: var(--yb-color-700);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.15;
	text-decoration: none;
}

.yb-document-toc a::after {
	content: "↗";
	font-size: 12px;
	opacity: 0;
	transform: translate(-4px, 4px);
	transition: opacity 0.22s ease, transform 0.22s ease;
}

.yb-document-toc a:hover,
.yb-document-toc a.is-active {
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-document-toc a:hover::after,
.yb-document-toc a.is-active::after {
	opacity: 1;
	transform: translate(0, 0);
}

.yb-document-aside-note {
	margin-top: 16px;
	padding: 16px;
	border-radius: 20px;
	background: rgba(111, 163, 255, 0.12);
}

.yb-document-aside-note p {
	color: var(--yb-color-700);
	font-size: 14px;
	line-height: 1.45;
}

.yb-document-paper {
	position: relative;
	padding: clamp(24px, 4vw, 70px);
	border: 1px solid var(--yb-color-100);
	border-radius: 28px;
	background: var(--yb-color-0);
	box-shadow: 0 22px 80px rgba(12, 12, 12, 0.07);
	overflow: hidden;
}


.yb-document-paper__header {
	padding-bottom: clamp(34px, 4vw, 48px);
	margin-bottom: clamp(28px, 3vw, 48px);
	border-bottom: 1px solid var(--yb-color-100);
}

.yb-document-paper__eyebrow {
	margin-bottom: 12px;
	color: var(--yb-color-500);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.yb-document-paper h2 {
	max-width: 930px;
	margin-bottom: 20px;
	font-size: clamp(32px, 4.8vw, 54px);
	line-height: 0.96;
}

.yb-document-paper h3 {
	display: flex;
	align-items: baseline;
	gap: 12px;
	margin-bottom: 22px;
	font-size: clamp(24px, 2.1vw, 38px);
	line-height: 1.05;
}

.yb-document-paper p,
.yb-document-paper li {
	color: var(--yb-color-700);
	font-size: clamp(16px, 1.02vw, 18px);
	line-height: 1.72;
	letter-spacing: -0.02em;
}

.yb-document-paper p:last-child,
.yb-document-paper li:last-child {
    margin: 0;
}

.yb-document-paper p strong,
.yb-document-paper li strong {
	color: var(--yb-color-900);
	font-weight: 700;
}

.yb-document-paper__header,
.yb-document-block {
	scroll-margin-top: 125px;
}

.yb-document-block {
	position: relative;
	padding: clamp(26px, 3vw, 46px) 0;
	border-bottom: 1px solid var(--yb-color-100);
}

.yb-document-block:first-of-type {
	padding-top: 0;
}

.yb-document-block:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.yb-document-block ul {
	display: grid;
	gap: 10px;
	margin: 18px 0 24px;
	padding: 0;
	list-style: none;
}

.yb-document-block li {
	position: relative;
	padding: 16px 18px 16px 46px;
	border: 1px solid var(--yb-color-100);
	border-radius: 20px;
	background: var(--yb-bg);
}

.yb-document-block li::before {
	content: "";
	position: absolute;
	left: 19px;
	top: 26px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--yb-color-900);
}


.yb-document-signature {
	display: flex;
	gap: 18px;
	align-items: center;
	margin-top: 28px;
	padding: 20px;
	border-radius: 24px;
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-document-signature span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border-radius: 18px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	flex-shrink: 0;
}

.yb-document-signature__icon {
	display: block;
	width: 32px;
	height: 32px;
}

.yb-document-signature p {
	color: rgba(var(--yb-common-white-rgb), 0.78);
	font-size: 16px;
	line-height: 1.45;
}

.yb-page-builder-content > .yb-document-section:first-child {
	margin-top: 0;
}

@media (max-width: 1199.98px) {
	.yb-document-layout {
		grid-template-columns: 1fr;
	}
	.yb-document-aside {
		position: relative;
		top: 0;
	}
	.yb-document-toc {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 574.98px) {
	.yb-document-section {
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.yb-document-aside__inner,
	.yb-document-paper {
		border-radius: 24px;
	}

	.yb-document-paper {
		padding: 26px 18px;
	}
	.yb-document-paper h2 {
		font-size: 34px;
	}
	.yb-document-paper h3 {
		font-size: 25px;
	}
	.yb-document-paper p,
	.yb-document-paper li {
		font-size: 16px;
		line-height: 1.62;
	}
	.yb-document-toc {
		grid-template-columns: 1fr;
	}
	.yb-document-block li {
		padding: 14px 14px 14px 38px;
		border-radius: 18px;
	}
	.yb-document-block li::before {
		left: 16px;
		top: 24px;
	}
	.yb-document-signature {
		align-items: flex-start;
		flex-direction: column;
	}
}

/*----------------------------------------*/
/*  YB Home Hero Section
/*----------------------------------------*/
.yb-hero-section {
	position: relative;
	overflow: hidden;
}

.yb-hero-section::before {
	display: none;
	content: none;
}

.yb-hero-section .yb-hero-rails {
	pointer-events: none;
}

.yb-hero-inner {
	position: relative;
	display: flex;
	align-items: center;
	min-height: clamp(500px, 58vh, 680px);
	padding-top: clamp(44px, 6.4vw, 104px);
	padding-bottom: clamp(72px, 9vw, 140px);
}

.yb-hero-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: clamp(30px, 6vw, 92px);
	transform: translate3d(0, clamp(-92px, -5vw, -54px), 0);
}

.yb-hero-main {
	width: 100%;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.yb-hero-title {
	margin: 0;
	font-size: clamp(58px, 7.6vw, 152px);
	font-weight: 800;
	line-height: 0.9;
	letter-spacing: -0.035em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--yb-main);
	cursor: default;
	user-select: none;
	-webkit-user-select: none;
}

.yb-hero-title .yb-stagger-text-line-wrap {
	display: block;
	overflow: hidden;
	padding: 0.04em 0.08em 0.08em 0.02em;
	margin-right: -0.08em;
	margin-left: -0.02em;
}

.yb-hero-title .yb-stagger-text-line,
.yb-hero-title .yb-stagger-text-word,
.yb-hero-title .yb-stagger-text-char {
	overflow: visible;
}

.yb-hero-title .yb-stagger-text-char {
	display: inline-block;
	cursor: default;
	transition: color 0.2s ease-in-out;
	will-change: transform, opacity;
}

.yb-hero-title .yb-stagger-text-char:hover {
	color: var(--yb-theme-primary);
}

.yb-hero-subline {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: none;
	gap: 0.48em;
	margin: clamp(18px, 2.4vw, 34px) 0 0;
	font-size: clamp(24px, 2.35vw, 44px);
	font-weight: 650;
	line-height: 1.08;
	color: var(--yb-main);
	align-content: space-between;
}

.yb-hero-subline__static {
	flex: 0 0 auto;
	color: rgba(var(--yb-common-black-rgb), 0.58);
}

.yb-hero-rotator {
	position: relative;
	display: inline-flex;
	align-items: flex-start;
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	max-width: none;
	height: 1.18em;
	overflow: hidden;
	vertical-align: bottom;
	color: var(--yb-main);
}

.yb-hero-rotator__word {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-flex;
	align-items: flex-start;
	max-width: 100%;
	white-space: nowrap;
	color: var(--yb-main);
	will-change: transform, opacity;
}

.yb-hero-rotator__token {
	display: inline-block;
	will-change: transform, opacity;
}

.yb-hero-rotator__token:not(:last-child) {
	margin-right: 0.18em;
}

.yb-hero-rotator__char {
	display: inline-block;
	color: currentColor;
	will-change: color;
}

.yb-hero-rotator__word--measure {
	position: static !important;
	visibility: hidden !important;
	opacity: 0 !important;
	transform: none !important;
	pointer-events: none !important;
	will-change: auto !important;
}

.yb-hero-action {
	margin-top: clamp(22px, 2.3vw, 36px);
	justify-self: start;
	align-self: flex-start;
	transform: none;
}

.yb-hero-order-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 30px;
	min-width: 320px;
	padding: 10px 30px;
	border-radius: 999px;
	border: 1px solid rgba(var(--yb-common-black-rgb), 0.08);
	background: rgba(var(--yb-common-white-rgb), 0.76);
	color: var(--yb-main);
	box-shadow: none;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	overflow: hidden;
	transform: translateZ(0) scale(1);
	transition: all 0.3s ease-in-out;
}

.yb-hero-order-btn::before {
	display: none;
	content: none;
}

.yb-hero-order-btn:hover,
.yb-hero-order-btn:focus-visible {
	color: var(--yb-main);
	transform: translateZ(0) scale(1.025);
	border-color: rgba(var(--yb-common-black-rgb), 0.13);
	background: rgba(var(--yb-common-white-rgb), 0.92);
	box-shadow: none;
}


.yb-hero-order-dot {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #45C95A;
	box-shadow: 0 0 0 4px rgba(69, 201, 90, 0.12);
}

.yb-hero-order-dot::before,
.yb-hero-order-dot::after {
	content: "";
	position: absolute;
	inset: -8px;
	border-radius: inherit;
	border: 1px solid rgba(69, 201, 90, 0.42);
	animation: ybHeroOrderPulse 1.65s ease-out infinite;
}

.yb-hero-order-btn--workload-medium .yb-hero-order-dot {
	background: #F2D16B;
	box-shadow: 0 0 0 4px rgba(242, 209, 107, 0.18);
}

.yb-hero-order-btn--workload-medium .yb-hero-order-dot::before,
.yb-hero-order-btn--workload-medium .yb-hero-order-dot::after {
	border-color: rgba(242, 209, 107, 0.5);
}

.yb-hero-order-btn--workload-high .yb-hero-order-dot {
	background: #F28B82;
	box-shadow: 0 0 0 4px rgba(242, 139, 130, 0.18);
}

.yb-hero-order-btn--workload-high .yb-hero-order-dot::before,
.yb-hero-order-btn--workload-high .yb-hero-order-dot::after {
	border-color: rgba(242, 139, 130, 0.48);
}

.yb-hero-order-dot::after {
	animation-delay: 0.55s;
}

.yb-hero-order-copy {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	min-width: 220px;
	height: 48px;
	overflow: hidden;
}

.yb-hero-order-state {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 48px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: all 0.3s ease-in-out;
	will-change: transform;
}

.yb-hero-order-state--top {
	transform: translate3d(0, 0, 0);
}

.yb-hero-order-state--bottom {
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	font-size: 17px;
	line-height: 1;
	letter-spacing: -0.03em;
	transform: translate3d(0, 130%, 0);
}

.yb-hero-order-btn:hover .yb-hero-order-state--top,
.yb-hero-order-btn:focus-visible .yb-hero-order-state--top {
	transform: translate3d(0, -130%, 0);
}

.yb-hero-order-btn:hover .yb-hero-order-state--bottom,
.yb-hero-order-btn:focus-visible .yb-hero-order-state--bottom {
	transform: translate3d(0, 0, 0);
}

.yb-hero-order-title {
	display: block;
	font-size: 16px;
	line-height: 1;
	letter-spacing: -0.03em;
	color: var(--yb-main);
}

.yb-hero-order-note {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1;
	letter-spacing: -0.02em;
	color: rgba(var(--yb-common-black-rgb), 0.52);
}

.yb-hero-order-hover-text {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}


@keyframes ybHeroOrderPulse {
	0% {
		opacity: 0.8;
		transform: scale(0.55);
	}
	70% {
		opacity: 0;
		transform: scale(1.55);
	}
	100% {
		opacity: 0;
		transform: scale(1.55);
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.yb-hero-title {
		font-size: clamp(54px, 8.8vw, 104px);
		letter-spacing: -0.03em;
	}
	.yb-hero-order-btn {
		min-width: 252px;
	}
}

@media only screen and (max-width: 991px) {
	.yb-hero-inner {
		min-height: auto;
		padding-top: clamp(70px, 14vw, 120px);
		padding-bottom: clamp(80px, 13vw, 130px);
	}
	.yb-hero-grid {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 34px;
		transform: translate3d(0, -18px, 0);
	}
	.yb-hero-action {
		justify-self: start;
		transform: none;
	}
	.yb-hero-title {
		font-size: clamp(52px, 13.5vw, 104px);
		white-space: normal;
		line-height: 0.92;
		letter-spacing: -0.03em;
	}
	.yb-hero-rotator {
		min-width: min(100%, 500px);
	}
}

@media (max-width: 574.98px) {
	.yb-hero-section {
		margin-top: -8px;
	}
	.yb-hero-inner {
		padding-top: 64px;
		padding-bottom: 84px;
	}
	.yb-hero-grid {
		transform: translate3d(0, -10px, 0);
	}
	.yb-hero-title {
		font-size: clamp(44px, 15.5vw, 68px);
		letter-spacing: -0.025em;
	}
	.yb-hero-subline {
		display: block;
		width: 100%;
		max-width: none;
		font-size: clamp(22px, 7vw, 30px);
		line-height: 1.12;
	}
	.yb-hero-subline__static {
		display: block;
		margin-bottom: 7px;
	}
	.yb-hero-rotator {
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		height: var(--yb-hero-rotator-height, 1.22em);
	}
	.yb-hero-rotator__word {
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		white-space: normal;
	}
	.yb-hero-rotator__token {
		display: inline-flex;
	}
	.yb-hero-order-btn {
		width: 100%;
		min-width: 0;
		min-height: 84px;
		padding: 18px 26px 18px 22px;
	}
	.yb-hero-order-copy {
		min-width: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.yb-hero-title .yb-stagger-text-char,
	.yb-hero-rotator__word,
	.yb-hero-rotator__token,
	.yb-hero-rotator__char,
	.yb-hero-order-btn,
	.yb-hero-order-state,
	.yb-hero-order-hover-icon,
	.yb-hero-order-dot::before,
	.yb-hero-order-dot::after {
		animation: none !important;
		transition: none !important;
	}
}

/*----------------------------------------*/
/*  YB Auth / Account
/*----------------------------------------*/
.yb-auth-section {
	display: flow-root;
	padding: 0;
	overflow-anchor: none;
}

.yb-account-section {
	--yb-account-shell-top: calc(var(--yb-adminbar-offset, 0px) + 128px);
	--yb-account-sidebar-top: calc(var(--yb-adminbar-offset, 0px) + 112px);
	padding: 0;
	overflow-anchor: none;
}

body.yb-account-page .yb-account-section > .container {
	padding-top: var(--yb-account-shell-top) !important;
	padding-bottom: 50px !important;
}

.yb-auth-card,
.yb-account-sidebar,
.yb-account-card,
.yb-account-user-card,
.yb-address-card,
.yb-account-feedback-card {
	background: var(--yb-color-0);
	border: 1px solid var(--yb-color-150);
	border-radius: 18px;
}

.yb-auth-card {
	width: min(100%, 760px);
	margin: 200px auto;
	padding: clamp(28px, 5vw, 58px);
	overflow-anchor: none;
}

.yb-auth-section--checkout .yb-auth-card {
	width: 100%;
	margin: 0;
	padding: clamp(24px, 3vw, 42px);
}

.yb-auth-section--checkout .yb-auth-card__head {
	text-align: left;
}

.yb-auth-section--checkout .yb-auth-card__title {
	font-size: clamp(28px, 3vw, 42px);
	line-height: 1;
}

.yb-auth-section--checkout .yb-auth-card__text {
	margin-left: 0;
	font-size: 16px;
}

.yb-auth-card__head {
	text-align: center;
	margin-bottom: 34px;
}

.yb-auth-card__eyebrow,
.yb-account-kicker,
.yb-account-sidebar__label {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-auth-card__title {
	margin: 0;
	font-size: clamp(32px, 4vw, 54px);
	line-height: 0.96;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-auth-card__text {
	margin: 14px auto 0;
	font-size: 18px;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--yb-color-500);
}

.yb-auth-link,
.yb-account-inline-link {
	padding: 0;
	border: 0;
	background-color: transparent;
	color: var(--yb-color-900);
	font-weight: 600;
	line-height: inherit;
	letter-spacing: 0;
}

.yb-auth-link.underline,
.yb-account-inline-link.underline {
	--underline-thickness: 1px;
	--underline-offset: 2px;
	--underline-space: 3px;
	display: inline-flex;
	align-items: center;
	width: auto;
	min-width: 0;
	min-height: 0;
	padding: 0 0 var(--underline-space);
	border: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: 0 calc(100% - var(--underline-offset));
	background-size: 0 var(--underline-thickness);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	text-decoration: none;
	line-height: inherit;
	vertical-align: baseline;
	cursor: pointer;
	transition: color 0.3s ease, background-size 0.35s ease;
}

.yb-account-feedback-card__meta a.underline {
	--underline-thickness: 1px;
	--underline-offset: 2px;
	--underline-space: 3px;
	display: inline-flex;
	align-items: center;
	padding-bottom: var(--underline-space);
	text-decoration: none;
}

.yb-auth-link:hover,
.yb-auth-link:focus,
.yb-account-inline-link:hover,
.yb-account-inline-link:focus {
	color: var(--yb-theme-primary);
}

.yb-auth-link.underline:hover,
.yb-auth-link.underline:focus,
.yb-account-inline-link.underline:hover,
.yb-account-inline-link.underline:focus {
	background-size: 100% var(--underline-thickness);
}

.yb-auth-social {
	display: flex;
	gap: 14px;
	margin-bottom: 32px;
}

.yb-auth-social__btn {
	display: inline-flex;
	flex: 1 1 0;
	min-width: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 68px;
	padding: 0;
	border: 1px solid var(--yb-color-150);
	border-radius: 12px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	line-height: 1;
	font-family: inherit;
	font-size: 0;
	letter-spacing: 0;
	cursor: pointer;
	overflow: hidden;
}

.yb-auth-social__btn:hover {
	border-color: var(--yb-theme-primary);
	color: var(--yb-color-900);
}

.yb-auth-social__icon {
	display: block;
	width: 26px;
	height: 26px;
	flex: 0 0 26px;
	overflow: visible;
}


.yb-auth-divider {
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 0 0 34px;
	color: var(--yb-color-500);
	font-size: 15px;
	line-height: 1;
	letter-spacing: 0;
}

.yb-auth-divider::before,
.yb-auth-divider::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: var(--yb-color-200);
}

.yb-auth-stage {
	position: relative;
	overflow: visible;
	overflow-anchor: none;
	transition: height 0.52s cubic-bezier(0.22, 1, 0.36, 1);
}

.yb-auth-stage.is-switching {
	overflow: hidden;
}

.yb-auth-view {
	display: block;
	opacity: 0;
	overflow-anchor: none;
	transition: opacity 0.32s ease-in-out;
	will-change: opacity;
}

.yb-auth-view[hidden] {
	display: none;
}

.yb-auth-view.is-active {
	opacity: 1;
}

.yb-auth-view.is-leaving,
.yb-auth-view.is-preparing {
	opacity: 0;
	pointer-events: none;
}

.yb-auth-view.is-measuring {
	position: absolute;
	inset: 0 auto auto 0;
	z-index: -1;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.yb-auth-field,
.yb-account-form-field {
	display: block;
	margin-bottom: 22px;
}

.yb-auth-field-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-bottom: 22px;
}

.yb-auth-field-grid .yb-auth-field {
	margin-bottom: 0;
}

.yb-auth-field label,
.yb-account-form-field > span {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-auth-input,
.yb-account-input {
	display: block;
	width: 100%;
	height: 64px;
	min-height: 64px;
	padding: 0 24px;
	border: 1px solid var(--yb-form);
	border-radius: 12px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 16px;
	font-weight: 400;
	line-height: 64px;
	letter-spacing: 0;
	outline: none;
	box-shadow: none;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

textarea.yb-account-input {
	min-height: 152px;
	padding: 18px 24px;
	border-radius: 10px;
	line-height: 1.45;
}

.yb-auth-input:hover,
.yb-account-input:hover {
	border-color: var(--yb-form-hover) !important;
}

.yb-auth-input:focus,
.yb-account-input:focus {
	outline: none;
	border-color: var(--yb-form-focus) !important;
}

.yb-auth-field.is-error .yb-auth-input,
.yb-auth-input.is-error,
.yb-account-input.is-error {
	border-color: var(--yb-form-error) !important;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--yb-form-error) 12%, transparent);
}

.yb-auth-field.is-error .yb-auth-input::placeholder,
.yb-auth-input.is-error::placeholder,
.yb-account-input.is-error::placeholder {
	color: var(--yb-form-error);
}

.yb-auth-check.is-error .checkbox__box {
	border-color: var(--yb-form-error) !important;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--yb-form-error) 12%, transparent);
}

.yb-auth-input::placeholder,
.yb-account-input::placeholder {
	color: var(--yb-color-500);
	opacity: 1;
}

select.yb-account-input {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 46px;
	cursor: pointer;
}

.yb-password-field {
	position: relative;
}

.yb-password-field .yb-auth-input,
.yb-password-field .yb-account-input {
	padding-right: 58px;
}

.yb-password-toggle {
	position: absolute;
	right: 18px;
	top: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--yb-color-500);
	transform: translateY(-50%);
}

.yb-password-toggle:hover,
.yb-password-toggle[aria-pressed="true"] {
	color: var(--yb-color-900);
	background: var(--yb-color-50);
}

.yb-password-toggle__icon {
	position: absolute;
	inset: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.yb-password-toggle__icon svg {
	display: block;
	width: 22px;
	height: 22px;
	overflow: visible;
}

.yb-password-toggle__icon--visible {
	display: none;
}

.yb-password-toggle[aria-pressed="true"] .yb-password-toggle__icon--hidden {
	display: none;
}

.yb-password-toggle[aria-pressed="true"] .yb-password-toggle__icon--visible {
	display: inline-flex;
}

.yb-password-strength {
	margin-top: 12px;
}

.yb-password-strength__track {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
}

.yb-password-strength__segment {
	display: block;
	height: 5px;
	border-radius: 999px;
	background: var(--yb-color-100);
	transform: scaleX(1);
	transform-origin: left center;
	opacity: 0.72;
	transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.yb-password-strength__segment.is-active {
	background: var(--yb-theme-primary);
	opacity: 1;
	transform: scaleX(1.02);
}

.yb-password-strength__text {
	margin: 8px 0 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0;
	color: var(--yb-color-500);
}

.yb-auth-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin: 4px 0 32px;
}

.yb-auth-check {
	align-items: center;
	margin: 0;
	line-height: 1.25;
}

.yb-auth-check--full {
	align-items: center;
	margin: 4px 0 32px;
}

.yb-auth-submit {
	position: relative;
	width: 100%;
	min-height: 68px;
	justify-content: center;
	gap: 0;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.2;
	white-space: nowrap;
}

.yb-auth-submit__text {
	position: relative;
	display: grid;
	grid-template-areas: "yb-auth-submit-text";
	align-items: center;
	justify-items: center;
	overflow: hidden;
	min-width: 0;
	max-width: 100%;
	transition: opacity 0.24s ease, transform 0.24s ease;
}

.yb-auth-submit__label {
	grid-area: yb-auth-submit-text;
	display: block;
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.yb-auth-submit__label--default {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.yb-auth-submit__label--hover {
	transform: translate3d(0, 120%, 0);
	opacity: 0;
}

.yb-auth-submit:hover .yb-auth-submit__label--default,
.yb-auth-submit:focus-visible .yb-auth-submit__label--default {
	transform: translate3d(0, -120%, 0);
	opacity: 0;
}

.yb-auth-submit:hover .yb-auth-submit__label--hover,
.yb-auth-submit:focus-visible .yb-auth-submit__label--hover {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.yb-auth-submit .yb-loading-ring {
	display: none;
	flex: 0 0 auto;
	margin: 0;
	pointer-events: none;
}

.yb-auth-submit.is-loading,
.yb-auth-submit:disabled {
	cursor: wait;
	pointer-events: none;
}

.yb-auth-submit.is-loading .yb-auth-submit__text {
	display: none;
}

.yb-auth-submit.is-loading .yb-loading-ring {
	display: block;
}

.yb-auth-response {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	min-height: 58px;
	margin-top: 18px;
	padding: 16px 18px;
	border: 1px solid var(--yb-color-150);
	border-radius: 12px;
	background: var(--yb-color-50);
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0;
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition: opacity 0.22s ease, transform 0.22s ease, border-color 0.22s ease, background-color 0.22s ease;
}

.yb-auth-response[hidden] {
	display: none;
}

.yb-auth-response::before {
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px;
}

.yb-auth-response.is-visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.yb-auth-response.is-success {
	border-color: color-mix(in srgb, var(--yb-form-success) 72%, var(--yb-color-900));
	background: color-mix(in srgb, var(--yb-form-success) 18%, var(--yb-color-0));
	color: var(--yb-color-900);
}

.yb-auth-response.is-success::before {
	color: color-mix(in srgb, var(--yb-form-success) 72%, var(--yb-color-900));
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9.55 17.6l-5.65-5.65l1.4-1.4l4.25 4.25l9.15-9.15l1.4 1.4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9.55 17.6l-5.65-5.65l1.4-1.4l4.25 4.25l9.15-9.15l1.4 1.4z'/%3E%3C/svg%3E");
}

.yb-auth-response.is-error {
	border-color: color-mix(in srgb, var(--yb-form-error) 58%, transparent);
	background: color-mix(in srgb, var(--yb-form-error) 9%, var(--yb-color-0));
	color: var(--yb-color-900);
}

.yb-auth-response.is-error::before {
	color: var(--yb-form-error);
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 15h2V9h-2zm1 4q.425 0 .713-.288T13 18t-.288-.712T12 17t-.712.288T11 18t.288.713T12 19m-1.725-15h3.45L22 18.25L20.275 21H3.725L2 18.25z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 15h2V9h-2zm1 4q.425 0 .713-.288T13 18t-.288-.712T12 17t-.712.288T11 18t.288.713T12 19m-1.725-15h3.45L22 18.25L20.275 21H3.725L2 18.25z'/%3E%3C/svg%3E");
}

.yb-auth-note {
	padding: 18px 20px;
	margin-bottom: 24px;
	border: 1px solid var(--yb-color-150);
	border-radius: 12px;
	background: var(--yb-color-50);
}

.yb-auth-note p,
.yb-auth-back {
	margin: 0;
	font-size: 16px;
	line-height: 1.45;
	letter-spacing: 0;
	color: var(--yb-color-600);
}

.yb-auth-back {
	margin-top: 24px;
	text-align: center;
}

.yb-account-layout {
	display: grid;
	grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
	gap: clamp(24px, 3vw, 42px);
	align-items: start;
}

.yb-account-sidebar {
	position: sticky;
	top: var(--yb-account-sidebar-top);
	padding: 28px;
	overflow: visible;
	overflow-anchor: none;
}

.yb-account-sidebar__head {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-bottom: 24px;
}

.yb-account-mini-avatar {
	--yb-account-avatar-border: var(--yb-user-role-customer, var(--yb-color-200));
	width: 58px;
	height: 58px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--yb-color-100);
}

.yb-account-mini-avatar img,
.yb-account-user-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 2px;
	border: 2px solid var(--yb-account-avatar-border, var(--yb-user-role-customer, var(--yb-color-200)));
	border-radius: inherit;
	background: var(--yb-color-0);
	object-fit: cover;
	object-position: center;
}

.yb-account-avatar--role-administrator {
	--yb-account-avatar-border: var(--yb-user-role-administrator, var(--yb-theme-primary));
}

.yb-account-avatar--role-editor {
	--yb-account-avatar-border: var(--yb-user-role-editor, #7C3AED);
}

.yb-account-avatar--role-author {
	--yb-account-avatar-border: var(--yb-user-role-author, #2563EB);
}

.yb-account-avatar--role-contributor {
	--yb-account-avatar-border: var(--yb-user-role-contributor, #0891B2);
}

.yb-account-avatar--role-shop-manager {
	--yb-account-avatar-border: var(--yb-user-role-shop-manager, #B45309);
}

.yb-account-avatar--role-customer {
	--yb-account-avatar-border: var(--yb-user-role-customer, #16A34A);
}

.yb-account-avatar--role-subscriber {
	--yb-account-avatar-border: var(--yb-user-role-subscriber, #64748B);
}

.yb-account-avatar--role-guest {
	--yb-account-avatar-border: var(--yb-user-role-guest, var(--yb-color-200));
}

.yb-account-sidebar__name {
	margin: 0;
	font-size: 20px;
	line-height: 1.05;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-account-nav {
	display: flex;
	flex-direction: column;
}

.yb-account-nav__item {
	display: flex;
	align-items: center;
	gap: 13px;
	width: 100%;
	min-height: 58px;
	padding: 0;
	border: 0;
	border-bottom: 1px dashed var(--yb-color-150);
	background: transparent;
	color: var(--yb-color-500);
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-align: left;
}

.yb-account-nav__item::before {
	content: "";
	width: 2px;
	height: 28px;
	margin-left: -28px;
	background: transparent;
	transition: background-color 0.2s ease;
}

.yb-account-nav__item:hover,
.yb-account-nav__item.is-active {
	color: var(--yb-color-900);
}

.yb-account-nav__item.is-active::before {
	background: var(--yb-color-900);
}

.yb-account-nav__icon {
	display: inline-flex;
	width: 22px;
	height: 22px;
	color: currentColor;
}

.yb-account-nav__label {
	flex: 1;
	min-width: 0;
}

.yb-account-nav__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 0;
	height: 22px;
	margin-left: auto;
	padding: 0;
	overflow: hidden;
	border-radius: 999px;
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
	font-size: 12px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	white-space: nowrap;
	opacity: 0;
	transform: scale(0.86);
	transition: opacity 0.2s ease, transform 0.2s ease, max-width 0.2s ease, padding 0.2s ease;
	pointer-events: none;
}

.yb-account-nav__badge.is-visible {
	max-width: 92px;
	padding: 0 8px;
	opacity: 1;
	transform: scale(1);
}

.yb-account-nav__icon svg,
.yb-account-avatar-upload svg {
	width: 100%;
	height: 100%;
}

.yb-account-nav__icon path {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.yb-account-avatar-upload path {
	fill: currentColor;
}

.yb-account-support-box {
	margin-top: 26px;
	padding: 20px;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
	background: var(--yb-color-50);
}

.yb-account-support-box p {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--yb-color-700);
}

.yb-account-support-box__btn,
.yb-account-support-box .yb-account-action-btn {
	width: 100%;
	justify-content: center;
	padding: 14px 18px;
}

.yb-account-support-box__btn > span,
.yb-account-support-box .yb-account-action-btn > span {
	width: 100%;
}

.yb-account-content {
	min-width: 0;
	overflow-anchor: none;
}

.yb-account-panel {
	display: block;
	opacity: 0;
	transform: translate3d(0, 8px, 0);
	transition: opacity 0.16s ease, transform 0.16s ease;
	will-change: opacity, transform;
}

.yb-account-panel[hidden] {
	display: none;
}

.yb-account-panel.is-active {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.yb-account-panel.is-leaving {
	opacity: 0;
	transform: translate3d(0, -6px, 0);
	pointer-events: none;
}

.yb-account-panel.is-preparing {
	opacity: 0;
	transform: translate3d(0, 8px, 0);
	pointer-events: none;
}


.yb-account-panel-loader {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-height: 220px;
	padding: 28px;
	border: 1px solid var(--yb-color-150);
	border-radius: 20px;
	background: var(--yb-color-0);
	color: var(--yb-color-600);
}

.yb-account-panel-loader__spinner {
	width: 18px;
	height: 18px;
	border: 2px solid var(--yb-color-150);
	border-top-color: var(--yb-theme-primary);
	border-radius: 50%;
	animation: yb-account-loader-spin 0.7s linear infinite;
}

.yb-account-panel-loader p {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: var(--yb-color-600);
}

@keyframes yb-account-loader-spin {
	to {
		transform: rotate(360deg);
	}
}

.yb-account-dynamic-swap {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	transition: opacity 0.16s ease, transform 0.16s ease;
	will-change: opacity, transform;
}

.yb-account-dynamic-swap.is-leaving {
	opacity: 0;
	transform: translate3d(0, -6px, 0);
	pointer-events: none;
}

.yb-account-dynamic-swap.is-preparing,
.yb-account-dynamic-swap.is-switching {
	opacity: 0;
	transform: translate3d(0, 8px, 0);
	pointer-events: none;
}

.yb-account-user-card {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	padding: clamp(24px, 4vw, 42px);
	margin-bottom: 28px;
}

.yb-account-user-card__media {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: var(--yb-color-100);
}

.yb-account-user-card__media > img {
	border-radius: 50%;
}

.yb-account-avatar-upload {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--yb-color-150);
	border-radius: 50%;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	cursor: pointer;
	transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, transform 0.22s ease;
}

.yb-account-avatar-upload:hover,
.yb-account-avatar-upload:focus-within {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translateY(-2px);
}

.yb-account-avatar-upload input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.yb-account-avatar-upload span {
	display: inline-flex;
	width: 24px;
	height: 24px;
}

.yb-account-user-card__body {
	min-width: 0;
	overflow: hidden;
}

.yb-account-user-card__body h2 {
	margin: 0 0 12px;
	font-size: clamp(32px, 3.3vw, 52px);
	line-height: 0.98;
	letter-spacing: 0;
	color: var(--yb-color-900);
	overflow-wrap: anywhere;
}

.yb-account-user-card__body p:not(.yb-account-kicker) {
	margin: 0 0 24px;
	font-size: 17px;
	line-height: 1.45;
	letter-spacing: 0;
	color: var(--yb-color-600);
}

.yb-account-meta-grid,
.yb-account-stat-grid,
.yb-account-form-grid,
.yb-account-address-grid {
	display: grid;
	gap: 16px;
}

.yb-account-meta-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yb-account-meta-grid div,
.yb-account-stat-card {
	padding: 18px;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
	background: var(--yb-color-0);
}

.yb-account-meta-grid span,
.yb-account-stat-card span {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-meta-grid strong {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	color: var(--yb-color-900);
	overflow-wrap: anywhere;
}

.yb-account-meta-grid small {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0;
	color: var(--yb-color-500);
	overflow-wrap: anywhere;
}

.yb-account-logout {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 110px;
	height: 46px;
	padding: 0 18px;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.yb-account-logout:hover {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translateY(-1px);
}

.yb-account-stat-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 28px;
}

.yb-account-stat-card strong {
	display: block;
	font-size: clamp(34px, 3vw, 52px);
	line-height: 0.95;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-account-stat-card small {
	display: block;
	margin-top: 12px;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0;
	color: var(--yb-color-500);
}

.yb-account-card,
.yb-address-card {
	padding: clamp(24px, 3.5vw, 42px);
}

.yb-account-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 26px;
}

.yb-account-card__head h3,
.yb-address-card h3 {
	margin: 0;
	font-size: clamp(26px, 2.4vw, 38px);
	line-height: 1;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-account-table-wrap {
	overflow-x: auto;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
}

.yb-account-table {
	width: 100%;
	min-width: 720px;
	border-collapse: collapse;
}

.yb-account-table th,
.yb-account-table td {
	padding: 22px 24px;
	border-bottom: 1px solid var(--yb-color-100);
	font-size: 15px;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: left;
	white-space: nowrap;
	color: var(--yb-color-700);
}

.yb-account-table th {
	font-weight: 600;
	color: var(--yb-color-900);
	background: var(--yb-color-50);
}

.yb-account-table tr:last-child td {
	border-bottom: 0;
}

.yb-account-table td:first-child {
	font-weight: 600;
	color: var(--yb-color-900);
}

.yb-account-table a,
.yb-account-table button,
.yb-address-card button,
.yb-download-card a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 16px;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
}

.yb-account-table a:hover,
.yb-account-table button:hover,
.yb-download-card a:hover {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-account-status {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0;
	background: var(--yb-status-default-bg, var(--yb-color-50));
	color: var(--yb-status-default-text, var(--yb-color-700));
}

.yb-account-status.yb-status--default {
	background: var(--yb-status-default-bg, var(--yb-color-50));
	color: var(--yb-status-default-text, var(--yb-color-700));
}

.yb-account-status.yb-status--info {
	background: var(--yb-status-info-bg, #EAF3FF);
	color: var(--yb-status-info-text, #2271B1);
}

.yb-account-status.yb-status--success {
	background: var(--yb-status-success-bg, #E8F7EF);
	color: var(--yb-status-success-text, #18A45A);
}

.yb-account-status.yb-status--warning {
	background: var(--yb-status-warning-bg, #FFF1D6);
	color: var(--yb-status-warning-text, #8A5A00);
}

.yb-account-status.yb-status--danger {
	background: var(--yb-status-danger-bg, #FCEBED);
	color: var(--yb-status-danger-text, #DC3545);
}

.yb-account-status.yb-status--muted {
	background: var(--yb-status-muted-bg, #F2F2F2);
	color: var(--yb-status-muted-text, var(--yb-color-600));
}

.yb-account-pagination {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: flex-end;
	margin-top: 26px;
}

.yb-pagination {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	margin-top: 46px;
}

.yb-account-pagination .yb-account-pagination__item,
.yb-pagination .yb-pagination__item {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	min-width: 48px;
	padding: 0;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-decoration: none;
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.yb-account-pagination .yb-account-pagination__item:hover,
.yb-account-pagination .yb-account-pagination__item.is-current,
.yb-pagination .yb-pagination__item:hover,
.yb-pagination .yb-pagination__item.is-current {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-account-pagination .yb-account-pagination__item:focus-visible,
.yb-pagination .yb-pagination__item:focus-visible {
	outline: 2px solid var(--yb-theme-primary);
	outline-offset: 3px;
}

.yb-account-pagination .yb-account-pagination__item--prev,
.yb-account-pagination .yb-account-pagination__item--next,
.yb-pagination .yb-pagination__item--prev,
.yb-pagination .yb-pagination__item--next {
	font-size: 0;
}

.yb-account-pagination .yb-account-pagination__item--prev::after,
.yb-account-pagination .yb-account-pagination__item--next::after,
.yb-pagination .yb-pagination__item--prev::after,
.yb-pagination .yb-pagination__item--next::after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	pointer-events: none;
	background-color: currentColor;
	transform-origin: center;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 5L16.5 12L9.5 19' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' aria-hidden='true' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 5L16.5 12L9.5 19' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.yb-account-pagination .yb-account-pagination__item--prev::after,
.yb-pagination .yb-pagination__item--prev::after {
	transform: rotate(180deg);
}

.yb-account-form-grid,
.yb-account-address-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.yb-account-form-grid--profile-main {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yb-account-form-grid--profile-contact {
	margin-top: 16px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.yb-account-form-field--wide {
	grid-column: 1 / -1;
}

.yb-account-form-btn {
	margin-top: 12px;
}

.yb-download-list,
.yb-account-switch-list,
.yb-account-ticket-list {
	display: flex;
	flex-direction: column;
}

.yb-download-card + .yb-download-card {
	margin-top: 12px;
}

.yb-download-card,
.yb-account-ticket-list article {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 20px;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
}

.yb-download-card span,
.yb-account-ticket-list article > div > span,
.yb-account-ticket-list article > span:not(.yb-account-status) {
	display: block;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-download-card strong,
.yb-download-card small,
.yb-account-ticket-list strong,
.yb-account-ticket-list em {
	display: block;
	font-size: 14px;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0;
	color: var(--yb-color-500);
}

.yb-address-card ul {
	list-style: none;
	padding: 0;
	margin: 24px 0;
}

.yb-address-card li {
	margin-bottom: 12px;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 0;
	color: var(--yb-color-600);
}

.yb-address-card li strong {
	color: var(--yb-color-900);
}

.yb-account-switch-list label {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
	padding: 16px 0;
	border-bottom: 1px solid var(--yb-color-100);
	cursor: pointer;
}

.yb-account-switch-list label:last-of-type {
	border-bottom: 0;
}

.yb-account-switch-list input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.yb-account-switch-list span {
	position: relative;
	flex: 0 0 auto;
	width: 46px;
	height: 24px;
	border-radius: 999px;
	background: var(--yb-color-200);
}

.yb-account-switch-list span::after {
	content: "";
	position: absolute;
	left: 3px;
	top: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: var(--yb-color-0);
	transition: transform 0.2s ease;
}

.yb-account-switch-list input:checked + span {
	background: var(--yb-color-900);
}

.yb-account-switch-list input:checked + span::after {
	transform: translateX(22px);
}

.yb-account-switch-list em {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	color: var(--yb-color-700);
}

.yb-account-feedback-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-bottom: 24px;
}

.yb-account-feedback-summary div {
	padding: 18px;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
	background: var(--yb-color-0);
}

.yb-account-feedback-summary span,
.yb-account-feedback-card__type {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-feedback-card__type--review {
	text-transform: uppercase;
}

.yb-account-feedback-card__product {
	text-transform: none;
}

.yb-account-feedback-summary strong {
	display: block;
	font-size: clamp(30px, 2.6vw, 44px);
	font-weight: 600;
	line-height: 1;
	color: var(--yb-color-900);
}

.yb-account-feedback-summary small {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.35;
	color: var(--yb-color-500);
}

.yb-account-feedback-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
}

.yb-account-feedback-card {
	padding: 22px;
}

.yb-account-feedback-card--review,
.yb-account-feedback-card--comment {
	grid-column: 1 / -1;
}

.yb-account-feedback-card__top {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 18px;
}

.yb-account-feedback-card__avatar {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--yb-color-100);
}

.yb-account-feedback-card__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yb-account-feedback-card__head {
	flex: 1 1 auto;
	min-width: 0;
}

.yb-account-feedback-card__title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
}

.yb-account-feedback-card__title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.yb-account-feedback-card h4 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--yb-color-900);
}

.yb-account-feedback-card__purchase {
	display: block;
	font-size: 14px;
	line-height: 1.25;
	color: var(--yb-color-500);
	white-space: nowrap;
}

.yb-account-feedback-card__stars {
	margin-top: 8px;
	line-height: 0;
	white-space: nowrap;
}

.yb-account-feedback-card__stars .yb-rating-stars svg {
	width: 22px;
	height: 22px;
	flex-basis: 22px;
}

.yb-account-feedback-card__text {
	margin-bottom: 18px;
}

.yb-account-feedback-card__text p,
.yb-account-feedback-card__fact p {
	margin: 0;
	font-size: 16px;
	line-height: 1.45;
	color: var(--yb-color-600);
}

.yb-account-feedback-card__facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 18px;
}

.yb-account-feedback-card__fact {
	padding: 16px;
	border: 1px solid var(--yb-color-100);
	border-radius: 16px;
}

.yb-account-feedback-card__fact--pros {
	border-color: var(--yb-color-150);
}

.yb-account-feedback-card__fact--cons {
	border-color: var(--yb-color-150);
}

.yb-account-feedback-card__fact-label {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-feedback-card__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-top: 16px;
	border-top: 1px solid var(--yb-color-100);
}

.yb-account-feedback-card__meta span {
	font-size: 14px;
	line-height: 1.3;
	color: var(--yb-color-500);
}

.yb-account-feedback-card__meta a {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--yb-color-900);
}

.yb-account-feedback-card__meta a:hover {
	color: var(--yb-theme-primary);
}

.yb-account-feedback-card__top .yb-account-status {
	flex: 0 0 auto;
	margin-left: auto;
	white-space: nowrap;
}

.yb-account-feedback-card__actions {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	margin-left: auto;
}

.yb-account-feedback-card__actions button {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}

.yb-account-comment-delete {
	color: var(--yb-theme-primary);
}


.yb-account-support-form {
	padding-bottom: 0;
}

.yb-account-support-textarea {
	min-height: 180px;
	max-height: 320px;
	line-height: 1.45;
	resize: vertical;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--yb-color-300) transparent;
}

.yb-account-support-textarea::-webkit-scrollbar {
	width: 6px;
}

.yb-account-support-textarea::-webkit-scrollbar-track {
	background: transparent;
}

.yb-account-support-textarea::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: var(--yb-color-300);
}

.yb-account-support-form__bottom {
	display: flex;
	align-items: stretch;
	gap: 18px;
	flex-wrap: wrap;
	margin-top: 12px;
}

.yb-account-support-form__bottom .yb-account-form-btn {
	margin-top: 0;
	height: 50px;
}

.yb-account-support-form__bottom .form__upload-btn {
	height: 50px;
}

.yb-account-ticket-list article em {
	margin-left: auto;
}

.yb-account-ticket-list .yb-account-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	white-space: nowrap;
}

@media (max-width: 1199.98px) {
	.yb-account-layout {
		grid-template-columns: 1fr;
	}

	.yb-account-sidebar {
		position: static;
	}

	.yb-account-nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 24px;
	}

	.yb-account-nav__item::before {
		margin-left: 0;
	}

	.yb-account-user-card {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.yb-account-logout {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.yb-account-meta-grid,
	.yb-account-stat-grid,
	.yb-account-feedback-list,
	.yb-account-feedback-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.yb-auth-card {
		border-radius: 14px;
	}

	.yb-auth-social {
		flex-wrap: wrap;
		gap: 10px;
	}

	.yb-auth-social__btn {
		flex-basis: calc(50% - 5px);
	}

	.yb-auth-row,
	.yb-account-card__head,
	.yb-download-card,
	.yb-account-ticket-list article {
		align-items: flex-start;
		flex-direction: column;
	}

	.yb-auth-row {
		gap: 12px;
	}


	.yb-auth-field-grid {
		grid-template-columns: 1fr;
	}

	.yb-account-sidebar,
	.yb-account-card,
	.yb-account-user-card,
	.yb-address-card {
		padding: 22px;
		border-radius: 14px;
	}

	.yb-account-nav {
		grid-template-columns: 1fr;
	}

	.yb-account-user-card {
		grid-template-columns: 1fr;
	}

	.yb-account-user-card__media {
		width: 100px;
		height: 100px;
	}

	.yb-account-meta-grid,
	.yb-account-stat-grid,
	.yb-account-form-grid,
	.yb-account-address-grid,
	.yb-account-feedback-list,
	.yb-account-feedback-summary {
		grid-template-columns: 1fr;
	}


	.yb-account-feedback-card__facts {
		grid-template-columns: 1fr;
	}

	.yb-account-feedback-card--comment {
		grid-column: auto;
	}

	.yb-account-pagination {
		justify-content: flex-start;
	}
}

@media (max-width: 479.98px) {
	.yb-auth-social {
		gap: 8px;
	}

	.yb-auth-social__btn {
		min-height: 54px;
		border-radius: 10px;
	}

	.yb-auth-social__icon {
		width: 24px;
		height: 24px;
		flex-basis: 24px;
	}

}

.yb-menu-user__count {
	position: absolute;
	top: -8px;
	right: -8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--yb-theme-primary);
	color: var(--yb-color-0);
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	pointer-events: none;
	border: 0;
	outline: none;
	box-shadow: none;
	transform: scale(1);
	transform-origin: center center;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
}

.yb-account-section .yb-account-action-btn {
	min-height: 42px;
	padding: 0 18px;
	font-size: 14px;
}

.yb-account-section .yb-account-action-btn.is-loading {
	pointer-events: none;
	opacity: 0.72;
}

.yb-account-empty {
	padding: 28px;
	border: 1px dashed var(--yb-color-150);
	border-radius: 14px;
	background: var(--yb-color-0);
	text-align: left;
}

.yb-account-empty h4 {
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.1;
	color: var(--yb-color-900);
}

.yb-account-empty p,
.yb-account-note,
.yb-account-form-message {
	margin: 0;
	font-size: 15px;
	line-height: 1.45;
	letter-spacing: 0;
	color: var(--yb-color-500);
}

.yb-account-note {
	margin-bottom: 24px;
}

.yb-account-form-message {
	margin-top: 14px;
	font-weight: 600;
	color: var(--yb-theme-primary);
}

.yb-account-form-message.is-error {
	color: var(--yb-danger, #d63638);
}

.yb-account-section .yb-download-card {
	align-items: stretch;
	flex-wrap: wrap;
	background: var(--yb-color-0);
	transition: border-color 0.22s ease, background-color 0.22s ease;
}

.yb-account-section .yb-download-card__main {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
	flex: 1 1 auto;
}

.yb-account-section .yb-download-card__thumb {
	width: 74px;
	height: 74px;
	flex: 0 0 74px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--yb-color-100);
}

.yb-account-section .yb-download-card__thumb img,
.yb-account-section .yb-download-card__thumb span {
	display: block;
	width: 100%;
	height: 100%;
}

.yb-account-section .yb-download-card__thumb img {
	object-fit: cover;
}

.yb-account-section .yb-download-card__content {
	min-width: 0;
}

.yb-account-section .yb-download-card__actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}

.yb-account-section .yb-download-license-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 34px 0 16px;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	transition: color 0.22s ease, background-color 0.22s ease, border-color 0.22s ease;
}

.yb-account-section .yb-download-license-toggle::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	width: 7px;
	height: 7px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-65%) rotate(45deg);
	transition: transform 0.22s ease;
}

.yb-account-section .yb-download-license-toggle:hover,
.yb-account-section .yb-download-license-toggle[aria-expanded="true"] {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
}

.yb-account-section .yb-download-license-toggle[aria-expanded="true"]::after {
	transform: translateY(-35%) rotate(225deg);
}

.yb-account-section .yb-download-license {
	display: grid;
	grid-template-columns: minmax(180px, 1.1fr) 0.45fr 0.65fr 0.75fr minmax(240px, 1.25fr);
	gap: 14px;
	width: 100%;
	padding-top: 18px;
	border-top: 1px solid var(--yb-color-100);
}

.yb-account-section .yb-download-license[hidden] {
	display: none;
}

.yb-account-section .yb-download-license > div {
	padding: 16px;
	border-radius: 12px;
	background: var(--yb-color-50);
}

.yb-account-section .yb-download-license span {
	margin-bottom: 8px;
	font-size: 12px;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-section .yb-download-license strong {
	font-size: 16px;
	color: var(--yb-color-900);
}

.yb-account-section .yb-download-license__key {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 46px;
	gap: 0;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid var(--yb-color-150);
	background: var(--yb-color-0) !important;
}

.yb-account-section .yb-download-license__key input {
	min-width: 0;
	border: 0;
	padding: 0 16px;
	background: transparent;
	color: var(--yb-color-900);
	font-size: 14px;
	letter-spacing: 0.02em;
}

.yb-account-section .yb-download-license__key button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-left: 1px solid var(--yb-color-150);
	background: transparent;
	color: var(--yb-color-900);
}

.yb-account-section .yb-download-license__key svg {
	width: 22px;
	height: 22px;
}

.yb-account-avatar-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	margin: 0 !important;
	padding: 24px;
	background: rgba(0,0,0, 0.65);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	opacity: 0;
	transform: none !important;
	transition: opacity 0.18s ease;
}

body.yb-account-avatar-modal-open {
	overflow: hidden;
}

.yb-account-avatar-modal[hidden] {
	display: none;
}

.yb-account-avatar-modal.is-open {
	opacity: 1;
}

.yb-account-avatar-modal__dialog {
	width: min(100%, 560px);
	max-height: calc(100vh - 48px);
	max-height: calc(100vh - 48px);
	padding: 28px;
	border: 1px solid var(--yb-color-150);
	border-radius: 20px;
	background: var(--yb-color-150);
	overflow-y: auto;
}

.yb-account-avatar-modal__close {
	flex: 0 0 auto;
}

.yb-account-avatar-crop {
	position: relative;
	height: min(58vw, 420px);
	min-height: 300px;
	border-radius: 16px;
	overflow: hidden;
	background: var(--yb-color-100);
	cursor: grab;
	touch-action: none;
}

.yb-account-avatar-crop:active {
	cursor: grabbing;
}

.yb-account-avatar-crop::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 72%;
	aspect-ratio: 1;
	border: 2px solid var(--yb-color-0);
	border-radius: 50%;
	box-shadow: 0 0 0 999px rgba(var(--yb-common-black-rgb), 0.36);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.yb-account-avatar-crop img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
	object-fit: contain;
	object-position: center;
	transform-origin: center;
	user-select: none;
	pointer-events: none;
}

.yb-account-avatar-modal input[type="range"] {
	width: 100%;
	margin: 20px 0 0;
	accent-color: var(--yb-color-900);
}

.yb-account-avatar-modal__actions {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-top: 18px;
}

.yb-account-section .yb-account-order-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 18px;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.yb-account-section .yb-account-order-back svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.yb-account-section .yb-account-order-back:hover {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translateY(-1px);
}

.yb-account-section .yb-account-detail-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 24px;
}

.yb-account-section .yb-account-detail-grid > div {
	padding: 16px;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
}

.yb-account-section .yb-account-detail-grid > div > span {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-section .yb-account-detail-grid strong {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.15;
	color: var(--yb-color-900);
}

.yb-account-section .yb-account-detail-grid .woocommerce-Price-amount,
.yb-account-section .yb-account-detail-grid .woocommerce-Price-amount bdi,
.yb-account-section .yb-account-detail-grid .woocommerce-Price-currencySymbol {
	display: inline;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	white-space: nowrap;
	color: inherit;
}

.yb-account-section .yb-account-order-items {
	display: grid;
	gap: 12px;
}

.yb-account-section .yb-account-order-item {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	padding: 16px;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
}

.yb-account-section .yb-account-order-item__thumb {
	width: 72px;
	height: 72px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--yb-color-100);
}

.yb-account-section .yb-account-order-item__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.yb-account-section .yb-account-order-item h4 {
	margin: 0 0 8px;
	font-size: 18px;
	line-height: 1.15;
	color: var(--yb-color-900);
}

.yb-account-section .yb-account-order-item p {
	margin: 0;
	font-size: 14px;
	color: var(--yb-color-500);
}

.yb-account-section .yb-address-card__form {
	display: grid;
	gap: 12px;
	margin: 24px 0;
}

.yb-account-section .yb-address-card__form[hidden],
.yb-account-section .yb-address-card__view[hidden] {
	display: none;
}

 .yb-account-section .yb-address-card__view .yb-address-card__empty {
	color: var(--yb-color-500);
}

.yb-account-section .yb-address-card__form .yb-account-form-field {
	margin-bottom: 0;
}

.yb-account-section .yb-address-card__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}

.yb-account-section .yb-address-card__actions [hidden] {
	display: none !important;
}

.yb-account-section select.yb-account-select.yb-front-select-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.yb-account-section .yb-front-select {
	position: relative;
	width: 100%;
	max-width: 100%;
	font-family: var(--yb-ff-body);
	font-size: 16px;
	line-height: 1.2;
}

.yb-account-section .yb-front-select__button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	box-sizing: border-box;
	width: 100%;
	min-height: 64px;
	padding: 0 46px 0 24px;
	border: 1px solid var(--yb-form);
	border-radius: 12px;
	box-shadow: none;
	color: var(--yb-color-900);
	font-family: var(--yb-ff-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: left;
	cursor: pointer;
	transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.yb-account-section .yb-front-select__button::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-65%) rotate(45deg);
	transition: transform .18s ease;
}

.yb-account-section .yb-front-select__button:hover {
	border-color: var(--yb-form-hover) !important;
}

.yb-account-section .yb-front-select__button:focus-visible,
.yb-account-section .yb-front-select.is-open .yb-front-select__button {
	outline: none;
	border-color: var(--yb-theme-primary) !important;
}

.yb-account-section .yb-front-select.is-open .yb-front-select__button::after {
	transform: translateY(-30%) rotate(225deg);
}

.yb-account-section .yb-front-select__list {
	position: absolute;
	display: grid;
	gap: 7px;
	z-index: 10050;
	left: 0;
	right: 0;
	top: calc(100% + 7px);
	max-height: 230px;
	margin: 0;
	padding: 7px;
	background: var(--yb-color-50);
	box-shadow: 0 18px 44px rgba(17, 24, 39, .16);
	list-style: none;
	overflow: auto;
	opacity: 0;
	transform: translateY(-5px) scale(.985);
	pointer-events: none;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 14px;
	clip-path: inset(0 round 14px);
	transition: opacity .16s ease, transform .16s ease;
}

.yb-account-section .yb-front-select.is-open .yb-front-select__list {
	opacity: 1;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

.yb-account-section .yb-front-select__option {
	margin: 0;
	padding: 12px;
	border-radius: 10px;
	color: var(--yb-color-900);
	font-family: var(--yb-ff-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}

.yb-account-section .yb-front-select__option:hover,
.yb-account-section .yb-front-select__option.is-active {
	background-color: var(--yb-color-dark-300);
	color: var(--yb-color-0);
}

.yb-account-section .yb-front-select__option.is-disabled {
	opacity: .5;
	cursor: not-allowed;
}

@media (max-width: 1199.98px) {
	.yb-account-section .yb-download-license {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yb-account-section .yb-download-license__key {
		grid-column: 1 / -1;
	}
}

@media (max-width: 1199.98px) {
	.yb-account-section .yb-account-detail-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.yb-download-card__main,
	.yb-download-card__actions,
	.yb-account-avatar-modal__actions {
		width: 100%;
	}

	.yb-account-section .yb-download-card__actions {
		justify-content: flex-start;
	}

	.yb-download-license,
	.yb-account-detail-grid,
	.yb-account-section .yb-account-order-item {
		grid-template-columns: 1fr;
	}

	.yb-account-avatar-modal__dialog {
		padding: 22px;
	}
}


.yb-account-dashboard-admin {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 30px;
	padding: 24px;
	border: 1px solid var(--yb-color-150);
	border-radius: 18px;
	background: var(--yb-color-0);
}

.yb-account-dashboard-admin h3 {
	margin: 0;
	font-size: 22px;
	line-height: 1.15;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-account-dashboard-admin__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.yb-account-dashboard-admin__button {
	flex: 0 0 auto;
}

.yb-account-dashboard-admin__button svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.yb-account-user-card__actions {
	position: absolute;
	top: clamp(24px, 4vw, 42px);
	right: clamp(24px, 4vw, 42px);
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.yb-account-admin-panel,
.yb-account-outline-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 46px;
	padding: 0 18px;
	border: 1px solid var(--yb-color-150);
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.yb-account-admin-panel:hover,
.yb-account-outline-btn:hover {
	border-color: var(--yb-color-900);
	background: var(--yb-color-900);
	color: var(--yb-color-0);
	transform: translateY(-1px);
}

.yb-account-admin-panel svg,
.yb-account-logout svg,
.yb-account-outline-btn svg,
.yb-account-shop-link svg {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.yb-account-card__head--users {
	align-items: center;
}

.yb-account-users-head-actions {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	flex: 1 1 auto;
}

.yb-account-user-search {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-width: 260px;
	max-width: 340px;
	flex: 0 1 340px;
}

.yb-account-user-search input {
	width: 100%;
	min-height: 46px;
	padding: 0 46px 0 18px;
	border: 1px solid var(--yb-form);
	border-radius: 999px;
	background: var(--yb-color-0);
	color: var(--yb-color-900);
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0;
	outline: none;
	box-shadow: none;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.yb-account-user-search input::placeholder {
	color: var(--yb-color-500);
}

.yb-account-user-search input[type="search"]::-webkit-search-decoration,
.yb-account-user-search input[type="search"]::-webkit-search-cancel-button,
.yb-account-user-search input[type="search"]::-webkit-search-results-button,
.yb-account-user-search input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

.yb-account-user-search input[type="search"]::-ms-clear,
.yb-account-user-search input[type="search"]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

.yb-account-user-search input:hover {
	border-color: var(--yb-form-hover) !important;
}

.yb-account-user-search input:focus {
	outline: none;
	border-color: rgba(var(--yb-theme-primary-rgb), 0.4) !important;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--yb-theme-primary) 16%, transparent);
}

.yb-account-user-search__loader {
	position: absolute;
	top: 50%;
	right: 17px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border: 2px solid var(--yb-color-150);
	border-top-color: var(--yb-color-900);
	border-radius: 50%;
	opacity: 0;
	transform: scale(0.85);
	transition: opacity 0.18s ease, transform 0.18s ease;
	pointer-events: none;
}

.yb-account-user-search.is-loading .yb-account-user-search__loader {
	opacity: 1;
	transform: scale(1);
	animation: yb-account-search-spin 0.75s linear infinite;
}

@keyframes yb-account-search-spin {
	to {
		transform: scale(1) rotate(360deg);
	}
}

.yb-account-nav__item[data-yb-account-tab="orders"] .yb-account-nav__icon path,
.yb-account-nav__item[data-yb-account-tab="users"] .yb-account-nav__icon path {
	fill: currentColor;
	stroke: none;
}

.yb-account-users-table {
	min-width: 920px;
}

.yb-account-users-table th:first-child,
.yb-account-users-table td:first-child {
	width: 88px;
}

.yb-account-users-table th:nth-child(3),
.yb-account-users-table td:nth-child(3) {
	width: 240px;
}

.yb-account-users-table th:last-child,
.yb-account-users-table td:last-child {
	width: 150px;
	text-align: right;
}

.yb-account-user-thumb {
	display: inline-flex;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--yb-color-100);
	vertical-align: middle;
}

.yb-account-user-thumb--lg {
	width: 72px;
	height: 72px;
}

.yb-account-user-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: inherit;
}

.yb-account-user-detail__summary {
	display: grid;
	grid-template-columns: auto repeat(4, minmax(0, 1fr));
	gap: 14px;
	align-items: stretch;
	margin-bottom: 26px;
}

.yb-account-user-detail__summary > div {
	padding: 16px;
	border: 1px solid var(--yb-color-150);
	border-radius: 14px;
	background: var(--yb-color-0);
}

.yb-account-user-detail__summary span {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-user-detail__summary strong {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	color: var(--yb-color-900);
	overflow-wrap: anywhere;
}

.yb-account-user-block-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.yb-account-user-block-card,
.yb-account-user-danger {
	padding: 22px;
	border: 1px solid var(--yb-color-150);
	border-radius: 16px;
	background: var(--yb-color-0);
}

.yb-account-user-block-card h4,
.yb-account-user-danger h4 {
	margin: 0 0 10px;
	font-size: 20px;
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--yb-color-900);
}

.yb-account-user-block-card p,
.yb-account-user-danger p {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0;
	color: var(--yb-color-600);
}

.yb-account-user-block-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.yb-account-user-danger {
	margin-top: 16px;
	border-color: rgba(220, 38, 38, 0.25);
	background: rgba(220, 38, 38, 0.04);
}

.yb-account-danger-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	border: 1px solid rgba(220, 38, 38, 0.25);
	border-radius: 999px;
	background: rgba(220, 38, 38, 0.08);
	color: #dc2626;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.yb-account-danger-btn:hover {
	border-color: #dc2626;
	background: #dc2626;
	color: #fff;
}


@media (max-width: 1199px) {
	.yb-account-user-card__actions {
		position: static;
		grid-column: 1 / -1;
		justify-content: flex-start;
	}
}

@media (max-width: 1199px) {
	.yb-account-user-detail__summary,
	.yb-account-user-block-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yb-account-user-thumb--lg {
		grid-column: 1 / -1;
	}
}

@media (max-width: 991px) {
	.yb-account-meta-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.yb-account-card__head--users,
	.yb-account-users-head-actions {
		align-items: stretch;
		width: 100%;
	}

	.yb-account-users-head-actions {
		flex-direction: column;
	}

	.yb-account-user-search {
		min-width: 0;
		max-width: none;
		width: 100%;
		flex-basis: auto;
	}
}

@media (max-width: 767px) {
	.yb-account-meta-grid {
		grid-template-columns: 1fr;
	}

	.yb-account-user-card__actions,
	.yb-account-card__head {
		align-items: flex-start;
		justify-content: flex-start;
	}

	.yb-account-user-detail__summary,
	.yb-account-user-block-grid {
		grid-template-columns: 1fr;
	}
}

.yb-account-admin-nav {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid var(--yb-color-150);
}

.yb-account-admin-nav__label {
	margin: 0 0 8px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-nav--admin .yb-account-nav__item:last-child {
	border-bottom: 1px dashed var(--yb-color-150);
}

.yb-account-users-table th:nth-child(5),
.yb-account-users-table td:nth-child(5) {
	width: 180px;
}

.yb-account-user-action-message {
	margin-top: 16px;
}

.yb-account-user-block-card.is-blocked {
	border-color: rgba(var(--yb-theme-primary-rgb), 0.22);
	background: rgba(var(--yb-theme-primary-rgb), 0.04);
}

/*----------------------------------------*/
/*  WooCommerce Order Received
/*----------------------------------------*/
.yb-wc-order-received {
	display: flex;
	flex-direction: column;
	gap: 24px;
	color: var(--yb-color-900);
}

.yb-wc-order-received a:not(.yb-btn) {
	color: inherit;
}

.yb-wc-order-received a:not(.yb-btn):hover {
	color: var(--yb-theme-primary);
}

.yb-wc-order-received-card {
	padding: 34px;
	border: 1px solid rgba(17, 24, 39, 0.08);
	border-radius: 24px;
	background: var(--yb-color-0);
	box-shadow: 0 16px 40px rgba(17, 24, 39, 0.04);
}

.yb-wc-order-received-card--failed {
	border-color: rgba(220, 53, 69, 0.16);
	box-shadow: 0 16px 40px rgba(220, 53, 69, 0.06);
}

.yb-wc-order-received-card__head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px 24px;
	margin-bottom: 24px;
}

.yb-wc-order-received-card__head h3 {
	margin: 0;
	font-size: 32px;
	letter-spacing: -0.04em;
}

.yb-wc-order-received-card__head p {
	max-width: 560px;
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: var(--yb-color-600);
}

.yb-wc-order-received__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.95fr);
	gap: 32px;
	align-items: start;
}

.yb-wc-order-received__hero-copy {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.yb-wc-order-received__eyebrow {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--yb-theme-primary);
}

.yb-wc-order-received__title {
	margin: 0;
	font-size: clamp(38px, 5vw, 64px);
}

.yb-wc-order-received__lead {
	max-width: 700px;
	margin: 0;
	font-size: 17px;
	line-height: 1.65;
	color: var(--yb-color-700);
}

.yb-wc-order-received__overview {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 22px;
	border-radius: 22px;
	background: var(--yb-color-50);
}

.yb-wc-order-received__overview-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 20px;
	border: 1px solid rgba(17, 24, 39, 0.06);
	border-radius: 18px;
	background: var(--yb-color-0);
}

.yb-wc-order-received__overview-item span {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-wc-order-received__overview-item strong {
	font-size: 18px;
	font-weight: 600;
	word-break: break-word;
}

.yb-wc-order-received__overview-item--total {
	grid-column: 1 / -1;
}

.yb-wc-order-received__overview-item--total strong {
	font-size: 28px;
}

.yb-wc-order-received__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.yb-wc-order-received__action {
	min-height: 50px;
	padding: 0 22px;
}

.yb-wc-order-received__action--secondary {
	background-color: var(--yb-color-dark-300);
}

.yb-wc-order-received__action--secondary:hover {
	background-color: var(--yb-color-dark-300);
}

.yb-wc-order-received__action--download {
	white-space: nowrap;
}

.yb-wc-order-received__downloads {
	overflow: hidden;
}

.yb-wc-order-received__download-list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.yb-wc-order-received__download-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
	padding: 18px 20px;
	border: 1px solid var(--yb-color-100);
	border-radius: 18px;
	background: var(--yb-color-50);
}

.yb-wc-order-received__download-copy {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.yb-wc-order-received__download-copy strong,
.yb-wc-order-received__download-copy span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.yb-wc-order-received__download-copy strong {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.03em;
}

.yb-wc-order-received__download-copy span,
.yb-wc-order-received__download-copy small {
	font-size: 14px;
	line-height: 1.5;
	color: var(--yb-color-600);
}

.yb-wc-order-received__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.9fr);
	gap: 24px;
	align-items: stretch;
}

.yb-wc-order-received__details {
	min-width: 0;
	height: 100%;
}

.yb-wc-order-received__side {
	min-width: 0;
}

.yb-wc-order-received__side > .yb-wc-order-received-card:only-child {
	height: 100%;
}

.yb-wc-order-received__side {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.yb-wc-order-received__items {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.yb-wc-order-received__item {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	padding: 18px;
	border: 1px solid var(--yb-color-100);
	border-radius: 18px;
	background: var(--yb-color-50);
}

.yb-wc-order-received__item-thumb {
	width: 88px;
}

.yb-wc-order-received__item-thumb a,
.yb-wc-order-received__item-thumb img,
.yb-wc-order-received__item-thumb .attachment-woocommerce_thumbnail,
.yb-wc-order-received__item-thumb .woocommerce-placeholder {
	display: block;
	width: 88px;
	height: 88px;
	border-radius: 16px;
	object-fit: cover;
}

.yb-wc-order-received__item-content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
}

.yb-wc-order-received__item-content h4 {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.05em;
}

.yb-wc-order-received__item-content h4 a {
	text-decoration: none;
}

.yb-wc-order-received__item-subline {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 18px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--yb-color-600);
}

.yb-wc-order-received__item-subline strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.04em;
	color: var(--yb-color-900);
}

.yb-wc-order-received__item-meta .wc-item-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.yb-wc-order-received__item-meta .wc-item-meta li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border: 1px solid var(--yb-color-100);
	border-radius: 999px;
	background: var(--yb-color-0);
	font-size: 13px;
	line-height: 1.2;
	color: var(--yb-color-700);
}

.yb-wc-order-received__item-meta .wc-item-meta li strong,
.yb-wc-order-received__item-meta .wc-item-meta li p {
	margin: 0;
	font-weight: 600;
	color: var(--yb-color-900);
}

.yb-wc-order-received__note {
	margin-top: 22px;
	padding: 18px 20px;
	border: 1px dashed rgba(var(--yb-theme-primary-rgb), 0.28);
	border-radius: 18px;
	background: rgba(var(--yb-theme-primary-rgb), 0.035);
}

.yb-wc-order-received__note span {
	display: inline-block;
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--yb-theme-primary);
}

.yb-wc-order-received__note p {
	margin: 0;
	font-size: 16px;
	line-height: 1.65;
	color: var(--yb-color-700);
}

.yb-wc-order-received__totals {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--yb-color-100);
}

.yb-wc-order-received__total-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 18px;
}

.yb-wc-order-received__total-row span {
	font-size: 15px;
	line-height: 1.5;
	color: var(--yb-color-600);
}

.yb-wc-order-received__total-row strong {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.04em;
	text-align: right;
}

.yb-wc-order-received__info-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.yb-wc-order-received__info-list div {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--yb-color-100);
}

.yb-wc-order-received__info-list div:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.yb-wc-order-received__info-list span {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-wc-order-received__info-list strong,
.yb-wc-order-received__info-list strong a {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.03em;
	text-decoration: none;
	word-break: break-word;
}

.yb-wc-order-received__address {
	font-size: 16px;
	line-height: 1.7;
	color: var(--yb-color-700);
}

.yb-wc-order-received__address p {
	margin: 0;
}

@media (max-width: 991.98px) {
	.yb-wc-order-received__hero,
	.yb-wc-order-received__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	.yb-wc-order-received-card {
		padding: 24px;
		border-radius: 20px;
	}

	.yb-wc-order-received-card__head h3 {
		font-size: 28px;
	}

	.yb-wc-order-received__overview {
		grid-template-columns: 1fr;
	}

	.yb-wc-order-received__download-item,
	.yb-wc-order-received__actions,
	.yb-wc-order-received__total-row {
		flex-direction: column;
		align-items: stretch;
	}

	.yb-wc-order-received__item {
		grid-template-columns: 1fr;
	}

	.yb-wc-order-received__item-thumb,
	.yb-wc-order-received__item-thumb a,
	.yb-wc-order-received__item-thumb img,
	.yb-wc-order-received__item-thumb .attachment-woocommerce_thumbnail,
	.yb-wc-order-received__item-thumb .woocommerce-placeholder {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.yb-wc-order-received__action {
		width: 100%;
	}
}

@media (max-width: 575.98px) {
	.yb-wc-order-received {
		gap: 18px;
	}

	.yb-wc-order-received-card {
		padding: 20px;
	}

	.yb-wc-order-received__title {
		font-size: 34px;
	}

	.yb-wc-order-received__lead {
		font-size: 15px;
	}

	.yb-wc-order-received__item-content h4,
	.yb-wc-order-received-card__head h3 {
		font-size: 24px;
	}

	.yb-wc-order-received__overview-item strong,
	.yb-wc-order-received__total-row strong {
		font-size: 18px;
	}

	.yb-wc-order-received__overview-item--total strong {
		font-size: 24px;
	}
}


/* Account order details */
.yb-account-section .yb-account-order-detail {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.yb-account-section .yb-account-order-detail__overview {
	margin-bottom: 0;
}

.yb-account-section .yb-account-order-detail__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.55fr) minmax(320px, 0.9fr);
	gap: 24px;
	align-items: stretch;
}

.yb-account-section .yb-account-order-detail-card {
	min-width: 0;
	height: 100%;
	padding: 28px;
	border: 1px solid var(--yb-color-150);
	border-radius: 20px;
	background: var(--yb-color-0);
}

.yb-account-section .yb-account-order-detail-card__head {
	margin-bottom: 22px;
}

.yb-account-section .yb-account-order-detail-card__head h4 {
	margin: 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1;
	color: var(--yb-color-900);
}

.yb-account-section .yb-account-order-items--detail {
	gap: 14px;
}

.yb-account-section .yb-account-order-item--detail {
	grid-template-columns: 88px minmax(0, 1fr) auto;
	align-items: center;
	gap: 18px;
	padding: 18px;
	border-radius: 18px;
	background: var(--yb-color-50);
}

.yb-account-section .yb-account-order-item--detail .yb-account-order-item__thumb {
	width: 88px;
	height: 88px;
	border-radius: 16px;
	background: var(--yb-color-100);
}

.yb-account-section .yb-account-order-item__thumb a {
	display: block;
	width: 100%;
	height: 100%;
}

.yb-account-section .yb-account-order-item--detail .yb-account-order-item__content {
	min-width: 0;
}

.yb-account-section .yb-account-order-item--detail h4 {
	margin-bottom: 8px;
	font-size: 22px;
}

.yb-account-section .yb-account-order-item--detail h4 a {
	color: inherit;
	text-decoration: none;
}

.yb-account-section .yb-account-order-item--detail > strong {
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
	color: var(--yb-color-900);
}

.yb-account-section .yb-account-order-item__meta .wc-item-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.yb-account-section .yb-account-order-item__meta .wc-item-meta li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border: 1px solid var(--yb-color-100);
	border-radius: 999px;
	background: var(--yb-color-0);
	font-size: 13px;
	line-height: 1.2;
	color: var(--yb-color-700);
}

.yb-account-section .yb-account-order-item__meta .wc-item-meta li strong,
.yb-account-section .yb-account-order-item__meta .wc-item-meta li p {
	margin: 0;
	font-weight: 600;
	color: var(--yb-color-900);
}

.yb-account-section .yb-account-order-detail__note {
	margin-top: 22px;
	padding: 18px 20px;
	border: 1px dashed rgba(var(--yb-theme-primary-rgb), 0.28);
	border-radius: 18px;
	background: rgba(var(--yb-theme-primary-rgb), 0.035);
}

.yb-account-section .yb-account-order-detail__note span {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--yb-theme-primary);
}

.yb-account-section .yb-account-order-detail__note p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: var(--yb-color-700);
}

.yb-account-section .yb-account-order-detail__totals {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid var(--yb-color-150);
}

.yb-account-section .yb-account-order-detail__total-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 18px;
}

.yb-account-section .yb-account-order-detail__total-row span {
	font-size: 15px;
	color: var(--yb-color-600);
}

.yb-account-section .yb-account-order-detail__total-row strong {
	font-size: 20px;
	font-weight: 700;
	text-align: right;
	color: var(--yb-color-900);
}

.yb-account-section .yb-account-order-detail__info-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.yb-account-section .yb-account-order-detail__info-list div {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--yb-color-150);
}

.yb-account-section .yb-account-order-detail__info-list div:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.yb-account-section .yb-account-order-detail__info-list span {
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--yb-color-500);
}

.yb-account-section .yb-account-order-detail__info-list strong,
.yb-account-section .yb-account-order-detail__info-list strong a {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.45;
	color: var(--yb-color-900);
	text-decoration: none;
	word-break: break-word;
}

@media (max-width: 991.98px) {
	.yb-account-section .yb-account-order-detail__layout {
		grid-template-columns: 1fr;
	}

	.yb-account-section .yb-account-order-detail-card {
		height: auto;
	}
}

@media (max-width: 767.98px) {
	.yb-account-section .yb-account-order-detail .yb-account-detail-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.yb-account-section .yb-account-order-item--detail {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.yb-account-section .yb-account-order-item--detail > strong {
		grid-column: 2;
	}

	.yb-account-section .yb-account-order-detail-card {
		padding: 22px;
	}

	.yb-account-section .yb-account-order-detail-card__head h4 {
		font-size: 24px;
	}
}

@media (max-width: 575.98px) {
	.yb-account-section .yb-account-order-detail .yb-account-detail-grid {
		grid-template-columns: 1fr;
	}

	.yb-account-section .yb-account-order-item--detail {
		grid-template-columns: 1fr;
	}

	.yb-account-section .yb-account-order-item--detail .yb-account-order-item__thumb,
	.yb-account-section .yb-account-order-item--detail > strong {
		grid-column: auto;
	}

	.yb-account-section .yb-account-order-item--detail .yb-account-order-item__thumb {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
	}
}

.yb-vc-has-bg,
.yb-vc-row-has-bg {
	background: var(--yb-vc-bg-light, var(--yb-vc-row-bg-light)) !important;
}

[data-yb-theme="dark"] .yb-vc-has-bg,
[data-yb-theme="dark"] .yb-vc-row-has-bg {
	background: var(--yb-vc-bg-dark, var(--yb-vc-row-bg-dark, var(--yb-vc-bg-light, var(--yb-vc-row-bg-light)))) !important;
}

.vc_row.vc_column-gap-50,
.vc_row_inner.vc_column-gap-50 {
	margin-left: -25px;
	margin-right: -25px;
}

.vc_row.vc_column-gap-50 > .vc_column_container,
.vc_row_inner.vc_column-gap-50 > .vc_column_container {
	padding: 25px;
}

.vc_row.vc_column-gap-80,
.vc_row_inner.vc_column-gap-80 {
	margin-left: -40px;
	margin-right: -40px;
}

.vc_row.vc_column-gap-80 > .vc_column_container,
.vc_row_inner.vc_column-gap-80 > .vc_column_container {
	padding: 40px;
}

.vc_row.vc_column-gap-100,
.vc_row_inner.vc_column-gap-100 {
	margin-left: -50px;
	margin-right: -50px;
}

.vc_row.vc_column-gap-100 > .vc_column_container,
.vc_row_inner.vc_column-gap-100 > .vc_column_container {
	padding: 50px;
}

.vc_row.yb-vc-column-gap-custom,
.vc_row_inner.yb-vc-column-gap-custom {
	margin-left: calc(var(--yb-vc-column-gap-custom-half) * -1);
	margin-right: calc(var(--yb-vc-column-gap-custom-half) * -1);
}

.vc_row.yb-vc-column-gap-custom > .vc_column_container,
.vc_row_inner.yb-vc-column-gap-custom > .vc_column_container {
	padding: var(--yb-vc-column-gap-custom-half);
}

/* Work Tools */
.yb-work-tools {
	width: 100%;
}

.yb-work-tools__section {
	padding: clamp(11px, 1.1vw, 14px) 0;
	border-bottom: 1px solid var(--yb-color-100);
}

.yb-work-tools__section:first-child {
	padding-top: 0;
}

.yb-work-tools__section:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.yb-work-tools__title {
	margin: 0 0 clamp(8px, 0.7vw, 12px);
	font-size: clamp(18px, 1.35vw, 26px);
	line-height: 1.1;
	font-weight: 600;
	color: var(--yb-color-900);
}

.yb-work-tools__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 6px;
}

.yb-work-tools__item {
	--underline-thickness: 1px;
	--underline-offset: 2px;
	--underline-space: 3px;
	position: relative;
	display: inline-flex;
	align-items: center;
	min-width: 0;
	padding: 0 0 var(--underline-space);
	border: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: linear-gradient(currentColor, currentColor) !important;
	background-repeat: no-repeat !important;
	background-position: 0 calc(100% - var(--underline-offset)) !important;
	background-size: 0 var(--underline-thickness) !important;
	box-shadow: none;
	color: var(--yb-color-700);
	font: inherit;
	line-height: 1.35;
	text-align: left;
	cursor: pointer;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: color 0.3s ease, background-size 0.35s ease;
}

.yb-work-tools__item:hover,
.yb-work-tools__item:focus-visible {
	background-size: 100% var(--underline-thickness) !important;
	color: var(--yb-color-900);
}

.yb-work-tools__item:focus-visible {
	outline: 2px solid var(--yb-color-200);
	outline-offset: 5px;
}

.yb-work-tools__item:not(:last-child) .yb-work-tools__name::after {
	content: ",";
}

.yb-work-tools__tooltip {
	position: absolute;
	left: 50%;
	bottom: calc(100% + 12px);
	z-index: 20;
	width: max-content;
	max-width: min(280px, calc(100vw - 48px));
	padding: 11px 13px;
	border: 1px solid var(--yb-color-150);
	border-radius: 12px;
	background: var(--yb-color-0, var(--yb-bg));
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12);
	color: var(--yb-color-900);
	font-size: 13px;
	line-height: 1.35;
	white-space: normal;
	text-align: left;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(-50%, 6px, 0);
	transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}

.yb-work-tools__tooltip::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 10px;
	height: 10px;
	border-right: 1px solid var(--yb-color-150);
	border-bottom: 1px solid var(--yb-color-150);
	background: var(--yb-color-0, var(--yb-bg));
	transform: translate(-50%, -5px) rotate(45deg);
}

.yb-work-tools__item:hover .yb-work-tools__tooltip,
.yb-work-tools__item:focus-visible .yb-work-tools__tooltip,
.yb-work-tools__item:focus .yb-work-tools__tooltip {
	opacity: 1;
	visibility: visible;
	transform: translate3d(-50%, 0, 0);
}

@media (max-width: 575.98px) {
	.yb-work-tools__list {
		gap: 7px 6px;
	}

	.yb-work-tools__tooltip {
		left: 0;
		max-width: min(260px, calc(100vw - 32px));
		transform: translate3d(0, 6px, 0);
	}

	.yb-work-tools__tooltip::after {
		left: 18px;
	}

	.yb-work-tools__item:hover .yb-work-tools__tooltip,
	.yb-work-tools__item:focus-visible .yb-work-tools__tooltip,
	.yb-work-tools__item:focus .yb-work-tools__tooltip {
		transform: translate3d(0, 0, 0);
	}
}

/* WPBakery Smart Gap */
.yb-wpb-gap.vc_row {
	--yb-wpb-gap-x: 20px;
	--yb-wpb-gap-y: 20px;

	margin-left: calc(var(--yb-wpb-gap-x) / -2) !important;
	margin-right: calc(var(--yb-wpb-gap-x) / -2) !important;
}

.yb-wpb-gap.vc_row > .vc_column_container {
	padding-left: calc(var(--yb-wpb-gap-x) / 2) !important;
	padding-right: calc(var(--yb-wpb-gap-x) / 2) !important;
}

.yb-wpb-gap.yb-wpb-gap-vertical.vc_row {
	margin-top: calc(var(--yb-wpb-gap-y) / -2) !important;
	margin-bottom: calc(var(--yb-wpb-gap-y) / -2) !important;
}

.yb-wpb-gap.yb-wpb-gap-vertical.vc_row > .vc_column_container {
	padding-top: calc(var(--yb-wpb-gap-y) / 2) !important;
	padding-bottom: calc(var(--yb-wpb-gap-y) / 2) !important;
}

.yb-wpb-gap-10 {
	--yb-wpb-gap-x: 10px;
	--yb-wpb-gap-y: 10px;
}

.yb-wpb-gap-20 {
	--yb-wpb-gap-x: 20px;
	--yb-wpb-gap-y: 20px;
}

.yb-wpb-gap-30 {
	--yb-wpb-gap-x: 30px;
	--yb-wpb-gap-y: 30px;
}