.ob-homepage-root,
.entry-content .ob-homepage-root,
.wp-block-post-content .ob-homepage-root,
.ast-container .ob-homepage-root {
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-x: clip;
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
}

/* Homepage typography */
.ob-homepage-root,
.ob-homepage-root * {
	font-family: "Inter", Arial, sans-serif;
}

.ob-homepage-root .ob-home-hero__title,
.ob-homepage-root .ob-home-trust__title,
.ob-homepage-root .ob-home-router__title,
.ob-homepage-root .ob-homepage-workdesk__process-title,
.ob-homepage-root .ob-homepage-workdesk__desk-title,
.ob-homepage-root .ob-create-sell__title,
.ob-homepage-root .ob-fabric-lab__title,
.ob-homepage-root .ob-fabric-lab__featured-title,
.ob-homepage-root .ob-fabric-lab__price,
.ob-homepage-root .ob-shipping-control__title,
.ob-homepage-root .ob-shipping-track__header h2,
.ob-homepage-root .ob-homepage-certs__header h2,
.ob-homepage-root .ob-final-cta__title,
.ob-homepage-root .ob-homepage-proof__metric-heading strong,
.ob-homepage-root .ob-homepage-proof__metric--trusted strong {
	font-family: "Archivo Black", Arial, sans-serif;
	font-weight: 400;
}

/* Trust proof and certificates */
.ob-homepage-proof,
.ob-homepage-proof *,
.ob-homepage-proof *::before,
.ob-homepage-proof *::after,
.ob-homepage-certs,
.ob-homepage-certs *,
.ob-homepage-certs *::before,
.ob-homepage-certs *::after {
	box-sizing: border-box;
}

.ob-homepage-proof {
	padding: 0 0.75rem;
	background: #050505;
	color: #ffffff;
}

.ob-homepage-proof__strip {
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
}

.ob-homepage-proof__metrics {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	min-width: 0;
	gap: 0.65rem;
	padding: 1.5rem 0 0.75rem;
}

.ob-homepage-proof__metric {
	display: flex;
	min-width: 0;
	min-height: 7.5rem;
	flex-direction: column;
	justify-content: center;
	padding: 1rem;
	border: 1px solid #303030;
	border-radius: 0.625rem;
	background: #0c0c0c;
}

.ob-homepage-proof__metric--trusted,
.ob-homepage-proof__metric-heading {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}

.ob-homepage-proof__metric--trusted {
	flex-direction: row;
}

.ob-homepage-proof__metric p {
	margin: 0;
	color: #f5f5f5;
	font-size: 0.95rem;
	line-height: 1.35;
}

.ob-homepage-proof__metric--trusted p {
	font-size: 1.2rem;
	font-weight: 700;
}

.ob-homepage-proof__metric--trusted strong {
	color: #ef1b24;
}

.ob-homepage-proof__shield {
	flex: 0 0 2.75rem;
	color: #ef1b24;
}

.ob-homepage-proof__shield svg {
	display: block;
	width: 100%;
	height: auto;
	fill: none;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.ob-homepage-proof__shield svg path:nth-child(2) {
	fill: #f5f5f5;
	stroke: #f5f5f5;
}

.ob-homepage-proof__shield svg path:nth-child(3) {
	stroke: #ef1b24;
	stroke-width: 4;
}

.ob-homepage-proof__google {
	flex: 0 0 auto;
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1;
	background: conic-gradient(from -35deg, #4285f4, #34a853, #fbbc05, #ea4335, #4285f4);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.ob-homepage-proof__instagram {
	display: grid;
	flex: 0 0 2rem;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border-radius: 0.5rem;
	background: radial-gradient(circle at 30% 100%, #ffd600 0 15%, #ff7a00 28%, #ff0169 52%, #d300c5 72%, #7638fa 100%);
}

.ob-homepage-proof__instagram svg {
	width: 1.55rem;
	height: 1.55rem;
	fill: none;
	stroke: #ffffff;
	stroke-width: 1.75;
}

.ob-homepage-proof__youtube {
	display: grid;
	flex: 0 0 2rem;
	width: 2rem;
	height: 2rem;
	place-items: center;
}

.ob-homepage-proof__youtube svg {
	display: block;
	width: 2rem;
	height: 1.5rem;
}

.ob-homepage-proof__youtube rect {
	fill: #ff0000;
}

.ob-homepage-proof__youtube path {
	fill: #ffffff;
}

.ob-homepage-proof__stars {
	margin: 0.35rem 0 0.6rem !important;
	color: #ef1b24 !important;
	font-size: 1rem !important;
	letter-spacing: 0.13em;
}

.ob-homepage-proof__button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.65rem 0.85rem;
	border: 1px solid #676767;
	border-radius: 0.4rem;
	color: #ffffff;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.ob-homepage-proof__button:hover {
	border-color: #ef1b24;
	background: #ef1b24;
	color: #ffffff;
}

.ob-homepage-proof__button:focus-visible,
.ob-homepage-proof__metrics:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}

.ob-homepage-certs {
	padding: 3.25rem 0.75rem 3rem;
	background: #f7f7f6;
	color: #0a0a0a;
}

.ob-homepage-certs__inner {
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
}

.ob-homepage-certs__eyebrow {
	margin: 0 0 0.7rem;
	color: #e8111a;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.3;
}

.ob-homepage-certs__header h2 {
	margin: 0;
	color: #0a0a0a;
	font-size: clamp(2rem, 9vw, 3.5rem);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1;
}

.ob-homepage-certs__helper {
	margin: 1rem 0 0;
	padding-left: 0.75rem;
	border-left: 2px solid #e8111a;
	color: #6b6b6b;
	font-size: 0.95rem;
	line-height: 1.45;
}

.ob-homepage-certs__grid {
	display: flex;
	gap: 0.75rem;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 1.75rem 0 0;
	padding: 0 0 0.6rem;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x mandatory;
	scrollbar-color: #e8111a #e3e3e1;
	scrollbar-width: thin;
	list-style: none;
}

.ob-homepage-certs__grid li {
	flex: 0 0 76%;
	min-width: 0;
	scroll-snap-align: start;
}

.ob-homepage-certs__card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	height: 100%;
	padding: 0.65rem;
	border: 1px solid #dededc;
	border-radius: 0.75rem;
	background: #fbfbfa;
	color: #0a0a0a;
	text-align: center;
	text-decoration: none;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ob-homepage-certs__card:hover {
	border-color: #e8111a;
	box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.08);
	color: #0a0a0a;
	transform: translateY(-0.2rem);
}

.ob-homepage-certs__card:focus-visible {
	outline: 3px solid #e8111a;
	outline-offset: 3px;
}

.ob-homepage-certs__thumb {
	display: grid;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 4 / 5;
	place-items: center;
	border: 1px solid #e2e2df;
	border-radius: 0.5rem;
	background: #ffffff;
}

.ob-homepage-certs__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ob-homepage-certs__placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	color: #777777;
	font-size: 0.55rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ob-homepage-certs__placeholder svg {
	width: 3rem;
	height: auto;
	fill: none;
	stroke: #aaaaaa;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.ob-homepage-certs__placeholder svg circle,
.ob-homepage-certs__placeholder svg path:last-child {
	stroke: #e8111a;
}

.ob-homepage-certs__title {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 3.5rem;
	margin-top: 0.8rem;
	font-size: 0.8rem;
	line-height: 1.3;
}

.ob-homepage-certs__action {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	margin-top: auto;
	padding: 0.4rem 0 0.25rem;
	color: #6d6d6d;
	font-size: 0.72rem;
	line-height: 1.3;
}

.ob-homepage-certs__action span {
	color: #e8111a;
	font-size: 1rem;
}

.ob-homepage-certs__note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	margin: 2rem 0 0;
	color: #6b6b6b;
	font-size: 0.85rem;
	line-height: 1.4;
	text-align: center;
}

.ob-homepage-certs__note svg {
	flex: 0 0 1.5rem;
	width: 1.5rem;
	height: auto;
	fill: none;
	stroke: #e8111a;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.ob-homepage-certs__dialog {
	width: min(72rem, calc(100vw - 1.5rem));
	max-width: none;
	max-height: calc(100vh - 1.5rem);
	padding: 0;
	border: 1px solid #454545;
	border-radius: 0.75rem;
	background: #101010;
	color: #ffffff;
}

.ob-homepage-certs__dialog::backdrop {
	background: rgba(0, 0, 0, 0.88);
	backdrop-filter: blur(3px);
}

.ob-homepage-certs__dialog-panel {
	position: relative;
	padding: 3.5rem 0.75rem 0.75rem;
}

.ob-homepage-certs__dialog-panel h3 {
	position: absolute;
	top: 1rem;
	left: 1rem;
	max-width: calc(100% - 5rem);
	margin: 0;
	color: #ffffff;
	font-size: 0.9rem;
	line-height: 1.3;
}

.ob-homepage-certs__dialog-close {
	position: absolute;
	z-index: 2;
	top: 0.65rem;
	right: 0.65rem;
	display: grid;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	place-items: center;
	border: 1px solid #666666;
	border-radius: 50%;
	background: #181818;
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.ob-homepage-certs__dialog-close:hover {
	border-color: #e8111a;
	background: #e8111a;
}

.ob-homepage-certs__dialog-close:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}

.ob-homepage-certs__dialog-image {
	display: grid;
	overflow: auto;
	max-height: calc(100vh - 6rem);
	place-items: center;
	border-radius: 0.5rem;
	background: #ffffff;
}

.ob-homepage-certs__dialog-image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: calc(100vh - 6rem);
	object-fit: contain;
}

body.ob-homepage-modal-open {
	overflow: hidden;
}

@media (min-width: 40rem) {
	.ob-homepage-proof,
	.ob-homepage-certs {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.ob-homepage-certs {
		padding-top: 4rem;
		padding-bottom: 3.5rem;
	}

	.ob-homepage-certs__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
		overflow: visible;
		padding-bottom: 0;
		scroll-snap-type: none;
	}

	.ob-homepage-certs__grid li {
		flex: none;
		scroll-snap-align: none;
	}
}

@media (min-width: 64rem) {
	.ob-homepage-proof {
		padding: 0 3rem;
	}

	.ob-homepage-proof__metrics {
		display: grid;
		grid-template-columns: minmax(0, 0.95fr) repeat(3, minmax(0, 1fr));
		gap: 0;
		overflow: visible;
		padding: 0;
	}

	.ob-homepage-proof__metric {
		min-height: 7.25rem;
		padding: 1rem 1.4rem;
		border: 0;
		border-radius: 0;
		background: transparent;
		scroll-snap-align: none;
	}

	.ob-homepage-proof__metric:not(:last-child) {
		border-right: 1px solid #4a4a4a;
	}

	.ob-homepage-proof__metric--trusted {
		flex-direction: row;
		justify-content: flex-start;
	}

	.ob-homepage-proof__button {
		width: max-content;
		min-width: 11.5rem;
		padding: 0.55rem 0.75rem;
	}

	.ob-homepage-certs {
		padding: 3.25rem 3rem 3rem;
	}

	.ob-homepage-certs__grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 1.6rem;
	}

	.ob-homepage-certs__card {
		padding: 0.8rem;
	}

	.ob-homepage-certs__title {
		font-size: 0.95rem;
	}
}

.ob-homepage-root > section,
.entry-content .ob-homepage-root > section,
.wp-block-post-content .ob-homepage-root > section,
.ast-container .ob-homepage-root > section {
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.ob-home-hero {
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	max-width: none;
	background: #0a0a0a;
	color: #ffffff;
}

.ob-home-hero *,
.ob-home-hero *::before,
.ob-home-hero *::after {
	box-sizing: inherit;
}

.ob-home-trust,
.ob-home-trust *,
.ob-home-trust *::before,
.ob-home-trust *::after,
.ob-home-router,
.ob-home-router *,
.ob-home-router *::before,
.ob-home-router *::after,
.ob-homepage-workdesk,
.ob-homepage-workdesk *,
.ob-homepage-workdesk *::before,
.ob-homepage-workdesk *::after,
.ob-create-sell,
.ob-create-sell *,
.ob-create-sell *::before,
.ob-create-sell *::after {
	box-sizing: border-box;
}

.ob-home-hero__inner {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
}

.ob-home-hero__content {
	position: relative;
	z-index: 1;
	padding: 4.5rem 1.25rem 3rem;
}

.ob-home-hero__eyebrow {
	margin: 0 0 1.25rem;
	color: #e8111a;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.5;
}

.ob-home-hero__title {
	max-width: 16ch;
	margin: 0;
	color: #ffffff;
	font-size: clamp(2.5rem, 10vw, 4rem);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1;
	overflow-wrap: normal;
	word-break: normal;
}

.ob-home-hero__text {
	max-width: 38rem;
	margin: 1.5rem 0 0;
	color: #d7d7d7;
	font-size: 1rem;
	line-height: 1.7;
}

.ob-home-hero__visual {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #171717;
}

.ob-home-hero__media {
	min-width: 0;
}

.ob-home-hero__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
}

.ob-home-trust {
	border-top: 1px solid #e8111a;
	background: #0a0a0a;
	color: #ffffff;
	padding: 0 1.25rem;
}

.ob-home-trust__inner {
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
}

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

.ob-home-trust__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ob-home-trust__item {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-height: 3.25rem;
	padding: 0.75rem;
	line-height: 1.25;
}

.ob-home-trust__icon {
	flex: 0 0 2rem;
	width: 2rem;
	height: 2rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.35;
}

.ob-home-trust__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 0.15rem;
}

.ob-home-trust__item-title,
.ob-home-trust__item-text {
	display: block;
}

.ob-home-trust__item-title {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.ob-home-trust__item-text {
	color: #c9c9c9;
	font-size: 0.6875rem;
}

.ob-home-router {
	border-top: 1px solid #252525;
	background: #f5f5f5;
	color: #0a0a0a;
	padding: 4rem 1.25rem;
}

.ob-home-router__inner {
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
}

.ob-home-router__header {
	max-width: 46rem;
	margin: 0 auto 2rem;
	text-align: center;
}

.ob-home-router__title {
	margin: 0;
	color: #0a0a0a;
	font-size: clamp(2rem, 9vw, 3.5rem);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.05;
}

.ob-home-router__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ob-home-router__item {
	min-width: 0;
}

.ob-home-router-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	height: 100%;
	min-height: 11rem;
	padding: 1.5rem;
	border: 1px solid #dedede;
	border-top: 0.25rem solid #e8111a;
	border-radius: 0.25rem;
	background: #ffffff;
}

.ob-home-router-card__heading {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	min-width: 0;
}

.ob-home-router-card__icon {
	display: grid;
	flex: 0 0 2.5rem;
	width: 2.5rem;
	height: 2.5rem;
	place-items: center;
	border-radius: 0.5rem;
	background: #0a0a0a;
	color: #ffffff;
}

.ob-home-router-card__icon svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.ob-home-router-card__title {
	min-width: 0;
	margin: 0;
	color: #0a0a0a;
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.25;
}

.ob-home-router-card__text {
	margin: 0.75rem 0 1.5rem;
	color: #555555;
	font-size: 0.9375rem;
	line-height: 1.6;
}

.ob-home-router-card__link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	min-height: 2.75rem;
	margin-top: auto;
	padding: 0.7rem 1rem;
	border: 2px solid #0a0a0a;
	border-radius: 0.25rem;
	background: #0a0a0a;
	color: #ffffff;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
}

.ob-home-router-card__link:hover {
	border-color: #e8111a;
	background: #e8111a;
	color: #ffffff;
}

.ob-home-router-card__link:focus-visible {
	outline: 3px solid #e8111a;
	outline-offset: 3px;
}

.ob-homepage-workdesk {
	padding: 0 0.75rem 2.5rem;
	background: #f5f5f5;
	color: #ffffff;
}

.ob-homepage-workdesk__inner {
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #252525;
	border-radius: 0.75rem;
	background:
		radial-gradient(circle at 77% 48%, rgba(232, 17, 26, 0.07), transparent 30%),
		#080808;
}

.ob-homepage-workdesk__process,
.ob-homepage-workdesk__desk {
	min-width: 0;
	padding: 1.5rem 1.25rem;
}

.ob-homepage-workdesk__process-title,
.ob-homepage-workdesk__desk-title {
	margin: 0;
	color: #ffffff;
	font-size: 1.35rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

.ob-homepage-workdesk__process-title span {
	font-weight: 700;
}

.ob-homepage-workdesk__process-title strong {
	color: #e8111a;
	font: inherit;
}

.ob-homepage-workdesk__steps {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.35rem 1rem;
	margin: 1.35rem 0 0;
	padding: 0;
	list-style: none;
}

.ob-homepage-workdesk__step {
	position: relative;
	min-width: 0;
	text-align: center;
}

.ob-homepage-workdesk__step:last-child {
	grid-column: 1 / -1;
	width: calc(50% - 0.5rem);
	margin: 0 auto;
}

.ob-homepage-workdesk__step-icon {
	position: relative;
	z-index: 1;
	display: grid;
	width: 3.75rem;
	height: 3.75rem;
	margin: 0 auto 0.75rem;
	place-items: center;
	border: 1px solid #767676;
	border-radius: 50%;
	background: #090909;
	color: #ffffff;
}

.ob-homepage-workdesk__step-icon svg {
	width: 1.8rem;
	height: 1.8rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.35;
}

.ob-homepage-workdesk__step-icon svg path:last-child,
.ob-homepage-workdesk__step:first-child .ob-homepage-workdesk__step-icon svg path:first-child {
	stroke: #e8111a;
}

.ob-homepage-workdesk__step h3 {
	margin: 0;
	color: #ffffff;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.25;
}

.ob-homepage-workdesk__step h3 span {
	color: #cfcfcf;
}

.ob-homepage-workdesk__step p {
	max-width: 9rem;
	margin: 0.35rem auto 0;
	color: #bcbcbc;
	font-size: 0.69rem;
	line-height: 1.45;
}

.ob-homepage-workdesk__desk {
	border-top: 1px solid #343434;
}

.ob-homepage-workdesk__eyebrow {
	margin: 0 0 0.3rem;
	color: #e8111a;
	font-size: 0.65rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.2;
}

.ob-homepage-workdesk__intro {
	max-width: 36rem;
	margin: 0.45rem 0 0;
	color: #d0d0d0;
	font-size: 0.72rem;
	line-height: 1.45;
}

.ob-homepage-workdesk__features {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45rem 0.75rem;
	margin: 0.9rem 0 1rem;
	padding: 0;
	list-style: none;
}

.ob-homepage-workdesk__features li {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
	color: #e3e3e3;
	font-size: 0.66rem;
	line-height: 1.25;
}

.ob-homepage-workdesk__features svg {
	flex: 0 0 0.9rem;
	width: 0.9rem;
	height: 0.9rem;
	fill: none;
	stroke: #e8111a;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.3;
}

.ob-homepage-workdesk__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0.7rem 1.35rem;
	border: 1px solid #e8111a;
	border-radius: 0.2rem;
	background: #e8111a;
	color: #ffffff;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.ob-homepage-workdesk__cta:hover {
	border-color: #ffffff;
	background: #ffffff;
	color: #0a0a0a;
}

.ob-homepage-workdesk__cta:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}

.ob-homepage-workdesk__visual {
	display: flex;
	min-width: 0;
	align-items: flex-end;
	justify-content: center;
	margin-top: 1rem;
}

.ob-homepage-workdesk__visual img {
	display: block;
	width: min(100%, 19rem);
	height: auto;
	object-fit: contain;
}

/* Design Studio & Design Warehouse */
.ob-create-sell {
	width: 100%;
	padding: 0 0.75rem 1.75rem;
	background: #ffffff;
	color: #ffffff;
}

.ob-create-sell__inner {
	position: relative;
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
	padding: 2.75rem 0.75rem 0.75rem;
	overflow: hidden;
	border: 1px solid #454545;
	border-radius: 0.75rem;
	background:
		radial-gradient(circle at 12% 16%, rgba(232, 17, 26, 0.11), transparent 21rem),
		radial-gradient(circle at 88% 82%, rgba(232, 17, 26, 0.075), transparent 24rem),
		linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px),
		linear-gradient(145deg, #0a0a0a, #050505);
	background-size: auto, auto, 34px 34px, 34px 34px, auto;
	box-shadow: inset 0 0 3rem rgba(0, 0, 0, 0.68), 0 1.25rem 3rem rgba(0, 0, 0, 0.08);
}

.ob-create-sell__header {
	max-width: 52rem;
	margin: 0 auto 1.75rem;
	text-align: center;
}

.ob-create-sell__eyebrow,
.ob-create-sell__title,
.ob-create-sell__intro,
.ob-create-sell__panel-title,
.ob-create-sell__description {
	margin: 0;
}

.ob-create-sell__eyebrow {
	color: #e8111a;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.2;
}

.ob-create-sell__title {
	margin-top: 0.45rem;
	color: #ffffff;
	font-family: "Archivo Black", Arial, sans-serif;
	font-size: clamp(2rem, 8.5vw, 3.2rem);
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 0.98;
	text-transform: uppercase;
}

.ob-create-sell__title span {
	color: #e8111a;
}

.ob-create-sell__intro {
	margin-top: 0.6rem;
	color: #c8c8c8;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.9rem;
	line-height: 1.4;
}

.ob-create-sell__grid {
	display: grid;
	align-items: stretch;
	gap: 0.85rem;
}

.ob-create-sell__panel {
	position: relative;
	display: flex;
	min-width: 0;
	height: 100%;
	padding: 0.75rem;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #3b3b3b;
	border-radius: 0.7rem;
	background: linear-gradient(145deg, rgba(20, 20, 20, 0.98), rgba(7, 7, 7, 0.99));
	box-shadow: inset 0 0 1.75rem rgba(0, 0, 0, 0.5), 0 0.75rem 2rem rgba(0, 0, 0, 0.18);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.ob-create-sell__panel--studio {
	border-color: #5c1b1e;
}

.ob-create-sell__panel-title {
	margin-bottom: 0.75rem;
	color: #ffffff;
	font-family: "Inter", Arial, sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.15;
	text-align: left;
}

.ob-create-sell__panel-body {
	display: flex;
	min-width: 0;
	height: 100%;
	flex: 1;
	flex-direction: column;
	gap: 1rem;
}

.ob-create-sell__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	flex: 0 0 auto;
	overflow: hidden;
	border: 1px solid #313131;
	border-radius: 0.45rem;
	background: #0a0a0a;
	box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.35);
}

.ob-create-sell__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.ob-create-sell__content {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	gap: 0.9rem;
}

.ob-create-sell__description {
	color: #d0d0d0;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.85rem;
	line-height: 1.45;
}

.ob-create-sell__cta {
	display: inline-flex;
	width: 100%;
	min-height: 2.875rem;
	margin-top: auto;
	padding: 0.75rem 0.9rem;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	border: 1px solid #e8111a;
	border-radius: 0.32rem;
	background: #e8111a;
	color: #ffffff;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.ob-create-sell__cta:hover {
	border-color: #ffffff;
	background: #ffffff;
	color: #0a0a0a;
}

.ob-create-sell__cta:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}

@media (hover: hover) {
	.ob-create-sell__panel:hover {
		border-color: #6a1c20;
		box-shadow: 0 0 1.4rem rgba(232, 17, 26, 0.08);
		transform: translateY(-0.12rem);
	}
}

@media (min-width: 40rem) {
	.ob-home-hero__content {
		padding: 6rem 2rem 4rem;
	}

	.ob-home-trust {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.ob-home-trust__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ob-home-trust__item {
		justify-content: flex-start;
		text-align: left;
	}

	.ob-home-router {
		padding: 5rem 2rem;
	}

	.ob-homepage-workdesk {
		padding: 0 2rem 3rem;
	}

	.ob-homepage-workdesk__process,
	.ob-homepage-workdesk__desk {
		padding: 1.75rem 2rem;
	}

	.ob-create-sell {
		padding: 0 2rem 2rem;
	}

	.ob-create-sell__inner {
		padding: 3rem 2rem 2rem;
	}

	.ob-create-sell__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.25rem;
	}

	.ob-homepage-workdesk__steps {
		grid-template-columns: repeat(5, minmax(0, 1fr));
		gap: 0;
	}

	.ob-homepage-workdesk__step:last-child {
		grid-column: auto;
		width: auto;
		margin: 0;
	}

	.ob-homepage-workdesk__step:not(:last-child)::before {
		position: absolute;
		top: 1.84rem;
		left: calc(50% + 1.9rem);
		width: calc(100% - 3.8rem);
		height: 1px;
		background: #7f1418;
		content: "";
	}

	.ob-homepage-workdesk__step:not(:last-child)::after {
		position: absolute;
		top: 1.68rem;
		right: -0.15rem;
		width: 0.38rem;
		height: 0.38rem;
		border-radius: 50%;
		background: #e8111a;
		content: "";
	}

	.ob-homepage-workdesk__features {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}

@media (min-width: 64rem) {
	.ob-home-hero__inner {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr);
		align-items: center;
		isolation: isolate;
		width: min(1440px, calc(100vw - 96px));
		max-width: 1440px;
		margin-right: auto;
		margin-left: auto;
		min-height: clamp(42.5rem, 72vh, 47.5rem);
	}

	.ob-home-hero__content {
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		grid-column: 1;
		grid-row: 1;
		width: 100%;
		min-width: 0;
		max-width: none;
		padding: 5rem 0 5rem clamp(1.875rem, 3vw, 3rem);
	}

	.ob-home-hero__title {
		width: calc(100% + clamp(4rem, 6vw, 6rem));
		max-width: none;
		font-family: "Archivo Black", Arial, sans-serif;
		font-size: clamp(3.25rem, 3.75vw, 3.75rem);
		font-weight: 400;
		letter-spacing: 0.005em;
		line-height: 0.96;
		text-transform: uppercase;
	}

	.ob-home-hero__title > span {
		display: block;
	}

	.ob-home-hero__title-accent {
		margin-top: 0.12em;
		color: #e8111a;
	}

	.ob-home-hero__visual,
	.ob-home-hero__media {
		position: absolute;
		z-index: 0;
		inset: 0;
		width: 100%;
		min-width: 0;
		min-height: 100%;
		margin: 0;
		aspect-ratio: auto;
	}

	.ob-home-hero__visual::before {
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		width: 54%;
		background: linear-gradient(90deg, #0a0a0a 0%, rgba(10, 10, 10, 0.96) 64%, rgba(10, 10, 10, 0) 100%);
		content: "";
		pointer-events: none;
	}

	.ob-home-hero__image {
		width: 100%;
		height: 100%;
		min-height: 520px;
		object-fit: cover;
		object-position: center;
	}

	.ob-home-hero__text {
		max-width: 34rem;
		font-size: 1.125rem;
	}

	.ob-home-trust__inner {
		width: min(1440px, calc(100vw - 96px));
		max-width: 1440px;
		overflow: hidden;
		border: 1px solid #202020;
		border-radius: 0.75rem;
		background: #111111;
	}

	.ob-home-trust {
		padding: 0 3rem 0.75rem;
	}

	.ob-home-trust__item {
		min-height: 4.5rem;
		padding: 0.75rem clamp(0.75rem, 1vw, 1.125rem);
	}

	.ob-home-trust__list {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.ob-home-trust__item + .ob-home-trust__item {
		border-left: 1px solid #303030;
	}

	.ob-home-router {
		padding: 1.25rem 3rem 3rem;
		background: #ffffff;
	}

	.ob-home-router__inner {
		max-width: 90rem;
	}

	.ob-home-router__header {
		max-width: 54rem;
		margin: 0 auto 1.5rem;
		text-align: center;
	}

	.ob-home-router__title {
		font-size: clamp(2rem, 3vw, 2.75rem);
	}

	.ob-home-router__grid {
		gap: 0.75rem;
	}

	.ob-home-router-card {
		min-height: 13rem;
		padding: 1.125rem;
		border-top-width: 1px;
		border-radius: 0.5rem;
	}

	.ob-home-router-card__title {
		font-size: 1.0625rem;
	}

	.ob-home-router-card__text {
		margin: 0.625rem 0 1.25rem;
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.ob-home-router-card__link {
		min-height: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: #e8111a;
	}

	.ob-home-router-card__link::after {
		margin-left: 0.4rem;
		content: "→";
	}

	.ob-home-router-card__link:hover {
		background: transparent;
		color: #0a0a0a;
	}

	.ob-homepage-workdesk {
		padding: 0 3rem 3rem;
		background: #ffffff;
	}

	.ob-homepage-workdesk__inner {
		display: grid;
		grid-template-columns: minmax(0, 0.49fr) minmax(0, 0.51fr);
		width: min(1440px, calc(100vw - 96px));
		max-width: 1440px;
	}

	.ob-homepage-workdesk__process,
	.ob-homepage-workdesk__desk {
		padding: 1rem 1.75rem;
	}

	.ob-homepage-workdesk__desk {
		display: grid;
		grid-template-columns: minmax(0, 1.15fr) minmax(14rem, 0.85fr);
		align-items: end;
		gap: 0.75rem;
		border-top: 0;
		border-left: 1px solid #3a3a3a;
	}

	.ob-homepage-workdesk__process-title,
	.ob-homepage-workdesk__desk-title {
		font-size: 1.2rem;
	}

	.ob-homepage-workdesk__steps {
		margin-top: 0.85rem;
	}

	.ob-homepage-workdesk__step-icon {
		width: 3.1rem;
		height: 3.1rem;
		margin-bottom: 0.5rem;
	}

	.ob-homepage-workdesk__step-icon svg {
		width: 1.6rem;
		height: 1.6rem;
	}

	.ob-homepage-workdesk__step:not(:last-child)::before {
		top: 1.52rem;
		left: calc(50% + 1.58rem);
		width: calc(100% - 3.16rem);
	}

	.ob-homepage-workdesk__step:not(:last-child)::after {
		top: 1.36rem;
	}

	.ob-homepage-workdesk__step h3 {
		font-size: 0.7rem;
	}

	.ob-homepage-workdesk__step p {
		font-size: 0.62rem;
	}

	.ob-homepage-workdesk__intro {
		font-size: 0.65rem;
	}

	.ob-homepage-workdesk__features {
		gap: 0.3rem 0.6rem;
		margin: 0.65rem 0 0.7rem;
	}

	.ob-homepage-workdesk__features li {
		font-size: 0.59rem;
	}

	.ob-homepage-workdesk__cta {
		min-height: 2rem;
		padding: 0.5rem 1.15rem;
		font-size: 0.68rem;
	}

	.ob-homepage-workdesk__desk-copy {
		min-width: 0;
	}

	.ob-homepage-workdesk__visual {
		align-self: stretch;
		justify-content: flex-end;
		margin: 0 -0.4rem -0.5rem 0;
	}

	.ob-homepage-workdesk__visual img {
		width: 100%;
		max-width: 19rem;
		object-position: right bottom;
	}
}

@media (min-width: 68.8125rem) {
	.ob-home-hero__inner {
		grid-template-columns: minmax(420px, 0.42fr) minmax(560px, 0.58fr);
	}

	.ob-home-hero__content {
		min-width: 420px;
	}
}

@media (max-width: 68.75rem) {
	.ob-home-router__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 39.9375rem) {
	.ob-homepage-workdesk__steps {
		display: block;
		margin-top: 1.15rem;
	}

	.ob-homepage-workdesk__step,
	.ob-homepage-workdesk__step:last-child {
		display: grid;
		grid-template-columns: 3.5rem minmax(0, 1fr);
		grid-template-rows: auto auto;
		gap: 0.15rem 0.875rem;
		width: 100%;
		min-height: 4rem;
		margin: 0;
		padding: 0 0 0.8rem;
		text-align: left;
	}

	.ob-homepage-workdesk__step:last-child {
		padding-bottom: 0;
	}

	.ob-homepage-workdesk__step:not(:last-child)::before {
		position: absolute;
		z-index: 0;
		top: 1.5rem;
		bottom: -1.5rem;
		left: calc(1.75rem - 0.5px);
		width: 1px;
		height: auto;
		background: #7f1418;
		content: "";
	}

	.ob-homepage-workdesk__step:not(:last-child)::after {
		position: absolute;
		top: auto;
		right: auto;
		bottom: -0.2rem;
		left: calc(1.75rem - 0.19rem);
		width: 0.38rem;
		height: 0.38rem;
		border-radius: 50%;
		background: #e8111a;
		content: "";
	}

	.ob-homepage-workdesk__step-icon {
		grid-column: 1;
		grid-row: 1 / 3;
		width: 3rem;
		height: 3rem;
		margin: 0 auto;
	}

	.ob-homepage-workdesk__step-icon svg {
		width: 1.45rem;
		height: 1.45rem;
	}

	.ob-homepage-workdesk__step h3 {
		align-self: end;
		grid-column: 2;
		grid-row: 1;
		font-size: 0.82rem;
		text-align: left;
	}

	.ob-homepage-workdesk__step p {
		grid-column: 2;
		grid-row: 2;
		max-width: none;
		margin: 0;
		font-size: 0.7rem;
		text-align: left;
	}

}

@media (max-width: 39.9375rem) {

	.ob-home-router {
		padding: 2.5rem 0.75rem;
	}

	.ob-home-router__header {
		margin-bottom: 1.25rem;
	}

	.ob-home-router__title {
		font-size: clamp(1.75rem, 8vw, 2.25rem);
	}

	.ob-home-router__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.625rem;
	}

	.ob-home-router-card {
		min-height: 12.5rem;
		padding: 0.875rem;
	}

	.ob-home-router-card__heading {
		flex-direction: column;
		gap: 0.625rem;
	}

	.ob-home-router-card__icon {
		flex-basis: 2.125rem;
		width: 2.125rem;
		height: 2.125rem;
	}

	.ob-home-router-card__icon svg {
		width: 1.25rem;
		height: 1.25rem;
	}

	.ob-home-router-card__title {
		font-size: 0.9375rem;
	}

	.ob-home-router-card__text {
		margin: 0.5rem 0 0.875rem;
		font-size: 0.75rem;
		line-height: 1.45;
	}

	.ob-home-router-card__link {
		min-width: 2.75rem;
		min-height: 2.75rem;
		padding: 0;
		border: 0;
		background: transparent;
		color: #e8111a;
		font-size: 0.75rem;
	}

	.ob-home-router-card__link::after {
		margin-left: 0.35rem;
		content: "\2192";
	}

	.ob-home-router-card__link:hover {
		background: transparent;
		color: #0a0a0a;
	}

	.ob-homepage-workdesk__cta {
		width: 100%;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.ob-home-hero__image {
		animation: ob-home-image-reveal 500ms ease-out both;
	}

	@keyframes ob-home-image-reveal {
		from {
			opacity: 0;
			transform: scale(1.01);
		}

		to {
			opacity: 1;
			transform: scale(1);
		}
	}
}

/* Wholesale Fabric Lab */
.ob-fabric-lab,
.ob-fabric-lab *,
.ob-fabric-lab *::before,
.ob-fabric-lab *::after {
	box-sizing: border-box;
}

.ob-fabric-lab {
	width: 100%;
	padding: 0 0.75rem 2.5rem;
	background: #f5f5f5;
	color: #ffffff;
}

.ob-fabric-lab__inner {
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
	padding: 2rem 0.75rem 0.75rem;
	overflow: hidden;
	border: 1px solid #272727;
	border-radius: 0.75rem;
	background:
		radial-gradient(circle at 22% 48%, rgba(232, 17, 26, 0.08), transparent 24rem),
		linear-gradient(145deg, #080808, #030303 62%, #090909);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.015), 0 0 2.5rem rgba(232, 17, 26, 0.04);
}

.ob-fabric-lab__header {
	max-width: 50rem;
	margin: 0 auto 1.15rem;
	text-align: center;
}

.ob-fabric-lab__eyebrow,
.ob-fabric-lab__title,
.ob-fabric-lab__intro,
.ob-fabric-lab__featured-label,
.ob-fabric-lab__featured-title,
.ob-fabric-lab__featured-description,
.ob-fabric-lab__price-label,
.ob-fabric-lab__price {
	margin: 0;
}

.ob-fabric-lab__eyebrow {
	color: #e8111a;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.3;
}

.ob-fabric-lab__title {
	max-width: 22ch;
	margin: 0.5rem auto 0;
	color: #ffffff;
	font-family: "Archivo Black", Arial, sans-serif;
	font-size: clamp(2rem, 7vw, 3.2rem);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 0.97;
	text-transform: uppercase;
}

.ob-fabric-lab__title span {
	color: #e8111a;
}

.ob-fabric-lab__intro {
	margin-top: 0.65rem;
	color: #bdbdbd;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.82rem;
	line-height: 1.35;
}

.ob-fabric-lab__products {
	scrollbar-width: none;
}

.ob-fabric-lab__products::-webkit-scrollbar {
	display: none;
}

.ob-fabric-lab__product-card,
.ob-fabric-lab__nav {
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	cursor: pointer;
	font: inherit;
}

.ob-fabric-lab__nav {
	display: grid;
	flex: 0 0 2.75rem;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	place-items: center;
	border: 1px solid #5a5a5a;
	border-radius: 50%;
	background: #0b0b0b;
	color: #ffffff;
	font-size: 1rem;
}

.ob-fabric-lab__featured {
	display: grid;
	overflow: hidden;
	border: 1px solid #303030;
	border-radius: 0.55rem;
	background: rgba(9, 9, 9, 0.9);
}

.ob-fabric-lab__featured.is-changing .ob-fabric-lab__featured-image,
.ob-fabric-lab__featured.is-changing .ob-fabric-lab__featured-content {
	opacity: 0.45;
	transform: translateY(0.2rem);
}

.ob-fabric-lab__featured-media {
	position: relative;
	display: grid;
	min-height: 15rem;
	place-items: center;
	overflow: hidden;
	border-bottom: 1px solid #2f2f2f;
	background: radial-gradient(circle at 32% 55%, rgba(232, 17, 26, 0.24), transparent 38%), #0a0a0a;
}

.ob-fabric-lab__featured-media::before,
.ob-fabric-lab__featured-media::after {
	position: absolute;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 50%;
	background: #ff2630;
	box-shadow: 0 0 0.4rem #e8111a, 0 0 1rem #e8111a;
	content: "";
}

.ob-fabric-lab__featured-media::before {
	top: 24%;
	left: 18%;
}

.ob-fabric-lab__featured-media::after {
	right: 20%;
	bottom: 24%;
}

.ob-fabric-lab__featured-image {
	position: relative;
	z-index: 1;
	display: block;
	width: 78%;
	height: 14rem;
	object-fit: contain;
	filter: drop-shadow(0 1.1rem 1.2rem rgba(0, 0, 0, 0.7));
	transition: opacity 160ms ease, transform 160ms ease;
}

.ob-fabric-lab__featured-content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	justify-content: center;
	padding: 1.25rem;
	transition: opacity 160ms ease, transform 160ms ease;
}

.ob-fabric-lab__featured-label {
	color: #e8111a;
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1.2;
}

.ob-fabric-lab__featured-title {
	margin-top: 0.45rem;
	color: #ffffff;
	font-family: "Archivo Black", Arial, sans-serif;
	font-size: clamp(1.55rem, 6vw, 2.25rem);
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
}

.ob-fabric-lab__price-block.is-empty {
	display: none;
}

.ob-fabric-lab__price-block {
	margin-top: 0.9rem;
	padding-top: 0.85rem;
	border-top: 1px solid #303030;
}

.ob-fabric-lab__price-label {
	color: #a9a9a9;
	font-size: 0.6rem;
	line-height: 1.2;
}

.ob-fabric-lab__price {
	margin-top: 0.25rem;
	color: #ffffff;
	font-size: 1.85rem;
	font-weight: 700;
	line-height: 1;
}

.ob-fabric-lab__price .woocommerce-Price-currencySymbol,
.ob-fabric-lab__product-card .woocommerce-Price-currencySymbol {
	font: inherit;
}

.ob-fabric-lab__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.9rem;
}

.ob-fabric-lab__button {
	display: inline-flex;
	min-height: 2.65rem;
	padding: 0.65rem 0.9rem;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	border: 1px solid #575757;
	border-radius: 0.25rem;
	color: #ffffff;
	font-size: 0.7rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}

.ob-fabric-lab__button--primary {
	border-color: #e8111a;
	background: #e8111a;
}

.ob-fabric-lab__button--secondary {
	background: #0c0c0c;
}

.ob-fabric-lab__button:hover {
	border-color: #ffffff;
	background: #ffffff;
	color: #0a0a0a;
}

.ob-fabric-lab__product-browser {
	position: relative;
	display: flex;
	margin-top: 0.65rem;
	align-items: center;
	gap: 0.45rem;
}

.ob-fabric-lab__products {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	gap: 0.35rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
}

.ob-fabric-lab__product-card {
	display: flex;
	min-width: 7.35rem;
	flex: 0 0 7.35rem;
	min-height: 9.5rem;
	padding: 0.45rem;
	flex-direction: column;
	align-items: stretch;
	scroll-snap-align: start;
	border: 1px solid #292929;
	border-radius: 0.35rem;
	background: linear-gradient(145deg, #151515, #0b0b0b);
	color: #ffffff;
	text-align: left;
}

.ob-fabric-lab__product-card.is-active {
	border-color: #e8111a;
	box-shadow: inset 0 0 0 1px rgba(232, 17, 26, 0.35), 0 0 0.9rem rgba(232, 17, 26, 0.12);
}

.ob-fabric-lab__product-image {
	display: grid;
	height: 6rem;
	margin-bottom: 0.4rem;
	place-items: center;
}

.ob-fabric-lab__product-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ob-fabric-lab__product-price {
	margin-top: 0.22rem;
	color: #e8111a;
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1.15;
}

.ob-fabric-lab__whatsapp {
	display: flex;
	width: min(100%, 27rem);
	min-height: 3.25rem;
	margin: 0.8rem auto 0;
	padding: 0.55rem 0.75rem;
	align-items: center;
	gap: 0.7rem;
	border: 1px solid #303030;
	border-radius: 0.4rem;
	background: #0b0b0b;
	color: #ffffff;
	text-decoration: none;
}

.ob-fabric-lab__whatsapp-icon {
	display: grid;
	flex: 0 0 2.25rem;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	color: #25d366;
}

.ob-fabric-lab__whatsapp-icon svg {
	display: block;
	width: 2.1rem;
	height: 2.1rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.ob-fabric-lab__whatsapp > span:nth-child(2) {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	flex-wrap: wrap;
	column-gap: 0.3rem;
	font-size: 0.7rem;
	line-height: 1.25;
}

.ob-fabric-lab__whatsapp small {
	color: #ffffff;
	font: inherit;
}

.ob-fabric-lab__whatsapp strong {
	color: #e8111a;
	font: inherit;
	font-weight: 700;
}

.ob-fabric-lab__whatsapp-arrow {
	flex: 0 0 auto;
}

.ob-fabric-lab__product-card:focus-visible,
.ob-fabric-lab__nav:focus-visible,
.ob-fabric-lab__button:focus-visible,
.ob-fabric-lab__whatsapp:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 2px;
}

@media (min-width: 40rem) {
	.ob-fabric-lab {
		padding: 0 2rem 3rem;
	}

	.ob-fabric-lab__inner {
		padding: 2.25rem 1.5rem 1rem;
	}

	.ob-fabric-lab__featured {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
	}

	.ob-fabric-lab__featured-media {
		min-height: 19rem;
		border-right: 1px solid #2f2f2f;
		border-bottom: 0;
	}

	.ob-fabric-lab__featured-image {
		height: 18rem;
	}

	.ob-fabric-lab__product-card {
		min-width: 9rem;
		flex-basis: 9rem;
	}
}

@media (min-width: 64rem) {
	.ob-fabric-lab {
		padding: 0 3rem 3rem;
		background: #ffffff;
	}

	.ob-fabric-lab__inner {
		width: min(1440px, calc(100vw - 96px));
		max-width: 1440px;
		padding: 1.5rem 4rem 1rem;
	}

	.ob-fabric-lab__header {
		margin-bottom: 1rem;
	}

	.ob-fabric-lab__title {
		font-size: clamp(2.35rem, 3.1vw, 3.15rem);
	}

	.ob-fabric-lab__featured {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	}

	.ob-fabric-lab__featured-content {
		padding: 1.5rem 2.5rem;
	}

	.ob-fabric-lab__featured-media,
	.ob-fabric-lab__featured-image {
		height: 20rem;
	}

	.ob-fabric-lab__product-card {
		min-width: calc((100% - 1.4rem) / 5);
		flex-basis: calc((100% - 1.4rem) / 5);
	}
}

@media (max-width: 39.9375rem) {
	.ob-fabric-lab__featured {
		grid-template-columns: minmax(7.5rem, 0.9fr) minmax(0, 1.1fr);
	}

	.ob-fabric-lab__featured-media {
		min-height: 15rem;
		border-right: 1px solid #2f2f2f;
		border-bottom: 0;
	}

	.ob-fabric-lab__featured-image {
		width: 94%;
		height: 12rem;
	}

	.ob-fabric-lab__featured-content {
		padding: 0.8rem 0.65rem;
	}

	.ob-fabric-lab__featured-title {
		font-size: clamp(1.12rem, 5vw, 1.35rem);
	}

	.ob-fabric-lab__price-block {
		margin-top: 0.55rem;
		padding-top: 0.5rem;
	}

	.ob-fabric-lab__price-label {
		font-size: 0.51rem;
	}

	.ob-fabric-lab__price {
		font-size: 1.35rem;
	}

	.ob-fabric-lab__actions {
		display: grid;
		gap: 0.35rem;
		margin-top: 0.6rem;
	}

	.ob-fabric-lab__button {
		width: 100%;
		min-height: 2.25rem;
		padding: 0.45rem 0.35rem;
		gap: 0.35rem;
		font-size: 0.56rem;
	}

	.ob-fabric-lab__product-browser {
		margin-right: -0.75rem;
		margin-left: -0.75rem;
		padding: 0 0.75rem;
	}

	.ob-fabric-lab__nav {
		position: absolute;
		z-index: 2;
		top: 50%;
		width: 2.75rem;
		height: 2.75rem;
		transform: translateY(-50%);
		border-color: #e8111a;
		background: rgba(232, 17, 26, 0.8);
		font-size: 0.75rem;
	}

	.ob-fabric-lab__nav--previous {
		left: 0.15rem;
	}

	.ob-fabric-lab__nav--next {
		right: 0.15rem;
	}

	.ob-fabric-lab__products {
		padding: 0 2.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ob-fabric-lab__featured-image,
	.ob-fabric-lab__featured-content,
	.ob-fabric-lab__products {
		scroll-behavior: auto;
		transition: none;
	}
}

@media (min-width: 64rem) {
	.ob-create-sell {
		padding: 0 3rem 2rem;
	}

	.ob-create-sell__inner {
		width: min(1440px, calc(100vw - 96px));
		padding: 3.25rem 3rem 3rem;
	}

	.ob-create-sell__header {
		margin-bottom: 2rem;
	}

	.ob-create-sell__title {
		font-size: clamp(2.35rem, 3.05vw, 3.15rem);
	}

	.ob-create-sell__panel {
		padding: 1rem;
	}

	.ob-create-sell__panel-body {
		gap: 1.15rem;
	}

	.ob-create-sell__content {
		padding: 0 0.15rem 0.15rem;
	}

}

@media (prefers-reduced-motion: reduce) {
	.ob-create-sell__panel,
	.ob-create-sell__cta {
		transition: none;
	}
}

/* Shipping Control Center */
.ob-shipping-control,
.ob-shipping-control *,
.ob-shipping-control *::before,
.ob-shipping-control *::after,
.ob-shipping-track,
.ob-shipping-track *,
.ob-shipping-track *::before,
.ob-shipping-track *::after {
	box-sizing: border-box;
}

.ob-shipping-control {
	position: relative;
	width: 100%;
	padding: 0 0.75rem;
	background: #ffffff;
	color: #ffffff;
}

.ob-shipping-control__inner {
	position: relative;
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
	padding: 0.95rem 0.75rem 0.55rem;
	overflow: hidden;
	border: 1px solid #4a4a4a;
	border-radius: 0.75rem;
	background:
		radial-gradient(circle at 15% 18%, rgba(232, 17, 26, 0.08), transparent 18rem),
		radial-gradient(circle at 86% 78%, rgba(232, 17, 26, 0.055), transparent 20rem),
		linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,0.014) 1px, transparent 1px),
		linear-gradient(145deg, #090909, #050505);
	background-size: auto, auto, 34px 34px, 34px 34px, auto;
	box-shadow: inset 0 0 3rem rgba(0, 0, 0, 0.72);
}

.ob-shipping-control__header {
	max-width: 46rem;
	margin: 0 auto 0.65rem;
	text-align: center;
}

.ob-shipping-control__eyebrow,
.ob-shipping-control__title,
.ob-shipping-control__intro,
.ob-shipping-control__card-title,
.ob-shipping-control__description {
	margin: 0;
}

.ob-shipping-control__eyebrow {
	color: #e8111a;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1.2;
}

.ob-shipping-control__title {
	margin-top: 0.22rem;
	color: #ffffff;
	font-family: "Archivo Black", Arial, sans-serif;
	font-size: clamp(1.55rem, 6vw, 2.15rem);
	font-weight: 400;
	letter-spacing: 0.004em;
	line-height: 1;
}

.ob-shipping-control__title span {
	color: #e8111a;
}

.ob-shipping-control__intro {
	margin-top: 0.25rem;
	color: #bdbdbd;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.85rem;
	line-height: 1.25;
}

.ob-shipping-control__grid {
	display: grid;
	gap: 0.6rem;
}

.ob-shipping-control__card {
	position: relative;
	display: grid;
	min-width: 0;
	min-height: 12.25rem;
	grid-template-columns: 2.9rem minmax(0, 1fr);
	grid-template-rows: auto minmax(3.75rem, 1fr) auto;
	column-gap: 0.8rem;
	padding: 0.7rem;
	overflow: hidden;
	border: 1px solid #393939;
	border-radius: 0.7rem;
	background: linear-gradient(145deg, rgba(18, 18, 18, 0.97), rgba(7, 7, 7, 0.98));
	box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.45);
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.ob-shipping-control__card--estimate {
	border-color: #e8111a;
	box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.45), 0 0 1.2rem rgba(232, 17, 26, 0.08);
}

.ob-shipping-control__step {
	display: grid;
	width: 2.2rem;
	height: 2.2rem;
	place-items: center;
	border: 1px solid #555;
	border-radius: 0.28rem;
	color: #ffffff;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.95rem;
	font-weight: 700;
}

.ob-shipping-control__card--estimate .ob-shipping-control__step {
	border-color: #e8111a;
	background: #e8111a;
	box-shadow: 0 0 1rem rgba(232, 17, 26, 0.35);
}

.ob-shipping-control__card-head {
	align-self: center;
	min-width: 0;
	padding-right: 0.25rem;
}

.ob-shipping-control__card-title {
	color: #ffffff;
	font-family: "Inter", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.1;
}

.ob-shipping-control__description {
	margin-top: 0.22rem;
	color: #c2c2c2;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.75rem;
	line-height: 1.35;
}

.ob-shipping-control__visual {
	display: grid;
	grid-column: 1 / -1;
	min-height: 3.75rem;
	align-self: stretch;
	place-items: center;
}

.ob-shipping-control__visual svg {
	display: block;
	width: min(88%, 18rem);
	height: auto;
	max-height: 5.4rem;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.ob-shipping-control__visual .route,
.ob-shipping-control__visual .orbit {
	stroke: #e8111a;
	stroke-dasharray: 8 7;
	stroke-width: 2;
}

.ob-shipping-control__visual .box { fill: url(#obShipBox); stroke: #5d5d5d; }
.ob-shipping-control__visual .box-line { stroke: #464646; }
.ob-shipping-control__visual .screen { fill: #111; stroke: #696969; }
.ob-shipping-control__visual .screen-line { stroke: #777; }
.ob-shipping-control__visual .screen-button { fill: #e8111a; stroke: #e8111a; }
.ob-shipping-control__visual .pin { fill: #e8111a; stroke: #ff323b; }
.ob-shipping-control__visual .pin-dot { fill: #090909; stroke: none; }
.ob-shipping-control__visual .map { fill: rgba(255,255,255,0.018); stroke: #1c1c1c; }
.ob-shipping-control__visual .truck { fill: #111; stroke: #d8d8d8; stroke-width: 2; }
.ob-shipping-control__visual .wheel { fill: #080808; stroke: #d8d8d8; stroke-width: 2; }
.ob-shipping-control__visual .globe { fill: #151515; stroke: #676767; }
.ob-shipping-control__visual .globe-line { stroke: #4c4c4c; }
.ob-shipping-control__visual .orbit { stroke-dasharray: none; }
.ob-shipping-control__visual .plane { fill: #d9d9d9; stroke: #ffffff; }
.ob-shipping-control__visual .wa { fill: #071b0f; stroke: #25d366; stroke-width: 2; }
.ob-shipping-control__visual .wa-mark { stroke: #25d366; stroke-width: 2; }

.ob-shipping-control__cta,
.ob-shipping-control .ob-shipping-control__cta.ob-est-opener {
	display: flex !important;
	width: 100% !important;
	min-height: 2.35rem;
	grid-column: 1 / -1;
	padding: 0.5rem 0.7rem !important;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	border: 1px solid #555 !important;
	border-radius: 0.32rem !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-family: "Inter", Arial, sans-serif !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.ob-shipping-control__cta svg {
	width: 1.1rem;
	height: 1.1rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
}

.ob-shipping-control__cta > span:last-child {
	margin-left: auto;
	font-size: 1.25rem;
}

.ob-shipping-control .ob-shipping-control__cta--primary.ob-est-opener {
	border-color: #e8111a !important;
	background: #e8111a !important;
}

.ob-shipping-control__cta--whatsapp {
	border-color: #247c43 !important;
	color: #ffffff !important;
}

.ob-shipping-control__cta--whatsapp svg {
	color: #25d366;
}

.ob-shipping-control__cta:hover,
.ob-shipping-control .ob-shipping-control__cta.ob-est-opener:hover {
	border-color: #ffffff !important;
	background: #ffffff !important;
	color: #080808 !important;
}

.ob-shipping-control__cta:focus-visible,
.ob-shipping-control .ob-shipping-control__cta.ob-est-opener:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: 3px;
}

.ob-shipping-control__coverage {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0.7rem 0 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #292929;
	border-radius: 0.55rem;
	background: #292929;
	list-style: none;
}

.ob-shipping-control__coverage li {
	display: flex;
	min-width: 0;
	min-height: 3.3rem;
	padding: 0.55rem;
	align-items: center;
	gap: 0.45rem;
	background: linear-gradient(180deg, #111, #090909);
	color: #f2f2f2;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.66rem;
	font-weight: 700;
	line-height: 1.15;
}

.ob-shipping-control__coverage li > span {
	display: grid;
	width: 2rem;
	height: 2rem;
	flex: 0 0 2rem;
	place-items: center;
	border: 1px solid #e8111a;
	border-radius: 50%;
}

.ob-shipping-control__coverage svg {
	width: 1.15rem;
	height: 1.15rem;
	fill: none;
	stroke: #ffffff;
	stroke-width: 1.5;
	stroke-linejoin: round;
}

.ob-shipping-control__social-gap {
	width: 100%;
	height: clamp(1.5rem, 8vw, 2.5rem);
	background: #ffffff;
}

.ob-shipping-track {
	width: min(94vw, 62rem);
	max-width: 62rem;
	height: auto;
	max-height: 92vh;
	margin: auto;
	padding: 0;
	overflow: hidden;
	border: 1px solid #3d3d3d;
	border-radius: 0.9rem;
	background: #f4f4f5;
	box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.5);
}

.ob-shipping-track::backdrop {
	background: rgba(0, 0, 0, 0.78);
	backdrop-filter: blur(4px);
}

.ob-shipping-track__panel {
	max-height: 92vh;
	overflow: auto;
}

.ob-shipping-track__header {
	position: sticky;
	top: 0;
	z-index: 4;
	display: flex;
	min-height: 4.5rem;
	padding: 0.8rem 1rem;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	background: #090909;
	color: #ffffff;
}

.ob-shipping-track__header p,
.ob-shipping-track__header h2 {
	margin: 0;
}

.ob-shipping-track__header p {
	color: #e8111a;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.6rem;
	font-weight: 700;
	letter-spacing: 0.16em;
}

.ob-shipping-track__header h2 {
	margin-top: 0.1rem;
	font-family: "Archivo Black", Arial, sans-serif;
	font-size: 1.45rem;
	font-weight: 400;
	line-height: 1;
}

.ob-shipping-track__close {
	display: grid;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	place-items: center;
	border: 1px solid #555;
	border-radius: 50%;
	background: #181818;
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
}

.ob-shipping-track__close:focus-visible {
	outline: 3px solid #e8111a;
	outline-offset: 2px;
}

.ob-shipping-track__body .ob-t-banner {
	display: none;
}

.ob-shipping-track__body .ob-t-page {
	padding-top: 1rem;
	padding-bottom: 1.25rem;
}

body.ob-homepage-modal-open {
	overflow: hidden;
}

@media (hover: hover) {
	.ob-shipping-control__card:hover {
		border-color: #6d6d6d;
		box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.45), 0 0.8rem 2rem rgba(0, 0, 0, 0.25);
		transform: translateY(-0.12rem);
	}

	.ob-shipping-control__card--estimate:hover {
		border-color: #ff3039;
	}
}

@media (max-width: 63.9375rem) {
	.ob-shipping-control__cta,
	.ob-shipping-control .ob-shipping-control__cta.ob-est-opener {
		min-height: 2.75rem;
	}
}

@media (min-width: 40rem) {
	.ob-shipping-control {
		padding: 0 2rem;
	}

	.ob-shipping-control__inner {
		padding: 1.1rem 1.25rem 0.7rem;
	}

	.ob-shipping-control__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0.75rem;
	}

	.ob-shipping-control__card {
		min-height: 12.5rem;
		height: 100%;
		padding: 0.72rem;
	}

	.ob-shipping-control__coverage {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		margin-top: 1rem;
	}

	.ob-shipping-control__coverage li {
		justify-content: center;
		font-size: 0.76rem;
	}

	.ob-shipping-control__social-gap {
		height: clamp(3rem, 5vw, 4.5rem);
	}
}

@media (min-width: 64rem) {
	.ob-shipping-control {
		padding: 0 3rem;
	}

	.ob-shipping-control__inner {
		width: min(1440px, calc(100vw - 96px));
		padding: 1.15rem 2.25rem 0.7rem;
	}

	.ob-shipping-control__header {
		margin-bottom: 0.65rem;
	}

	.ob-shipping-control__title {
		font-size: clamp(2rem, 2.45vw, 2.55rem);
		line-height: 0.98;
	}

	.ob-shipping-control__intro {
		font-size: 0.9rem;
	}

	.ob-shipping-control__grid {
		gap: 0.85rem;
	}

	.ob-shipping-control__card {
		min-height: 12.5rem;
		grid-template-columns: 3.2rem minmax(0, 1fr);
		grid-template-rows: auto minmax(4.2rem, 1fr) auto;
		padding: 0.8rem;
	}

	.ob-shipping-control__card-title {
		font-size: 1.12rem;
	}

	.ob-shipping-control__description {
		font-size: 0.82rem;
	}

	.ob-shipping-control__coverage li {
		min-height: 4rem;
		font-size: 0.82rem;
	}
}

@media (max-width: 39.9375rem) {
	.ob-shipping-track {
		width: 100%;
		max-width: none;
		max-height: 94vh;
		margin: auto 0 0;
		border-right: 0;
		border-bottom: 0;
		border-left: 0;
		border-radius: 1rem 1rem 0 0;
	}

	.ob-shipping-track__panel {
		max-height: 94vh;
	}

	.ob-shipping-track__body .ob-t-page {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ob-shipping-control__card,
	.ob-shipping-control__cta,
	.ob-shipping-control .ob-shipping-control__cta.ob-est-opener {
		transition: none;
	}
}

/* Final CTA */
.ob-final-cta,
.ob-final-cta *,
.ob-final-cta *::before,
.ob-final-cta *::after {
	box-sizing: border-box;
}

.ob-final-cta {
	padding: clamp(2.75rem, 6vw, 5.5rem) 0.75rem;
	background: #f7f7f6;
	color: #fff;
}

.ob-final-cta__inner {
	position: relative;
	display: grid;
	width: min(90rem, 100%);
	min-height: 21rem;
	margin: 0 auto;
	overflow: hidden;
	place-items: center;
	border: 1px solid #242424;
	border-radius: 1rem;
	background:
		radial-gradient(circle at 10% 40%, rgba(232, 17, 26, 0.18), transparent 30%),
		radial-gradient(circle at 88% 45%, rgba(232, 17, 26, 0.1), transparent 28%),
		linear-gradient(125deg, #080808, #0c0d0e 55%, #070707);
	box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.18);
}

.ob-final-cta__inner::after {
	position: absolute;
	right: -8%;
	bottom: -2px;
	left: -8%;
	height: 3px;
	background: linear-gradient(90deg, transparent, #e8111a 24%, #ff3840 50%, #e8111a 76%, transparent);
	box-shadow: 0 -0.5rem 1.5rem rgba(232, 17, 26, 0.45);
	content: "";
}

.ob-final-cta__content {
	position: relative;
	z-index: 2;
	width: min(46rem, 100%);
	padding: 2rem 1rem;
	text-align: center;
}

.ob-final-cta__eyebrow,
.ob-final-cta__title,
.ob-final-cta__intro {
	margin: 0;
}

.ob-final-cta__eyebrow {
	color: #ff1f29;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.11em;
}

.ob-final-cta__title {
	max-width: 44rem;
	margin: 0.45rem auto 0;
	color: #fff;
	font-family: "Archivo Black", Arial, sans-serif;
	font-size: clamp(2rem, 5.3vw, 3.45rem);
	font-weight: 400;
	line-height: 1.08;
	letter-spacing: 0.01em;
}

.ob-final-cta__intro {
	max-width: 41rem;
	margin: 0.75rem auto 0;
	color: #bdbdbd;
	font-family: "Inter", Arial, sans-serif;
	font-size: clamp(0.96rem, 2vw, 1.13rem);
	line-height: 1.45;
}

.ob-final-cta__actions {
	display: grid;
	max-width: 38rem;
	margin: 1.55rem auto 0;
	gap: 0.7rem;
}

.ob-final-cta__button {
	display: inline-flex;
	min-height: 3.25rem;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	border: 1px solid #777;
	border-radius: 0.45rem;
	color: #fff !important;
	font-family: "Inter", Arial, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.ob-final-cta__button--primary {
	border-color: #ff3840;
	background: #e8111a;
	box-shadow: 0 0.55rem 1.25rem rgba(232, 17, 26, 0.28), inset 0 1px rgba(255, 255, 255, 0.2);
}

.ob-final-cta__button--secondary {
	background: rgba(5, 5, 5, 0.55);
}

.ob-final-cta__button svg {
	width: 1.35rem;
	height: 1.35rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.ob-final-cta__button:hover {
	transform: translateY(-2px);
	border-color: #fff;
	box-shadow: 0 0.8rem 1.8rem rgba(232, 17, 26, 0.3);
}

.ob-final-cta__button:focus-visible {
	outline: 3px solid #ff3039;
	outline-offset: 3px;
}

.ob-final-cta__trust {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1.5rem 0 0;
	padding: 0;
	color: #c8c8c8;
	font-family: "Inter", Arial, sans-serif;
	font-size: 0.85rem;
	list-style: none;
}

.ob-final-cta__trust li {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.ob-final-cta__trust li + li::before {
	margin: 0 0.75rem;
	color: #e8111a;
	content: "•";
}

.ob-final-cta__trust svg {
	width: 1.2rem;
	height: 1.2rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.ob-final-cta__decoration {
	display: none;
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: min(22%, 17rem);
	opacity: 0.55;
}

.ob-final-cta__decoration svg {
	display: block;
	width: 100%;
	fill: rgba(20, 20, 20, 0.88);
	stroke: #4a4a4a;
	stroke-width: 1.4;
}

.ob-final-cta__decoration--apparel { left: 0; }
.ob-final-cta__decoration--logistics { right: 0; }
.ob-final-cta__decoration--logistics circle { fill: rgba(232, 17, 26, 0.03); }
.ob-final-cta__decoration .ob-final-cta__route { fill: none; stroke: #e8111a; stroke-width: 1.6; }

@media (min-width: 40rem) {
	.ob-final-cta { padding-right: 2rem; padding-left: 2rem; }
	.ob-final-cta__actions { grid-template-columns: 1fr 1fr; }
}

@media (min-width: 64rem) {
	.ob-final-cta { padding-right: 3rem; padding-left: 3rem; }
	.ob-final-cta__decoration { display: block; }
}

@media (max-width: 39.9375rem) {
	.ob-final-cta__trust { display: grid; justify-items: center; gap: 0.45rem; }
	.ob-final-cta__trust li + li::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.ob-final-cta__button { transition: none; }
}

/* Build with OutfitBulk */
.ob-build-with-us,
.ob-build-with-us *,
.ob-build-with-us *::before,
.ob-build-with-us *::after { box-sizing: border-box; }

.ob-build-with-us {
	padding: clamp(2.75rem, 6vw, 5.5rem) 0.75rem;
	background: #f7f7f6;
	color: #fff;
	font-family: "Barlow Condensed", Arial, sans-serif;
}

.ob-build-with-us__shell {
	position: relative;
	width: min(90rem, 100%);
	margin: 0 auto;
	overflow: hidden;
	padding: clamp(1rem, 3vw, 2.5rem);
	border: 1px solid #292929;
	border-radius: clamp(1rem, 2vw, 1.75rem);
	background: radial-gradient(circle at 14% 14%, rgba(232, 17, 26, 0.17), transparent 24rem), radial-gradient(circle at 90% 38%, rgba(232, 17, 26, 0.1), transparent 24rem), #0a0a0a;
	box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.2);
}

.ob-build-with-us__shell::after {
	position: absolute;
	right: 8%;
	bottom: 0;
	left: 8%;
	height: 2px;
	background: linear-gradient(90deg, transparent, #e8111a, transparent);
	box-shadow: 0 0 1.5rem rgba(232, 17, 26, 0.8);
	content: "";
}

.ob-build-with-us__main { display: grid; min-width: 0; gap: 2rem; }
.ob-build-with-us__content,
.ob-build-card__copy,
.ob-build-knowledge__content { min-width: 0; }

.ob-build-with-us__eyebrow,
.ob-build-with-us__title,
.ob-build-with-us__intro,
.ob-build-with-us__trust,
.ob-build-with-us__visual { margin: 0; }

.ob-build-with-us__eyebrow {
	display: block;
	color: #ff3038 !important;
	font-family: "Barlow Condensed", Arial, sans-serif !important;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.14em;
}

.ob-build-with-us__title {
	max-width: 48rem;
	margin-top: 0.45rem;
	color: #fff !important;
	font-family: "Anton", "Archivo Black", Arial, sans-serif !important;
	font-size: clamp(2.25rem, 7vw, 4.75rem);
	font-weight: 400;
	line-height: 0.98;
	letter-spacing: 0.01em;
}

.ob-build-with-us__intro {
	max-width: 47rem;
	margin-top: 1rem;
	color: #c5c5c5 !important;
	font-family: "Barlow Condensed", Arial, sans-serif !important;
	font-size: clamp(1.08rem, 2vw, 1.3rem);
	line-height: 1.45;
}

.ob-build-with-us__trust {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	margin-top: 1rem;
	color: #f1f1f1 !important;
	font-family: "Barlow Condensed", Arial, sans-serif !important;
	font-size: 1rem;
	font-weight: 600;
}

.ob-build-with-us__trust > span {
	display: grid;
	flex: 0 0 1.35rem;
	width: 1.35rem;
	height: 1.35rem;
	place-items: center;
	border-radius: 50%;
	background: #e8111a;
	color: #fff;
	font-size: 0.8rem;
}

.ob-build-with-us__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; margin-top: 1.5rem; gap: 0.7rem; }

.ob-build-card {
	display: grid;
	min-width: 0;
	height: 100%;
	min-height: 17.25rem;
	grid-template-rows: auto minmax(0, 1fr) auto;
	align-items: start;
	gap: 0.55rem;
	padding: 0.55rem;
	border: 1px solid #303030;
	border-radius: 0.85rem;
	background: linear-gradient(135deg, #161616, #0e0e0e);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
	color: #fff !important;
	text-decoration: none !important;
	animation: ob-build-rise 500ms both;
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.ob-build-card:nth-child(2) { animation-delay: 70ms; }
.ob-build-card:nth-child(3) { animation-delay: 140ms; }
.ob-build-card:nth-child(4) { animation-delay: 210ms; }

.ob-build-card img {
	display: block;
	width: 100%;
	height: 6.75rem;
	border-radius: 0.65rem;
	object-fit: cover;
}

.ob-build-card__copy { display: flex; flex-direction: column; gap: 0.25rem; }
.ob-build-card__copy strong { color: #fff; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 1.05rem; font-weight: 700; line-height: 1.08; }
.ob-build-card__description { color: #aaa; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 0.92rem; line-height: 1.18; }
.ob-build-card__description--full { display: none; }
.ob-build-card__arrow { justify-self: end; color: #ff3038; font-size: 1.15rem; line-height: 1; transition: transform 180ms ease; }
.ob-build-card:hover { transform: translateY(-3px); border-color: #e8111a; box-shadow: 0 0.8rem 2rem rgba(232, 17, 26, 0.16); }
.ob-build-card:hover .ob-build-card__arrow,
.ob-build-knowledge:hover .ob-build-knowledge__cta > span { transform: translateX(0.25rem); }

.ob-build-card:focus-visible,
.ob-build-knowledge:focus-visible { outline: 3px solid #ff3038; outline-offset: 3px; }

.ob-build-with-us__visual {
	display: grid;
	min-width: 0;
	place-items: center;
}

.ob-build-with-us__rotator {
	--ob-ecosystem-angle: 0deg;
	display: grid;
	width: min(100%, 17rem);
	aspect-ratio: 1 / 1;
	place-items: center;
	cursor: grab;
	outline: none;
	touch-action: pan-y;
	transform: rotate(var(--ob-ecosystem-angle));
	transform-origin: center;
	user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	will-change: transform;
}

.ob-build-with-us__rotator.is-ob-ecosystem-dragging {
	cursor: grabbing;
}

.ob-build-with-us__rotator:focus-visible {
	outline: 3px solid #ff3038;
	outline-offset: 0.35rem;
}

.ob-build-with-us__visual img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
	filter: drop-shadow(0 1.5rem 2.5rem rgba(232, 17, 26, 0.14));
	animation: ob-build-float 6s ease-in-out infinite;
	-webkit-user-drag: none;
	user-select: none;
}

.ob-build-knowledge {
	position: relative;
	display: grid;
	min-width: 0;
	margin-top: 1rem;
	overflow: hidden;
	grid-template-columns: 6.5rem minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	border: 1px solid #343434;
	border-radius: 1rem;
	background: linear-gradient(120deg, #171717, #101010 62%, rgba(232, 17, 26, 0.12));
	color: #fff !important;
	text-decoration: none !important;
	transition: border-color 180ms ease, box-shadow 180ms ease;
}

.ob-build-knowledge::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30%;
	width: 20%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);
	content: "";
	transform: skewX(-18deg);
	transition: left 500ms ease;
}

.ob-build-knowledge:hover { border-color: #e8111a; box-shadow: 0 0 2rem rgba(232, 17, 26, 0.13); }
.ob-build-knowledge:hover::after { left: 115%; }
.ob-build-knowledge > img { display: block; width: 6.5rem; height: 6.5rem; border-radius: 0.75rem; object-fit: cover; }
.ob-build-knowledge__content { display: flex; flex-direction: column; align-items: flex-start; gap: 0.35rem; }
.ob-build-knowledge__content > strong { color: #fff; font-family: "Anton", "Archivo Black", Arial, sans-serif; font-size: clamp(1.45rem, 3vw, 2rem); font-weight: 400; line-height: 1.05; }
.ob-build-knowledge__content > span:not(.ob-build-with-us__eyebrow, .ob-build-knowledge__cta) { color: #b8b8b8; font-family: "Barlow Condensed", Arial, sans-serif; font-size: 1rem; line-height: 1.3; }

.ob-build-knowledge__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-top: 0.25rem;
	color: #fff !important;
	font-family: "Barlow Condensed", Arial, sans-serif;
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: #e8111a;
	text-underline-offset: 0.25rem;
}

.ob-build-knowledge__cta > span { transition: transform 180ms ease; }

@keyframes ob-build-rise {
	from { opacity: 0; transform: translateY(0.75rem); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes ob-build-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-0.65rem); }
}

@media (min-width: 40rem) {
	.ob-build-with-us { padding-right: 2rem; padding-left: 2rem; }
	.ob-build-with-us__cards { grid-auto-rows: auto; gap: 0.75rem; }
	.ob-build-card { height: auto; min-height: 7.25rem; grid-template-columns: 4.5rem minmax(0, 1fr) auto; grid-template-rows: none; align-items: center; gap: 0.8rem; padding: 0.75rem; }
	.ob-build-card img { width: 4.5rem; height: 4.5rem; }
	.ob-build-card__copy strong { font-size: 1.15rem; line-height: 1.1; }
	.ob-build-card__description { font-size: 0.98rem; line-height: 1.25; }
	.ob-build-card__description--full { display: inline; }
	.ob-build-card__description--mobile { display: none; }
	.ob-build-card__arrow { justify-self: auto; font-size: 1.35rem; }
	.ob-build-with-us__rotator { width: min(100%, 25rem); }
	.ob-build-knowledge { grid-template-columns: 9rem minmax(0, 1fr); padding: 1.25rem; }
	.ob-build-knowledge > img { width: 9rem; height: 9rem; }
}

@media (min-width: 64rem) {
	.ob-build-with-us { padding-right: 3rem; padding-left: 3rem; }
	.ob-build-with-us__main { grid-template-columns: minmax(0, 1.55fr) minmax(18rem, 0.75fr); align-items: center; }
	.ob-build-with-us__rotator { width: min(100%, 31rem); }
	.ob-build-knowledge { grid-template-columns: 10rem minmax(0, 1fr); margin-top: 1.5rem; padding: 1.5rem; }
	.ob-build-knowledge > img { width: 10rem; height: 10rem; }
}

@media (max-width: 24rem) {
	.ob-build-knowledge { grid-template-columns: 5rem minmax(0, 1fr); gap: 0.75rem; }
	.ob-build-knowledge > img { width: 5rem; height: 5rem; }
}

@media (max-width: 21.249rem) {
	.ob-build-with-us__cards { grid-template-columns: minmax(0, 1fr); }
	.ob-build-card { height: auto; min-height: 7.25rem; grid-template-columns: 4rem minmax(0, 1fr) auto; grid-template-rows: none; align-items: center; }
	.ob-build-card img { width: 4rem; height: 4rem; }
}

@media (prefers-reduced-motion: reduce) {
	.ob-build-card,
	.ob-build-card__arrow,
	.ob-build-with-us__visual img,
	.ob-build-knowledge,
	.ob-build-knowledge::after,
	.ob-build-knowledge__cta > span { animation: none; transition: none; }
}

/* Phase 1 hook-model structure and mobile-first strips */
.ob-homepage-root .ob-lifecycle__title,
.ob-homepage-root .ob-order-desk__title {
	font-family: "Archivo Black", Arial, sans-serif;
	font-weight: 400;
}

.ob-home-router__groups {
	display: grid;
	gap: 0.75rem;
}

.ob-home-router__group-labels {
	display: flex;
	min-width: 0;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid #dedede;
}

.ob-home-router__group-label {
	display: inline-flex;
	margin: 0;
	align-items: center;
	gap: 0.4rem;
	color: #6a6a6a;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ob-home-router__group-label::before {
	width: 0.45rem;
	height: 0.45rem;
	flex: 0 0 0.45rem;
	border-radius: 50%;
	background: #e8111a;
	content: "";
}

.ob-home-router__groups .ob-home-router__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ob-lifecycle,
.ob-lifecycle *,
.ob-lifecycle *::before,
.ob-lifecycle *::after,
.ob-order-desk,
.ob-order-desk *,
.ob-order-desk *::before,
.ob-order-desk *::after {
	box-sizing: border-box;
}

.ob-lifecycle {
	padding: 0 0.75rem 2.5rem;
	background: #fff;
	color: #0a0a0a;
}

.ob-lifecycle__inner {
	width: min(90rem, 100%);
	margin: 0 auto;
	padding: 1.25rem 0;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

.ob-lifecycle__header {
	padding: 0 0.25rem 0.85rem;
}

.ob-lifecycle__eyebrow,
.ob-lifecycle__title {
	margin: 0;
}

.ob-lifecycle__eyebrow {
	color: #e8111a;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.ob-lifecycle__title {
	margin-top: 0.25rem;
	font-size: clamp(1.5rem, 7vw, 2.25rem);
	line-height: 1.05;
}

.ob-lifecycle__steps {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0 0.25rem 0.5rem;
	gap: 0.75rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.ob-lifecycle__step {
	position: relative;
	display: grid;
	min-width: 0;
	flex: 0 0 min(72vw, 16rem);
	grid-template-columns: 2.75rem minmax(0, 1fr);
	grid-template-rows: auto auto;
	align-items: center;
	column-gap: 0.75rem;
	padding: 0.85rem;
	scroll-snap-align: start;
	border: 1px solid #dedede;
	border-radius: 0.65rem;
	background: #f8f8f7;
}

.ob-lifecycle__step:not(:last-child)::after {
	position: absolute;
	top: 50%;
	right: -0.8rem;
	width: 0.85rem;
	height: 2px;
	background: #e8111a;
	content: "";
}

.ob-lifecycle__icon {
	display: grid;
	grid-row: 1 / 3;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	border-radius: 50%;
	background: #0a0a0a;
	color: #fff;
}

.ob-lifecycle__icon svg {
	width: 1.45rem;
	height: 1.45rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5;
}

.ob-lifecycle__number {
	align-self: end;
	color: #e8111a;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
}

.ob-lifecycle__step strong {
	align-self: start;
	font-size: 1rem;
	line-height: 1.15;
}

.ob-shipping-control__media {
	display: grid;
	margin: 0 auto 0.75rem;
	place-items: center;
}

.ob-shipping-control__media img {
	display: block;
	width: min(100%, 19rem);
	height: auto;
	object-fit: contain;
}

.ob-shipping-control__card {
	min-height: 0;
	grid-template-rows: auto auto;
	row-gap: 0.75rem;
}

.ob-order-desk {
	padding: 2.5rem 0.75rem;
	background: #f7f7f6;
	color: #fff;
}

.ob-order-desk__inner {
	display: grid;
	width: min(90rem, 100%);
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid #292929;
	border-radius: 0.9rem;
	background: radial-gradient(circle at 78% 32%, rgba(232, 17, 26, 0.18), transparent 22rem), #090909;
}

.ob-order-desk__content {
	padding: 1.5rem 1.25rem 0;
}

.ob-order-desk__eyebrow,
.ob-order-desk__title,
.ob-order-desk__intro {
	margin: 0;
}

.ob-order-desk__eyebrow {
	color: #ff3038;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.ob-order-desk__title {
	max-width: 20ch;
	margin-top: 0.45rem;
	color: #ffffff !important;
	font-size: clamp(1.85rem, 8vw, 3rem);
	line-height: 1.04;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.ob-order-desk__intro {
	max-width: 42rem;
	margin-top: 0.8rem;
	color: #c7c7c7;
	font-size: 0.95rem;
	line-height: 1.55;
}

.ob-order-desk__cta {
	display: inline-flex;
	min-height: 3rem;
	margin-top: 1.1rem;
	padding: 0.75rem 1rem;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	border-radius: 0.35rem;
	background: #e8111a;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
}

.ob-order-desk__media {
	display: grid;
	place-items: center;
}

.ob-order-desk__media img {
	display: block;
	width: min(100%, 24rem);
	height: auto;
	object-fit: contain;
}

.ob-final-cta__trust-line {
	margin: 1.25rem 0 0;
	color: #c8c8c8;
	font-size: 0.85rem;
	line-height: 1.45;
}

.ob-home-trust__list,
.ob-homepage-proof__metrics {
	display: flex;
	gap: 0.75rem;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.ob-home-trust__list {
	padding: 0.65rem 0;
}

.ob-home-trust__item {
	flex: 0 0 min(78vw, 18rem);
	scroll-snap-align: start;
	border: 1px solid #292929;
	border-radius: 0.5rem;
	background: #111;
}

.ob-homepage-proof__metric {
	flex: 0 0 min(82vw, 20rem);
	scroll-snap-align: start;
}

.ob-homepage-certs__grid li {
	flex-basis: min(64vw, 15rem);
}

.ob-home-trust__list:focus-visible,
.ob-lifecycle__steps:focus-visible,
.ob-homepage-certs__grid:focus-visible {
	outline: 3px solid #e8111a;
	outline-offset: 3px;
}

.ob-build-card,
.ob-build-with-us__visual img {
	animation: none;
}

@media (min-width: 40rem) {
	.ob-home-router__groups .ob-home-router__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ob-lifecycle,
	.ob-order-desk {
		padding-right: 2rem;
		padding-left: 2rem;
	}

	.ob-lifecycle__step {
		flex-basis: 15rem;
	}

	.ob-order-desk__inner {
		grid-template-columns: minmax(0, 1.15fr) minmax(17rem, 0.85fr);
		align-items: center;
	}

	.ob-order-desk__content {
		padding: 2rem;
	}

	.ob-home-trust__item,
	.ob-homepage-proof__metric {
		flex-basis: min(44vw, 20rem);
	}
}

@media (min-width: 64rem) {
	.ob-home-router__groups {
		gap: 1rem;
	}

	.ob-home-router__group-labels {
		justify-content: center;
		gap: 2rem;
	}

	.ob-home-router__groups .ob-home-router__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ob-lifecycle,
	.ob-order-desk {
		padding-right: 3rem;
		padding-left: 3rem;
	}

	.ob-lifecycle__header {
		text-align: center;
	}

	.ob-lifecycle__steps {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		overflow: visible;
	}

	.ob-lifecycle__step {
		flex-basis: auto;
	}

	.ob-shipping-control__inner {
		display: grid;
		grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.7fr);
		grid-template-areas: "header header" "media cards" "coverage coverage";
		column-gap: 1.25rem;
	}

	.ob-shipping-control__header { grid-area: header; }
	.ob-shipping-control__media { grid-area: media; margin: 0; }
	.ob-shipping-control__grid { grid-area: cards; }
	.ob-shipping-control__coverage { grid-area: coverage; }

	.ob-shipping-control__media img {
		width: min(100%, 22rem);
	}

	.ob-order-desk__content {
		padding: 3rem;
	}

	.ob-order-desk__media img {
		width: min(100%, 31rem);
	}

	.ob-home-trust__list,
	.ob-homepage-proof__metrics {
		display: grid;
		overflow: visible;
		scroll-snap-type: none;
	}

	.ob-home-trust__list {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 0;
		padding: 0;
	}

	.ob-home-trust__item,
	.ob-homepage-proof__metric {
		min-width: 0;
		border-radius: 0;
		scroll-snap-align: none;
	}

	.ob-homepage-proof__metrics {
		grid-template-columns: minmax(0, 0.95fr) repeat(3, minmax(0, 1fr));
		gap: 0;
	}
}

/* Wholesale Fabric Lab refinement: one selector rail and square artwork */
.ob-fabric-lab__featured {
	grid-template-columns: minmax(0, 1fr);
}

.ob-fabric-lab__featured-media {
	width: 100%;
	min-height: 0;
	aspect-ratio: 1 / 1;
	padding: 0.5rem;
	border-right: 0;
	border-bottom: 1px solid #2f2f2f;
}

.ob-fabric-lab__featured-image {
	width: 100%;
	height: 100%;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.ob-fabric-lab__featured-image-link {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
}

.ob-fabric-lab__featured-image-link:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: -3px;
}

.ob-fabric-lab__featured-content {
	justify-content: flex-start;
	padding: 1rem;
}

.ob-fabric-lab__featured-title {
	margin: 0 0 0.75rem;
}

.ob-fabric-lab__price-block {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.ob-fabric-lab__actions {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

.ob-fabric-lab__button {
	width: 100%;
}

.ob-fabric-lab__product-card {
	position: relative;
	min-width: min(58vw, 15rem);
	min-height: 0;
	flex-basis: min(58vw, 15rem);
	padding: 0.45rem;
	background: #101010;
}

.ob-fabric-lab__product-image {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	margin-bottom: 0.55rem;
}

.ob-fabric-lab__product-image img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.ob-fabric-lab__product-name {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.ob-fabric-lab__product-price {
	font-size: 0.72rem;
	line-height: 1.25;
}

@media (min-width: 40rem) {
	.ob-fabric-lab__featured {
		grid-template-columns: minmax(0, 1.65fr) minmax(13rem, 1fr);
		align-items: stretch;
	}

	.ob-fabric-lab__featured-media {
		border-right: 1px solid #2f2f2f;
		border-bottom: 0;
	}

	.ob-fabric-lab__featured-content {
		justify-content: center;
		padding: 1.25rem;
	}

	.ob-fabric-lab__product-card {
		min-width: 12.5rem;
		flex-basis: 12.5rem;
	}
}

@media (min-width: 64rem) {
	.ob-fabric-lab__featured {
		grid-template-columns: minmax(0, 2.1fr) minmax(16rem, 1fr);
	}

	.ob-fabric-lab__featured-media,
	.ob-fabric-lab__featured-image {
		height: auto;
	}

	.ob-fabric-lab__featured-content {
		padding: 1.5rem;
	}

	.ob-fabric-lab__product-card {
		min-width: calc((100% - 1.4rem) / 5);
		flex-basis: calc((100% - 1.4rem) / 5);
	}
}

@media (max-width: 39.9375rem) {
	.ob-fabric-lab__featured {
		grid-template-columns: minmax(0, 1fr);
	}

	.ob-fabric-lab__featured-media {
		min-height: 0;
		border-right: 0;
		border-bottom: 1px solid #2f2f2f;
	}

	.ob-fabric-lab__featured-image {
		width: 100%;
		height: 100%;
	}

	.ob-fabric-lab__featured-content {
		padding: 0.7rem;
	}

	.ob-fabric-lab__price {
		font-size: 1.5rem;
	}

	.ob-fabric-lab__button {
		min-height: 2.75rem;
		padding: 0.65rem 0.55rem;
		font-size: 0.68rem;
	}

	.ob-fabric-lab__actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.4rem;
		margin-top: 0.65rem;
	}

	.ob-fabric-lab__actions > :only-child {
		grid-column: 1 / -1;
	}
}

/* Phase 2: lightweight motion and interaction system */
.ob-homepage-root .ob-motion-surface {
	--ob-reveal-y: 0px;
	--ob-lift-y: 0px;
	--ob-tilt-x: 0deg;
	--ob-tilt-y: 0deg;
	--ob-press-scale: 1;
	transform: perspective(1100px) translate3d(0, calc(var(--ob-reveal-y) + var(--ob-lift-y)), 0) rotateX(var(--ob-tilt-x)) rotateY(var(--ob-tilt-y)) scale(var(--ob-press-scale));
	transform-style: preserve-3d;
	transition: opacity 480ms ease, transform 480ms cubic-bezier(0.2, 0.75, 0.25, 1), border-color 220ms ease, box-shadow 220ms ease;
}

.ob-homepage-root .ob-motion-reveal:not(.is-ob-revealed) {
	--ob-reveal-y: 18px;
	opacity: 0;
}

.ob-homepage-root .ob-motion-reveal.is-ob-revealed {
	--ob-reveal-y: 0px;
	opacity: 1;
	transition-delay: var(--ob-reveal-delay, 0ms);
}

.ob-homepage-root .ob-motion-reveal.is-ob-reveal-complete {
	transition-delay: 0ms;
}

.ob-homepage-root .ob-motion-lift:hover,
.ob-homepage-root .ob-motion-lift:focus-visible,
.ob-homepage-root .ob-motion-lift:focus-within {
	--ob-lift-y: -5px;
	border-color: rgba(232, 17, 26, 0.58);
	box-shadow: 0 16px 34px rgba(0, 0, 0, 0.14);
}

.ob-homepage-root .ob-motion-surface.is-ob-pressed {
	--ob-lift-y: -1px;
	--ob-press-scale: 0.985;
	transition-duration: 110ms;
}

.ob-homepage-root .is-ob-tilt-ready {
	will-change: transform;
}

.ob-homepage-root .ob-parallax-target {
	transform: translate3d(0, var(--ob-parallax-y, 0px), 0) scale(1.012);
	will-change: transform;
}

.ob-homepage-root .ob-home-hero__image.ob-parallax-target,
.ob-homepage-root .ob-build-with-us__visual.ob-parallax-target {
	animation: none;
}

/* Connector drawing is activated once when the lifecycle enters the viewport. */
.ob-homepage-root .ob-lifecycle__step:not(:last-child)::after {
	opacity: 0;
	transform: scaleX(0);
	transform-origin: left center;
	transition: opacity 280ms ease, transform 480ms cubic-bezier(0.2, 0.75, 0.25, 1);
}

.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:not(:last-child)::after {
	opacity: 1;
	transform: scaleX(1);
}

.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(2)::after { transition-delay: 80ms; }
.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(3)::after { transition-delay: 160ms; }
.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(4)::after { transition-delay: 240ms; }
.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(5)::after { transition-delay: 320ms; }

.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__icon {
	animation: ob-lifecycle-icon-in 440ms cubic-bezier(0.2, 0.75, 0.25, 1) both;
}

.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(2) .ob-lifecycle__icon { animation-delay: 65ms; }
.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(3) .ob-lifecycle__icon { animation-delay: 130ms; }
.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(4) .ob-lifecycle__icon { animation-delay: 195ms; }
.ob-homepage-root .is-ob-lifecycle-active .ob-lifecycle__step:nth-child(5) .ob-lifecycle__icon { animation-delay: 260ms; }

@keyframes ob-lifecycle-icon-in {
	0% { opacity: 0.55; transform: scale(0.88); }
	100% { opacity: 1; transform: scale(1); }
}

/* Buttons and compact icon/arrow feedback. */
.ob-homepage-root :is(
	.ob-home-router-card__link,
	.ob-fabric-lab__button,
	.ob-fabric-lab__nav,
	.ob-create-sell__cta,
	.ob-shipping-control__cta,
	.ob-order-desk__cta,
	.ob-homepage-proof__button,
	.ob-homepage-certs__control,
	.ob-build-knowledge,
	.ob-final-cta__button
) {
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.ob-homepage-root :is(
	.ob-home-router-card__link,
	.ob-fabric-lab__button,
	.ob-create-sell__cta,
	.ob-shipping-control__cta,
	.ob-order-desk__cta,
	.ob-homepage-proof__button,
	.ob-build-knowledge,
	.ob-final-cta__button
):is(:hover, :focus-visible) {
	transform: translateY(-2px);
}

.ob-homepage-root :is(
	.ob-home-router-card__link,
	.ob-create-sell__cta,
	.ob-order-desk__cta,
	.ob-homepage-proof__button,
	.ob-final-cta__button
) > :is(span, svg):last-child {
	display: inline-block;
	transition: transform 180ms ease;
}

.ob-homepage-root :is(
	.ob-home-router-card__link,
	.ob-create-sell__cta,
	.ob-order-desk__cta,
	.ob-homepage-proof__button,
	.ob-build-card,
	.ob-build-knowledge,
	.ob-final-cta__button
):is(:hover, :focus-visible) > :is(span, svg):last-child {
	transform: translateX(3px);
}

.ob-homepage-root .ob-build-knowledge:is(:hover, :focus-visible) .ob-build-knowledge__cta > span {
	transform: translateX(3px);
}

.ob-homepage-root .ob-build-knowledge__cta > span {
	display: inline-block;
	transition: transform 180ms ease;
}

.ob-homepage-root .ob-home-router-card__link::after,
.ob-homepage-root .ob-shipping-control__cta > span:last-child,
.ob-homepage-root .ob-homepage-certs__action > span,
.ob-homepage-root .ob-fabric-lab__nav > span {
	display: inline-block;
	transition: transform 180ms ease;
}

.ob-homepage-root .ob-home-router-card:is(:hover, :focus-within) .ob-home-router-card__link::after,
.ob-homepage-root .ob-shipping-control__cta:is(:hover, :focus-visible) > span:last-child,
.ob-homepage-root .ob-homepage-certs__card:is(:hover, :focus-visible) .ob-homepage-certs__action > span,
.ob-homepage-root .ob-fabric-lab__nav--next:is(:hover, :focus-visible) > span {
	transform: translateX(3px);
}

.ob-homepage-root .ob-fabric-lab__nav--previous:is(:hover, :focus-visible) > span {
	transform: translateX(-3px);
}

.ob-homepage-root .ob-home-router-card__icon,
.ob-homepage-root .ob-shipping-control__cta > svg {
	transition: transform 180ms ease;
}

.ob-homepage-root .ob-home-router-card:is(:hover, :focus-within) .ob-home-router-card__icon,
.ob-homepage-root .ob-shipping-control__cta:is(:hover, :focus-visible) > svg {
	transform: scale(1.045);
}

.ob-homepage-root :is(.ob-fabric-lab__nav, .ob-homepage-certs__control):is(:hover, :focus-visible) {
	transform: scale(1.06);
}

.ob-homepage-root :is(
	.ob-home-router-card__link,
	.ob-fabric-lab__button,
	.ob-fabric-lab__nav,
	.ob-create-sell__cta,
	.ob-shipping-control__cta,
	.ob-order-desk__cta,
	.ob-homepage-proof__button,
	.ob-homepage-certs__control,
	.ob-build-knowledge,
	.ob-final-cta__button
).is-ob-pressed,
.ob-homepage-root :is(
	.ob-home-router-card__link,
	.ob-fabric-lab__button,
	.ob-fabric-lab__nav,
	.ob-create-sell__cta,
	.ob-shipping-control__cta,
	.ob-order-desk__cta,
	.ob-homepage-proof__button,
	.ob-homepage-certs__control,
	.ob-build-knowledge,
	.ob-final-cta__button
):active {
	transform: translateY(0) scale(0.975);
}

/* Cloned tracks are mobile-only; the source sequence remains the accessible one. */
@media (min-width: 48rem) {
	.ob-homepage-root [data-ob-marquee-clone] {
		display: none !important;
	}

	.ob-homepage-root .ob-lifecycle__step[data-ob-marquee-last]:not([data-ob-marquee-clone])::after {
		display: none;
	}
}

@media (max-width: 47.99rem) and (prefers-reduced-motion: no-preference) {
	.ob-homepage-root .is-ob-marquee {
		cursor: grab;
	}

	.ob-homepage-root .is-ob-marquee:active {
		cursor: grabbing;
	}

	.ob-homepage-root .is-ob-marquee:not(.is-ob-marquee-paused) {
		scroll-snap-type: none;
	}

	.ob-homepage-root .is-ob-marquee.is-ob-marquee-paused {
		scroll-snap-type: x mandatory;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ob-homepage-root [data-ob-marquee-clone] {
		display: none !important;
	}

	.ob-homepage-root .ob-lifecycle__step[data-ob-marquee-last]:not([data-ob-marquee-clone])::after {
		display: none;
	}

	.ob-homepage-root .ob-motion-surface,
	.ob-homepage-root .ob-motion-reveal,
	.ob-homepage-root .ob-motion-reveal:not(.is-ob-revealed),
	.ob-homepage-root .ob-motion-lift:hover,
	.ob-homepage-root .ob-motion-lift:focus-visible,
	.ob-homepage-root .ob-motion-lift:focus-within,
	.ob-homepage-root .ob-motion-surface.is-ob-pressed {
		--ob-reveal-y: 0px;
		--ob-lift-y: 0px;
		--ob-tilt-x: 0deg;
		--ob-tilt-y: 0deg;
		--ob-press-scale: 1;
		opacity: 1;
		transform: none;
		transition: none;
	}

	.ob-homepage-root .ob-parallax-target,
	.ob-homepage-root :is(
		.ob-home-router-card__link,
		.ob-fabric-lab__button,
		.ob-fabric-lab__nav,
		.ob-create-sell__cta,
		.ob-shipping-control__cta,
		.ob-order-desk__cta,
		.ob-homepage-proof__button,
		.ob-homepage-certs__control,
		.ob-build-card,
		.ob-build-knowledge,
		.ob-final-cta__button
	),
	.ob-homepage-root :is(
		.ob-home-router-card__link,
		.ob-create-sell__cta,
		.ob-order-desk__cta,
		.ob-homepage-proof__button,
		.ob-build-knowledge__cta,
		.ob-final-cta__button
	) > :is(span, svg):last-child {
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}

	.ob-homepage-root .ob-home-router-card__link::after,
	.ob-homepage-root .ob-shipping-control__cta > span:last-child,
	.ob-homepage-root .ob-homepage-certs__action > span,
	.ob-homepage-root .ob-fabric-lab__nav > span,
	.ob-homepage-root .ob-home-router-card__icon,
	.ob-homepage-root .ob-shipping-control__cta > svg,
	.ob-homepage-root .ob-build-knowledge__cta > span {
		transform: none !important;
		transition: none !important;
		animation: none !important;
	}

	.ob-homepage-root .ob-lifecycle__step:not(:last-child)::after {
		opacity: 1;
		transform: scaleX(1);
		transition: none;
	}

	.ob-homepage-root .ob-lifecycle__icon {
		animation: none !important;
	}
}