.meblovo-fabric-samples {
	--mfs-ink: #171615;
	--mfs-muted: #6e665f;
	--mfs-soft: #fbfaf8;
	--mfs-panel: #ffffff;
	--mfs-line: #e7ded4;
	--mfs-line-strong: #d4c6b6;
	--mfs-accent: #1f1d1a;
	--mfs-warm: #c9b894;
	--mfs-success: #2f6844;
	--mfs-danger: #b42318;
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--mfs-ink);
	width: min(1760px, calc(100vw - 36px));
	max-width: none;
	margin: 34px auto 82px;
	padding: 0;
}
.meblovo-fabric-samples,
.meblovo-fabric-samples * { box-sizing: border-box; }
.meblovo-fabric-samples button,
.meblovo-fabric-samples input,
.meblovo-fabric-samples select,
.meblovo-fabric-samples textarea { font-family: inherit; }
.mfs-notice {
	margin: 0 0 18px;
	padding: 14px 18px;
	border: 1px solid var(--mfs-line);
	border-radius: 16px;
	background: var(--mfs-soft);
	color: var(--mfs-muted);
}
.mfs-thank-you {
	display: grid;
	justify-items: center;
	width: min(760px, 100%);
	margin: clamp(36px, 8vh, 92px) auto;
	padding: clamp(28px, 5vw, 54px);
	border: 1px solid rgba(218,210,198,.78);
	border-radius: 24px;
	background: #fff;
	text-align: center;
	box-shadow: 0 24px 70px rgba(28,24,20,.08);
}
.mfs-thank-you-mark {
	display: inline-grid;
	place-items: center;
	width: 46px;
	height: 46px;
	margin-bottom: 16px;
	border-radius: 999px;
	background: #1f1b17;
	color: #fff;
	font-size: 23px;
	font-weight: 900;
	line-height: 1;
}
.mfs-thank-you-kicker {
	margin: 0 0 8px;
	color: #756b60;
	font-size: 13px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.mfs-thank-you h2 {
	margin: 0;
	max-width: 620px;
	color: #1f1b17;
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.02;
}
.mfs-thank-you-number {
	margin: 14px 0 0;
	color: #4d463f;
	font-size: 15px;
}
.mfs-thank-you > p:not(.mfs-thank-you-kicker):not(.mfs-thank-you-number) {
	margin: 18px 0 0;
	max-width: 640px;
	color: #6e665f;
	font-size: 16px;
	line-height: 1.58;
}
.mfs-thank-you-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 26px;
}
.mfs-thank-you-primary,
.mfs-thank-you-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 20px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 900;
	text-decoration: none;
}
.mfs-thank-you-primary {
	border: 1px solid #1f1b17;
	background: #1f1b17;
	color: #fff;
}
.mfs-thank-you-secondary {
	border: 1px solid rgba(218,210,198,.95);
	background: #fff;
	color: #1f1b17;
}
.mfs-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: end;
	margin: 0 0 28px;
}
.mfs-eyebrow {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #988a79;
}
.mfs-head h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 3vw, 52px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}
.mfs-head p {
	max-width: 680px;
	margin: 14px 0 0;
	color: var(--mfs-muted);
	font-size: 17px;
	line-height: 1.55;
}
.mfs-limit {
	align-self: center;
	padding: 12px 16px;
	border: 1px solid #f3b1a8;
	border-radius: 999px;
	background: #fff6f4;
	color: var(--mfs-danger);
	font-weight: 800;
}
.mfs-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
	gap: 30px;
	align-items: start;
}
.mfs-main {
	min-width: 0;
	display: grid;
	gap: 30px;
}
.mfs-products {
	border: 1px solid var(--mfs-line);
	border-radius: 18px;
	background: linear-gradient(180deg, #fff 0%, var(--mfs-soft) 100%);
	padding: 20px;
}
.mfs-products-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 14px;
}
.mfs-products-head > div > span {
	display: block;
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--mfs-muted);
}
.mfs-products-head h3 {
	margin: 0;
	font-size: clamp(20px, 2vw, 28px);
	line-height: 1.1;
}
.mfs-products-head p {
	max-width: 760px;
	margin: 8px 0 0;
	color: var(--mfs-muted);
}
.mfs-products-head > strong {
	flex: 0 0 auto;
	border: 1px solid var(--mfs-line);
	border-radius: 999px;
	background: #fff;
	padding: 8px 12px;
	font-size: 13px;
	white-space: nowrap;
}
.mfs-product-search {
	width: 100%;
	margin-bottom: 14px;
	border: 1px solid var(--mfs-line);
	border-radius: 999px;
	background: #fff;
	padding: 12px 16px;
	color: var(--mfs-ink);
}
.mfs-product-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 12px;
	max-height: 520px;
	overflow: auto;
	padding-right: 4px;
	scrollbar-color: var(--mfs-warm) rgba(255,255,255,.45);
}
.mfs-product-card {
	position: relative;
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 12px;
	align-items: center;
	min-height: 94px;
	border: 1px solid var(--mfs-line);
	border-radius: 12px;
	background: #fff;
	padding: 10px;
	cursor: pointer;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mfs-product-card:hover,
.mfs-product-card.is-selected {
	border-color: var(--mfs-accent);
	box-shadow: 0 12px 28px rgba(23, 22, 21, .08);
}
.mfs-product-card.is-selected {
	transform: translateY(-1px);
}
.mfs-product-card input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.mfs-product-image {
	width: 64px;
	height: 64px;
	border-radius: 10px;
	background: var(--mfs-soft) center/cover no-repeat;
	overflow: hidden;
}
.mfs-product-image img,
.mfs-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mfs-product-image-empty {
	display: grid;
	place-items: center;
	font-weight: 800;
	color: var(--mfs-muted);
}
.mfs-product-copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}
.mfs-product-copy strong {
	font-size: 14px;
	line-height: 1.25;
}
.mfs-product-copy small {
	color: var(--mfs-muted);
}
.mfs-product-check {
	grid-column: 1 / -1;
	border: 1px solid var(--mfs-line);
	border-radius: 999px;
	padding: 7px 10px;
	text-align: center;
	font-size: 12px;
	font-weight: 800;
	color: var(--mfs-ink);
}
.mfs-product-card.is-selected .mfs-product-check {
	background: var(--mfs-accent);
	border-color: var(--mfs-accent);
	color: #fff;
}
.mfs-product-notice {
	margin-top: 10px;
	color: var(--mfs-danger);
	font-weight: 700;
}
.mfs-needs-card {
	display: grid;
	grid-template-columns: minmax(280px, .82fr) minmax(360px, 1fr);
	gap: 28px;
	align-items: stretch;
	padding: 28px;
	border: 1px solid var(--mfs-line);
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.98), rgba(251,248,243,.92)),
		radial-gradient(circle at 12% 20%, rgba(201,184,148,.18), transparent 34%);
	box-shadow: 0 18px 42px rgba(31, 29, 26, .06);
}
.mfs-needs-card > div {
	display: grid;
	align-content: center;
	gap: 10px;
}
.mfs-needs-card h3 {
	margin: 0;
	max-width: 520px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(28px, 2.2vw, 42px);
	font-weight: 500;
	line-height: 1.04;
}
.mfs-needs-card p {
	max-width: 560px;
	margin: 0;
	color: var(--mfs-muted);
	font-size: 16px;
	line-height: 1.55;
}
.mfs-needs-card label {
	display: grid;
	gap: 10px;
	margin: 0;
}
.mfs-needs-card label > span:first-child,
.mfs-filter-block > span {
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #8a7b6a;
}
.mfs-needs-card textarea {
	min-height: 138px;
	width: 100%;
	padding: 18px 20px;
	border: 1px solid var(--mfs-line-strong);
	border-radius: 16px;
	background: rgba(255,255,255,.88);
	color: var(--mfs-ink);
	font-size: 17px;
	line-height: 1.45;
	resize: vertical;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.mfs-needs-card textarea:focus,
.mfs-search:focus,
.mfs-filter-select:focus,
.mfs-modal input:focus,
.mfs-modal select:focus,
.mfs-modal textarea:focus {
	outline: 0;
	border-color: var(--mfs-accent);
	box-shadow: 0 0 0 3px rgba(31,29,26,.08);
}
.mfs-needs-actions {
	display: flex;
	gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}
.mfs-needs-submit,
.mfs-submit,
.mfs-modal-submit,
.mfs-submit-final,
.mfs-secondary,
.mfs-jump {
	border: 1px solid var(--mfs-accent);
	border-radius: 999px;
	background: var(--mfs-accent);
	color: #fff;
	cursor: pointer;
	font-weight: 900;
	letter-spacing: 0;
	text-align: center;
	transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}
.mfs-needs-submit,
.mfs-submit,
.mfs-modal-submit,
.mfs-submit-final {
	min-height: 52px;
	padding: 0 24px;
	font-size: 13px;
	text-transform: uppercase;
}
.mfs-needs-submit:hover,
.mfs-submit:hover,
.mfs-modal-submit:hover,
.mfs-submit-final:hover,
.mfs-secondary:hover,
.mfs-jump:hover {
	transform: translateY(-1px);
}
.mfs-needs-submit:disabled,
.mfs-submit:disabled,
.mfs-modal-submit:disabled,
.mfs-submit-final:disabled {
	opacity: .42;
	cursor: not-allowed;
	transform: none;
}
.mfs-needs-actions small {
	color: var(--mfs-muted);
	font-size: 13px;
}
.mfs-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(340px, .72fr);
	gap: 24px;
	align-items: end;
}
.mfs-toolbar h3 {
	margin: 0;
	font-size: clamp(28px, 2vw, 38px);
	line-height: 1.08;
}
.mfs-toolbar p {
	margin: 8px 0 0;
	max-width: 620px;
	color: var(--mfs-muted);
	font-size: 16px;
	line-height: 1.48;
}
.mfs-search {
	width: 100%;
	min-height: 58px;
	padding: 0 20px;
	border: 1px solid var(--mfs-line);
	border-radius: 14px;
	background: #fff;
	font-size: 18px;
	color: var(--mfs-ink);
}
.mfs-filter-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-areas:
		"collection collection"
		"palette type";
	gap: 24px 30px;
	padding: 28px;
	border: 1px solid var(--mfs-line);
	border-radius: 24px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.98), rgba(251,248,243,.94)),
		radial-gradient(circle at 86% 12%, rgba(201,184,148,.14), transparent 32%);
	box-shadow: 0 16px 38px rgba(31,29,26,.045);
}
.mfs-filter-block {
	display: grid;
	align-content: start;
	gap: 12px;
}
.mfs-fabric-select {
	grid-area: collection;
	width: min(760px, 100%);
	justify-self: center;
}
.mfs-palette-block { grid-area: palette; }
.mfs-type-block { grid-area: type; }
.mfs-filter-select {
	width: 100%;
	min-height: 58px;
	padding: 0 18px;
	border: 1px solid var(--mfs-line);
	border-radius: 14px;
	background: #fff;
	color: var(--mfs-ink);
	font-size: 15px;
	font-weight: 850;
}
.mfs-palette-filters,
.mfs-chip-filters {
	display: grid;
	gap: 10px;
}
.mfs-palette-filters {
	grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}
.mfs-chip-filters {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mfs-palette-button,
.mfs-type-button {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	min-height: 44px;
	padding: 9px 12px;
	border: 1px solid var(--mfs-line);
	border-radius: 14px;
	background: rgba(255,255,255,.86);
	color: var(--mfs-ink);
	cursor: pointer;
	font-size: 13px;
	font-weight: 850;
	line-height: 1.1;
	box-shadow: 0 8px 18px rgba(31,29,26,.025);
	transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.mfs-type-button {
	min-height: 62px;
	padding: 13px 14px;
	text-align: left;
}
.mfs-palette-button:hover,
.mfs-type-button:hover {
	transform: translateY(-1px);
	border-color: var(--mfs-line-strong);
	box-shadow: 0 12px 24px rgba(31,29,26,.055);
}
.mfs-palette-button.is-active,
.mfs-type-button.is-active {
	background: var(--mfs-accent);
	border-color: var(--mfs-accent);
	color: #fff;
}
.mfs-type-button i {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	border: 1px solid rgba(201,184,148,.7);
	border-radius: 50%;
	background: rgba(255,255,255,.72);
	box-shadow: inset 0 0 0 6px rgba(255,255,255,.6);
}
.mfs-type-button.is-active i {
	border-color: rgba(255,255,255,.7);
	background: #fff;
	box-shadow: inset 0 0 0 7px var(--mfs-accent), inset 0 0 0 9px #fff;
}
.mfs-palette-dot {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	border-radius: 50%;
	border: 1px solid rgba(31,29,26,.22);
	background: var(--mfs-palette-color, #d8d0c6);
	box-shadow: inset 0 0 0 3px rgba(255,255,255,.45);
}
.mfs-palette-dot.mfs-palette-all {
	background: conic-gradient(#1d1b19, #a9a5a0, #e0d2ba, #1e3153, #315f42, #bd6c34, #b44b64, #5b4c3f, #1d1b19);
}
.mfs-type-button small {
	display: block;
	margin-top: 2px;
	font-weight: 650;
	color: currentColor;
	opacity: .72;
}
.mfs-groups {
	display: grid;
	gap: 30px;
}
.mfs-fabric {
	position: relative;
	overflow: clip;
	border: 1px solid var(--mfs-line);
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 20px 52px rgba(31,29,26,.07);
	content-visibility: auto;
	contain-intrinsic-size: 320px;
}
.mfs-fabric[hidden] { display: none !important; }
.mfs-fabric-summary {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
	grid-template-areas:
		"copy cover"
		"action cover";
	gap: 22px 34px;
	align-items: center;
	min-height: 260px;
	padding: 30px;
	cursor: pointer;
	list-style: none;
}
.mfs-fabric-summary::-webkit-details-marker { display: none; }
.mfs-fabric-copy {
	grid-area: copy;
	position: relative;
	z-index: 2;
	display: grid;
	align-content: center;
	gap: 12px;
	max-width: 760px;
}
.mfs-fabric-copy > strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 2.65vw, 50px);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
}
.mfs-fabric-lead {
	max-width: 700px;
	color: var(--mfs-muted);
	font-size: 16px;
	line-height: 1.5;
}
.mfs-fabric-tags,
.mfs-fabric-features {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}
.mfs-fabric-tags em,
.mfs-filter-count {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 12px;
	border: 1px solid var(--mfs-line);
	border-radius: 999px;
	background: rgba(255,255,255,.82);
	color: #5e554d;
	font-size: 10px;
	font-style: normal;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}
.mfs-filter-count {
	width: max-content;
	background: rgba(251,248,243,.88);
}
.mfs-fabric-features em {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 6px 10px;
	border: 1px solid rgba(212,198,182,.76);
	border-radius: 999px;
	background: rgba(255,255,255,.78);
	color: #5d5147;
	font-style: normal;
	font-size: 11px;
	line-height: 1.15;
}
.mfs-fabric-features i {
	display: inline-grid;
	place-items: center;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	border-radius: 50%;
	background: #f4ede5;
	color: #8e7e68;
}
.mfs-fabric-features svg {
	width: 14px;
	height: 14px;
	stroke-width: 1.8;
}
.mfs-fabric-features b {
	display: block;
	font-size: 11px;
	font-weight: 850;
}
.mfs-fabric-cover {
	grid-area: cover;
	position: relative;
	z-index: 1;
	align-self: stretch;
	min-height: 226px;
	border-radius: 22px;
	background-image: var(--mfs-fabric-bg);
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.45), 0 18px 36px rgba(31,29,26,.08);
	overflow: hidden;
}
.mfs-fabric-cover:before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(255,255,255,.2), rgba(255,255,255,.03)),
		radial-gradient(circle at 62% 36%, rgba(255,255,255,.16), transparent 42%);
}
.mfs-fabric-cover:after {
	content: "";
	position: absolute;
	inset: 12px;
	border: 1px solid rgba(255,255,255,.42);
	border-radius: 18px;
}
.mfs-fabric-cover-empty {
	display: grid;
	place-items: center;
	background: #f4f0ea;
	color: #8b7b68;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 54px;
}
.mfs-fabric-action-wrap {
	grid-area: action;
	position: relative;
	z-index: 2;
	display: grid;
	justify-items: start;
	gap: 10px;
	align-self: end;
}
.mfs-fabric-action-wrap small {
	color: var(--mfs-muted);
	font-size: 12px;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.mfs-fabric-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	border: 1px solid var(--mfs-accent);
	border-radius: 999px;
	background: #fff;
	color: var(--mfs-accent);
	font-size: 12px;
	font-weight: 950;
	text-transform: uppercase;
	letter-spacing: .04em;
	white-space: nowrap;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}
.mfs-fabric:hover .mfs-fabric-action {
	transform: translateY(-1px);
}
.mfs-fabric[open] .mfs-fabric-action {
	background: var(--mfs-accent);
	color: #fff;
}
.mfs-variant-panel {
	padding: 0 26px 28px;
}
.mfs-variant-panel-inner {
	position: relative;
	padding: 20px 22px 22px;
	border: 1px solid rgba(231,222,212,.9);
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.96), rgba(251,248,243,.92)),
		var(--mfs-fabric-bg);
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 12px 26px rgba(31,29,26,.035);
}
.mfs-variant-panel-inner:before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.86) 58%, rgba(255,255,255,.62) 100%);
	pointer-events: none;
}
.mfs-variant-panel-inner > * {
	position: relative;
	z-index: 1;
}
.mfs-variant-hint {
	margin: 0 0 14px;
	color: #766d63;
	font-size: 13px;
	font-weight: 750;
}
.mfs-grid {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(142px, 168px);
	gap: 12px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 2px 16px;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
	scrollbar-color: var(--mfs-warm) rgba(255,255,255,.45);
}
.mfs-grid::-webkit-scrollbar { height: 9px; }
.mfs-grid::-webkit-scrollbar-track {
	background: rgba(255,255,255,.48);
	border-radius: 999px;
}
.mfs-grid::-webkit-scrollbar-thumb {
	background: rgba(154,132,98,.55);
	border-radius: 999px;
}
.mfs-card {
	position: relative;
	display: grid;
	grid-template-rows: 118px auto auto;
	gap: 9px;
	padding: 9px;
	border: 1px solid rgba(212,198,182,.54);
	border-radius: 17px;
	background: rgba(255,255,255,.68);
	backdrop-filter: blur(5px);
	cursor: pointer;
	scroll-snap-align: start;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.mfs-card:hover {
	transform: translateY(-1px);
	background: rgba(255,255,255,.78);
	border-color: rgba(31,29,26,.24);
}
.mfs-card.is-selected {
	border-color: var(--mfs-accent);
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 0 2px rgba(31,29,26,.1), 0 14px 30px rgba(31,29,26,.1);
}
.mfs-card.is-selected:after {
	content: "";
	position: absolute;
	top: 12px;
	right: 12px;
	width: 20px;
	height: 20px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--mfs-accent);
	box-shadow: 0 4px 12px rgba(31,29,26,.18);
}
.mfs-card input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.mfs-thumb {
	display: block;
	width: 100%;
	min-height: 118px;
	height: 118px;
	border-radius: 14px;
	background: #eee7dd center / cover no-repeat;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
	overflow: hidden;
}
.mfs-card-copy {
	display: grid;
	gap: 4px;
	min-height: 46px;
}
.mfs-card-copy strong {
	color: var(--mfs-ink);
	font-size: 13px;
	font-weight: 900;
	line-height: 1.15;
}
.mfs-card-copy small {
	color: var(--mfs-muted);
	font-size: 12px;
	line-height: 1.2;
}
.mfs-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	border: 1px solid var(--mfs-line);
	border-radius: 999px;
	background: rgba(255,255,255,.74);
	color: var(--mfs-ink);
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.mfs-card.is-selected .mfs-check {
	background: var(--mfs-accent);
	border-color: var(--mfs-accent);
	color: #fff;
}
.mfs-empty {
	padding: 20px;
	border: 1px dashed var(--mfs-line-strong);
	border-radius: 18px;
	background: var(--mfs-soft);
	color: var(--mfs-muted);
}
.mfs-summary {
	position: sticky;
	top: 96px;
	display: grid;
	gap: 14px;
	max-height: calc(100vh - 116px);
	overflow: auto;
	padding: 24px;
	border: 1px solid var(--mfs-line);
	border-radius: 22px;
	background: rgba(255,255,255,.94);
	box-shadow: 0 18px 42px rgba(31,29,26,.07);
}
.mfs-summary h3 {
	margin: 0;
	font-size: 27px;
	line-height: 1.05;
}
.mfs-counter {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
}
.mfs-counter strong {
	font-size: 52px;
	font-weight: 500;
}
.mfs-selected {
	display: grid;
	gap: 10px;
	min-height: 96px;
	max-height: min(44vh, 390px);
	overflow: auto;
	padding: 12px;
	border: 1px dashed var(--mfs-line-strong);
	border-radius: 16px;
	background: var(--mfs-soft);
}
.mfs-selected > span {
	color: var(--mfs-muted);
	line-height: 1.35;
}
.mfs-selected .mfs-chip {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) auto;
	gap: 11px;
	align-items: center;
	padding: 9px;
	border: 1px solid var(--mfs-line);
	border-radius: 14px;
	background: #fff;
}
.mfs-chip-thumb {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 12px;
	background: #eee7dd center / cover no-repeat;
}
.mfs-selected .mfs-chip strong {
	display: block;
	font-size: 13px;
	line-height: 1.18;
}
.mfs-selected .mfs-chip small {
	display: block;
	margin-top: 3px;
	color: var(--mfs-muted);
	font-size: 12px;
	line-height: 1.2;
}
.mfs-chip-remove {
	display: inline-grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid var(--mfs-line);
	border-radius: 999px;
	background: #fff;
	color: var(--mfs-muted);
	cursor: pointer;
	font-size: 18px;
	font-weight: 850;
	line-height: 1;
}
.mfs-chip-remove:hover {
	border-color: var(--mfs-accent);
	color: var(--mfs-accent);
}
.mfs-jump,
.mfs-secondary {
	min-height: 42px;
	padding: 0 18px;
	background: #fff;
	color: var(--mfs-accent);
}
.mfs-summary > small {
	color: var(--mfs-muted);
	font-size: 13px;
	line-height: 1.35;
}
.mfs-mobile-bar {
	display: none;
}
.mfs-summary-toggle {
	display: none;
}
.mfs-toast {
	position: fixed;
	left: 50%;
	bottom: 24px;
	z-index: 999999;
	transform: translate(-50%, 16px);
	padding: 12px 18px;
	border: 1px solid rgba(31,29,26,.18);
	border-radius: 999px;
	background: rgba(31,29,26,.94);
	color: #fff;
	font-size: 13px;
	font-weight: 850;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
	box-shadow: 0 18px 40px rgba(31,29,26,.22);
}
.mfs-toast.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}
.mfs-modal {
	position: fixed;
	inset: 0;
	z-index: 999998;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(22,20,18,.58);
}
.mfs-modal.is-open {
	display: flex;
}
.mfs-modal-box {
	width: min(880px, calc(100vw - 32px));
	max-height: calc(100vh - 48px);
	overflow: auto;
	padding: 28px;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 32px 80px rgba(0,0,0,.24);
}
.mfs-modal-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px;
	align-items: start;
	margin-bottom: 22px;
}
.mfs-modal-head h3 {
	margin: 0;
	font-size: 30px;
}
.mfs-modal-head p {
	margin: 8px 0 0;
	color: var(--mfs-muted);
}
.mfs-modal-close {
	width: 42px;
	height: 42px;
	border: 1px solid var(--mfs-line);
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
}
.mfs-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.mfs-field,
.mfs-field-wide,
.mfs-parcel-manual {
	display: grid;
	gap: 8px;
}
.mfs-field-wide,
.mfs-address-panel[hidden],
.mfs-address-panel:not(.is-visible) {
	display: none !important;
}
.mfs-address-panel.is-visible {
	display: grid !important;
}.mfs-parcel-panel {
	grid-column: 1 / -1;
}
.mfs-field span {
	font-size: 12px;
	font-weight: 850;
	color: #756b60;
}
.mfs-field {
	position: relative;
}
.mfs-field input,
.mfs-field select,
.mfs-field textarea,
.mfs-parcel-manual input {
	width: 100%;
	min-height: 48px;
	padding: 0 14px;
	border: 1px solid var(--mfs-line);
	border-radius: 13px;
	background: #fff;
	color: var(--mfs-ink);
	font-size: 15px;
}
.mfs-field textarea {
	min-height: 104px;
	padding-top: 12px;
	resize: vertical;
}
.mfs-address-suggestions {
	display: grid;
	gap: 6px;
	margin-top: 6px;
	padding: 8px;
	border: 1px solid var(--mfs-line);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 16px 34px rgba(31,29,26,.14);
	z-index: 3;
}
.mfs-address-suggestions[hidden] {
	display: none !important;
}
.mfs-address-suggestion {
	width: 100%;
	padding: 10px 12px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	color: var(--mfs-ink);
	font-size: 14px;
	font-weight: 750;
	text-align: left;
	cursor: pointer;
}
.mfs-address-suggestion:hover,
.mfs-address-suggestion:focus {
	background: var(--mfs-soft);
	outline: 0;
}
.pac-container {
	z-index: 2147483001 !important;
}
.mfs-address-panel[hidden],
.mfs-address-panel:not(.is-visible) {
	display: none !important;
}
.mfs-address-panel.is-visible {
	display: grid !important;
}.mfs-parcel-panel {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--mfs-line);
	border-radius: 16px;
	background: var(--mfs-soft);
}
.mfs-parcel-panel[hidden],
.mfs-parcel-summary[hidden] {
	display: none !important;
}
.mfs-parcel-panel:not(.is-visible) {
	display: none !important;
}
.mfs-parcel-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	align-items: center;
}
.mfs-parcel-card small {
	display: block;
	margin-top: 3px;
	color: var(--mfs-muted);
}
.mfs-parcel-summary {
	padding: 10px 12px;
	border-radius: 12px;
	background: #fff;
	color: var(--mfs-ink);
	font-weight: 750;
}
.mfs-inpost-modal {
	position: fixed;
	inset: 0;
	z-index: 2147483000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(18,16,14,.62);
}
.mfs-inpost-dialog {
	position: relative;
	width: min(980px, calc(100vw - 32px));
	height: min(720px, calc(100vh - 32px));
	overflow: hidden;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 80px rgba(0,0,0,.28);
}
.mfs-inpost-close {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	width: 42px;
	height: 42px;
	border: 0;
	border-radius: 999px;
	background: #111;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
}
.mfs-inpost-widget {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 520px;
}
@media (max-width: 640px) {
	.mfs-inpost-modal {
		padding: 8px;
	}
	.mfs-inpost-dialog {
		width: calc(100vw - 16px);
		height: calc(100vh - 16px);
		border-radius: 14px;
	}
	.mfs-inpost-widget {
		min-height: calc(100vh - 16px);
	}
}
.mfs-modal-actions {
	display: flex;
	justify-content: flex-end;
	gap: 12px;
	margin-top: 20px;
}
.mfs-modal-cancel {
	min-height: 48px;
	padding: 0 20px;
	border: 1px solid var(--mfs-line);
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
	font-weight: 850;
}

/* Final fabric samples showroom pass: premium catalog layout. */
.meblovo-fabric-samples {
	width: min(1760px, calc(100vw - 40px));
}
.mfs-layout {
	grid-template-columns: minmax(0, 1fr) minmax(320px, 390px);
	gap: 34px;
}
.mfs-filter-panel {
	background: rgba(255,255,255,.96);
	border-color: rgba(218,210,198,.9);
	box-shadow: 0 14px 38px rgba(31,29,26,.055);
}
.mfs-palette-button,
.mfs-type-button {
	background: rgba(255,255,255,.92);
	box-shadow: none;
}
.mfs-palette-button.is-active,
.mfs-type-button.is-active {
	background: #fff;
	border-color: var(--mfs-accent);
	color: var(--mfs-ink);
	box-shadow: 0 0 0 1px rgba(31,29,26,.08), 0 12px 26px rgba(31,29,26,.08);
}
.mfs-palette-button.is-active .mfs-palette-dot {
	box-shadow: inset 0 0 0 3px rgba(255,255,255,.7), 0 0 0 2px #fff, 0 0 0 4px var(--mfs-accent);
}
.mfs-type-button.is-active i {
	border-color: var(--mfs-accent);
	background: var(--mfs-accent);
	box-shadow: inset 0 0 0 6px #fff;
}
.mfs-filter-count {
	display: none !important;
}
.mfs-fabric {
	border-radius: 30px;
	border-color: rgba(218,210,198,.72);
	background: #fff;
	box-shadow: 0 18px 48px rgba(31,29,26,.075);
}
.mfs-fabric + .mfs-fabric {
	margin-top: 26px;
}
.mfs-fabric-summary {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	grid-template-columns: minmax(0, .96fr) minmax(320px, .74fr);
	min-height: 300px;
	padding: 34px;
	background: #fff;
}
.mfs-fabric-summary:before {
	content: "";
	position: absolute;
	inset: 0 0 0 44%;
	z-index: 0;
	pointer-events: none;
	background-image:
		linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.82) 24%, rgba(255,255,255,.22) 70%, rgba(255,255,255,.04) 100%),
		var(--mfs-fabric-bg);
	background-size: cover;
	background-position: center;
	opacity: .98;
}
.mfs-fabric-summary:after {
	content: "";
	position: absolute;
	inset: 12px;
	z-index: 1;
	pointer-events: none;
	border: 1px solid rgba(255,255,255,.72);
	border-radius: 24px;
}
.mfs-fabric-copy,
.mfs-fabric-cover,
.mfs-fabric-action-wrap {
	position: relative;
	z-index: 2;
}
.mfs-fabric-copy {
	max-width: 760px;
}
.mfs-fabric-copy > strong {
	font-size: clamp(31px, 2.35vw, 46px);
	line-height: .98;
}
.mfs-fabric-lead {
	max-width: 690px;
	font-size: 16px;
	line-height: 1.5;
}
.mfs-fabric-tags {
	gap: 8px;
}
.mfs-fabric-tags em {
	min-height: 28px;
	padding: 0 10px;
	font-size: 9.5px;
	background: rgba(255,255,255,.9);
	border-color: rgba(218,210,198,.9);
}
.mfs-fabric-features {
	gap: 8px;
	max-width: 620px;
}
.mfs-fabric-features em {
	min-height: 30px;
	padding: 6px 10px;
	font-size: 10.5px;
	background: rgba(255,255,255,.86);
	border-color: rgba(218,210,198,.88);
}
.mfs-fabric-cover {
	min-height: 248px;
	border-radius: 24px;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.55), 0 20px 50px rgba(31,29,26,.08);
	opacity: .98;
}
.mfs-fabric-cover:before {
	background: linear-gradient(90deg, rgba(255,255,255,.22), rgba(255,255,255,.02));
}
.mfs-fabric-action {
	min-height: 50px;
	padding: 0 22px;
	background: rgba(255,255,255,.82);
	backdrop-filter: blur(3px);
}
.mfs-variant-panel {
	padding: 0 28px 30px;
}
.mfs-variant-panel-inner {
	background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(251,248,243,.96)) !important;
	border-color: rgba(218,210,198,.86);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
}
.mfs-variant-panel-inner:before {
	display: none;
}
.mfs-variant-panel-inner > * {
	position: relative;
	z-index: 1;
}
.mfs-variant-hint {
	color: #8a7b6a;
}
.mfs-grid {
	grid-auto-columns: minmax(138px, 166px);
	gap: 14px;
	scrollbar-color: rgba(31,29,26,.28) transparent;
}
.mfs-card {
	grid-template-rows: 126px auto auto;
	border-color: rgba(218,210,198,.88);
	background: rgba(255,255,255,.96);
	box-shadow: 0 10px 24px rgba(31,29,26,.045);
}
.mfs-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 30px rgba(31,29,26,.075);
}
.mfs-card.is-selected {
	border-color: var(--mfs-accent);
	box-shadow: 0 0 0 2px rgba(31,29,26,.08), 0 16px 34px rgba(31,29,26,.11);
}
.mfs-thumb {
	min-height: 126px;
}
.mfs-check {
	min-height: 34px;
}
.mfs-summary {
	top: 92px;
	box-shadow: 0 18px 46px rgba(31,29,26,.075);
}
.mfs-selected-chip {
	background: rgba(255,255,255,.94);
}
.mfs-selected-chip img {
	box-shadow: 0 0 0 1px rgba(218,210,198,.9);
}
@media (max-width: 760px) {
	.meblovo-fabric-samples {
		width: 100%;
		padding: 0 10px;
	}
	.mfs-layout {
		gap: 20px;
	}
	.mfs-filter-panel {
		padding: 14px;
		border-radius: 18px;
		box-shadow: none;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.mfs-chip-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mfs-palette-button {
		min-height: 58px;
		padding: 8px 6px;
		font-size: 11px;
	}
	.mfs-type-button {
		min-height: 48px;
		padding: 10px;
		font-size: 11px;
	}
	.mfs-type-button small {
		display: none;
	}
	.mfs-fabric {
		border-radius: 20px;
		box-shadow: 0 12px 30px rgba(31,29,26,.065);
	}
	.mfs-fabric-summary {
		padding: 16px;
		gap: 14px;
	}
	.mfs-fabric-summary:before {
		inset: 42% 0 0 0;
		background-image:
			linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.86) 28%, rgba(255,255,255,.24) 68%, rgba(255,255,255,.06) 100%),
			var(--mfs-fabric-bg);
	}
	.mfs-fabric-summary:after {
		inset: 8px;
		border-radius: 16px;
	}
	.mfs-fabric-copy > strong {
		font-size: 30px;
	}
	.mfs-fabric-lead {
		font-size: 14px;
		line-height: 1.45;
	}
	.mfs-fabric-tags em {
		min-height: 26px;
		font-size: 9px;
	}
	.mfs-fabric-features em {
		min-height: 28px;
		font-size: 10px;
	}
	.mfs-fabric-cover {
		min-height: 118px;
		border-radius: 16px;
	}
	.mfs-fabric-action {
		min-height: 44px;
	}
	.mfs-variant-panel {
		padding: 0 8px 14px;
	}
	.mfs-variant-panel-inner {
		padding: 12px;
		border-radius: 16px;
	}
	.mfs-grid {
		grid-auto-columns: minmax(122px, 138px);
		gap: 10px;
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.mfs-card {
		grid-template-rows: 96px auto auto;
		border-radius: 15px;
	}
	.mfs-thumb {
		min-height: 96px;
	}
}

@media (max-width: 1080px) {
	.meblovo-fabric-samples { width: min(1180px, calc(100vw - 28px)); }
	.mfs-layout { grid-template-columns: 1fr; }
	.mfs-summary { position: static; }
	.mfs-filter-panel {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"collection collection"
			"palette type";
	}
	.mfs-fabric-summary {
		grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
		grid-template-areas:
			"copy cover"
			"action cover";
	}
	.mfs-fabric-action-wrap { justify-items: start; }
}
@media (max-width: 760px) {
	.meblovo-fabric-samples {
		width: 100%;
		margin: 20px auto 92px;
		padding: 0 8px;
	}
	.mfs-head {
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.mfs-head h2 { font-size: 34px; }
	.mfs-head p { font-size: 15px; }
	.mfs-needs-card,
	.mfs-toolbar,
	.mfs-filter-panel {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.mfs-needs-card {
		padding: 18px;
		border-radius: 18px;
	}
	.mfs-needs-card h3 { font-size: 27px; }
	.mfs-toolbar h3 { font-size: 26px; }
	.mfs-search { min-height: 50px; font-size: 16px; }
	.mfs-filter-panel {
		grid-template-areas: none;
		padding: 16px;
		border-radius: 18px;
	}
	.mfs-fabric-select,
	.mfs-palette-block,
	.mfs-type-block {
		grid-area: auto;
		width: 100%;
		max-width: none;
	}
	.mfs-palette-filters,
	.mfs-chip-filters {
		gap: 8px;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.mfs-chip-filters {
		grid-template-columns: 1fr;
	}
	.mfs-palette-button,
	.mfs-type-button {
		min-height: 44px;
		padding: 8px 10px;
		font-size: 12px;
	}
	.mfs-palette-button {
		flex-direction: column;
		justify-content: center;
		min-height: 66px;
		gap: 6px;
	}
	.mfs-type-button {
		min-height: 54px;
	}
	.mfs-groups {
		gap: 18px;
	}
	.mfs-fabric {
		border-radius: 20px;
	}
	.mfs-fabric-summary {
		grid-template-columns: 1fr;
		grid-template-areas:
			"copy"
			"cover"
			"action";
		min-height: 0;
		padding: 18px;
		gap: 16px;
	}
	.mfs-fabric-copy > strong { font-size: 32px; }
	.mfs-fabric-lead {
		font-size: 14px;
		line-height: 1.45;
	}
	.mfs-fabric-tags em,
	.mfs-filter-count {
		min-height: 30px;
		font-size: 10px;
	}
	.mfs-fabric-features em {
		min-height: 34px;
		font-size: 11px;
	}
	.mfs-fabric-cover {
		min-height: 146px;
	}
	.mfs-fabric-action-wrap {
		justify-items: stretch;
	}
	.mfs-fabric-action {
		width: 100%;
		min-height: 46px;
	}
	.mfs-variant-panel {
		padding: 0 10px 16px;
	}
	.mfs-variant-panel-inner {
		padding: 12px;
		border-radius: 16px;
	}
	.mfs-grid {
		grid-auto-columns: minmax(128px, 148px);
		gap: 10px;
		max-height: none;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.mfs-card {
		grid-template-rows: 102px auto auto;
		border-radius: 15px;
	}
	.mfs-thumb { min-height: 102px; }
	.mfs-summary {
		position: fixed;
		left: 10px;
		right: 10px;
		bottom: 10px;
		z-index: 99997;
		grid-template-columns: auto minmax(0, 1fr) auto;
		gap: 8px 12px;
		align-items: center;
		padding: 12px;
		border-radius: 18px;
	}
	.mfs-summary h3,
	.mfs-summary > small,
	.mfs-jump {
		display: none;
	}
	.mfs-counter {
		font-size: 15px;
		white-space: nowrap;
	}
	.mfs-counter strong {
		font-size: 28px;
	}
	.mfs-summary-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 40px;
		padding: 0 12px;
		border: 1px solid var(--mfs-line);
		border-radius: 999px;
		background: #fff;
		color: var(--mfs-ink);
		cursor: pointer;
		font-size: 12px;
		font-weight: 850;
	}
	.mfs-selected {
		grid-column: 1 / -1;
		display: none;
		max-height: min(38vh, 260px);
		min-height: 0;
	}
	.mfs-summary.is-open .mfs-selected {
		display: grid;
	}
	.mfs-submit {
		min-height: 44px;
		padding: 0 16px;
		font-size: 12px;
	}
	.mfs-fields { grid-template-columns: 1fr; }
	.mfs-modal { padding: 12px; }
	.mfs-modal-box {
		padding: 20px;
		border-radius: 18px;
	}
	.mfs-modal-head h3 { font-size: 24px; }
	.mfs-parcel-card { grid-template-columns: 1fr; }
	.mfs-modal-actions { flex-direction: column-reverse; }
}
/* Final override after legacy responsive rules. */
.meblovo-fabric-samples {
	position: relative;
	width: min(1720px, calc(100vw - 40px));
	max-width: none;
	margin: 32px auto 72px;
	transform: none;
}
.mfs-layout {
	grid-template-columns: minmax(0, 1fr) minmax(330px, 380px);
	gap: 28px;
	align-items: start;
}
.mfs-main {
	min-width: 0;
}
.mfs-summary {
	top: 96px;
	align-self: start;
	border-color: rgba(218,210,198,.92);
	border-radius: 26px;
	background: rgba(255,255,255,.96);
	box-shadow: 0 18px 46px rgba(28,24,20,.08);
}
.mfs-summary .mfs-jump {
	min-height: 38px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #6b6157;
	box-shadow: none;
	font-size: 12px;
	text-align: left;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}
.mfs-summary .mfs-jump:hover {
	color: #1f1b17;
	transform: none;
}
.mfs-filter-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-areas:
		"collection collection"
		"palette type";
	gap: 18px 26px;
	padding: 22px;
	border-radius: 24px;
	border: 1px solid rgba(218,210,198,.86);
	background: rgba(255,255,255,.94);
	box-shadow: 0 12px 36px rgba(28,24,20,.045);
}
.mfs-fabric-select {
	grid-area: collection;
	width: min(760px, 100%);
	margin: 0 auto;
}
.mfs-palette-block {
	grid-area: palette;
}
.mfs-type-block {
	grid-area: type;
}
.mfs-filter-block > span {
	margin-bottom: 10px;
	color: #736759;
	font-size: 11px;
	letter-spacing: .08em;
}
.mfs-filter-select {
	min-height: 54px;
	border-color: rgba(218,210,198,.9) !important;
	border-radius: 16px !important;
	background: #fff !important;
	color: #1f1b17 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.mfs-palette-filters,
.mfs-chip-filters {
	gap: 10px;
}
.mfs-palette-button,
.mfs-type-button {
	border: 1px solid rgba(218,210,198,.92) !important;
	background: #fffdf9 !important;
	color: #1f1b17 !important;
	box-shadow: none !important;
	transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.mfs-palette-button {
	min-height: 70px;
	border-radius: 15px;
}
.mfs-type-button {
	min-height: 76px;
	border-radius: 16px;
	text-align: left;
}
.mfs-palette-button:hover,
.mfs-type-button:hover {
	border-color: rgba(31,27,23,.36) !important;
	background: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 10px 24px rgba(28,24,20,.055) !important;
}
.mfs-palette-button.is-active,
.mfs-type-button.is-active {
	border-color: #1f1b17 !important;
	background: #f5f0e8 !important;
	color: #1f1b17 !important;
	box-shadow: 0 0 0 1px rgba(31,27,23,.05), 0 12px 26px rgba(28,24,20,.07) !important;
}
.mfs-type-button i {
	background: #fffaf3 !important;
	border-color: rgba(190,174,150,.68) !important;
	box-shadow: inset 0 0 0 4px #fff !important;
}
.mfs-type-button small {
	display: block;
	margin-top: 3px;
	color: #74695f !important;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.18;
	letter-spacing: 0;
	text-transform: none;
}
.mfs-fabric {
	border-radius: 30px;
	background: #fff;
	border: 1px solid rgba(218,210,198,.82);
	box-shadow: 0 18px 46px rgba(28,24,20,.06);
}
.mfs-fabric-summary {
	position: relative;
	grid-template-columns: minmax(0, 1.04fr) minmax(320px, .7fr);
	grid-template-areas:
		"copy cover"
		"action cover";
	min-height: 248px;
	padding: 28px;
	gap: 24px;
	overflow: hidden;
	background: #fff;
}
.mfs-fabric-summary:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image:
		linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.99) 43%, rgba(255,255,255,.84) 58%, rgba(255,255,255,.28) 76%, rgba(255,255,255,.06) 100%),
		var(--mfs-fabric-bg);
	background-size: cover;
	background-position: right center;
	opacity: .98;
}
.mfs-fabric-summary:after {
	border-color: rgba(255,255,255,.7);
}
.mfs-fabric-copy {
	grid-area: copy;
	position: relative;
	z-index: 2;
	max-width: 720px;
	padding: 2px 0;
}
.mfs-fabric-copy > strong {
	font-size: clamp(28px, 1.85vw, 38px);
	letter-spacing: 0;
}
.mfs-fabric-lead {
	max-width: 620px;
	font-size: 15px;
	line-height: 1.52;
}
.mfs-fabric-tags em,
.mfs-fabric-features em {
	box-shadow: none;
}
.mfs-fabric-tags {
	margin-top: 14px;
	gap: 8px;
}
.mfs-fabric-tags em {
	min-height: 28px;
	padding: 5px 10px;
	border-color: rgba(218,210,198,.92);
	background: rgba(255,255,255,.78);
	color: #5f554b;
	font-size: 10px;
	letter-spacing: .03em;
}
.mfs-fabric-features {
	margin-top: 12px;
	gap: 8px;
}
.mfs-fabric-features em {
	min-height: 32px;
	padding: 6px 10px;
	border-color: rgba(218,210,198,.9);
	background: rgba(255,255,255,.72);
	color: #5d5349;
	font-size: 10px;
}
.mfs-fabric-features i {
	width: 18px;
	height: 18px;
	flex-basis: 18px;
	background: #fffaf3;
}
.mfs-fabric-cover {
	grid-area: cover;
	position: relative;
	z-index: 1;
	min-height: 206px;
	border-radius: 24px;
	background:
		linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.02)),
		linear-gradient(180deg, rgba(255,255,255,.06), rgba(31,27,23,.08));
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.62), 0 16px 34px rgba(28,24,20,.055);
	opacity: 1;
}
.mfs-fabric-cover:before {
	background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,.02));
}
.mfs-fabric-cover:after {
	inset: 10px;
	border-color: rgba(255,255,255,.66);
}
.mfs-fabric-action-wrap {
	grid-area: action;
	position: relative;
	z-index: 2;
	display: flex;
	align-items: end;
	justify-content: flex-start;
}
.mfs-fabric-action {
	position: relative;
	z-index: 2;
	min-height: 46px;
	padding: 0 20px;
	background: rgba(255,255,255,.88);
	border-color: #1f1b17;
	color: #1f1b17;
	font-size: 12px;
}
.mfs-variant-panel-inner {
	background: #fff !important;
	border-color: rgba(218,210,198,.9);
	box-shadow: 0 12px 34px rgba(28,24,20,.045);
}
.mfs-grid {
	grid-auto-columns: minmax(146px, 172px);
	gap: 13px;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 8px;
	scroll-snap-type: x proximity;
	scrollbar-color: rgba(31,27,23,.28) transparent;
}
.mfs-grid::-webkit-scrollbar {
	height: 8px;
}
.mfs-grid::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(31,27,23,.24);
}
.mfs-card {
	scroll-snap-align: start;
	border-color: rgba(218,210,198,.86);
	background: rgba(255,255,255,.94);
	box-shadow: 0 12px 28px rgba(28,24,20,.055);
}
.mfs-card.is-selected {
	border-color: #1f1b17;
	box-shadow: 0 0 0 2px rgba(31,27,23,.1), 0 16px 34px rgba(28,24,20,.12);
}
.mfs-card.is-selected .mfs-check {
	background: #1f1b17;
	color: #fff;
	border-color: #1f1b17;
}
.mfs-check {
	border-color: rgba(31,27,23,.3);
	background: #fff;
	color: #1f1b17;
}
.mfs-chip {
	border-color: rgba(218,210,198,.9);
	background: #fff;
}
.mfs-chip-remove {
	background: #f5f0e8;
	color: #1f1b17;
}
.mfs-submit,
.mfs-submit-final,
.mfs-needs-submit {
	background: #1f1b17;
	color: #fff;
	box-shadow: 0 14px 28px rgba(31,27,23,.16);
}
.mfs-submit:disabled,
.mfs-needs-submit:disabled {
	background: #a7a29b;
	box-shadow: none;
}
.mfs-summary-toggle,
.mfs-back,
.mfs-secondary {
	border-color: rgba(218,210,198,.92);
	background: #fff;
	color: #1f1b17;
}
.mfs-customer-modal[hidden] {
	display: none !important;
}
.mfs-customer-modal {
	position: fixed;
	inset: 0;
	z-index: 1000002;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: min(4vh, 34px) 24px;
	overflow: auto;
	box-sizing: border-box;
}
.mfs-customer-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(22,20,18,.58);
	backdrop-filter: blur(6px);
}
.mfs-customer-dialog {
	position: relative;
	z-index: 1;
	width: min(1120px, calc(100vw - 48px));
	max-height: calc(100vh - 36px);
	overflow: auto;
	padding: 20px;
	border: 1px solid rgba(218,210,198,.78);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 24px 74px rgba(22,20,18,.2);
	box-sizing: border-box;
	scrollbar-gutter: stable;
}
.mfs-customer-dialog .mfs-customer {
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}
.mfs-customer-dialog .mfs-customer > h3,
.mfs-customer-dialog .mfs-customer > p {
	display: none;
}
.mfs-customer-dialog .mfs-customer {
	display: grid;
	gap: 12px;
	margin-top: 14px;
}
.mfs-customer-section,
.mfs-delivery-details,
.mfs-customer-note {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.mfs-customer-section {
	padding: 0 0 12px;
	border-bottom: 1px solid rgba(223,217,209,.62);
}
.mfs-section-kicker {
	display: grid;
	grid-template-columns: 26px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	margin-bottom: 10px;
}
.mfs-section-kicker > span {
	display: inline-grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 999px;
	border: 1px solid rgba(31,27,23,.18);
	background: #fff;
	color: #1f1b17;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0;
}
.mfs-section-kicker strong {
	display: block;
	color: #1f1b17;
	font-size: 14px;
	font-weight: 900;
}
.mfs-section-kicker small {
	display: block;
	margin-top: 1px;
	color: #756b60;
	font-size: 12px;
	line-height: 1.4;
}
.mfs-delivery-choice-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.mfs-delivery-choice {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	grid-template-areas:
		"icon title"
		"icon copy";
	gap: 1px 10px;
	min-height: 74px;
	padding: 11px 12px;
	border: 1px solid rgba(218,210,198,.74) !important;
	border-radius: 12px;
	background: #fff !important;
	color: #1f1b17 !important;
	text-align: left;
	text-transform: none !important;
	cursor: pointer;
	box-shadow: none;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.mfs-delivery-choice:hover,
.mfs-delivery-choice:focus {
	border-color: rgba(31,27,23,.32) !important;
	box-shadow: 0 8px 18px rgba(28,24,20,.045);
	outline: 0;
	transform: translateY(-1px);
}
.mfs-delivery-choice.is-active {
	border-color: rgba(31,27,23,.42) !important;
	background: #fbfaf7 !important;
	box-shadow: 0 0 0 1px rgba(31,27,23,.045);
}
.mfs-delivery-choice-icon {
	grid-area: icon;
	display: inline-grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid rgba(31,27,23,.12);
	background: #f6f8fa;
	color: #1f1b17;
	font-size: 13px;
	font-weight: 950;
}
.mfs-delivery-choice.is-active .mfs-delivery-choice-icon {
	background: #1f1b17;
	color: #fff;
}
.mfs-delivery-choice strong {
	grid-area: title;
	color: #1f1b17 !important;
	font-size: 14px;
	font-weight: 950;
	line-height: 1.15;
	text-transform: none !important;
}
.mfs-delivery-choice small {
	grid-area: copy;
	color: #756b60;
	font-size: 12px;
	line-height: 1.32;
}
.mfs-delivery-helper {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}
.mfs-delivery-helper button {
	min-height: 32px;
	padding: 0 11px;
	border: 1px solid rgba(218,210,198,.82) !important;
	border-radius: 999px;
	background: #fff !important;
	color: #4d463f !important;
	font-size: 12px;
	font-weight: 850;
	text-transform: none !important;
	cursor: pointer;
}
.mfs-delivery-helper button.is-active,
.mfs-delivery-helper button:hover,
.mfs-delivery-helper button:focus {
	border-color: #1f1b17;
	color: #1f1b17;
	outline: 0;
}
.mfs-delivery-native {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.mfs-delivery-details {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(223,217,209,.58);
	border-radius: 12px;
	background: rgba(252,251,249,.52);
}
.mfs-delivery-details[hidden] {
	display: none !important;
}
.mfs-delivery-details-head {
	grid-column: 1 / -1;
	display: grid;
	gap: 2px;
	margin-bottom: 0;
}
.mfs-delivery-details-head strong {
	color: #1f1b17;
	font-size: 14px;
	font-weight: 900;
}
.mfs-delivery-details-head small {
	color: #756b60;
	font-size: 12px;
	line-height: 1.34;
}
.mfs-delivery-message {
	padding: 11px 13px;
	border: 1px solid rgba(31,27,23,.08);
	border-radius: 12px;
	background: #fbfaf7;
	color: #1f1b17;
}
.mfs-delivery-message[hidden] {
	display: none !important;
}
.mfs-customer-note {
	display: grid;
	gap: 7px;
	padding: 0;
}
.mfs-customer-intro {
	padding-right: 46px;
}
.mfs-customer-intro > span {
	display: block;
	margin-bottom: 4px;
	color: #4d463f;
	font-size: 13px;
	line-height: 1.2;
}
.mfs-customer-intro h3 {
	margin: 0;
	font-size: clamp(23px, 1.7vw, 30px);
	line-height: 1.02;
}
.mfs-customer-intro p {
	margin: 7px 0 0;
	max-width: 680px;
	color: #756b60;
	font-size: 13px;
	line-height: 1.42;
}
.mfs-customer-dialog .mfs-modal-close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 2;
}
.mfs-customer-dialog .mfs-fields {
	margin-top: 10px;
	gap: 10px;
}
.mfs-customer-dialog .mfs-field input,
.mfs-customer-dialog .mfs-field select,
.mfs-customer-dialog .mfs-field textarea,
.mfs-customer-dialog .mfs-parcel-manual input {
	min-height: 40px;
	padding: 0 12px;
	border-color: rgba(218,210,198,.78);
	border-radius: 11px;
	font-size: 14px;
}
.mfs-customer-dialog .mfs-field textarea {
	min-height: 70px;
	padding-top: 10px;
}
.mfs-customer-dialog .mfs-modal-actions {
	position: sticky;
	bottom: -20px;
	margin: 14px -20px -20px;
	padding: 12px 20px;
	border-top: 1px solid rgba(218,210,198,.7);
	background: rgba(255,255,255,.96);
	backdrop-filter: blur(8px);
}
.mfs-customer-dialog .mfs-submit-final,
.mfs-customer-dialog .mfs-secondary {
	min-height: 44px;
	padding: 0 20px;
	border-radius: 10px;
	font-size: 12px;
}
.mfs-customer-dialog .mfs-secondary {
	background: #fff !important;
	color: #1f1b17 !important;
}
.mfs-customer-dialog .mfs-inpost-button {
	min-height: 40px;
	padding: 0 16px;
	border-radius: 10px;
	background: #1f1b17 !important;
	color: #fff !important;
}
@media (min-width: 1024px) {
	.mfs-customer-dialog .mfs-fields-personal {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.mfs-customer-dialog .mfs-address-panel.is-visible {
		grid-template-columns: minmax(220px, 1.25fr) minmax(120px, .62fr) minmax(145px, .78fr) minmax(145px, .78fr);
		align-items: end;
	}
	.mfs-customer-dialog .mfs-address-panel.is-visible .mfs-delivery-details-head {
		grid-column: 1 / -1;
	}
	.mfs-customer-dialog .mfs-parcel-panel.is-visible {
		grid-template-columns: minmax(0, 1fr) minmax(260px, .86fr);
		align-items: end;
	}
	.mfs-customer-dialog .mfs-parcel-panel.is-visible .mfs-delivery-details-head,
	.mfs-customer-dialog .mfs-parcel-panel.is-visible .mfs-parcel-summary {
		grid-column: 1 / -1;
	}
	.mfs-customer-dialog .mfs-parcel-card {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
	}
}
@media (min-width: 1180px) {
	.mfs-customer-dialog {
		width: min(1180px, calc(100vw - 72px));
	}
}
.mfs-selected {
	max-height: min(56vh, 520px);
}
.mfs-selected-chip {
	grid-template-columns: 52px minmax(0, 1fr) auto;
}
.mfs-selected-chip img {
	width: 52px;
	height: 52px;
}
@media (max-width: 1080px) {
	.meblovo-fabric-samples {
		left: auto;
		width: min(1120px, calc(100vw - 24px));
		transform: none;
	}
	.mfs-layout {
		grid-template-columns: 1fr;
	}
	.mfs-summary {
		position: static;
	}
	.mfs-filter-panel {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"collection"
			"palette"
			"type";
	}
}
@media (max-width: 760px) {
	.meblovo-fabric-samples {
		left: auto;
		width: 100%;
		margin: 12px auto 96px;
		padding: 0 4px;
		transform: none;
	}
	.mfs-needs-card,
	.mfs-toolbar,
	.mfs-filter-panel {
		border-radius: 18px;
	}
	.mfs-filter-panel {
		padding: 12px;
		gap: 14px;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.mfs-chip-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mfs-palette-button {
		min-height: 58px;
		padding: 8px 5px;
		font-size: 10.5px;
	}
	.mfs-type-button {
		min-height: 48px;
		padding: 9px;
		font-size: 10.5px;
	}
	.mfs-type-button small {
		display: none;
	}
	.mfs-fabric {
		border-radius: 18px;
		box-shadow: 0 10px 26px rgba(28,24,20,.06);
	}
	.mfs-fabric-summary {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		grid-template-columns: none;
		grid-template-areas: none;
		min-height: 0;
		padding: 16px;
		gap: 14px;
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
	.mfs-fabric-summary:before {
		inset: 0;
		background-image:
			linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.99) 50%, rgba(255,255,255,.62) 72%, rgba(255,255,255,.12) 100%),
			var(--mfs-fabric-bg);
		background-position: right bottom;
	}
	.mfs-fabric-summary:after {
		inset: 8px;
		border-radius: 14px;
	}
	.mfs-fabric-copy > strong {
		font-size: 25px;
		line-height: 1;
	}
	.mfs-fabric-lead {
		font-size: 13.5px;
		line-height: 1.45;
	}
	.mfs-fabric-tags em {
		min-height: 25px;
		padding: 0 9px;
		font-size: 8.5px;
	}
	.mfs-fabric-features {
		gap: 7px;
	}
	.mfs-fabric-features em {
		min-height: 27px;
		padding: 5px 8px;
		font-size: 9.5px;
	}
	.mfs-fabric-features i {
		width: 17px;
		height: 17px;
		flex-basis: 17px;
	}
	.mfs-fabric-cover {
		display: block;
		min-height: 104px;
		border-radius: 15px;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}
	.mfs-fabric-action-wrap {
		display: flex;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		justify-content: stretch;
	}
	.mfs-fabric-action {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		flex: 1 1 auto;
		box-sizing: border-box;
		min-height: 43px;
		padding: 0 14px;
		font-size: 11px;
		white-space: normal;
		line-height: 1.18;
		text-align: center;
	}
	.mfs-variant-panel {
		padding: 0 6px 14px;
	}
	.mfs-variant-panel-inner {
		padding: 12px;
		border-radius: 15px;
	}
	.mfs-grid {
		grid-auto-columns: minmax(118px, 138px);
		gap: 10px;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.mfs-card {
		grid-template-rows: 96px auto auto;
		border-radius: 14px;
	}
	.mfs-thumb {
		min-height: 96px;
	}
	.mfs-summary {
		position: fixed;
		left: 8px;
		right: 8px;
		bottom: 8px;
		z-index: 99997;
	}
	.mfs-customer-modal {
		align-items: flex-end;
		padding: 10px;
	}
	.mfs-customer-dialog {
		width: 100%;
		max-height: calc(100vh - 20px);
		padding: 18px;
		border-radius: 20px;
	}
	.mfs-customer-intro {
		padding-right: 42px;
	}
	.mfs-customer-dialog .mfs-fields {
		grid-template-columns: 1fr;
		gap: 11px;
	}
	.mfs-customer-dialog .mfs-customer {
		gap: 11px;
		margin-top: 14px;
	}
	.mfs-customer-section,
	.mfs-delivery-details,
	.mfs-customer-note {
		padding: 0 1px 12px;
		border-radius: 0;
	}
	.mfs-section-kicker {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 9px;
	}
	.mfs-section-kicker > span {
		width: 28px;
		height: 28px;
	}
	.mfs-delivery-choice-grid {
		grid-template-columns: 1fr;
	}
	.mfs-delivery-choice {
		min-height: 84px;
		padding: 12px;
	}
	.mfs-customer-dialog .mfs-modal-actions {
		bottom: -18px;
		margin: 18px -18px -18px;
		padding: 12px 18px;
		flex-direction: column-reverse;
	}
	.mfs-customer-dialog .mfs-submit-final,
	.mfs-customer-dialog .mfs-back {
		width: 100%;
	}
}
@media (max-width: 760px) {
	.meblovo-fabric-samples,
	.mfs-layout,
	.mfs-main,
	.mfs-groups,
	.mfs-fabric,
	.mfs-fabric-summary,
	.mfs-fabric-copy,
	.mfs-fabric-cover,
	.mfs-fabric-action-wrap,
	.mfs-variant-panel,
	.mfs-variant-panel-inner {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		box-sizing: border-box;
	}
	.mfs-fabric {
		overflow: hidden;
	}
	.mfs-fabric-summary {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas:
			"copy"
			"cover"
			"action";
		align-items: stretch;
		padding: 15px;
		gap: 12px;
	}
	.mfs-fabric-copy {
		max-width: none;
		gap: 8px;
	}
	.mfs-fabric-copy > strong {
		font-size: clamp(23px, 8vw, 30px);
	}
	.mfs-fabric-lead {
		max-width: none;
		font-size: 13px;
		line-height: 1.42;
	}
	.mfs-fabric-tags,
	.mfs-fabric-features {
		gap: 6px;
	}
	.mfs-fabric-tags em,
	.mfs-fabric-features em {
		max-width: 100%;
	}
	.mfs-fabric-cover {
		min-height: 120px;
	}
	.mfs-fabric-action-wrap {
		grid-area: action;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		overflow: visible;
	}
	.mfs-fabric-action {
		width: auto;
		max-width: 100%;
		flex: 0 1 auto;
		min-height: 40px;
		padding: 0 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 10.5px;
		letter-spacing: .03em;
		line-height: 1;
	}
	.mfs-variant-panel {
		padding: 0 4px 12px;
		overflow: hidden;
	}
	.mfs-variant-panel-inner {
		padding: 11px;
		overflow: hidden;
	}
	.mfs-grid {
		width: 100%;
		max-width: 100%;
		grid-auto-columns: minmax(116px, 132px);
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.meblovo-fabric-samples {
		padding-bottom: 94px;
	}
	.mfs-summary {
		position: fixed !important;
		top: auto !important;
		left: 8px !important;
		right: 8px !important;
		bottom: 8px !important;
		z-index: 99997;
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
		gap: 8px;
		width: auto;
		max-width: none;
		max-height: none;
		min-height: 0;
		overflow: visible;
		padding: 8px 10px;
		border-radius: 16px;
		background: rgba(255,255,255,.97);
		box-shadow: 0 14px 34px rgba(31,27,23,.16);
	}
	.mfs-summary h3,
	.mfs-summary > small,
	.mfs-summary .mfs-jump {
		display: none !important;
	}
	.mfs-counter {
		margin: 0;
		font-size: 12px;
		white-space: nowrap;
	}
	.mfs-counter strong {
		font-size: 22px;
		line-height: 1;
	}
	.mfs-summary-toggle,
	.mfs-submit {
		min-height: 38px;
		padding: 0 11px;
		border-radius: 999px;
		font-size: 10px;
		line-height: 1;
		white-space: nowrap;
	}
	.mfs-summary-toggle {
		display: inline-flex;
	}
	.mfs-summary .mfs-selected {
		grid-column: 1 / -1;
		display: none;
		max-height: min(42vh, 310px);
		min-height: 0;
		overflow: auto;
		margin-top: 4px;
	}
	.mfs-summary.is-open {
		grid-template-columns: 1fr auto;
		align-items: start;
		max-height: min(78vh, 620px);
		overflow: auto;
		padding: 12px;
	}
	.mfs-summary.is-open .mfs-counter {
		align-self: center;
	}
	.mfs-summary.is-open .mfs-summary-toggle {
		justify-self: end;
	}
	.mfs-summary.is-open .mfs-submit {
		grid-column: 1 / -1;
		width: 100%;
	}
	.mfs-summary.is-open .mfs-selected {
		display: grid;
	}
}
/* Production acceptance pass: stable premium catalog layout. */
.meblovo-fabric-samples {
	--mfs-page-width: min(1680px, calc(100vw - 48px));
	width: var(--mfs-page-width) !important;
	margin: 34px auto 84px !important;
	padding: 0 !important;
}
.mfs-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) clamp(300px, 22vw, 380px) !important;
	gap: clamp(22px, 2.2vw, 34px) !important;
	align-items: start !important;
}
.mfs-main,
.mfs-groups,
.mfs-fabric-list {
	min-width: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}
.mfs-summary {
	position: sticky !important;
	top: 96px !important;
	z-index: 6 !important;
	align-self: start !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 24px !important;
	border: 1px solid rgba(218,210,198,.92) !important;
	border-radius: 24px !important;
	background: rgba(255,255,255,.97) !important;
	box-shadow: 0 22px 58px rgba(28,24,20,.09) !important;
}
.mfs-summary h3 {
	margin: 0 0 8px !important;
	font-size: 24px !important;
	letter-spacing: .02em !important;
	text-transform: uppercase !important;
}
.mfs-counter {
	margin: 0 0 18px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 18px !important;
}
.mfs-counter strong {
	font-size: 44px !important;
	font-weight: 500 !important;
}
.mfs-summary-toggle {
	display: none !important;
}
.mfs-summary .mfs-selected {
	display: grid !important;
	gap: 10px !important;
	max-height: min(52vh, 480px) !important;
	overflow: auto !important;
	margin: 0 0 18px !important;
	padding-right: 2px !important;
}
.mfs-summary .mfs-selected > span {
	display: block !important;
	padding: 18px !important;
	border: 1px dashed rgba(190,174,150,.7) !important;
	border-radius: 16px !important;
	color: #73695f !important;
	background: #fffdf9 !important;
}
.mfs-selected .mfs-chip {
	display: grid !important;
	grid-template-columns: 54px minmax(0, 1fr) 34px !important;
	gap: 12px !important;
	align-items: center !important;
	padding: 9px !important;
	border: 1px solid rgba(218,210,198,.9) !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 10px 24px rgba(28,24,20,.045) !important;
}
.mfs-chip-thumb {
	display: block !important;
	width: 54px !important;
	height: 54px !important;
	border-radius: 12px !important;
	background-color: #eee7df !important;
	background-position: center !important;
	background-size: cover !important;
	box-shadow: inset 0 0 0 1px rgba(31,27,23,.08) !important;
}
.mfs-selected .mfs-chip strong {
	display: block !important;
	overflow: hidden !important;
	color: #1f1b17 !important;
	font-size: 13px !important;
	line-height: 1.22 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.mfs-selected .mfs-chip small {
	display: block !important;
	margin-top: 2px !important;
	color: #766b61 !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
}
.mfs-chip-remove {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 30px !important;
	height: 30px !important;
	border: 1px solid rgba(218,210,198,.95) !important;
	border-radius: 999px !important;
	background: #fbf7f1 !important;
	color: #1f1b17 !important;
	font-size: 18px !important;
	line-height: 1 !important;
	cursor: pointer !important;
}
.mfs-submit {
	width: 100% !important;
	min-height: 50px !important;
	border-radius: 14px !important;
}
.mfs-summary .mfs-jump {
	display: inline-flex !important;
	width: auto !important;
	min-height: 28px !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #6b6157 !important;
	box-shadow: none !important;
	text-align: left !important;
	text-decoration: underline !important;
	text-underline-offset: 4px !important;
}
.mfs-summary > small {
	display: block !important;
	margin-top: 14px !important;
	color: #766b61 !important;
	line-height: 1.45 !important;
}
.mfs-toolbar,
.mfs-needs-card,
.mfs-filter-panel {
	border: 1px solid rgba(218,210,198,.86) !important;
	border-radius: 24px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 16px 42px rgba(28,24,20,.055) !important;
}
.mfs-filter-panel {
	display: grid !important;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
	grid-template-areas:
		"collection collection"
		"palette type" !important;
	gap: 20px 28px !important;
	padding: 24px !important;
}
.mfs-fabric-select {
	grid-area: collection !important;
	width: min(720px, 100%) !important;
	margin: 0 auto !important;
}
.mfs-palette-block { grid-area: palette !important; }
.mfs-type-block { grid-area: type !important; }
.mfs-filter-block > span {
	display: block !important;
	margin: 0 0 10px !important;
	color: #776a5d !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}
.mfs-filter-select {
	min-height: 54px !important;
	border: 1px solid rgba(218,210,198,.95) !important;
	border-radius: 16px !important;
	background: #fff !important;
	color: #1f1b17 !important;
	font-size: 15px !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.mfs-palette-filters,
.mfs-chip-filters {
	display: grid !important;
	gap: 10px !important;
}
.mfs-palette-filters {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.mfs-chip-filters {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.mfs-palette-button,
.mfs-type-button {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	border: 1px solid rgba(218,210,198,.95) !important;
	border-radius: 15px !important;
	background: #fffdf9 !important;
	color: #1f1b17 !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition: border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease !important;
}
.mfs-palette-button {
	min-height: 64px !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 8px 10px !important;
	font-size: 12px !important;
	text-align: center !important;
}
.mfs-type-button {
	min-height: 70px !important;
	gap: 12px !important;
	padding: 12px !important;
	text-align: left !important;
}
.mfs-palette-button:hover,
.mfs-type-button:hover {
	border-color: rgba(31,27,23,.34) !important;
	background: #fff !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 10px 24px rgba(28,24,20,.055) !important;
}
.mfs-palette-button.is-active,
.mfs-type-button.is-active {
	border-color: #1f1b17 !important;
	background: #f5f0e8 !important;
	color: #1f1b17 !important;
	box-shadow: 0 0 0 1px rgba(31,27,23,.06), 0 12px 26px rgba(28,24,20,.07) !important;
}
.mfs-type-button i {
	width: 24px !important;
	height: 24px !important;
	flex: 0 0 24px !important;
	border: 1px solid rgba(190,174,150,.75) !important;
	border-radius: 999px !important;
	background: #fffaf3 !important;
	box-shadow: inset 0 0 0 5px #fff !important;
}
.mfs-type-button b {
	display: block !important;
	font-size: 12px !important;
	line-height: 1.05 !important;
	letter-spacing: .02em !important;
}
.mfs-type-button small {
	display: block !important;
	margin-top: 4px !important;
	color: #74695f !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.18 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
.mfs-fabric-list {
	display: grid !important;
	gap: 28px !important;
	overflow: visible !important;
}
.mfs-fabric {
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(218,210,198,.86) !important;
	border-radius: 28px !important;
	background: #fff !important;
	box-shadow: 0 18px 44px rgba(28,24,20,.06) !important;
}
.mfs-fabric + .mfs-fabric {
	margin-top: 0 !important;
}
.mfs-fabric-summary {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(280px, .56fr) !important;
	grid-template-areas:
		"copy cover"
		"action cover" !important;
	gap: 22px !important;
	align-items: stretch !important;
	min-height: 250px !important;
	padding: clamp(24px, 2vw, 32px) !important;
	overflow: hidden !important;
	background: #fff !important;
	isolation: isolate !important;
}
.mfs-fabric-summary::-webkit-details-marker {
	display: none !important;
}
.mfs-fabric-summary:before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	pointer-events: none !important;
	background-image:
		linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.995) 43%, rgba(255,255,255,.84) 58%, rgba(255,255,255,.28) 76%, rgba(255,255,255,.04) 100%),
		var(--mfs-fabric-bg) !important;
	background-position: center center, right center !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100%, min(760px, 54%) auto !important;
	opacity: 1 !important;
}
.mfs-fabric-summary:after {
	content: none !important;
}
.mfs-fabric-copy {
	grid-area: copy !important;
	position: relative !important;
	z-index: 2 !important;
	display: grid !important;
	gap: 12px !important;
	align-content: start !important;
	max-width: 690px !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
.mfs-fabric-copy > strong {
	display: block !important;
	margin: 0 !important;
	color: #171615 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(30px, 2vw, 42px) !important;
	font-weight: 500 !important;
	line-height: .98 !important;
	letter-spacing: 0 !important;
}
.mfs-fabric-lead {
	max-width: 620px !important;
	margin: 0 !important;
	color: #5f5750 !important;
	font-size: 15px !important;
	line-height: 1.52 !important;
}
.mfs-filter-count,
.mfs-fabric-tags em[data-kind="count"] {
	display: none !important;
}
.mfs-fabric-tags,
.mfs-fabric-features {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 !important;
}
.mfs-fabric-tags em,
.mfs-fabric-features em {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 27px !important;
	max-width: 100% !important;
	padding: 5px 10px !important;
	border: 1px solid rgba(218,210,198,.92) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.82) !important;
	color: #5f554b !important;
	box-shadow: none !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: 850 !important;
	line-height: 1.1 !important;
	letter-spacing: .02em !important;
	text-transform: none !important;
}
.mfs-fabric-features i {
	width: 17px !important;
	height: 17px !important;
	flex: 0 0 17px !important;
	background: #fffaf3 !important;
	box-shadow: inset 0 0 0 1px rgba(190,174,150,.55) !important;
}
.mfs-fabric-cover {
	grid-area: cover !important;
	position: relative !important;
	z-index: 1 !important;
	display: block !important;
	min-height: 198px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	opacity: 1 !important;
}
.mfs-fabric-cover:before,
.mfs-fabric-cover:after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}
.mfs-fabric-cover,
.mfs-fabric-summary:after,
.mfs-fabric-summary .mfs-fabric-cover {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
}
.mfs-fabric-summary:after {
	content: none !important;
	display: none !important;
}
.mfs-fabric-action-wrap {
	grid-area: action !important;
	position: relative !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: end !important;
	justify-content: flex-start !important;
	min-width: 0 !important;
	overflow: visible !important;
}
.mfs-fabric-action {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 44px !important;
	padding: 0 20px !important;
	border: 1px solid #1f1b17 !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.88) !important;
	color: #1f1b17 !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}
.mfs-variant-panel {
	padding: 0 24px 24px !important;
	background: #fff !important;
}
.mfs-variant-panel-inner {
	display: grid !important;
	gap: 12px !important;
	overflow: hidden !important;
	padding: 18px !important;
	border: 1px solid rgba(218,210,198,.9) !important;
	border-radius: 20px !important;
	background: linear-gradient(180deg, #fff, #fbfaf7) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 30px rgba(28,24,20,.04) !important;
}
.mfs-variant-panel-inner:before,
.mfs-variant-panel-inner:after {
	content: none !important;
}
.mfs-variant-hint {
	margin: 0 !important;
	color: #776b61 !important;
	font-size: 12px !important;
	font-weight: 750 !important;
}
.mfs-grid {
	display: grid !important;
	grid-auto-flow: column !important;
	grid-auto-columns: minmax(144px, 166px) !important;
	grid-template-columns: none !important;
	gap: 14px !important;
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding: 2px 2px 10px !important;
	scroll-snap-type: x proximity !important;
	scrollbar-color: rgba(31,27,23,.28) transparent !important;
	-webkit-overflow-scrolling: touch !important;
}
.mfs-grid::-webkit-scrollbar {
	height: 8px !important;
}
.mfs-grid::-webkit-scrollbar-track {
	background: transparent !important;
}
.mfs-grid::-webkit-scrollbar-thumb {
	border-radius: 999px !important;
	background: rgba(31,27,23,.24) !important;
}
.mfs-card {
	position: relative !important;
	display: grid !important;
	grid-template-rows: 120px auto auto !important;
	gap: 9px !important;
	scroll-snap-align: start !important;
	min-width: 0 !important;
	padding: 10px !important;
	border: 1px solid rgba(218,210,198,.86) !important;
	border-radius: 17px !important;
	background: #fff !important;
	box-shadow: 0 10px 24px rgba(28,24,20,.045) !important;
	cursor: pointer !important;
	transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.mfs-card:hover {
	border-color: rgba(31,27,23,.32) !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 28px rgba(28,24,20,.07) !important;
}
.mfs-card input {
	position: absolute !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.mfs-card.is-selected {
	border-color: #1f1b17 !important;
	box-shadow: 0 0 0 2px rgba(31,27,23,.1), 0 16px 34px rgba(28,24,20,.12) !important;
}
.mfs-card.is-selected:after {
	content: "Wybrano" !important;
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	z-index: 2 !important;
	padding: 5px 8px !important;
	border-radius: 999px !important;
	background: #1f1b17 !important;
	color: #fff !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	letter-spacing: .02em !important;
}
.mfs-thumb {
	display: block !important;
	min-height: 120px !important;
	border-radius: 13px !important;
	background-position: center !important;
	background-size: cover !important;
	box-shadow: inset 0 0 0 1px rgba(31,27,23,.06) !important;
}
.mfs-card-copy strong {
	display: block !important;
	overflow: hidden !important;
	color: #1f1b17 !important;
	font-size: 13px !important;
	line-height: 1.18 !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}
.mfs-card-copy small {
	display: block !important;
	margin-top: 3px !important;
	color: #756b60 !important;
	font-size: 11px !important;
	line-height: 1.25 !important;
}
.mfs-check {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 34px !important;
	padding: 0 10px !important;
	border: 1px solid rgba(31,27,23,.28) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #1f1b17 !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	text-transform: none !important;
}
.mfs-check:before,
.mfs-check:after {
	content: none !important;
}
.mfs-card.is-selected .mfs-check {
	border-color: #1f1b17 !important;
	background: #1f1b17 !important;
	color: #fff !important;
}
.mfs-toast {
	position: fixed !important;
	left: 50% !important;
	bottom: 24px !important;
	z-index: 1000003 !important;
	transform: translate(-50%, 16px) !important;
	max-width: min(520px, calc(100vw - 24px)) !important;
	padding: 12px 16px !important;
	border-radius: 999px !important;
	background: #1f1b17 !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 750 !important;
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity .18s ease, transform .18s ease !important;
}
.mfs-toast.is-visible {
	opacity: 1 !important;
	transform: translate(-50%, 0) !important;
}
@media (max-width: 1180px) {
	.meblovo-fabric-samples {
		--mfs-page-width: min(1120px, calc(100vw - 28px));
	}
	.mfs-layout {
		grid-template-columns: 1fr !important;
	}
	.mfs-summary {
		position: relative !important;
		top: auto !important;
	}
}
@media (max-width: 760px) {
	.meblovo-fabric-samples {
		--mfs-page-width: 100%;
		width: 100% !important;
		margin: 14px auto 102px !important;
		padding: 0 8px 92px !important;
	}
	.mfs-head,
	.mfs-needs-card,
	.mfs-toolbar,
	.mfs-filter-panel {
		border-radius: 18px !important;
	}
	.mfs-filter-panel {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"collection"
			"palette"
			"type" !important;
		gap: 14px !important;
		padding: 14px !important;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.mfs-chip-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.mfs-palette-button {
		min-height: 56px !important;
		padding: 7px 5px !important;
		font-size: 10px !important;
	}
	.mfs-type-button {
		min-height: 50px !important;
		padding: 9px !important;
	}
	.mfs-type-button small {
		display: none !important;
	}
	.mfs-fabric-list {
		gap: 18px !important;
	}
	.mfs-fabric {
		border-radius: 20px !important;
		box-shadow: 0 12px 30px rgba(28,24,20,.06) !important;
	}
	.mfs-fabric-summary {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"copy"
			"cover"
			"action" !important;
		min-height: 0 !important;
		padding: 16px !important;
		gap: 13px !important;
	}
	.mfs-fabric-summary:before {
		background-image:
			linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.98) 47%, rgba(255,255,255,.66) 70%, rgba(255,255,255,.12) 100%),
			var(--mfs-fabric-bg) !important;
		background-position: center bottom !important;
		background-size: 100% 100%, 100% auto !important;
	}
	.mfs-fabric-copy {
		max-width: none !important;
		gap: 9px !important;
	}
	.mfs-fabric-copy > strong {
		font-size: clamp(24px, 7vw, 31px) !important;
	}
	.mfs-fabric-lead {
		font-size: 13px !important;
		line-height: 1.42 !important;
	}
	.mfs-fabric-tags em,
	.mfs-fabric-features em {
		min-height: 25px !important;
		padding: 4px 8px !important;
		font-size: 9px !important;
	}
	.mfs-fabric-cover {
		min-height: 118px !important;
		border-radius: 16px !important;
	}
	.mfs-fabric-action {
		width: 100% !important;
		min-height: 42px !important;
		padding: 0 12px !important;
		font-size: 10.5px !important;
		white-space: normal !important;
		text-align: center !important;
	}
	.mfs-variant-panel {
		padding: 0 8px 14px !important;
	}
	.mfs-variant-panel-inner {
		padding: 12px !important;
		border-radius: 16px !important;
	}
	.mfs-grid {
		grid-auto-columns: minmax(116px, 132px) !important;
		gap: 10px !important;
		max-height: none !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}
	.mfs-card {
		grid-template-rows: 94px auto auto !important;
		padding: 8px !important;
		border-radius: 14px !important;
	}
	.mfs-thumb {
		min-height: 94px !important;
	}
	.mfs-card-copy strong {
		font-size: 11.5px !important;
	}
	.mfs-check {
		min-height: 31px !important;
		font-size: 10px !important;
	}
	.mfs-summary {
		position: fixed !important;
		top: auto !important;
		left: 8px !important;
		right: 8px !important;
		bottom: 8px !important;
		z-index: 99997 !important;
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) auto !important;
		gap: 8px !important;
		align-items: center !important;
		width: auto !important;
		max-height: none !important;
		padding: 9px 10px !important;
		border-radius: 16px !important;
		box-shadow: 0 14px 34px rgba(31,27,23,.16) !important;
	}
	.mfs-summary h3,
	.mfs-summary > small,
	.mfs-summary .mfs-jump {
		display: none !important;
	}
	.mfs-counter {
		margin: 0 !important;
		font-size: 12px !important;
		white-space: nowrap !important;
	}
	.mfs-counter strong {
		font-size: 22px !important;
	}
	.mfs-summary-toggle {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 38px !important;
		padding: 0 11px !important;
		border: 1px solid rgba(218,210,198,.9) !important;
		border-radius: 999px !important;
		background: #fff !important;
		color: #1f1b17 !important;
		font-size: 10px !important;
		font-weight: 850 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	.mfs-summary .mfs-selected {
		grid-column: 1 / -1 !important;
		display: none !important;
		max-height: min(42vh, 310px) !important;
		overflow: auto !important;
		margin-top: 4px !important;
	}
	.mfs-summary.is-open {
		grid-template-columns: 1fr auto !important;
		align-items: start !important;
		max-height: min(78vh, 620px) !important;
		overflow: auto !important;
		padding: 12px !important;
	}
	.mfs-summary.is-open .mfs-selected {
		display: grid !important;
	}
	.mfs-summary.is-open .mfs-submit {
		grid-column: 1 / -1 !important;
		width: 100% !important;
	}
	.mfs-submit {
		min-height: 38px !important;
		padding: 0 12px !important;
		font-size: 10px !important;
		border-radius: 999px !important;
	}
	.mfs-toast {
		bottom: 72px !important;
		border-radius: 14px !important;
	}
}
/* Surgical acceptance fixes: fabric samples tablet/mobile UX. */
.mfs-variant-hint {
	display: none !important;
}
.mfs-variant-panel-inner {
	position: relative !important;
}
.mfs-variant-panel-inner:after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	bottom: 22px !important;
	z-index: 2 !important;
	width: 38px !important;
	pointer-events: none !important;
	background: linear-gradient(90deg, rgba(255,253,249,0), rgba(255,253,249,.96)) !important;
}
.mfs-grid {
	padding-right: 38px !important;
}
.mfs-fabric-cover:before,
.mfs-fabric-cover:after {
	content: none !important;
	display: none !important;
}
.mfs-fabric[open] .mfs-fabric-summary {
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}
.mfs-fabric[open] .mfs-variant-panel {
	margin-top: -1px !important;
	background: transparent !important;
	border-bottom-left-radius: 26px !important;
	border-bottom-right-radius: 26px !important;
}
.mfs-fabric[open] .mfs-variant-panel-inner {
	border-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.9) 74%, rgba(255,255,255,.68)) !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 10px 22px rgba(28,24,20,.024) !important;
}
@media (min-width: 901px) and (max-width: 1180px) {
	.meblovo-fabric-samples {
		--mfs-page-width: min(1120px, calc(100vw - 28px)) !important;
		padding-bottom: 48px !important;
	}
	.mfs-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(260px, 300px) !important;
		gap: 18px !important;
		align-items: start !important;
	}
	.mfs-summary {
		position: sticky !important;
		top: 82px !important;
		padding: 18px !important;
	}
	.mfs-filter-panel {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		grid-template-areas:
			"collection collection"
			"palette type" !important;
		gap: 18px !important;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important;
	}
	.mfs-chip-filters {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
	}
	.mfs-palette-button,
	.mfs-type-button {
		min-width: 0 !important;
		width: 100% !important;
		justify-content: flex-start !important;
	}
}
@media (min-width: 761px) and (max-width: 900px) {
	.meblovo-fabric-samples {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	.mfs-filter-panel {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		grid-template-areas:
			"collection collection"
			"palette type" !important;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)) !important;
	}
	.mfs-chip-filters {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
	}
	.mfs-summary {
		left: 18px !important;
		right: 18px !important;
		bottom: max(14px, env(safe-area-inset-bottom)) !important;
		grid-template-columns: auto minmax(150px, 1fr) minmax(170px, auto) !important;
	}
	.mfs-submit {
		grid-column: auto !important;
	}
}
@media (max-width: 900px) {
	.meblovo-fabric-samples {
		--mfs-page-width: 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 18px auto 118px !important;
		padding: 0 10px 132px !important;
	}
	.mfs-layout {
		display: block !important;
	}
	.mfs-filter-panel {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"collection"
			"palette"
			"type" !important;
		gap: 14px !important;
		padding: 14px !important;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(auto-fit, minmax(82px, 1fr)) !important;
	}
	.mfs-chip-filters {
		grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
	}
	.mfs-palette-button,
	.mfs-type-button {
		min-width: 0 !important;
	}
	.mfs-fabric[open] .mfs-fabric-summary {
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		padding-bottom: 10px !important;
	}
	.mfs-variant-panel {
		margin-top: -2px !important;
		padding: 0 8px 14px !important;
		background: #fff !important;
	}
	.mfs-variant-panel-inner {
		gap: 0 !important;
		padding: 10px 0 12px 12px !important;
		border-width: 0 !important;
		border-color: transparent !important;
		border-radius: 0 0 18px 18px !important;
		background: linear-gradient(180deg, #fff, #fffdf9) !important;
		box-shadow: inset 0 1px 0 rgba(218,210,198,.38) !important;
	}
	.mfs-variant-panel-inner:after {
		top: 12px !important;
		right: 0 !important;
		bottom: 18px !important;
		width: 34px !important;
	}
	.mfs-grid {
		grid-auto-columns: minmax(132px, 68vw) !important;
		gap: 10px !important;
		padding: 2px 36px 10px 0 !important;
		max-height: none !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		overscroll-behavior-x: contain !important;
		-webkit-overflow-scrolling: touch !important;
	}
	.mfs-summary {
		position: fixed !important;
		top: auto !important;
		left: max(10px, env(safe-area-inset-left)) !important;
		right: max(10px, env(safe-area-inset-right)) !important;
		bottom: max(10px, env(safe-area-inset-bottom)) !important;
		z-index: 99997 !important;
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		gap: 8px !important;
		align-items: center !important;
		width: auto !important;
		max-height: none !important;
		padding: 10px 12px !important;
		border-radius: 16px !important;
		box-shadow: 0 14px 34px rgba(31,27,23,.16) !important;
	}
	.mfs-summary h3,
	.mfs-summary > small,
	.mfs-summary .mfs-jump {
		display: none !important;
	}
	.mfs-counter {
		margin: 0 !important;
		font-size: 12px !important;
		white-space: nowrap !important;
	}
	.mfs-counter strong {
		font-size: 22px !important;
	}
	.mfs-summary-toggle {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 38px !important;
		padding: 0 11px !important;
		border: 1px solid rgba(218,210,198,.9) !important;
		border-radius: 999px !important;
		background: #fff !important;
		color: #1f1b17 !important;
		font-size: 10px !important;
		font-weight: 850 !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	.mfs-summary .mfs-selected {
		grid-column: 1 / -1 !important;
		display: none !important;
		max-height: min(42vh, 310px) !important;
		overflow: auto !important;
		margin-top: 4px !important;
	}
	.mfs-summary.is-open {
		align-items: start !important;
		max-height: min(78vh, 620px) !important;
		overflow: auto !important;
		padding: 12px !important;
	}
	.mfs-summary.is-open .mfs-selected {
		display: grid !important;
	}
	.mfs-submit {
		grid-column: 1 / -1 !important;
		min-height: 40px !important;
		padding: 0 12px !important;
		border-radius: 999px !important;
		font-size: 10px !important;
	}
	.mfs-toast {
		bottom: 80px !important;
	}
}
/* Stage 176: unified premium fabric cards, variant carousel hints and stable filters. */
.meblovo-fabric-samples {
	--mfs-radius-card: 26px;
	--mfs-radius-inner: 18px;
	--mfs-stroke-soft: rgba(218,210,198,.82);
	--mfs-surface-warm: #fffdf9;
	--mfs-surface-milk: rgba(255,255,255,.86);
	--mfs-shadow-soft: 0 18px 44px rgba(31,27,23,.075);
}
@media (min-width: 1181px) {
	.mfs-layout {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(320px, 378px) !important;
		gap: 28px !important;
		align-items: start !important;
	}
	.mfs-summary {
		position: sticky !important;
		top: 92px !important;
	}
}
.mfs-filter-panel {
	display: grid !important;
	grid-template-columns: minmax(260px, .74fr) minmax(0, 1.26fr) !important;
	grid-template-areas:
		"collection collection"
		"palette type" !important;
	gap: 18px 22px !important;
	border: 1px solid rgba(218,210,198,.58) !important;
	border-radius: 22px !important;
	background: rgba(255,253,249,.72) !important;
	box-shadow: none !important;
}
.mfs-fabric-select { grid-area: collection !important; }
.mfs-palette-block { grid-area: palette !important; }
.mfs-filter-panel > .mfs-filter-block:last-child { grid-area: type !important; }
.mfs-palette-filters {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 10px !important;
}
.mfs-chip-filters {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	overflow: visible !important;
}
.mfs-palette-button,
.mfs-type-button {
	min-width: 0 !important;
	width: 100% !important;
	border-color: rgba(218,210,198,.78) !important;
	background: rgba(255,255,255,.82) !important;
	box-shadow: none !important;
}
.mfs-fabric {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	border: 1px solid var(--mfs-stroke-soft) !important;
	border-radius: var(--mfs-radius-card) !important;
	background: var(--mfs-surface-warm) !important;
	box-shadow: var(--mfs-shadow-soft) !important;
}
.mfs-fabric:before,
.mfs-fabric:after {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	pointer-events: none !important;
}
.mfs-fabric:before {
	z-index: 0 !important;
	background-image: var(--mfs-fabric-bg) !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: min(58%, 680px) 100% !important;
	opacity: .82 !important;
	filter: saturate(1.22) contrast(1.08) brightness(1.03) !important;
	-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,.95) 0%, rgba(0,0,0,.84) 32%, rgba(0,0,0,.26) 68%, rgba(0,0,0,0) 100%) !important;
	mask-image: linear-gradient(to left, rgba(0,0,0,.95) 0%, rgba(0,0,0,.84) 32%, rgba(0,0,0,.26) 68%, rgba(0,0,0,0) 100%) !important;
}
.mfs-fabric:after {
	z-index: 0 !important;
	background:
		linear-gradient(90deg, rgba(255,253,249,.96) 0%, rgba(255,253,249,.9) 43%, rgba(255,253,249,.62) 70%, rgba(255,253,249,.2) 100%),
		linear-gradient(180deg, rgba(255,255,255,.32), rgba(243,237,229,.22)) !important;
}
.mfs-fabric-summary,
.mfs-variant-panel {
	position: relative !important;
	z-index: 1 !important;
	background: transparent !important;
}
.mfs-fabric-summary {
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas:
		"copy action" !important;
	align-items: end !important;
	min-height: 194px !important;
	padding: 28px 32px 22px !important;
	border-radius: var(--mfs-radius-card) var(--mfs-radius-card) 0 0 !important;
}
.mfs-fabric:not([open]) .mfs-fabric-summary {
	border-radius: var(--mfs-radius-card) !important;
}
.mfs-fabric-copy {
	max-width: min(720px, 64%) !important;
}
.mfs-fabric-action-wrap {
	justify-self: end !important;
	align-self: end !important;
}
.mfs-fabric-cover {
	display: none !important;
}
.mfs-variant-panel {
	margin-top: -1px !important;
	padding: 0 28px 28px !important;
}
.mfs-variant-panel-inner,
.mfs-fabric[open] .mfs-variant-panel-inner {
	position: relative !important;
	overflow: hidden !important;
	padding: 0 0 2px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
.mfs-variants-carousel:before,
.mfs-variants-carousel:after {
	content: "" !important;
	display: block !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	z-index: 3 !important;
	width: 58px !important;
	pointer-events: none !important;
	opacity: 0 !important;
	transition: opacity .18s ease !important;
}
.mfs-variants-carousel:before {
	left: 0 !important;
	background: linear-gradient(90deg, rgba(255,253,249,.98), rgba(255,253,249,0)) !important;
}
.mfs-variants-carousel:after {
	right: 0 !important;
	background: linear-gradient(270deg, rgba(255,253,249,.98), rgba(255,253,249,0)) !important;
}
.mfs-variants-carousel.can-scroll-left:before,
.mfs-variants-carousel.can-scroll-right:after {
	opacity: 1 !important;
}
.mfs-variant-arrow {
	position: absolute !important;
	top: 50% !important;
	z-index: 4 !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(31,29,26,.12) !important;
	border-radius: 50% !important;
	background: rgba(255,255,255,.92) !important;
	color: #1f1d1a !important;
	font-size: 25px !important;
	line-height: 1 !important;
	box-shadow: 0 10px 24px rgba(31,27,23,.1) !important;
	transform: translateY(-50%) !important;
	opacity: 0 !important;
	pointer-events: none !important;
	cursor: pointer !important;
	transition: opacity .18s ease, transform .18s ease !important;
}
.mfs-variant-arrow-left { left: 8px !important; }
.mfs-variant-arrow-right { right: 8px !important; }
.mfs-variants-carousel.can-scroll-left .mfs-variant-arrow-left,
.mfs-variants-carousel.can-scroll-right .mfs-variant-arrow-right {
	opacity: 1 !important;
	pointer-events: auto !important;
}
.mfs-variant-arrow:hover {
	transform: translateY(-50%) scale(1.04) !important;
}
.mfs-grid {
	display: flex !important;
	grid-auto-flow: initial !important;
	grid-auto-columns: initial !important;
	gap: 14px !important;
	max-width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	padding: 8px 52px 14px 0 !important;
	scroll-snap-type: x proximity !important;
	scrollbar-width: thin !important;
	scrollbar-color: rgba(31,29,26,.22) transparent !important;
	overscroll-behavior-x: contain !important;
	-webkit-overflow-scrolling: touch !important;
}
.mfs-card {
	flex: 0 0 174px !important;
	grid-template-rows: 126px auto auto !important;
	padding: 9px !important;
	border-color: rgba(218,210,198,.72) !important;
	border-radius: 16px !important;
	background: rgba(255,255,255,.82) !important;
	box-shadow: none !important;
	backdrop-filter: blur(3px) !important;
}
.mfs-card:hover {
	background: rgba(255,255,255,.94) !important;
	box-shadow: 0 12px 24px rgba(31,27,23,.06) !important;
}
.mfs-card.is-selected {
	border-color: rgba(49,91,63,.5) !important;
	background: rgba(248,253,249,.92) !important;
	box-shadow: 0 0 0 2px rgba(49,91,63,.09) !important;
}
.mfs-card.is-selected:after {
	top: 12px !important;
	right: 12px !important;
	width: 18px !important;
	height: 18px !important;
	border: 1px solid rgba(255,255,255,.86) !important;
	background: #315b3f !important;
	box-shadow: 0 6px 16px rgba(49,91,63,.18) !important;
}
.mfs-card.is-selected .mfs-check {
	border-color: rgba(49,91,63,.32) !important;
	background: rgba(238,247,239,.92) !important;
	color: #245236 !important;
}
@media (min-width: 761px) and (max-width: 1180px) {
	.meblovo-fabric-samples {
		--mfs-page-width: 100% !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-bottom: 118px !important;
		padding: 0 18px calc(128px + env(safe-area-inset-bottom)) !important;
	}
	.mfs-layout {
		display: block !important;
	}
	.mfs-summary {
		position: fixed !important;
		top: auto !important;
		left: max(18px, env(safe-area-inset-left)) !important;
		right: max(18px, env(safe-area-inset-right)) !important;
		bottom: max(14px, env(safe-area-inset-bottom)) !important;
		z-index: 99997 !important;
		display: grid !important;
		grid-template-columns: auto minmax(180px, 1fr) minmax(170px, auto) !important;
		gap: 10px !important;
		align-items: center !important;
		width: auto !important;
		max-height: none !important;
		padding: 10px 14px !important;
		border-radius: 18px !important;
		box-shadow: 0 16px 38px rgba(31,27,23,.16) !important;
	}
	.mfs-summary h3,
	.mfs-summary > small,
	.mfs-summary .mfs-jump {
		display: none !important;
	}
	.mfs-summary-toggle {
		display: inline-flex !important;
	}
	.mfs-summary .mfs-submit {
		grid-column: auto !important;
		width: auto !important;
		min-height: 40px !important;
	}
	.mfs-summary.is-open .mfs-selected {
		display: grid !important;
	}
}
@media (max-width: 900px) {
	.meblovo-fabric-samples {
		padding-bottom: calc(126px + env(safe-area-inset-bottom)) !important;
	}
	.mfs-filter-panel {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"collection"
			"palette"
			"type" !important;
		padding: 12px !important;
		border-radius: 18px !important;
	}
	.mfs-palette-filters,
	.mfs-chip-filters {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		overflow: visible !important;
	}
	.mfs-fabric:before {
		background-position: center bottom !important;
		background-size: 100% 58% !important;
		opacity: .74 !important;
		-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.62) 34%, rgba(0,0,0,.16) 72%, rgba(0,0,0,0) 100%) !important;
		mask-image: linear-gradient(to top, rgba(0,0,0,.9) 0%, rgba(0,0,0,.62) 34%, rgba(0,0,0,.16) 72%, rgba(0,0,0,0) 100%) !important;
	}
	.mfs-fabric:after {
		background:
			linear-gradient(180deg, rgba(255,253,249,.98) 0%, rgba(255,253,249,.95) 48%, rgba(255,253,249,.66) 76%, rgba(255,253,249,.34) 100%) !important;
	}
	.mfs-fabric-summary {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"copy"
			"action" !important;
		min-height: 188px !important;
		padding: 17px 16px 14px !important;
	}
	.mfs-fabric-copy {
		max-width: none !important;
	}
	.mfs-fabric-action-wrap {
		justify-self: stretch !important;
	}
	.mfs-fabric-action {
		width: 100% !important;
		min-height: 42px !important;
	}
	.mfs-variant-panel {
		padding: 0 14px 16px !important;
		background: transparent !important;
	}
	.mfs-grid {
		gap: 10px !important;
		padding: 4px 44px 12px 0 !important;
	}
	.mfs-card {
		flex-basis: min(148px, 42vw) !important;
		grid-template-rows: 104px auto auto !important;
	}
	.mfs-thumb {
		min-height: 104px !important;
	}
	.mfs-summary {
		bottom: max(10px, env(safe-area-inset-bottom)) !important;
		padding: 9px 10px !important;
		border-radius: 16px !important;
	}
}
@media (max-width: 390px) {
	.mfs-card {
		flex-basis: min(136px, 43vw) !important;
	}
	.mfs-palette-button,
	.mfs-type-button {
		min-height: 48px !important;
	}
}
/* Stage 177: elevated variant swatch tray and premium sample tiles. */
.mfs-fabric[open] {
	border-color: rgba(203,190,170,.84) !important;
	box-shadow: 0 26px 70px rgba(31,27,23,.105) !important;
}
.mfs-fabric[open] .mfs-variant-panel {
	padding: 0 32px 32px !important;
}
.mfs-fabric[open] .mfs-variant-panel:before {
	content: "" !important;
	display: block !important;
	height: 1px !important;
	margin: 0 0 12px !important;
	background: linear-gradient(90deg, rgba(203,190,170,0), rgba(203,190,170,.58), rgba(203,190,170,0)) !important;
}
.mfs-fabric[open] .mfs-variant-panel-inner {
	margin: 0 -4px !important;
	padding: 2px 4px 4px !important;
	border-radius: 22px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,253,248,.08)),
		linear-gradient(90deg, rgba(255,253,248,.86), rgba(255,253,248,.24) 48%, rgba(255,253,248,.08)) !important;
}
.mfs-grid {
	gap: 18px !important;
	padding: 12px 62px 18px 0 !important;
	scrollbar-width: none !important;
	-ms-overflow-style: none !important;
}
.mfs-grid::-webkit-scrollbar {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}
.mfs-card {
	flex: 0 0 clamp(196px, 17.5vw, 226px) !important;
	grid-template-rows: auto minmax(48px, auto) 38px !important;
	gap: 11px !important;
	min-height: 292px !important;
	padding: 10px !important;
	border: 1px solid rgba(198,184,164,.78) !important;
	border-radius: 19px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(252,249,244,.94) 100%) !important;
	box-shadow:
		0 18px 38px rgba(31,27,23,.095),
		0 1px 0 rgba(255,255,255,.92) inset !important;
	backdrop-filter: blur(8px) saturate(1.05) !important;
	transform: translateZ(0) !important;
}
.mfs-card:before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: inherit !important;
	pointer-events: none !important;
	background:
		linear-gradient(135deg, rgba(255,255,255,.48), rgba(255,255,255,0) 36%),
		linear-gradient(180deg, rgba(160,137,105,.08), rgba(160,137,105,0) 42%) !important;
	opacity: .9 !important;
}
.mfs-card > * {
	position: relative !important;
	z-index: 1 !important;
}
.mfs-card:hover {
	border-color: rgba(121,105,84,.42) !important;
	background: linear-gradient(180deg, #fff 0%, rgba(253,250,245,.98) 100%) !important;
	box-shadow:
		0 24px 52px rgba(31,27,23,.14),
		0 1px 0 rgba(255,255,255,.95) inset !important;
	transform: translateY(-2px) !important;
}
.mfs-card.is-selected {
	border-color: rgba(47,88,61,.72) !important;
	background: linear-gradient(180deg, rgba(251,255,251,.98), rgba(244,250,245,.96)) !important;
	box-shadow:
		0 24px 56px rgba(31,27,23,.13),
		0 0 0 2px rgba(47,88,61,.12) !important;
}
.mfs-card.is-selected:after {
	top: 16px !important;
	right: 16px !important;
	width: 24px !important;
	height: 24px !important;
	border: 2px solid rgba(255,255,255,.95) !important;
	background: #2f583d !important;
	box-shadow: 0 9px 22px rgba(47,88,61,.28) !important;
}
.mfs-thumb {
	min-height: 172px !important;
	border-radius: 15px !important;
	background-size: cover !important;
	background-position: center !important;
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,.62),
		inset 0 -18px 34px rgba(31,27,23,.08),
		0 10px 20px rgba(31,27,23,.055) !important;
	filter: saturate(1.08) contrast(1.04) brightness(1.02) !important;
}
.mfs-card-copy {
	align-content: start !important;
	gap: 5px !important;
	min-height: 48px !important;
	padding: 0 3px !important;
}
.mfs-card-copy strong {
	color: #201c18 !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
}
.mfs-card-copy small {
	display: inline-flex !important;
	width: fit-content !important;
	max-width: 100% !important;
	padding: 4px 9px !important;
	border: 1px solid rgba(218,210,198,.72) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.62) !important;
	color: #71675b !important;
	font-size: 11px !important;
	font-weight: 760 !important;
	line-height: 1.1 !important;
	white-space: normal !important;
}
.mfs-check {
	min-height: 38px !important;
	border-color: rgba(31,29,26,.22) !important;
	background: rgba(255,255,255,.86) !important;
	color: #201c18 !important;
	font-size: 11px !important;
	letter-spacing: .025em !important;
	box-shadow: 0 1px 0 rgba(255,255,255,.9) inset !important;
}
.mfs-card:hover .mfs-check {
	border-color: rgba(31,29,26,.48) !important;
}
.mfs-card.is-selected .mfs-check {
	border-color: #2f583d !important;
	background: #2f583d !important;
	color: #fff !important;
}
.mfs-card:focus-within {
	outline: 3px solid rgba(47,88,61,.18) !important;
	outline-offset: 3px !important;
}
.mfs-variants-carousel:before,
.mfs-variants-carousel:after {
	width: 78px !important;
}
.mfs-variants-carousel:before {
	background: linear-gradient(90deg, rgba(255,253,248,.98), rgba(255,253,248,0)) !important;
}
.mfs-variants-carousel:after {
	background: linear-gradient(270deg, rgba(255,253,248,.98), rgba(255,253,248,0)) !important;
}
.mfs-variant-arrow {
	width: 42px !important;
	height: 42px !important;
	border-color: rgba(255,255,255,.72) !important;
	background: rgba(31,28,24,.9) !important;
	color: #fff !important;
	font-size: 29px !important;
	box-shadow: 0 16px 36px rgba(31,27,23,.18) !important;
}
.mfs-variant-arrow-left { left: 12px !important; }
.mfs-variant-arrow-right { right: 12px !important; }
@media (max-width: 900px) {
	.mfs-fabric[open] .mfs-variant-panel {
		padding: 0 15px 18px !important;
	}
	.mfs-fabric[open] .mfs-variant-panel-inner {
		margin: 0 -2px !important;
		padding: 0 2px !important;
		border-radius: 18px !important;
	}
	.mfs-grid {
		gap: 12px !important;
		padding: 7px 48px 14px 0 !important;
	}
	.mfs-card {
		flex-basis: min(174px, 45vw) !important;
		min-height: 242px !important;
		grid-template-rows: auto minmax(40px, auto) 36px !important;
		border-radius: 17px !important;
		padding: 9px !important;
	}
	.mfs-thumb {
		min-height: 132px !important;
		border-radius: 13px !important;
	}
	.mfs-card-copy strong {
		font-size: 13px !important;
	}
	.mfs-card-copy small {
		font-size: 10px !important;
		padding: 3px 7px !important;
	}
	.mfs-check {
		min-height: 36px !important;
	}
	.mfs-variant-arrow {
		width: 36px !important;
		height: 36px !important;
		font-size: 25px !important;
	}
}
@media (max-width: 390px) {
	.mfs-card {
		flex-basis: min(158px, 44vw) !important;
		min-height: 232px !important;
	}
	.mfs-thumb {
		min-height: 122px !important;
	}
}
/* Stage 178: align variants with the same premium texture surface. */
@media (min-width: 901px) {
	.mfs-fabric[open] {
		box-shadow: 0 22px 58px rgba(31,27,23,.09) !important;
	}
	.mfs-fabric:before {
		background-size: min(58%, 680px) 100% !important;
		opacity: .84 !important;
	}
	.mfs-fabric:after {
		background:
			linear-gradient(90deg, rgba(255,253,249,.97) 0%, rgba(255,253,249,.91) 42%, rgba(255,253,249,.58) 70%, rgba(255,253,249,.18) 100%),
			linear-gradient(180deg, rgba(255,255,255,.28), rgba(243,237,229,.18)) !important;
	}
	.mfs-fabric[open] .mfs-variant-panel {
		padding: 0 32px 30px !important;
	}
	.mfs-fabric[open] .mfs-variant-panel:before {
		display: none !important;
	}
	.mfs-fabric[open] .mfs-variant-panel-inner {
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
	}
	.mfs-grid {
		gap: 14px !important;
		padding: 8px 58px 14px 0 !important;
	}
	.mfs-card {
		flex: 0 0 174px !important;
		grid-template-rows: 126px minmax(44px, auto) 34px !important;
		gap: 9px !important;
		min-height: 246px !important;
		padding: 9px !important;
		border-color: rgba(210,198,181,.72) !important;
		border-radius: 17px !important;
		background: rgba(255,255,255,.72) !important;
		box-shadow: 0 1px 0 rgba(255,255,255,.86) inset !important;
		backdrop-filter: blur(3px) saturate(1.02) !important;
	}
	.mfs-card:before {
		background: linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 48%) !important;
		opacity: .55 !important;
	}
	.mfs-card:hover {
		border-color: rgba(121,105,84,.34) !important;
		background: rgba(255,255,255,.84) !important;
		box-shadow: 0 12px 26px rgba(31,27,23,.055), 0 1px 0 rgba(255,255,255,.9) inset !important;
		transform: translateY(-1px) !important;
	}
	.mfs-card.is-selected {
		border-color: rgba(47,88,61,.64) !important;
		background: rgba(248,253,249,.86) !important;
		box-shadow: 0 0 0 2px rgba(47,88,61,.1), 0 14px 30px rgba(31,27,23,.07) !important;
	}
	.mfs-card.is-selected:after {
		top: 12px !important;
		right: 12px !important;
		width: 20px !important;
		height: 20px !important;
	}
	.mfs-thumb {
		min-height: 126px !important;
		border-radius: 13px !important;
		filter: saturate(1.02) contrast(1.01) brightness(1.01) !important;
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.58), inset 0 -12px 22px rgba(31,27,23,.055) !important;
	}
	.mfs-card-copy {
		min-height: 44px !important;
		padding: 0 2px !important;
	}
	.mfs-card-copy strong {
		font-size: 13px !important;
		line-height: 1.15 !important;
	}
	.mfs-card-copy small {
		padding: 3px 8px !important;
		font-size: 10px !important;
	}
	.mfs-check {
		min-height: 34px !important;
		font-size: 10px !important;
	}
}
@media (max-width: 900px) {
	.mfs-fabric[open] .mfs-variant-panel:before {
		display: none !important;
	}
	.mfs-fabric[open] .mfs-variant-panel-inner {
		background: transparent !important;
	}
	.mfs-fabric:before {
		background-size: 100% 62% !important;
		opacity: .78 !important;
	}
	.mfs-card {
		background: rgba(255,255,255,.74) !important;
		box-shadow: 0 10px 24px rgba(31,27,23,.07), 0 1px 0 rgba(255,255,255,.86) inset !important;
	}
}
/* Stage 179: one continuous finish between fabric header and variants. */
.mfs-fabric[open] .mfs-fabric-summary,
.mfs-fabric[open] .mfs-variant-panel,
.mfs-fabric[open] .mfs-variant-panel-inner {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}
.mfs-fabric[open] .mfs-variant-panel:before,
.mfs-fabric[open] .mfs-variant-panel:after,
.mfs-fabric[open] .mfs-variant-panel-inner:before,
.mfs-fabric[open] .mfs-variant-panel-inner:after {
	display: none !important;
}
@media (min-width: 901px) {
	.mfs-fabric[open] .mfs-fabric-summary {
		min-height: 194px !important;
		padding: 30px 34px 18px !important;
	}
	.mfs-fabric[open] .mfs-variant-panel {
		margin-top: 0 !important;
		padding: 0 34px 34px !important;
		border-radius: 0 0 var(--mfs-radius-card) var(--mfs-radius-card) !important;
	}
	.mfs-fabric[open] .mfs-variant-panel-inner {
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
	}
	.mfs-fabric[open] .mfs-grid {
		gap: 14px !important;
		padding: 6px 58px 12px 0 !important;
	}
	.mfs-fabric[open] .mfs-card {
		flex-basis: 174px !important;
		min-height: 244px !important;
		grid-template-rows: 126px minmax(44px, auto) 34px !important;
		background: rgba(255,255,255,.66) !important;
		border-color: rgba(210,198,181,.68) !important;
		box-shadow: 0 1px 0 rgba(255,255,255,.82) inset !important;
	}
	.mfs-fabric[open] .mfs-card:hover {
		background: rgba(255,255,255,.8) !important;
		box-shadow: 0 12px 26px rgba(31,27,23,.055), 0 1px 0 rgba(255,255,255,.88) inset !important;
	}
	.mfs-fabric[open] .mfs-thumb {
		min-height: 126px !important;
		filter: saturate(1.01) contrast(1.01) brightness(1) !important;
	}
	.mfs-fabric[open] .mfs-variants-carousel:before {
		width: 56px !important;
		background: linear-gradient(90deg, rgba(255,253,249,.72), rgba(255,253,249,0)) !important;
	}
	.mfs-fabric[open] .mfs-variants-carousel:after {
		width: 56px !important;
		background: linear-gradient(270deg, rgba(255,253,249,.36), rgba(255,253,249,0)) !important;
	}
}
@media (max-width: 900px) {
	.mfs-fabric[open] .mfs-variant-panel {
		padding: 0 15px 18px !important;
	}
	.mfs-fabric[open] .mfs-grid {
		padding-top: 6px !important;
	}
	.mfs-fabric[open] .mfs-variants-carousel:before {
		background: linear-gradient(90deg, rgba(255,253,249,.55), rgba(255,253,249,0)) !important;
	}
	.mfs-fabric[open] .mfs-variants-carousel:after {
		background: linear-gradient(270deg, rgba(255,253,249,.28), rgba(255,253,249,0)) !important;
	}
}
/* Stage 180: premium configurator header and refined filter controls. */
.mfs-toolbar {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 520px) !important;
	gap: 22px !important;
	align-items: end !important;
	margin: 8px 0 22px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
.mfs-toolbar:before,
.mfs-toolbar:after {
	display: none !important;
}
.mfs-toolbar h3 {
	margin: 0 !important;
	max-width: 760px !important;
	color: #15120f !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(42px, 3.4vw, 62px) !important;
	font-weight: 500 !important;
	line-height: .98 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}
.mfs-toolbar p {
	margin: 12px 0 0 !important;
	max-width: 680px !important;
	color: #6f655b !important;
	font-size: 16px !important;
	line-height: 1.42 !important;
}
.mfs-search {
	min-height: 64px !important;
	padding: 0 22px !important;
	border: 1px solid rgba(204,190,170,.78) !important;
	border-radius: 20px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,249,244,.94)),
		radial-gradient(circle at 100% 0%, rgba(199,182,148,.18), rgba(199,182,148,0) 34%) !important;
	color: #211d19 !important;
	font-size: 17px !important;
	font-weight: 520 !important;
	box-shadow: 0 14px 32px rgba(31,27,23,.055), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.mfs-toolbar > input.mfs-search {
	align-self: end !important;
}
.mfs-search::placeholder {
	color: #80766c !important;
	opacity: .82 !important;
}
.mfs-search:focus {
	border-color: rgba(31,27,23,.42) !important;
	outline: 3px solid rgba(203,190,170,.26) !important;
	box-shadow: 0 16px 38px rgba(31,27,23,.08), inset 0 1px 0 rgba(255,255,255,.94) !important;
}
.mfs-filter-panel {
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(250px, .54fr) minmax(0, .84fr) minmax(0, 1.34fr) !important;
	grid-template-areas: "collection palette type" !important;
	gap: 24px !important;
	align-items: start !important;
	margin: 0 0 30px !important;
	padding: 26px 28px !important;
	border: 1px solid rgba(207,193,174,.72) !important;
	border-radius: 26px !important;
	background:
		linear-gradient(135deg, rgba(255,255,255,.97), rgba(253,250,245,.9)),
		radial-gradient(circle at 92% 4%, rgba(194,173,136,.16), transparent 34%) !important;
	box-shadow: 0 20px 54px rgba(31,27,23,.06), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.mfs-filter-panel:before {
	content: "" !important;
	position: absolute !important;
	inset: 1px !important;
	border-radius: 24px !important;
	pointer-events: none !important;
	background: linear-gradient(135deg, rgba(255,255,255,.56), rgba(255,255,255,0) 42%) !important;
}
.mfs-filter-panel > * {
	position: relative !important;
	z-index: 1 !important;
}
.mfs-fabric-select {
	width: 100% !important;
	margin: 0 !important;
	justify-self: stretch !important;
}
.mfs-filter-block {
	gap: 13px !important;
}
.mfs-filter-block > span {
	margin: 0 !important;
	color: #776d62 !important;
	font-size: 11px !important;
	font-weight: 860 !important;
	letter-spacing: .11em !important;
	text-transform: uppercase !important;
}
.mfs-filter-select {
	min-height: 58px !important;
	padding: 0 44px 0 18px !important;
	border: 1px solid rgba(210,197,179,.82) !important;
	border-radius: 18px !important;
	background: rgba(255,255,255,.78) !important;
	color: #1f1b17 !important;
	font-size: 15px !important;
	font-weight: 850 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.mfs-palette-filters {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}
.mfs-chip-filters {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
}
.mfs-palette-button,
.mfs-type-button {
	min-width: 0 !important;
	border: 1px solid rgba(210,197,179,.78) !important;
	border-radius: 18px !important;
	background: rgba(255,255,255,.72) !important;
	color: #201c18 !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.mfs-palette-button {
	justify-content: flex-start !important;
	min-height: 54px !important;
	padding: 9px 11px !important;
	gap: 9px !important;
	font-size: 11px !important;
	line-height: 1.08 !important;
	text-align: left !important;
}
.mfs-type-button {
	min-height: 64px !important;
	padding: 11px 13px !important;
	gap: 12px !important;
}
.mfs-palette-button b,
.mfs-type-button b {
	overflow-wrap: anywhere !important;
	font-size: 12px !important;
	font-weight: 880 !important;
	line-height: 1.08 !important;
	letter-spacing: 0 !important;
}
.mfs-type-button small {
	margin-top: 4px !important;
	color: #8a8076 !important;
	font-size: 11px !important;
	font-weight: 650 !important;
	line-height: 1.15 !important;
	opacity: 1 !important;
}
.mfs-palette-dot,
.mfs-type-button i {
	width: 22px !important;
	height: 22px !important;
	flex: 0 0 22px !important;
	border: 1px solid rgba(180,164,142,.68) !important;
	box-shadow: inset 0 0 0 4px rgba(255,255,255,.68), 0 3px 8px rgba(31,27,23,.05) !important;
}
.mfs-palette-dot.mfs-palette-all {
	background: conic-gradient(#1d1b19, #c8c3bc, #e2d5bd, #1e3153, #315f42, #bd6c34, #b44b64, #5b4c3f, #1d1b19) !important;
}
.mfs-palette-button:hover,
.mfs-type-button:hover {
	border-color: rgba(121,105,84,.4) !important;
	background: rgba(255,255,255,.9) !important;
	box-shadow: 0 12px 26px rgba(31,27,23,.06), inset 0 1px 0 rgba(255,255,255,.9) !important;
	transform: translateY(-1px) !important;
}
.mfs-palette-button.is-active,
.mfs-type-button.is-active {
	border-color: rgba(32,28,24,.8) !important;
	background: rgba(246,241,234,.88) !important;
	color: #1d1915 !important;
	box-shadow: 0 0 0 1px rgba(32,28,24,.7), 0 14px 30px rgba(31,27,23,.07), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.mfs-palette-button.is-active .mfs-palette-dot,
.mfs-type-button.is-active i {
	border-color: rgba(32,28,24,.62) !important;
	box-shadow: inset 0 0 0 5px rgba(255,255,255,.8), 0 0 0 2px rgba(32,28,24,.08) !important;
}
.mfs-type-button.is-active small {
	color: #756b61 !important;
}
@media (max-width: 1180px) {
	.mfs-filter-panel {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		grid-template-areas:
			"collection collection"
			"palette type" !important;
	}
}
@media (max-width: 900px) {
	.mfs-toolbar {
		grid-template-columns: 1fr !important;
		gap: 16px !important;
		margin-bottom: 18px !important;
	}
	.mfs-toolbar h3 {
		font-size: clamp(34px, 9vw, 46px) !important;
	}
	.mfs-search {
		min-height: 56px !important;
		padding-left: 18px !important;
		border-radius: 17px !important;
	}
	.mfs-filter-panel {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"collection"
			"palette"
			"type" !important;
		gap: 18px !important;
		padding: 18px !important;
		border-radius: 22px !important;
	}
	.mfs-palette-filters,
	.mfs-chip-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 430px) {
	.mfs-toolbar h3 {
		font-size: 32px !important;
		line-height: 1.02 !important;
	}
	.mfs-palette-button,
	.mfs-type-button {
		border-radius: 16px !important;
	}
	.mfs-palette-button {
		min-height: 52px !important;
		padding: 8px 9px !important;
	}
	.mfs-type-button {
		min-height: 62px !important;
		padding: 10px !important;
	}
}
/* Stage 181: calm functional premium header and readable filter grid. */
.mfs-toolbar {
	grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important;
	align-items: end !important;
	margin: 12px 0 18px !important;
}
.mfs-toolbar h3 {
	max-width: none !important;
	font-family: inherit !important;
	font-size: clamp(34px, 2.45vw, 44px) !important;
	font-weight: 900 !important;
	line-height: 1.02 !important;
	letter-spacing: 0 !important;
	text-transform: uppercase !important;
}
.mfs-toolbar p {
	margin-top: 8px !important;
	font-size: 15px !important;
	line-height: 1.42 !important;
}
.mfs-search {
	min-height: 58px !important;
	border-radius: 18px !important;
	background: rgba(255,255,255,.9) !important;
	box-shadow: 0 12px 28px rgba(31,27,23,.045), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.mfs-filter-panel {
	grid-template-columns: minmax(320px, .52fr) minmax(0, 1fr) !important;
	grid-template-areas:
		"collection collection"
		"palette type" !important;
	gap: 22px 28px !important;
	padding: 26px !important;
}
.mfs-fabric-select {
	width: min(680px, 100%) !important;
	justify-self: start !important;
}
.mfs-palette-filters {
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 10px !important;
}
.mfs-chip-filters {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.mfs-palette-button {
	justify-content: flex-start !important;
	min-height: 56px !important;
	padding: 9px 10px !important;
	gap: 8px !important;
}
.mfs-palette-button b {
	font-size: 11px !important;
	line-height: 1.05 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}
.mfs-type-button b {
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}
@media (min-width: 1181px) and (max-width: 1500px) {
	.mfs-toolbar {
		grid-template-columns: minmax(0, 1fr) minmax(320px, 430px) !important;
	}
	.mfs-toolbar h3 {
		font-size: clamp(32px, 2.25vw, 38px) !important;
	}
	.mfs-filter-panel {
		grid-template-columns: minmax(300px, .5fr) minmax(0, 1fr) !important;
	}
	.mfs-palette-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 1180px) {
	.mfs-toolbar {
		grid-template-columns: 1fr !important;
	}
	.mfs-filter-panel {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"collection"
			"palette"
			"type" !important;
	}
	.mfs-fabric-select {
		width: 100% !important;
	}
}
@media (max-width: 900px) {
	.mfs-toolbar h3 {
		font-size: clamp(30px, 7vw, 38px) !important;
	}
	.mfs-palette-filters,
	.mfs-chip-filters {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (max-width: 430px) {
	.mfs-toolbar h3 {
		font-size: 28px !important;
	}
	.mfs-toolbar p {
		font-size: 14px !important;
	}
	.mfs-filter-panel {
		padding: 16px !important;
	}
	.mfs-palette-button b,
	.mfs-type-button b {
		font-size: 10px !important;
	}
	.mfs-type-button small {
		font-size: 10px !important;
	}
}
/* Stage 182: single fabric texture layer across collapsed and expanded cards. */
.mfs-fabric-summary:before,
.mfs-fabric-summary:after,
.mfs-fabric[open] .mfs-fabric-summary:before,
.mfs-fabric[open] .mfs-fabric-summary:after {
	content: none !important;
	display: none !important;
	background: none !important;
	background-image: none !important;
}
.mfs-fabric-summary {
	background: transparent !important;
	isolation: auto !important;
}
.mfs-fabric[open] .mfs-fabric-summary {
	overflow: visible !important;
}
@media (min-width: 901px) {
	.mfs-fabric:before {
		background-position: right center !important;
		background-size: min(58%, 700px) 100% !important;
		opacity: .86 !important;
		filter: saturate(1.14) contrast(1.04) brightness(1.02) !important;
		-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 32%, rgba(0,0,0,.42) 58%, rgba(0,0,0,.08) 82%, rgba(0,0,0,0) 100%) !important;
		mask-image: linear-gradient(to left, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 32%, rgba(0,0,0,.42) 58%, rgba(0,0,0,.08) 82%, rgba(0,0,0,0) 100%) !important;
	}
	.mfs-fabric:after {
		background:
			linear-gradient(90deg, rgba(255,253,249,.985) 0%, rgba(255,253,249,.94) 42%, rgba(255,253,249,.68) 67%, rgba(255,253,249,.2) 100%),
			linear-gradient(180deg, rgba(255,255,255,.22), rgba(243,237,229,.16)) !important;
	}
	.mfs-fabric[open] .mfs-variant-panel {
		background: transparent !important;
	}
	.mfs-fabric[open] .mfs-grid {
		background: transparent !important;
	}
	.mfs-fabric[open] .mfs-card {
		background: rgba(255,255,255,.68) !important;
	}
}
@media (max-width: 900px) {
	.mfs-fabric-summary {
		overflow: hidden !important;
	}
}
/* Stage 183: selected-variant card texture and focused swatch preview. */
.mfs-thumb-wrap {
	position: relative !important;
	display: block !important;
	min-width: 0 !important;
}
.mfs-thumb-wrap .mfs-thumb {
	width: 100% !important;
}
.mfs-preview-button {
	position: absolute !important;
	right: 10px !important;
	bottom: 10px !important;
	z-index: 3 !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255,255,255,.76) !important;
	border-radius: 999px !important;
	background: rgba(28,25,22,.82) !important;
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(31,27,23,.2) !important;
	cursor: zoom-in !important;
	opacity: .92 !important;
	transition: transform .16s ease, opacity .16s ease, background .16s ease !important;
}
.mfs-preview-button svg {
	width: 16px !important;
	height: 16px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 2.2 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}
.mfs-preview-button:hover,
.mfs-preview-button:focus-visible {
	background: rgba(17,15,13,.94) !important;
	opacity: 1 !important;
	transform: translateY(-1px) scale(1.04) !important;
}
.mfs-card.is-selected .mfs-preview-button {
	background: rgba(47,88,61,.92) !important;
}
.mfs-fabric.has-selected-texture:before {
	opacity: .9 !important;
	filter: saturate(1.12) contrast(1.04) brightness(1.02) !important;
}
.mfs-fabric-preview-modal[hidden] {
	display: none !important;
}
.mfs-fabric-preview-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 1000000 !important;
	display: grid !important;
	place-items: center !important;
	padding: 28px !important;
	background: rgba(18,16,14,.48) !important;
	backdrop-filter: blur(6px) !important;
}
.mfs-fabric-preview-dialog {
	position: relative !important;
	width: min(720px, calc(100vw - 36px)) !important;
	max-height: calc(100vh - 44px) !important;
	padding: 18px !important;
	border: 1px solid rgba(229,220,207,.78) !important;
	border-radius: 24px !important;
	background:
		linear-gradient(180deg, rgba(255,255,255,.98), rgba(252,249,244,.96)) !important;
	box-shadow: 0 34px 90px rgba(0,0,0,.26) !important;
}
.mfs-fabric-preview-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin: 0 0 14px !important;
}
.mfs-fabric-preview-head strong {
	color: #1f1b17 !important;
	font-size: 17px !important;
	font-weight: 900 !important;
	line-height: 1.15 !important;
}
.mfs-fabric-preview-close {
	display: inline-grid !important;
	place-items: center !important;
	width: 38px !important;
	height: 38px !important;
	border: 1px solid rgba(218,210,198,.9) !important;
	border-radius: 999px !important;
	background: #fff !important;
	color: #1f1b17 !important;
	cursor: pointer !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}
.mfs-fabric-preview-media {
	display: block !important;
	width: 100% !important;
	height: min(58vh, 520px) !important;
	min-height: 360px !important;
	border: 1px solid rgba(207,193,174,.72) !important;
	border-radius: 18px !important;
	background-color: #eee7df !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.5) !important;
}
@media (max-width: 760px) {
	.mfs-preview-button {
		right: 9px !important;
		bottom: 9px !important;
		width: 32px !important;
		height: 32px !important;
	}
	.mfs-fabric-preview-modal {
		padding: 16px !important;
	}
	.mfs-fabric-preview-dialog {
		width: min(560px, calc(100vw - 24px)) !important;
		padding: 14px !important;
		border-radius: 20px !important;
	}
	.mfs-fabric-preview-media {
		height: min(52vh, 420px) !important;
		min-height: 260px !important;
		border-radius: 15px !important;
	}
}
/* Stage 184: softer desktop texture blend and calmer preview affordance. */
@media (min-width: 901px) {
	.mfs-fabric:before {
		background-position: right center !important;
		background-size: min(62%, 760px) 100% !important;
		opacity: .82 !important;
		-webkit-mask-image:
			linear-gradient(to left,
				rgba(0,0,0,.92) 0%,
				rgba(0,0,0,.82) 30%,
				rgba(0,0,0,.56) 48%,
				rgba(0,0,0,.24) 66%,
				rgba(0,0,0,.075) 82%,
				rgba(0,0,0,0) 100%) !important;
		mask-image:
			linear-gradient(to left,
				rgba(0,0,0,.92) 0%,
				rgba(0,0,0,.82) 30%,
				rgba(0,0,0,.56) 48%,
				rgba(0,0,0,.24) 66%,
				rgba(0,0,0,.075) 82%,
				rgba(0,0,0,0) 100%) !important;
	}
	.mfs-fabric:after {
		background:
			linear-gradient(90deg,
				rgba(255,253,249,.992) 0%,
				rgba(255,253,249,.975) 31%,
				rgba(255,253,249,.90) 44%,
				rgba(255,253,249,.70) 58%,
				rgba(255,253,249,.42) 73%,
				rgba(255,253,249,.16) 100%),
			radial-gradient(ellipse at 48% 50%, rgba(255,253,249,.52) 0%, rgba(255,253,249,.26) 30%, rgba(255,253,249,0) 66%),
			linear-gradient(180deg, rgba(255,255,255,.18), rgba(243,237,229,.13)) !important;
	}
}
.mfs-preview-button {
	width: 32px !important;
	height: 32px !important;
	border-color: rgba(31,29,26,.14) !important;
	background: rgba(255,255,255,.86) !important;
	color: #1f1d1a !important;
	box-shadow: 0 10px 22px rgba(31,27,23,.13), inset 0 1px 0 rgba(255,255,255,.92) !important;
	backdrop-filter: blur(8px) !important;
	opacity: .96 !important;
}
.mfs-preview-button:hover,
.mfs-preview-button:focus-visible,
.mfs-card.is-selected .mfs-preview-button {
	background: #fff !important;
	color: #1f1d1a !important;
}
.mfs-card:focus-within {
	outline: 0 !important;
	outline-offset: 0 !important;
}
.mfs-card.is-selected,
.mfs-card:has(input:checked) {
	border-color: rgba(212,198,182,.66) !important;
	background: rgba(255,255,255,.78) !important;
	box-shadow: 0 18px 38px rgba(31,27,23,.08) !important;
}
.mfs-card.is-selected:after,
.mfs-card:has(input:checked):after {
	display: none !important;
}
/* Stage 185: thumbnail click previews texture; selection belongs to the action button. */
.mfs-check {
	white-space: normal !important;
	line-height: 1.12 !important;
	text-align: center !important;
}
.mfs-card.is-selected .mfs-check {
	min-height: 40px !important;
	font-size: 10px !important;
	letter-spacing: .01em !important;
}
/* Stage 186: customer-facing summary polish on tablet/mobile and lighter form close. */
.mfs-summary .mfs-selected > span:not(.mfs-chip) {
	display: block !important;
	padding: 18px !important;
	border: 1px dashed rgba(190,174,150,.7) !important;
	border-radius: 16px !important;
	color: #73695f !important;
	background: #fffdf9 !important;
}
.mfs-summary .mfs-selected > .mfs-chip {
	display: grid !important;
	grid-template-columns: 56px minmax(0, 1fr) 34px !important;
	gap: 12px !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 76px !important;
	padding: 10px !important;
	border: 1px solid rgba(218,210,198,.9) !important;
	border-radius: 16px !important;
	background: rgba(255,255,255,.96) !important;
	box-shadow: 0 12px 26px rgba(28,24,20,.055) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}
.mfs-summary .mfs-selected {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}
.mfs-summary .mfs-selected > .mfs-chip > span:not(.mfs-chip-thumb) {
	min-width: 0 !important;
}
.mfs-summary .mfs-selected > .mfs-chip .mfs-chip-thumb {
	width: 56px !important;
	height: 56px !important;
}
.mfs-summary .mfs-selected > .mfs-chip .mfs-chip-remove {
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	border-radius: 999px !important;
	background: #fffdf9 !important;
	font-size: 0 !important;
	justify-self: end !important;
}
.mfs-summary .mfs-selected > .mfs-chip .mfs-chip-remove:before,
.mfs-customer-dialog .mfs-modal-close:before {
	content: "\00d7";
	font-size: 18px;
	font-weight: 850;
	line-height: 1;
}
.mfs-customer-dialog .mfs-modal-close {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	border: 1px solid rgba(218,210,198,.78) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,.95) !important;
	color: #1f1b17 !important;
	box-shadow: 0 8px 18px rgba(28,24,20,.07) !important;
	font-size: 0 !important;
}
@media (min-width: 761px) and (max-width: 1180px) {
	.mfs-summary.is-open {
		grid-template-columns: auto minmax(0, 1fr) !important;
		max-height: min(72vh, 620px) !important;
		padding: 14px !important;
	}
	.mfs-summary.is-open .mfs-selected,
	.mfs-summary.is-open .mfs-submit {
		grid-column: 1 / -1 !important;
	}
	.mfs-summary.is-open .mfs-submit {
		width: 100% !important;
		min-height: 46px !important;
	}
}
@media (max-width: 900px) {
	.meblovo-fabric-samples {
		padding-bottom: calc(152px + env(safe-area-inset-bottom)) !important;
	}
	.mfs-summary {
		gap: 7px !important;
		padding: 8px 10px !important;
		background: rgba(255,255,255,.96) !important;
		backdrop-filter: blur(12px) !important;
	}
	.mfs-summary.is-open {
		grid-template-columns: auto minmax(0, 1fr) !important;
		gap: 10px !important;
		padding: 12px !important;
	}
	.mfs-summary.is-open .mfs-selected {
		grid-column: 1 / -1 !important;
		gap: 8px !important;
		max-height: min(36vh, 300px) !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	.mfs-summary.is-open .mfs-submit {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		min-height: 44px !important;
	}
	.mfs-summary .mfs-selected > .mfs-chip {
		grid-template-columns: 52px minmax(0, 1fr) 30px !important;
		gap: 10px !important;
		min-height: 72px !important;
		padding: 9px !important;
	}
	.mfs-summary .mfs-selected > .mfs-chip .mfs-chip-thumb {
		width: 52px !important;
		height: 52px !important;
	}
}
@media (max-width: 760px) {
	.mfs-summary .mfs-submit {
		min-height: 42px !important;
	}
	.mfs-summary-toggle {
		min-height: 40px !important;
	}
	.mfs-customer-dialog .mfs-modal-close {
		top: 16px !important;
		right: 16px !important;
		width: 40px !important;
		height: 40px !important;
	}
}
@media (min-width: 761px) {
	.mfs-customer-modal {
		padding: 18px 28px !important;
	}
	.mfs-customer-dialog {
		width: min(1180px, calc(100vw - 56px)) !important;
		max-height: calc(100vh - 36px) !important;
		padding: 18px 22px !important;
	}
	.mfs-customer-intro h3 {
		font-size: clamp(23px, 1.55vw, 29px) !important;
	}
	.mfs-customer-dialog .mfs-fields-personal {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.mfs-customer-dialog .mfs-address-panel.is-visible {
		grid-template-columns: minmax(220px, 1.25fr) minmax(120px, .62fr) minmax(145px, .78fr) minmax(145px, .78fr) !important;
		align-items: end !important;
	}
	.mfs-customer-dialog .mfs-parcel-panel.is-visible {
		grid-template-columns: minmax(0, 1fr) minmax(260px, .86fr) !important;
		align-items: end !important;
	}
	.mfs-customer-dialog .mfs-address-panel.is-visible .mfs-delivery-details-head,
	.mfs-customer-dialog .mfs-parcel-panel.is-visible .mfs-delivery-details-head,
	.mfs-customer-dialog .mfs-parcel-panel.is-visible .mfs-parcel-summary {
		grid-column: 1 / -1 !important;
	}
}
@media (max-width: 1023px) and (min-width: 761px) {
	.mfs-customer-dialog .mfs-fields-personal,
	.mfs-customer-dialog .mfs-address-panel.is-visible {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.mfs-customer-dialog .mfs-parcel-panel.is-visible {
		grid-template-columns: 1fr !important;
	}
}
@media (max-width: 760px) {
	.mfs-customer-modal {
		padding: 8px !important;
	}
	.mfs-customer-dialog {
		padding: 16px !important;
		border-color: rgba(218,210,198,.68) !important;
		border-radius: 18px !important;
		box-shadow: 0 18px 54px rgba(22,20,18,.2) !important;
	}
	.mfs-customer-intro h3 {
		font-size: clamp(24px, 8vw, 32px) !important;
		line-height: 1.02 !important;
	}
	.mfs-customer-dialog .mfs-fields {
		gap: 9px !important;
	}
	.mfs-customer-dialog .mfs-field input,
	.mfs-customer-dialog .mfs-field select,
	.mfs-customer-dialog .mfs-field textarea,
	.mfs-customer-dialog .mfs-parcel-manual input {
		min-height: 42px !important;
		border-radius: 11px !important;
	}
	.mfs-delivery-choice {
		min-height: 72px !important;
		border-radius: 12px !important;
		box-shadow: none !important;
	}
	.mfs-delivery-choice.is-active {
		border-color: rgba(31,27,23,.36) !important;
		box-shadow: 0 0 0 1px rgba(31,27,23,.035) !important;
	}
	.mfs-delivery-details {
		padding: 11px !important;
		border-color: rgba(223,217,209,.6) !important;
		border-radius: 12px !important;
		background: #fffdfb !important;
		box-shadow: none !important;
	}
	.mfs-parcel-card {
		grid-template-columns: 1fr !important;
		gap: 9px !important;
	}
	.mfs-customer-dialog .mfs-modal-close {
		top: 14px !important;
		right: 14px !important;
		width: 36px !important;
		height: 36px !important;
	}
	.mfs-customer-dialog .mfs-modal-actions {
		bottom: -16px !important;
		margin: 13px -16px -16px !important;
		padding: 11px 16px !important;
	}
	.mfs-thank-you {
		margin: 18px auto 54px !important;
		padding: 24px 18px !important;
		border-radius: 20px !important;
		box-shadow: 0 18px 52px rgba(28,24,20,.07) !important;
	}
	.mfs-thank-you h2 {
		font-size: clamp(28px, 9vw, 36px) !important;
	}
	.mfs-thank-you > p:not(.mfs-thank-you-kicker):not(.mfs-thank-you-number) {
		font-size: 14px !important;
		line-height: 1.5 !important;
	}
	.mfs-thank-you-actions,
	.mfs-thank-you-primary,
	.mfs-thank-you-secondary {
		width: 100% !important;
	}
}
.mfs-notice-ok {
	display: grid;
	gap: 5px;
	border-color: rgba(47,88,61,.2);
	background: #f8fbf7;
	color: #3f4b3f;
}
.mfs-notice-ok strong {
	color: #1f1b17;
	font-size: 16px;
	line-height: 1.2;
}
.mfs-notice-ok span,
.mfs-notice-ok p {
	margin: 0;
	color: #5f675e;
	font-size: 13px;
	line-height: 1.42;
}
@media (min-width: 761px) {
	.mfs-variant-arrow {
		width: 34px !important;
		height: 34px !important;
		border: 1px solid rgba(218,210,198,.82) !important;
		background: rgba(255,255,255,.94) !important;
		color: #1f1b17 !important;
		font-size: 23px !important;
		font-weight: 500 !important;
		box-shadow: 0 10px 24px rgba(31,27,23,.11) !important;
		backdrop-filter: blur(8px) !important;
	}
	.mfs-variant-arrow-left {
		left: 10px !important;
	}
	.mfs-variant-arrow-right {
		right: 10px !important;
	}
	.mfs-variant-arrow:hover,
	.mfs-variant-arrow:focus-visible {
		border-color: rgba(31,27,23,.24) !important;
		background: #fff !important;
		color: #1f1b17 !important;
		box-shadow: 0 14px 30px rgba(31,27,23,.14) !important;
		outline: 0 !important;
	}
}
@media (max-width: 760px) {
	.mfs-variant-arrow,
	.mfs-variants-carousel:before,
	.mfs-variants-carousel:after {
		display: none !important;
		content: none !important;
	}
	.mfs-fabric[open] .mfs-variant-panel {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.mfs-fabric[open] .mfs-variant-panel-inner {
		overflow: visible !important;
	}
	.mfs-grid {
		padding: 7px 0 13px 0 !important;
		scrollbar-width: none !important;
	}
	.mfs-grid::-webkit-scrollbar {
		display: none !important;
	}
}
@media print {
	.meblovo-fabric-samples {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.mfs-summary,
	.mfs-needs-card,
	.mfs-toolbar,
	.mfs-filter-panel,
	.mfs-toast,
	.mfs-modal {
		display: none !important;
	}
	.mfs-layout { display: block; }
	.mfs-fabric {
		break-inside: avoid;
		box-shadow: none;
	}
	.mfs-fabric-cover,
	.mfs-variant-panel-inner {
		background-image: none !important;
		background: #f4f0ea !important;
	}
}
.mfs-fabric-cover:after,
.mfs-fabric-summary:after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	box-shadow: none !important;
}
/* MEBLOVO final fabric samples cleanup */
@media (max-width: 760px) {
	.mfs-products {
		padding: 16px !important;
		border-radius: 16px !important;
	}
	.mfs-products-head {
		display: grid !important;
		gap: 10px !important;
	}
	.mfs-products-head h3 {
		font-size: 22px !important;
	}
	.mfs-product-grid {
		grid-template-columns: 1fr !important;
		max-height: 440px !important;
	}
	.mfs-product-card {
		min-height: 86px !important;
	}
}
/* Performance pass: high-quality textures stay intact, but loading is deferred by the browser. */
.mfs-thumb,
.mfs-product-image {
	overflow: hidden !important;
}
.mfs-thumb img,
.mfs-product-image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
.mfs-thumb img {
	border-radius: inherit !important;
}
.mfs-fabric {
	content-visibility: auto;
	contain-intrinsic-size: 320px;
}