.obi-cart-hero {
	--obi-accent: #7C3AED;

	position: relative;
	overflow: hidden;
	padding: 32px 5%;
	font-family: 'Poppins', sans-serif;
}

.obi-cart-hero__decor {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

.obi-cart-hero__shape {
	position: absolute;
	top: -20%;
	right: -10%;
	width: 60%;
	height: 140%;
	background: linear-gradient(135deg, color-mix(in srgb, var(--obi-accent) 12%, transparent), color-mix(in srgb, var(--obi-accent) 4%, transparent));
	transform: skewX(-12deg);
}

.obi-cart-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 1280px;
	margin: 0 auto;
}

.obi-cart-hero__breadcrumb {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 12px;
	font-size: 13px;
}

.obi-cart-hero__breadcrumb a {
	color: var(--obi-accent);
	font-weight: 600;
	text-decoration: none;
}

.obi-cart-hero__breadcrumb a:hover {
	text-decoration: underline;
}

.obi-cart-hero__breadcrumb-sep {
	color: #A1A1AA;
}

.obi-cart-hero__breadcrumb-current {
	color: #71717A;
}

.obi-cart-hero__heading {
	margin: 0 0 10px;
	font-size: 36px;
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #1E1B4B;
}

.obi-cart-hero__description {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #52525B;
}

@media (max-width: 600px) {
	.obi-cart-hero {
		padding: 24px 6%;
	}

	.obi-cart-hero__heading {
		font-size: 28px;
	}
}