:root {
	--ysl-ink: #080405;
	--ysl-muted: #6f7176;
	--ysl-line: #ebe7e3;
	--ysl-paper: #f8f6f3;
	--ysl-white: #ffffff;
	--ysl-orange: #ef6c13;
	--ysl-orange-dark: #c95108;
	--ysl-wood: #d8b083;
	--ysl-container: 1320px;
	--ysl-radius: 3px;
	--ysl-shadow: 0 18px 45px rgba(8, 4, 5, 0.13);
}

.ysl-product-page {
	background: var(--ysl-white);
}

.ysl-product-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 42px;
	width: min(var(--ysl-container), calc(100% - 40px));
	margin: 0 auto;
	padding: 72px 0 90px;
}

.ysl-product-sidebar {
	min-width: 0;
}

.ysl-product-sidebar__inner {
	position: sticky;
	top: 128px;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	box-shadow: 0 18px 36px rgba(8, 4, 5, 0.07);
}

.ysl-product-sidebar__title {
	margin: 0;
	padding: 20px 22px;
	background: var(--ysl-ink);
	color: var(--ysl-white);
	font-size: 17px;
	line-height: 1.25;
}

.ysl-product-category-nav {
	padding: 12px 0;
}

.ysl-product-category-nav__all,
.ysl-product-category-nav__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 34px;
	align-items: center;
	min-height: 42px;
}

.ysl-product-category-nav__all {
	display: flex;
	padding: 0 18px;
	color: var(--ysl-ink);
	font-size: 14px;
	font-weight: 900;
}

.ysl-product-category-nav__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ysl-product-category-nav__list .ysl-product-category-nav__list {
	display: none;
	padding-left: 14px;
	border-left: 1px solid var(--ysl-line);
	margin-left: 18px;
}

.ysl-product-category-nav__item.is-open > .ysl-product-category-nav__list {
	display: block;
}

.ysl-product-category-nav__row a,
.ysl-product-category-nav__row span {
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 0 8px 0 18px;
	color: var(--ysl-muted);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.25;
}

.ysl-product-category-nav__row {
	border-bottom: 1px solid rgba(235, 231, 227, 0.72);
}

.ysl-product-category-nav__list .ysl-product-category-nav__list .ysl-product-category-nav__row a,
.ysl-product-category-nav__list .ysl-product-category-nav__list .ysl-product-category-nav__row span {
	font-size: 13px;
	font-weight: 700;
}

.ysl-product-category-nav__all:hover,
.ysl-product-category-nav__all.is-current,
.ysl-product-category-nav__item.is-current > .ysl-product-category-nav__row a,
.ysl-product-category-nav__item.is-open > .ysl-product-category-nav__row a,
.ysl-product-category-nav__row a:hover {
	color: var(--ysl-orange);
}

.ysl-product-category-nav__toggle {
	position: relative;
	width: 34px;
	height: 34px;
	border: 0;
	background: transparent;
	color: var(--ysl-muted);
	cursor: pointer;
}

.ysl-product-category-nav__toggle::before,
.ysl-product-category-nav__toggle::after {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	background: currentColor;
	content: "";
	transform: translate(-50%, -50%);
}

.ysl-product-category-nav__toggle::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.ysl-product-category-nav__item.is-open > .ysl-product-category-nav__row .ysl-product-category-nav__toggle::after {
	display: none;
}

.ysl-product-content {
	min-width: 0;
}

.ysl-product-archive-header {
	margin-bottom: 28px;
}

.ysl-product-archive-header h1 {
	margin: 8px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 46px;
	line-height: 1.08;
}

.ysl-product-archive-description {
	max-width: 760px;
	margin-top: 14px;
	color: var(--ysl-muted);
	line-height: 1.8;
}

.ysl-product-archive-count {
	margin: 12px 0 0;
	color: var(--ysl-muted);
	font-size: 14px;
	font-weight: 800;
}

.ysl-product-page .naibabiji-b2b-products-grid {
	gap: 28px;
}

.ysl-product-page .naibabiji-b2b-product-card {
	border: 1px solid var(--ysl-line);
	border-radius: var(--ysl-radius);
	box-shadow: 0 16px 32px rgba(8, 4, 5, 0.08);
	overflow: hidden;
}

.ysl-product-page .naibabiji-b2b-product-title a,
.ysl-product-page .naibabiji-b2b-product-meta a,
.ysl-product-page .naibabiji-b2b-product-categories a,
.ysl-product-page .naibabiji-b2b-product-tags a {
	color: var(--ysl-ink);
}

.ysl-product-page .naibabiji-b2b-product-title a:hover,
.ysl-product-page .naibabiji-b2b-product-meta a:hover,
.ysl-product-page .naibabiji-b2b-product-categories a:hover,
.ysl-product-page .naibabiji-b2b-product-tags a:hover {
	color: var(--ysl-orange);
}

.ysl-product-page .naib-b2b-btn--primary,
.ysl-product-page .naibabiji-b2b-inquiry-button {
	background: var(--ysl-orange);
	border-color: var(--ysl-orange);
	color: var(--ysl-white);
}

.ysl-product-page .naib-b2b-btn--primary:hover,
.ysl-product-page .naibabiji-b2b-inquiry-button:hover {
	background: var(--ysl-orange-dark);
	border-color: var(--ysl-orange-dark);
	color: var(--ysl-white);
}

.ysl-product-single .naibabiji-b2b-product-main {
	display: grid;
	grid-template-columns: minmax(280px, 0.88fr) minmax(0, 1.08fr);
	align-items: start;
	gap: 42px;
	margin-bottom: 54px;
}

.ysl-product-single .naibabiji-b2b-product-title {
	margin-top: 8px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 44px;
	line-height: 1.12;
}

.ysl-product-single .naibabiji-b2b-product-header {
	margin-bottom: 22px;
}

.ysl-product-page .naibabiji-b2b-product-short-description,
.ysl-product-page .naibabiji-b2b-product-description {
	color: var(--ysl-muted);
	line-height: 1.8;
}

.ysl-product-spec-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 16px 0 16px;
	border: 1px solid #f0ece7;
	background: #f0ece7;
}

.ysl-product-spec-list__item {
	display: grid;
	grid-template-columns: minmax(76px, 0.38fr) minmax(0, 1fr);
	min-height: 38px;
	background: var(--ysl-white);
}

.ysl-product-spec-list dt,
.ysl-product-spec-list dd {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 8px 12px;
	font-size: 12px;
	line-height: 1.35;
}

.ysl-product-spec-list dt {
	background: #fbfaf8;
	color: var(--ysl-ink);
	font-weight: 900;
}

.ysl-product-spec-list dd {
	color: var(--ysl-muted);
	font-weight: 700;
}

.ysl-product-short-copy {
	margin-top: 18px;
	max-width: 680px;
}

.ysl-product-short-copy p {
	margin: 0 0 14px;
}

.ysl-product-page .naibabiji-b2b-product-content-wrapper {
	border-top: 1px solid var(--ysl-line);
	padding-top: 42px;
}

.ysl-product-page .naibabiji-b2b-product-content-title {
	margin: 0 0 18px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px;
}

.ysl-product-page .naibabiji-b2b-product-description {
	max-width: 980px;
}

.ysl-product-page .naibabiji-b2b-product-description h2 {
	position: relative;
	margin: 0 0 26px;
	padding-left: 54px;
	color: var(--ysl-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 36px;
	line-height: 1.15;
}

.ysl-product-page .naibabiji-b2b-product-description h2::before {
	position: absolute;
	top: 0.56em;
	left: 0;
	width: 34px;
	height: 2px;
	background: var(--ysl-orange);
	content: "";
}

.ysl-product-page .naibabiji-b2b-product-description h3 {
	margin: 30px 0 12px;
	padding-top: 22px;
	border-top: 1px solid var(--ysl-line);
	color: var(--ysl-ink);
	font-size: 18px;
	line-height: 1.35;
}

.ysl-product-page .naibabiji-b2b-product-description h3:first-child,
.ysl-product-page .naibabiji-b2b-product-description h2 + h3 {
	border-top: 0;
	padding-top: 0;
}

.ysl-product-page .naibabiji-b2b-product-description p {
	margin: 0 0 16px;
	color: var(--ysl-muted);
	font-size: 15px;
	line-height: 1.85;
}

.ysl-product-page .naibabiji-b2b-product-inquiry {
	margin-top: 28px;
	padding: 28px;
	border: 1px solid var(--ysl-line);
	background: #fbfaf8;
	box-shadow: 0 16px 36px rgba(8, 4, 5, 0.06);
}

.ysl-product-page .naibabiji-b2b-inquiry-title {
	margin: 0 0 14px;
	color: var(--ysl-ink);
	font-size: 18px;
}

.ysl-product-page .naibabiji-b2b-product-inquiry p {
	max-width: 520px;
	margin: 0 0 18px;
	color: var(--ysl-muted);
	line-height: 1.55;
}

@media (max-width: 1100px) {
	.ysl-product-layout {
		grid-template-columns: 240px minmax(0, 1fr);
		gap: 28px;
	}

	.ysl-product-single .naibabiji-b2b-product-main {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 820px) {
	.ysl-product-layout {
		grid-template-columns: 1fr;
		padding: 44px 0 64px;
	}

	.ysl-product-sidebar__inner {
		position: static;
	}

	.ysl-product-archive-header h1,
	.ysl-product-single .naibabiji-b2b-product-title {
		font-size: 34px;
	}

	.ysl-product-spec-list {
		grid-template-columns: 1fr;
	}
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: var(--ysl-ink);
	font-family: Inter, Roboto, Arial, sans-serif;
	background: var(--ysl-white);
}

a {
	color: inherit;
	text-decoration: none;
}

.naibabiji-b2b-product-single-container a,
.naibabiji-b2b-products-archive-container a,
.naibabiji-b2b-products-taxonomy-container a,
.ysl-product-page a {
	color: var(--ysl-orange);
}

.naibabiji-b2b-product-single-container a:hover,
.naibabiji-b2b-products-archive-container a:hover,
.naibabiji-b2b-products-taxonomy-container a:hover,
.ysl-product-page a:hover {
	color: var(--ysl-orange-dark);
}

img {
	display: block;
	max-width: 100%;
}

.ysl-container {
	width: min(var(--ysl-container), calc(100% - 40px));
	margin: 0 auto;
}

.ysl-skip-link {
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1000;
	padding: 10px 14px;
	background: var(--ysl-orange);
	color: #fff;
	font-weight: 800;
	transform: translateY(-160%);
}

.ysl-skip-link:focus {
	transform: translateY(0);
}

.ysl-topbar {
	background: #f7f7f7;
	color: #666;
	font-size: 13px;
	border-bottom: 1px solid var(--ysl-line);
}

.ysl-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	min-height: 42px;
}

.ysl-topbar__contact {
	display: flex;
	align-items: center;
	gap: 9px;
	font-weight: 800;
	color: var(--ysl-ink);
}

.ysl-site-header {
	position: sticky;
	top: 0;
	z-index: 30;
	background: var(--ysl-ink);
	box-shadow: 0 10px 35px rgba(8, 4, 5, 0.16);
}

.ysl-header__inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 24px;
	min-height: 96px;
}

.ysl-brand {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 188px;
	min-height: 78px;
	padding: 8px 12px;
	border-radius: var(--ysl-radius);
	background: #fff;
	color: var(--ysl-ink);
	font-weight: 900;
}

.ysl-brand .custom-logo-link {
	display: block;
}

.ysl-brand .custom-logo,
.ysl-brand__name {
	width: 188px;
	height: auto;
}

.ysl-brand__name {
	display: inline-flex;
	align-items: center;
	color: var(--ysl-ink);
}

.ysl-primary-menu,
.ysl-primary-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ysl-primary-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 2px;
}

.ysl-primary-menu li {
	position: relative;
}

.ysl-primary-menu a {
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 0 12px;
	color: #fff;
	font-size: 14px;
	font-weight: 800;
	white-space: nowrap;
}

.ysl-primary-menu a:hover,
.ysl-primary-menu .current-menu-item > a,
.ysl-primary-menu .current-menu-ancestor > a {
	color: var(--ysl-orange);
}

.ysl-primary-menu .menu-item-has-children > a::after {
	content: "";
	width: 6px;
	height: 6px;
	margin-left: 8px;
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	transform: rotate(45deg) translateY(-2px);
}

.ysl-primary-menu ul .menu-item-has-children > a::after {
	transform: rotate(-45deg);
}

.ysl-primary-menu ul {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	padding: 10px 0;
	background: var(--ysl-white);
	border: 1px solid var(--ysl-line);
	box-shadow: var(--ysl-shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: 160ms ease;
}

.ysl-primary-menu ul ul {
	top: -11px;
	left: 100%;
}

.ysl-primary-menu li:hover > ul,
.ysl-primary-menu li:focus-within > ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.ysl-primary-menu ul a {
	justify-content: space-between;
	min-height: 38px;
	padding: 0 16px;
	color: var(--ysl-muted);
	font-size: 13px;
	font-weight: 700;
}

.ysl-header-actions {
	display: flex;
	align-items: stretch;
	align-self: stretch;
}

.ysl-header-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	padding: 0 24px;
	background: var(--ysl-orange);
	color: #fff;
	font-size: 14px;
	font-weight: 900;
}

.ysl-header-cta:hover {
	background: var(--ysl-orange-dark);
	color: #fff;
}

.ysl-search-toggle {
	position: relative;
	display: grid;
	place-items: center;
	width: 58px;
	border: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	background: #111;
	color: #fff;
	cursor: pointer;
}

.ysl-search-toggle span,
.ysl-search-toggle span::after {
	display: block;
	content: "";
}

.ysl-search-toggle span {
	width: 17px;
	height: 17px;
	border: 2px solid currentColor;
	border-radius: 50%;
}

.ysl-search-toggle span::after {
	width: 8px;
	height: 2px;
	margin: 11px 0 0 12px;
	background: currentColor;
	transform: rotate(45deg);
}

.ysl-nav-toggle {
	display: none;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: var(--ysl-radius);
	background: transparent;
}

.ysl-nav-toggle span {
	display: block;
	width: 18px;
	height: 2px;
	margin: 4px auto;
	background: #fff;
}

.ysl-search-overlay {
	position: fixed;
	inset: 0;
	z-index: 100;
	display: grid;
	place-items: start center;
	padding: 18vh 20px 40px;
	background: rgba(8, 4, 5, 0.72);
}

.ysl-search-overlay[hidden] {
	display: none;
}

.ysl-search-panel {
	position: relative;
	width: min(760px, 100%);
	padding: 38px;
	background: #fff;
	box-shadow: var(--ysl-shadow);
}

.ysl-search-close {
	position: absolute;
	top: 10px;
	right: 12px;
	border: 0;
	background: transparent;
	color: var(--ysl-ink);
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
}

.ysl-search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
}

.ysl-search-field {
	width: 100%;
	min-height: 54px;
	padding: 0 16px;
	border: 1px solid var(--ysl-line);
	font: inherit;
}

.ysl-search-submit {
	min-height: 54px;
	padding: 0 24px;
	border: 0;
	background: var(--ysl-orange);
	color: #fff;
	font-weight: 900;
	cursor: pointer;
}

.ysl-theme-scaffold {
	width: min(var(--ysl-container), calc(100% - 40px));
	margin: 0 auto;
	padding: 96px 0;
}

.ysl-page-title {
	position: relative;
	display: grid;
	align-items: center;
	min-height: 320px;
	background: linear-gradient(rgba(8, 4, 5, 0.72), rgba(8, 4, 5, 0.72)), var(--ysl-page-title-bg) center / cover;
	color: #fff;
}

.ysl-page-title__inner {
	padding: 70px 0;
}

.ysl-section-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	color: var(--ysl-orange);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.ysl-section-eyebrow::before {
	content: "";
	width: 42px;
	height: 2px;
	background: currentColor;
}

.ysl-page-title h1 {
	max-width: 760px;
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 64px;
	line-height: 0.98;
	letter-spacing: 0;
}

.ysl-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	font-weight: 800;
}

.ysl-breadcrumb li:not(:last-child)::after {
	content: "/";
	margin-left: 8px;
	color: rgba(255, 255, 255, 0.45);
}

.ysl-breadcrumb a:hover {
	color: var(--ysl-orange);
}

.ysl-page-main {
	background: var(--ysl-white);
}

.ysl-page-content > * {
	width: min(var(--ysl-container), calc(100% - 40px));
	margin-left: auto;
	margin-right: auto;
}

.ysl-page-content > .alignfull {
	width: 100%;
	max-width: none;
}

.ysl-page-content--full > * {
	width: 100%;
	max-width: none;
}

.ysl-contact-pattern {
	padding: 86px 0 100px;
}

.ysl-contact-grid {
	align-items: stretch;
	gap: 28px;
	margin-bottom: 54px;
}

.ysl-contact-card {
	height: 100%;
	padding: 40px;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	box-shadow: 0 18px 45px rgba(8, 4, 5, 0.06);
}

.ysl-contact-card h2,
.ysl-buyer-note h2 {
	margin-top: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px;
	line-height: 1.08;
	letter-spacing: 0;
}

.ysl-lead {
	color: var(--ysl-muted);
	font-size: 17px;
	line-height: 1.75;
}

.ysl-contact-list {
	display: grid;
	gap: 18px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.ysl-contact-list li {
	padding-top: 18px;
	border-top: 1px solid var(--ysl-line);
	color: var(--ysl-muted);
	line-height: 1.6;
}

.ysl-contact-list strong {
	color: var(--ysl-ink);
	font-size: 12px;
	text-transform: uppercase;
}

.ysl-contact-list a {
	color: var(--ysl-ink);
	font-weight: 800;
}

.ysl-contact-list a:hover {
	color: var(--ysl-orange);
}

.ysl-form-shortcode form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-top: 24px;
}

.ysl-form-shortcode input,
.ysl-form-shortcode select,
.ysl-form-shortcode textarea {
	width: 100%;
	min-height: 52px;
	padding: 0 15px;
	border: 1px solid var(--ysl-line);
	border-radius: 0;
	background: #fff;
	color: var(--ysl-ink);
	font: inherit;
}

.ysl-form-shortcode textarea {
	grid-column: 1 / -1;
	min-height: 142px;
	padding-top: 15px;
	resize: vertical;
}

.ysl-form-shortcode button,
.ysl-form-shortcode input[type="button"],
.ysl-form-shortcode input[type="submit"] {
	justify-self: start;
	min-height: 52px;
	padding: 0 26px;
	border: 0;
	background: var(--ysl-orange);
	color: #fff;
	font-weight: 900;
	cursor: pointer;
}

.ysl-form-shortcode button:hover,
.ysl-form-shortcode input[type="button"]:hover,
.ysl-form-shortcode input[type="submit"]:hover {
	background: var(--ysl-orange-dark);
}

.ysl-contact-form-card .naibabiji-contact-form-wrapper {
	margin-top: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.ysl-contact-form-card .naibabiji-contact-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 18px;
	margin: 0;
	padding: 30px;
	border: 1px solid var(--ysl-line);
	background: #fbfaf8;
}

.ysl-contact-form-card .naib-field-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
}

.ysl-contact-form-card .naib-field-full,
.ysl-contact-form-card .naib-form-actions,
.ysl-contact-form-card .naib-form-status {
	grid-column: 1 / -1;
}

.ysl-contact-form-card .naib-label {
	margin: 0;
	color: var(--ysl-ink);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
}

.ysl-contact-form-card .required {
	color: var(--ysl-orange);
}

.ysl-contact-form-card .naib-input,
.ysl-contact-form-card .naib-textarea {
	width: 100%;
	border: 1px solid #dedad4;
	border-radius: 0;
	background: var(--ysl-white);
	color: var(--ysl-ink);
	font: inherit;
	font-size: 14px;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.ysl-contact-form-card .naib-input {
	min-height: 50px;
	padding: 0 16px;
}

.ysl-contact-form-card .naib-textarea {
	min-height: 132px;
	padding: 14px 16px;
	resize: vertical;
}

.ysl-contact-form-card .naib-input:focus,
.ysl-contact-form-card .naib-textarea:focus {
	outline: 0;
	border-color: var(--ysl-orange);
	box-shadow: 0 0 0 3px rgba(239, 108, 19, 0.12);
}

.ysl-contact-form-card .naib-form-actions {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

.ysl-contact-form-card .naib-b2b-btn,
.ysl-contact-form-card .naibabiji-b2b-contact-submit-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	min-height: 52px;
	padding: 0 30px;
	border: 0;
	border-radius: 0;
	background: var(--ysl-orange);
	color: var(--ysl-white);
	font-size: 15px;
	font-weight: 900;
	box-shadow: 0 12px 24px rgba(239, 108, 19, 0.22);
}

.ysl-contact-form-card .naib-b2b-btn:hover,
.ysl-contact-form-card .naibabiji-b2b-contact-submit-button:hover {
	background: var(--ysl-orange-dark);
	color: var(--ysl-white);
}

.ysl-contact-form-card .naib-form-status {
	margin: 0;
	padding: 12px 14px;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	color: var(--ysl-muted);
	font-size: 13px;
}

.ysl-contact-form-card #naibabiji-b2b-contact-success {
	margin-top: 18px;
	padding: 20px;
	border: 1px solid rgba(239, 108, 19, 0.25);
	background: #fff7f0;
	color: var(--ysl-ink);
	text-align: center;
}

.ysl-form-note {
	margin-bottom: 0;
	color: var(--ysl-muted);
	font-size: 13px;
}

.ysl-buyer-note {
	padding: 44px;
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
}

.ysl-buyer-note h2 {
	max-width: 860px;
	color: #fff;
}

.ysl-buyer-note p:last-child {
	max-width: 860px;
	margin-bottom: 0;
	line-height: 1.8;
}

.ysl-about-pattern {
	padding: 72px 0 100px;
}

.ysl-about-pattern > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-about-profile {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	gap: 70px;
	margin-bottom: 74px;
}

.ysl-about-profile > .wp-block-column:first-child {
	flex-basis: 54% !important;
}

.ysl-about-profile > .wp-block-column:last-child {
	flex-basis: 46% !important;
}

.ysl-about-profile h2,
.ysl-video-feature h2,
.ysl-brand-belief h2 {
	margin-top: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 42px;
	line-height: 1.06;
	letter-spacing: 0;
}

.ysl-about-profile p:not(.ysl-section-eyebrow),
.ysl-video-feature p:not(.ysl-section-eyebrow),
.ysl-brand-belief p:not(.ysl-section-eyebrow) {
	color: var(--ysl-muted);
	line-height: 1.78;
}

.ysl-media-stack,
.ysl-video-collage,
.ysl-video-placeholder,
.ysl-video-placeholder > .wp-block-group__inner-container {
	width: 100%;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ysl-media-stack,
.ysl-video-collage {
	display: block;
}

.ysl-media-stack {
	isolation: isolate;
	position: relative;
}

.ysl-media-stack::before {
	content: "";
	position: absolute;
	right: -22px;
	top: 30px;
	z-index: -1;
	width: 72%;
	height: 78%;
	border: 1px solid var(--ysl-wood);
	pointer-events: none;
}

.ysl-media-stack > .wp-block-group__inner-container {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: 20px;
}

.ysl-media-stack > .wp-block-group__inner-container > *,
.ysl-video-collage > .wp-block-group__inner-container > *,
.ysl-video-placeholder figure {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.ysl-media-stack figure,
.ysl-video-collage figure,
.ysl-media-stack .wp-block-image,
.ysl-video-collage .wp-block-image,
.ysl-video-collage .wp-block-video {
	display: block;
	width: 100% !important;
	max-width: none !important;
	margin: 0;
}

.ysl-media-stack img,
.ysl-video-collage img,
.ysl-video-collage video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ysl-media-stack figure:first-child img {
	aspect-ratio: 1 / 1.04;
}

.ysl-media-stack figure:last-child img {
	aspect-ratio: 1 / 1.42;
}

.ysl-video-feature {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	align-items: center;
	gap: 50px;
	margin-bottom: 70px;
	padding: 70px max(40px, calc((100% - var(--ysl-container)) / 2));
	background: var(--ysl-paper);
}

.ysl-video-feature > .wp-block-column:first-child {
	flex-basis: 52% !important;
}

.ysl-video-feature > .wp-block-column:last-child {
	flex-basis: 48% !important;
}

.ysl-video-points {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.ysl-video-points li {
	padding: 10px 13px;
	background: var(--ysl-white);
	border: 1px solid var(--ysl-line);
	color: var(--ysl-ink);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.ysl-video-collage > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.82fr);
	gap: 16px;
}

.ysl-video-placeholder {
	position: relative;
	min-height: 100%;
}

.ysl-video-placeholder img {
	aspect-ratio: 3 / 4;
}

.ysl-about-video video {
	aspect-ratio: 3 / 4;
	background: var(--ysl-ink);
}

.ysl-video-side-images,
.ysl-video-side-images.wp-block-columns {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin: 0;
}

.ysl-video-side-images .wp-block-column {
	margin: 0;
}

.ysl-video-side-images img {
	aspect-ratio: 4 / 3;
}

.ysl-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 72px !important;
	max-width: 72px !important;
	height: 72px;
	margin: -36px 0 0 -36px !important;
	border-radius: 50%;
	background: var(--ysl-orange);
	box-shadow: 0 18px 35px rgba(8, 4, 5, 0.28);
}

.ysl-video-play::before {
	content: "";
	width: 0;
	height: 0;
	margin-left: 5px;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 19px solid #fff;
}

.ysl-value-grid {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin-left: auto;
	margin-right: auto;
	gap: 24px;
	margin-bottom: 70px;
}

.ysl-value-card {
	height: 100%;
	padding: 32px;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	box-shadow: 0 18px 45px rgba(8, 4, 5, 0.05);
}

.ysl-card-label {
	margin: 0 0 13px;
	color: var(--ysl-orange);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.ysl-value-card h3 {
	margin: 0 0 12px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.1;
	letter-spacing: 0;
}

.ysl-value-card p:last-child {
	margin-bottom: 0;
	color: var(--ysl-muted);
	line-height: 1.7;
}

.ysl-brand-belief {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin-left: auto;
	margin-right: auto;
	padding: 48px;
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
	box-shadow: 12px 12px 0 rgba(239, 108, 19, 0.16);
}

.ysl-brand-belief h2 {
	max-width: 920px;
	color: #fff;
}

.ysl-brand-belief p:last-child {
	max-width: 880px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
}

.ysl-advantages-pattern {
	padding: 72px 0 100px;
}

.ysl-advantages-pattern > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-advantages-intro,
.ysl-customer-section,
.ysl-advantages-proof {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	gap: 70px;
}

.ysl-advantages-intro {
	margin-bottom: 54px;
}

.ysl-customer-section,
.ysl-advantages-proof {
	margin-bottom: 74px;
}

.ysl-advantages-intro h2,
.ysl-customer-section h2,
.ysl-capability-band h2,
.ysl-advantages-proof h2 {
	margin-top: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 42px;
	line-height: 1.06;
	letter-spacing: 0;
}

.ysl-advantages-intro p:not(.ysl-section-eyebrow),
.ysl-customer-section p:not(.ysl-section-eyebrow),
.ysl-capability-band p:not(.ysl-section-eyebrow),
.ysl-advantages-proof p:not(.ysl-section-eyebrow) {
	color: var(--ysl-muted);
	line-height: 1.78;
}

.ysl-advantages-image-card,
.ysl-customer-logo-board {
	position: relative;
	padding: 22px;
	background: var(--ysl-white);
	box-shadow: 0 18px 45px rgba(8, 4, 5, 0.08);
}

.ysl-advantages-image-card::before,
.ysl-customer-logo-board::before {
	content: "";
	position: absolute;
	right: -18px;
	bottom: -18px;
	z-index: -1;
	width: 72%;
	height: 72%;
	border: 1px solid var(--ysl-wood);
	pointer-events: none;
}

.ysl-advantages-image-card,
.ysl-customer-logo-board,
.ysl-advantages-image-card figure,
.ysl-customer-logo-board figure,
.ysl-advantages-proof figure {
	margin: 0;
}

.ysl-advantages-image-card img {
	aspect-ratio: 4 / 3;
	width: 100%;
	object-fit: cover;
}

.ysl-customer-logo-board img {
	width: 100%;
	height: auto;
}

.ysl-advantages-stats {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin: 0 auto 74px;
	gap: 24px;
}

.ysl-stat-card {
	height: 100%;
	padding: 30px 26px;
	border-top: 3px solid var(--ysl-orange);
	background: var(--ysl-paper);
}

.ysl-stat-card h3 {
	margin: 0 0 8px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px;
	line-height: 1;
	letter-spacing: 0;
}

.ysl-stat-card p {
	margin: 0;
	color: var(--ysl-muted);
	font-size: 14px;
	line-height: 1.55;
}

.ysl-capability-band {
	width: 100%;
	max-width: none !important;
	margin: 0 0 74px;
	padding: 72px max(40px, calc((100% - var(--ysl-container)) / 2));
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
}

.ysl-capability-band > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-capability-band .ysl-section-eyebrow,
.ysl-capability-band h2 {
	color: #fff;
}

.ysl-capability-grid {
	align-items: flex-start;
	gap: 70px;
	margin-bottom: 36px;
}

.ysl-capability-cards {
	gap: 24px;
}

.ysl-capability-card {
	height: 100%;
	padding: 32px;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
}

.ysl-capability-card h3 {
	margin: 0 0 12px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.12;
	letter-spacing: 0;
	color: #fff;
}

.ysl-capability-card p:last-child {
	margin-bottom: 0;
}

.ysl-advantages-proof img {
	aspect-ratio: 4 / 3;
	width: 100%;
	object-fit: cover;
}

.ysl-showroom-pattern {
	padding: 72px 0 100px;
}

.ysl-showroom-pattern > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-showroom-hero,
.ysl-showroom-capabilities,
.ysl-showroom-process,
.ysl-showroom-cta {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin-left: auto;
	margin-right: auto;
}

.ysl-showroom-hero,
.ysl-showroom-process {
	align-items: center;
	gap: 70px;
}

.ysl-showroom-hero {
	margin-bottom: 74px;
}

.ysl-showroom-capabilities,
.ysl-showroom-process {
	margin-bottom: 74px;
}

.ysl-showroom-hero h2,
.ysl-showroom-process h2,
.ysl-showroom-cta h2 {
	margin-top: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 42px;
	line-height: 1.06;
	letter-spacing: 0;
}

.ysl-showroom-hero p:not(.ysl-section-eyebrow),
.ysl-showroom-card p,
.ysl-showroom-process p:not(.ysl-section-eyebrow),
.ysl-showroom-list,
.ysl-showroom-cta p:not(.ysl-section-eyebrow) {
	color: var(--ysl-muted);
	line-height: 1.78;
}

.ysl-showroom-feature-image {
	position: relative;
	isolation: isolate;
	margin: 0;
}

.ysl-showroom-feature-image::before {
	content: "";
	position: absolute;
	right: -22px;
	top: 30px;
	z-index: -1;
	width: 72%;
	height: 78%;
	border: 1px solid var(--ysl-wood);
	pointer-events: none;
}

.ysl-showroom-feature-image figure,
.ysl-showroom-gallery figure,
.ysl-showroom-process figure {
	margin: 0;
}

.ysl-showroom-feature-image img,
.ysl-showroom-gallery img,
.ysl-showroom-process img {
	width: 100%;
	object-fit: cover;
}

.ysl-showroom-feature-image img {
	aspect-ratio: 4 / 3;
}

.ysl-showroom-gallery-band {
	width: 100%;
	max-width: none !important;
	margin: 0 0 74px;
	padding: 72px max(40px, calc((100% - var(--ysl-container)) / 2));
	background: var(--ysl-paper);
}

.ysl-showroom-gallery-band > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-showroom-gallery {
	gap: 22px;
}

.ysl-showroom-gallery img {
	aspect-ratio: 4 / 3;
}

.ysl-showroom-card {
	height: 100%;
	padding: 32px;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	box-shadow: 0 18px 45px rgba(8, 4, 5, 0.05);
}

.ysl-showroom-card h3 {
	margin: 0 0 12px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.12;
	letter-spacing: 0;
}

.ysl-showroom-card p:last-child {
	margin-bottom: 0;
}

.ysl-showroom-process img {
	aspect-ratio: 1 / 1;
}

.ysl-showroom-list {
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.ysl-showroom-list li {
	position: relative;
	margin-bottom: 14px;
	padding-left: 28px;
}

.ysl-showroom-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.72em;
	width: 12px;
	height: 2px;
	background: var(--ysl-orange);
}

.ysl-showroom-cta {
	padding: 48px;
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
	box-shadow: 12px 12px 0 rgba(239, 108, 19, 0.16);
}

.ysl-showroom-cta h2 {
	max-width: 920px;
	color: #fff;
}

.ysl-showroom-cta p:not(.ysl-section-eyebrow) {
	max-width: 860px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.72);
}

.ysl-showroom-cta-actions {
	margin-top: 28px;
}

.ysl-showroom-contact-button .wp-block-button__link {
	padding: 14px 24px;
	border-radius: 0;
	background: var(--ysl-orange);
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.ysl-showroom-contact-button .wp-block-button__link:hover,
.ysl-showroom-contact-button .wp-block-button__link:focus {
	background: var(--ysl-orange-dark);
	color: #fff;
}

.ysl-why-pattern {
	padding: 72px 0 100px;
}

.ysl-why-pattern > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-why-hero,
.ysl-why-metrics,
.ysl-why-capability-band,
.ysl-why-service-grid,
.ysl-why-proof {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin-left: auto;
	margin-right: auto;
}

.ysl-why-hero,
.ysl-why-capability-band,
.ysl-why-proof-inner {
	align-items: center;
	gap: 70px;
}

.ysl-why-hero,
.ysl-why-metrics,
.ysl-why-capability-band,
.ysl-why-service-grid {
	margin-bottom: 74px;
}

.ysl-why-hero h2,
.ysl-why-capability-band h2,
.ysl-why-proof h2 {
	margin-top: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 42px;
	line-height: 1.06;
	letter-spacing: 0;
}

.ysl-why-hero p:not(.ysl-section-eyebrow),
.ysl-why-capability-band p:not(.ysl-section-eyebrow),
.ysl-why-service-card p,
.ysl-why-proof p:not(.ysl-section-eyebrow) {
	color: var(--ysl-muted);
	line-height: 1.78;
}

.ysl-why-hero-image {
	position: relative;
	isolation: isolate;
	margin: 0;
}

.ysl-why-hero-image::before {
	content: "";
	position: absolute;
	right: -22px;
	top: 30px;
	z-index: -1;
	width: 72%;
	height: 78%;
	border: 1px solid var(--ysl-wood);
	pointer-events: none;
}

.ysl-why-hero-image figure,
.ysl-why-capability-band figure,
.ysl-why-proof figure {
	margin: 0;
}

.ysl-why-hero-image img,
.ysl-why-capability-band img,
.ysl-why-proof img {
	width: 100%;
	object-fit: cover;
}

.ysl-why-hero-image img {
	aspect-ratio: 4 / 3;
}

.ysl-why-metrics {
	gap: 24px;
}

.ysl-why-metric-card,
.ysl-why-service-card {
	height: 100%;
	padding: 32px;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	box-shadow: 0 18px 45px rgba(8, 4, 5, 0.05);
}

.ysl-why-metric-card--dark {
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
}

.ysl-why-metric-card h3 {
	margin: 0 0 12px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px;
	line-height: 1.05;
	letter-spacing: 0;
}

.ysl-why-metric-card--dark h3 {
	color: #fff;
}

.ysl-why-metric-card p:last-child,
.ysl-why-service-card p:last-child {
	margin-bottom: 0;
	color: var(--ysl-muted);
	line-height: 1.7;
}

.ysl-why-metric-card--dark p:last-child {
	color: rgba(255, 255, 255, 0.72);
}

.ysl-why-capability-band {
	padding: 54px;
	background: var(--ysl-paper);
}

.ysl-why-capability-band img {
	aspect-ratio: 1 / 1;
}

.ysl-why-service-grid {
	gap: 24px;
}

.ysl-why-service-card h3 {
	margin: 0 0 12px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	line-height: 1.12;
	letter-spacing: 0;
}

.ysl-why-proof {
	padding: 48px;
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
	box-shadow: 12px 12px 0 rgba(239, 108, 19, 0.16);
}

.ysl-why-proof h2 {
	color: #fff;
}

.ysl-why-proof p:not(.ysl-section-eyebrow) {
	color: rgba(255, 255, 255, 0.72);
}

.ysl-why-proof img {
	aspect-ratio: 4 / 3;
}

.ysl-home-pattern {
	width: 100%;
	max-width: none !important;
}

.ysl-home-pattern > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-home-hero {
	position: relative;
	width: 100%;
	max-width: none !important;
	min-height: 750px;
	overflow: hidden;
	background: var(--ysl-ink);
}

.ysl-home-hero > .wp-block-group__inner-container,
.ysl-home-hero__slides,
.ysl-home-hero__slides > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
	min-height: inherit;
}

.ysl-home-hero__slide {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: none !important;
	min-height: inherit;
	margin: 0;
	background-position: center;
	background-size: cover;
	opacity: 0;
	transition: opacity 520ms ease;
}

.ysl-home-hero__slide.wp-block-cover {
	justify-content: flex-start;
	padding: 0 max(40px, calc((100% - var(--ysl-container)) / 2));
}

.ysl-home-hero__slide .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ysl-home-hero__slide::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(90deg, rgba(8, 4, 5, 0.82), rgba(8, 4, 5, 0.38) 58%, rgba(8, 4, 5, 0.18));
}

.ysl-home-hero__slide > .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	width: min(760px, 100%) !important;
	max-width: 760px !important;
	margin: 0 !important;
}

.ysl-home-hero__slide.is-active {
	position: relative;
	z-index: 1;
	opacity: 1;
}

.ysl-home-hero__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: none !important;
	min-height: 440px;
	margin: 0;
	padding: 108px 0;
	color: #fff;
}

.ysl-home-hero__inner > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 760px;
	min-height: 224px;
	margin-left: 0 !important;
	margin-right: auto !important;
}

.ysl-home-hero h1 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 64px;
	line-height: 1.02;
	letter-spacing: 0;
	color: #fff;
}

.ysl-home-hero p:not(.ysl-section-eyebrow) {
	max-width: 700px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 17px;
	line-height: 1.78;
}

.ysl-home-hero__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 50%;
	background: rgba(8, 4, 5, 0.28);
	color: #fff;
	cursor: pointer;
	transform: translateY(-50%);
	transition: background-color 160ms ease, border-color 160ms ease;
}

.ysl-home-hero__arrow::before {
	content: "";
	width: 12px;
	height: 12px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
}

.ysl-home-hero__arrow--prev::before {
	transform: translateX(2px) rotate(-135deg);
}

.ysl-home-hero__arrow--next::before {
	transform: translateX(-2px) rotate(45deg);
}

.ysl-home-hero__arrow:hover,
.ysl-home-hero__arrow:focus {
	border-color: var(--ysl-orange);
	background: var(--ysl-orange);
	outline: none;
}

.ysl-home-hero__arrow--prev {
	left: max(22px, calc((100% - var(--ysl-container)) / 2 - 76px));
}

.ysl-home-hero__arrow--next {
	right: max(22px, calc((100% - var(--ysl-container)) / 2 - 76px));
}

.ysl-home-actions {
	display: flex;
	gap: 12px;
	margin-top: 28px;
}

.ysl-home-button .wp-block-button__link {
	padding: 14px 24px;
	border: 1px solid var(--ysl-orange);
	border-radius: 0;
	background: var(--ysl-orange);
	color: #fff;
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
}

.ysl-home-button .wp-block-button__link:hover,
.ysl-home-button .wp-block-button__link:focus {
	border-color: var(--ysl-orange-dark);
	background: var(--ysl-orange-dark);
	color: #fff;
}

.ysl-home-button--secondary .wp-block-button__link {
	border-color: rgba(255, 255, 255, 0.52);
	background: transparent;
}

.ysl-home-button--secondary .wp-block-button__link:hover,
.ysl-home-button--secondary .wp-block-button__link:focus {
	border-color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

.ysl-home-stats,
.ysl-home-about,
.ysl-home-section-head,
.ysl-home-product-grid,
.ysl-home-feature-grid,
.ysl-home-customers,
.ysl-home-cta {
	width: min(var(--ysl-container), calc(100% - 80px));
	margin-left: auto;
	margin-right: auto;
}

.ysl-home-stats {
	position: relative;
	z-index: 4;
	gap: 0;
	margin-top: -54px;
	margin-bottom: 88px;
	background: var(--ysl-white);
	box-shadow: 0 20px 50px rgba(8, 4, 5, 0.12);
}

.ysl-home-stats .wp-block-column {
	padding: 28px 30px;
	border-right: 1px solid var(--ysl-line);
}

.ysl-home-stats .wp-block-column:last-child {
	border-right: 0;
}

.ysl-home-stats h3 {
	margin: 0 0 6px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 0;
	font-variant-numeric: tabular-nums;
}

.ysl-home-stats p {
	margin: 0;
	color: var(--ysl-muted);
	font-size: 14px;
	font-weight: 800;
}

.ysl-home-about,
.ysl-home-customers {
	align-items: center;
	gap: 70px;
	margin-bottom: 92px;
}

.ysl-home-about h2,
.ysl-home-section-head h2,
.ysl-home-customers h2,
.ysl-home-cta h2 {
	margin-top: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 42px;
	line-height: 1.06;
	letter-spacing: 0;
}

.ysl-home-about p:not(.ysl-section-eyebrow),
.ysl-home-section-head p:not(.ysl-section-eyebrow),
.ysl-home-customers p:not(.ysl-section-eyebrow),
.ysl-home-cta p:not(.ysl-section-eyebrow) {
	color: var(--ysl-muted);
	line-height: 1.78;
}

.ysl-home-category-band,
.ysl-home-product-section--alt {
	width: 100%;
	max-width: none !important;
	margin: 0 0 92px;
	padding: 82px max(40px, calc((100% - var(--ysl-container)) / 2));
	background: var(--ysl-paper);
}

.ysl-home-category-band > .wp-block-group__inner-container,
.ysl-home-product-section--alt > .wp-block-group__inner-container {
	width: 100%;
	max-width: none;
}

.ysl-home-section-head {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
	gap: 52px;
	align-items: end;
	margin-bottom: 36px;
}

.ysl-home-section-head--center {
	display: block;
	max-width: 800px;
	margin-bottom: 42px;
	text-align: center;
}

.ysl-home-category-grid,
.ysl-home-feature-grid {
	gap: 24px;
}

.ysl-home-category-grid--dynamic {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ysl-home-category-card {
	position: relative;
	display: flex;
	min-height: 260px;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	padding: 28px;
	background-position: center;
	background-size: cover;
	color: #fff;
}

.ysl-home-category-card--link {
	text-decoration: none;
}

.ysl-home-category-card--link img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 220ms ease;
}

.ysl-home-category-card--link:hover img {
	transform: scale(1.04);
}

.ysl-home-category-card.wp-block-cover {
	align-items: flex-end;
	padding: 28px;
}

.ysl-home-category-card .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ysl-home-category-card::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(8, 4, 5, 0.12), rgba(8, 4, 5, 0.78));
}

.ysl-home-category-card > .wp-block-group__inner-container,
.ysl-home-category-card > .wp-block-cover__inner-container,
.ysl-home-category-card__content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: none;
	color: #fff;
}

.ysl-home-category-card__content {
	display: grid;
	gap: 10px;
}

.ysl-home-category-card h3,
.ysl-home-category-card strong,
.ysl-home-feature-card h3,
.ysl-home-product-card h3 {
	margin: 0 0 10px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.12;
	letter-spacing: 0;
}

.ysl-home-category-card strong {
	display: block;
	margin-bottom: 0;
}

.ysl-home-category-card p,
.ysl-home-category-card__content span {
	margin: 0;
	color: rgba(255, 255, 255, 0.76);
	line-height: 1.6;
}

.ysl-home-product-section {
	margin-bottom: 92px;
}

.ysl-home-product-grid {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 22px;
}

.ysl-home-product-grid > .wp-block-column {
	min-width: 0;
}

.ysl-home-product-card {
	height: 100%;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	box-shadow: 0 18px 45px rgba(8, 4, 5, 0.05);
}

.ysl-home-product-card a {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.ysl-home-product-card figure {
	margin: 0;
}

.ysl-home-product-card img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.ysl-home-product-card > .wp-block-group__inner-container,
.ysl-home-product-card__body {
	padding: 0 20px 22px;
}

.ysl-home-product-card .ysl-card-label,
.ysl-home-product-card__body .ysl-card-label {
	margin-top: 18px;
}

.ysl-home-product-card p:last-child,
.ysl-home-product-card__body p:last-child {
	margin: 0;
	color: var(--ysl-muted);
	font-size: 14px;
	line-height: 1.55;
}

.ysl-home-product-actions {
	justify-content: center;
	margin-top: 34px;
}

.ysl-home-feature-card {
	height: 100%;
	padding: 32px;
	border: 1px solid var(--ysl-line);
	background: var(--ysl-white);
	box-shadow: 0 18px 45px rgba(8, 4, 5, 0.05);
}

.ysl-home-feature-number {
	margin: 0 0 18px;
	color: var(--ysl-orange);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 2px;
}

.ysl-home-feature-card p:last-child {
	margin-bottom: 0;
	color: var(--ysl-muted);
	line-height: 1.7;
}

.ysl-home-why {
	margin-bottom: 92px;
}

.ysl-home-customers {
	padding: 72px max(40px, calc((100% - var(--ysl-container)) / 2));
	width: 100%;
	max-width: none !important;
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
}

.ysl-home-customers h2 {
	color: #fff;
}

.ysl-home-customers p:not(.ysl-section-eyebrow) {
	color: rgba(255, 255, 255, 0.72);
}

.ysl-home-customers figure {
	margin: 0;
	padding: 22px;
	background: #fff;
}

.ysl-home-customers img {
	width: 100%;
	height: auto;
}

.ysl-home-cta {
	margin-bottom: 100px;
	padding: 48px;
	background: var(--ysl-paper);
	box-shadow: 12px 12px 0 rgba(239, 108, 19, 0.16);
}

.ysl-site-footer {
	background: var(--ysl-ink);
	color: rgba(255, 255, 255, 0.72);
}

.ysl-footer__grid {
	display: grid;
	grid-template-columns: minmax(240px, 1.25fr) minmax(150px, 0.75fr) minmax(150px, 0.75fr) minmax(220px, 1fr);
	gap: 54px;
	padding: 72px 0 58px;
}

.ysl-footer__title {
	margin: 0 0 18px;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 1.25;
	letter-spacing: 0;
}

.ysl-footer__column p {
	max-width: 280px;
	margin: 0;
	font-size: 14px;
	line-height: 1.75;
}

.ysl-footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ysl-footer-menu li + li {
	margin-top: 10px;
}

.ysl-footer-menu a,
.ysl-footer__contact a {
	display: inline-flex;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	line-height: 1.5;
}

.ysl-footer-menu a:hover,
.ysl-footer__contact a:hover {
	color: var(--ysl-orange);
}

.ysl-footer__contact {
	display: grid;
	align-content: start;
	gap: 10px;
}

.ysl-footer__contact p {
	margin-top: 4px;
}

.ysl-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ysl-footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 74px;
}

.ysl-footer__bottom p,
.ysl-footer-credit,
.ysl-footer-credit a {
	margin: 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.62);
}

.ysl-footer-credit-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ysl-footer-credit a:hover {
	color: var(--ysl-orange);
}

.ysl-back-to-top {
	position: fixed;
	right: 28px;
	bottom: 28px;
	z-index: 80;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: var(--ysl-radius);
	background: var(--ysl-orange);
	color: #fff;
	box-shadow: 0 14px 34px rgba(8, 4, 5, 0.24);
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transform: translateY(12px);
	transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease;
}

.ysl-back-to-top.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.ysl-back-to-top:hover {
	background: var(--ysl-orange-dark);
}

.ysl-back-to-top span {
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-left: 2px solid currentColor;
	transform: translateY(3px) rotate(45deg);
}

@media (max-width: 1180px) {
	.ysl-header__inner {
		grid-template-columns: auto auto auto;
		justify-content: space-between;
	}

	.ysl-nav-toggle {
		display: block;
	}

	.ysl-primary-nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		display: none;
		max-height: calc(100vh - 138px);
		overflow: auto;
		background: #fff;
		border-top: 1px solid var(--ysl-line);
	}

	.ysl-primary-nav.is-open {
		display: block;
	}

	.ysl-primary-menu {
		display: block;
		width: min(var(--ysl-container), calc(100% - 40px));
		margin: 12px auto 22px;
	}

	.ysl-primary-menu a {
		justify-content: space-between;
		border-bottom: 1px solid var(--ysl-line);
		color: var(--ysl-ink);
	}

	.ysl-primary-menu ul .menu-item-has-children > a::after {
		transform: rotate(45deg) translateY(-2px);
	}

	.ysl-primary-menu ul,
	.ysl-primary-menu ul ul {
		position: static;
		display: none;
		min-width: 0;
		padding: 0 0 0 18px;
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.ysl-primary-menu li.is-open > ul {
		display: block;
	}
}

@media (max-width: 960px) {
	.ysl-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 38px 44px;
	}

	.ysl-home-category-grid--dynamic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.ysl-topbar__inner {
		display: grid;
		align-items: start;
		padding: 10px 0;
	}

	.ysl-header__inner {
		gap: 12px;
	}

	.ysl-brand {
		min-width: 150px;
		min-height: 64px;
	}

	.ysl-brand .custom-logo,
	.ysl-brand__name {
		width: 150px;
	}

	.ysl-header-cta {
		display: none;
	}

	.ysl-search-toggle {
		width: 46px;
		min-height: 46px;
	}

	.ysl-search-form {
		grid-template-columns: 1fr;
	}

	.ysl-page-title {
		min-height: 250px;
	}

	.ysl-page-title__inner {
		padding: 52px 0;
	}

	.ysl-page-title h1 {
		font-size: 40px;
	}

	.ysl-contact-pattern {
		padding: 54px 0 70px;
	}

	.ysl-contact-card,
	.ysl-buyer-note,
	.ysl-brand-belief {
		padding: 28px;
	}

	.ysl-form-shortcode form {
		grid-template-columns: 1fr;
	}

	.ysl-contact-form-card .naibabiji-contact-form {
		grid-template-columns: 1fr;
		padding: 22px;
	}

	.ysl-contact-form-card .naib-b2b-btn,
	.ysl-contact-form-card .naibabiji-b2b-contact-submit-button {
		width: 100%;
	}

	.ysl-about-pattern {
		padding: 54px 0 70px;
	}

	.ysl-about-profile,
	.ysl-video-feature {
		gap: 30px;
		margin-bottom: 48px;
	}

	.ysl-about-profile,
	.ysl-advantages-intro,
	.ysl-advantages-stats,
	.ysl-customer-section,
	.ysl-advantages-proof,
	.ysl-showroom-hero,
	.ysl-showroom-capabilities,
	.ysl-showroom-process,
	.ysl-showroom-cta,
	.ysl-why-hero,
	.ysl-why-metrics,
	.ysl-why-capability-band,
	.ysl-why-service-grid,
	.ysl-why-proof,
	.ysl-home-hero__inner,
	.ysl-home-stats,
	.ysl-home-about,
	.ysl-home-section-head,
	.ysl-home-product-grid,
	.ysl-home-feature-grid,
	.ysl-home-cta,
	.ysl-value-grid,
	.ysl-brand-belief {
		width: min(var(--ysl-container), calc(100% - 40px));
	}

	.ysl-advantages-pattern {
		padding: 54px 0 70px;
	}

	.ysl-advantages-intro,
	.ysl-customer-section,
	.ysl-advantages-proof,
	.ysl-capability-grid {
		gap: 30px;
		margin-bottom: 48px;
	}

	.ysl-advantages-stats,
	.ysl-capability-cards {
		gap: 18px;
		margin-bottom: 48px;
	}

	.ysl-capability-band {
		margin-bottom: 48px;
		padding: 54px 20px;
	}

	.ysl-showroom-pattern {
		padding: 54px 0 70px;
	}

	.ysl-showroom-hero,
	.ysl-showroom-capabilities,
	.ysl-showroom-process {
		gap: 30px;
		margin-bottom: 48px;
	}

	.ysl-showroom-gallery-band {
		margin-bottom: 48px;
		padding: 54px 20px;
	}

	.ysl-showroom-gallery {
		gap: 18px;
	}

	.ysl-showroom-cta {
		padding: 28px;
	}

	.ysl-why-pattern {
		padding: 54px 0 70px;
	}

	.ysl-why-hero,
	.ysl-why-metrics,
	.ysl-why-capability-band,
	.ysl-why-service-grid,
	.ysl-why-proof-inner {
		gap: 30px;
		margin-bottom: 48px;
	}

	.ysl-why-capability-band,
	.ysl-why-proof {
		padding: 28px;
	}

	.ysl-home-hero {
		min-height: 750px;
	}

	.ysl-home-hero__inner {
		min-height: 430px;
		padding: 82px 0 104px;
	}

	.ysl-home-hero__inner > .wp-block-group__inner-container {
		min-height: 300px;
	}

	.ysl-home-hero h1 {
		font-size: 42px;
	}

	.ysl-home-hero__arrow {
		top: auto;
		bottom: 28px;
		width: 42px;
		height: 42px;
		transform: none;
	}

	.ysl-home-hero__arrow--prev {
		left: 20px;
	}

	.ysl-home-hero__arrow--next {
		right: 20px;
	}

	.ysl-home-stats {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: -42px;
		margin-bottom: 54px;
	}

	.ysl-home-stats .wp-block-column {
		padding: 22px;
		border-right: 0;
		border-bottom: 1px solid var(--ysl-line);
	}

	.ysl-home-about,
	.ysl-home-customers {
		gap: 30px;
		margin-bottom: 54px;
	}

	.ysl-home-category-band,
	.ysl-home-product-section--alt,
	.ysl-home-customers {
		margin-bottom: 54px;
		padding: 54px 20px;
	}

	.ysl-home-section-head {
		display: block;
		margin-bottom: 30px;
	}

	.ysl-home-product-section,
	.ysl-home-why {
		margin-bottom: 54px;
	}

	.ysl-home-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.ysl-home-category-grid--dynamic {
		grid-template-columns: 1fr;
	}

	.ysl-home-category-grid,
	.ysl-home-feature-grid {
		gap: 18px;
	}

	.ysl-home-cta {
		margin-bottom: 70px;
		padding: 28px;
	}

	.ysl-video-feature {
		padding-left: 20px;
		padding-right: 20px;
	}

	.ysl-about-profile h2,
	.ysl-video-feature h2,
	.ysl-advantages-intro h2,
	.ysl-customer-section h2,
	.ysl-capability-band h2,
	.ysl-advantages-proof h2,
	.ysl-showroom-hero h2,
	.ysl-showroom-process h2,
	.ysl-showroom-cta h2,
	.ysl-why-hero h2,
	.ysl-why-capability-band h2,
	.ysl-why-proof h2,
	.ysl-home-about h2,
	.ysl-home-section-head h2,
	.ysl-home-customers h2,
	.ysl-home-cta h2,
	.ysl-brand-belief h2 {
		font-size: 34px;
	}

	.ysl-media-stack,
	.ysl-media-stack > .wp-block-group__inner-container,
	.ysl-video-collage,
	.ysl-video-collage > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.ysl-media-stack figure:first-child {
		transform: none;
	}

	.ysl-home-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ysl-home-actions .wp-block-button,
	.ysl-home-actions .wp-block-button__link {
		width: 100%;
	}

	.ysl-home-product-card > .wp-block-group__inner-container {
		padding: 0 16px 18px;
	}

	.ysl-footer__grid {
		grid-template-columns: 1fr;
		padding: 52px 0 42px;
	}

	.ysl-footer__bottom-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		padding: 18px 0;
	}

	.ysl-footer-credit-menu {
		justify-content: flex-start;
	}

	.ysl-back-to-top {
		right: 18px;
		bottom: 18px;
		width: 44px;
		height: 44px;
	}
}