.cc-delivery-assistance-slot {
	container: cc-da-slot / inline-size;
	width: 100%;
	min-width: 0;
}

.cc-delivery-assistance {
	--cc-da-ink: #191b20;
	--cc-da-muted: #64676c;
	--cc-da-brown: #a57955;
	--cc-da-border: #eee3d6;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	gap: clamp(24px, 4vw, 56px);
	width: 100%;
	margin: 18px 0;
	padding: clamp(24px, 4vw, 48px);
	border: 1px solid var(--cc-da-border);
	border-radius: 20px;
	background: linear-gradient(135deg, #fffdfa 0%, #fcf8f2 100%);
	color: var(--cc-da-ink);
	text-align: left;
	box-shadow: 0 8px 28px rgba(73, 57, 46, 0.045);
}

.cc-delivery-assistance *,
.cc-delivery-assistance *::before,
.cc-delivery-assistance *::after {
	box-sizing: border-box;
}

.cc-delivery-assistance__illustration {
	display: grid;
	width: 100%;
	max-width: 220px;
	aspect-ratio: 1;
	place-items: center;
	justify-self: center;
	overflow: hidden;
	border-radius: 50%;
	background: radial-gradient(circle at 45% 38%, #fffdf9 0%, #f4e9dc 72%, #f0e3d4 100%);
}

.cc-delivery-assistance__illustration svg {
	display: block;
	width: 100%;
	height: 100%;
}

.cc-da-art__halo {
	fill: #f6ede3;
}

.cc-da-art__route {
	fill: none;
	stroke: #ddc2a3;
	stroke-dasharray: 5 7;
	stroke-linecap: round;
	stroke-width: 3;
}

.cc-da-art__cloud {
	fill: #e8d8c7;
}

.cc-da-art__pin {
	fill: #a87850;
}

.cc-da-art__shadow {
	fill: #dfcdb8;
	opacity: 0.65;
}

.cc-da-art__van {
	fill: #d6ad83;
}

.cc-da-art__cab {
	fill: #b98e66;
}

.cc-da-art__window {
	fill: #e8d9c8;
}

.cc-da-art__wheel {
	fill: #4d443a;
}

.cc-da-art__hub {
	fill: #d5c2aa;
}

.cc-delivery-assistance__content {
	min-width: 0;
	width: 100%;
}

.cc-delivery-assistance--compact {
	grid-template-columns: minmax(0, 1fr) !important;
	align-items: center;
	gap: 14px !important;
	padding: 18px !important;
}

.cc-delivery-assistance--compact .cc-delivery-assistance__illustration {
	width: 88px;
	max-width: 88px;
}

.cc-delivery-assistance--compact .cc-delivery-assistance__content h3 {
	margin-bottom: 7px;
	font-size: 18px;
	line-height: 1.25;
}

.cc-delivery-assistance--compact .cc-delivery-assistance__content > p:not(.cc-delivery-assistance__disclaimer) {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.45;
}

.cc-delivery-assistance--compact .cc-delivery-assistance__button {
	grid-template-columns: 20px minmax(0, 1fr) 20px;
	gap: 7px;
	min-height: 46px;
	padding: 9px 10px;
	border-radius: 10px;
	font-size: 14px;
}

.cc-delivery-assistance--compact .cc-delivery-assistance__button svg {
	width: 20px;
	height: 20px;
}

.cc-delivery-assistance--compact .cc-delivery-assistance__content > p.cc-delivery-assistance__disclaimer {
	margin-top: 9px;
	font-size: 12px;
}

.cc-delivery-assistance-slot h3 {
	margin: 0 0 0px;
	color:#000;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	text-align: left;
}

.cc-delivery-assistance .cc-delivery-assistance__content > p:not(.cc-delivery-assistance__disclaimer) {
	margin: 0 0 15px;
	color: var(--cc-da-muted);
	font-size: 15px;
	line-height: 1.5;
}

.cc-delivery-assistance .cc-delivery-assistance__button {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr) 30px;
	align-items: center;
	justify-items: center;
	gap: 16px;
	width: 100%;
	min-height: 50px;
	padding: 10px 24px;
	border: 1px solid #138551;
	border-radius: 15px;
	background: linear-gradient(105deg, #07864e, #078b50);
	color: #fff !important;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	box-shadow: 0 4px 10px rgba(6, 119, 69, 0.12);
	transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.cc-delivery-assistance .cc-delivery-assistance__button:hover,
.cc-delivery-assistance .cc-delivery-assistance__button:focus {
	border-color: #066b3f;
	background: #067545;
	color: #fff !important;
	text-decoration: none !important;
}

.cc-delivery-assistance .cc-delivery-assistance__button:hover {
	transform: translateY(-1px);
	box-shadow: 0 7px 16px rgba(6, 119, 69, 0.2);
}

.cc-delivery-assistance .cc-delivery-assistance__button:focus-visible {
	outline: 3px solid rgba(35, 140, 87, 0.3);
	outline-offset: 3px;
}

.cc-delivery-assistance__button svg {
	display: block;
	width: 28px;
	height: 28px;
	fill: currentColor;
}

.cc-delivery-assistance__button .cc-delivery-assistance__arrow {
	width: 30px;
	height: 30px;
}
/*
.cc-delivery-assistance .cc-delivery-assistance__content > p.cc-delivery-assistance__disclaimer {
	margin: 16px 0 0;
	color: var(--cc-da-muted);
	font-size: clamp(13px, 1.25vw, 17px);
	line-height: 1.5;
}*/

@media (max-width: 760px) {
	.cc-delivery-assistance {
		grid-template-columns: 1fr;
		gap: 22px;
		padding: 24px;
		border-radius: 16px;
	}

	.cc-delivery-assistance__illustration {
		width: min(160px, 42vw);
	}

	.cc-delivery-assistance .cc-delivery-assistance__content h3 {
		font-size: clamp(20px, 5vw, 26px);
	}

	.cc-delivery-assistance .cc-delivery-assistance__content > p:not(.cc-delivery-assistance__disclaimer) {
		font-size: 16px;
	}

	.cc-delivery-assistance .cc-delivery-assistance__button {
		grid-template-columns: 24px minmax(0, 1fr) 24px;
		gap: 10px;
		min-height: 58px;
		padding: 12px 14px;
		border-radius: 12px;
		font-size: 16px;
	}

	.cc-delivery-assistance__button svg {
		width: 23px;
		height: 23px;
	}
}

@media (max-width: 380px) {
	.cc-delivery-assistance {
		gap: 16px;
		padding: 18px;
	}

	.cc-delivery-assistance .cc-delivery-assistance__button {
		grid-template-columns: 20px minmax(0, 1fr) 20px;
		gap: 7px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cc-delivery-assistance .cc-delivery-assistance__button {
		transition: none;
	}
}