/**
 * Delivery card. Floating white card with a thin black outline, centered (max 600 px).
 * On store screens it sits over the lower edge of the wine header (negative top margin)
 * and scrolls away with the page. Colors come from the brand variables (--fdk-*).
 */
.fdk-delivery {
	position: relative;
	z-index: 6;
	box-sizing: border-box;
	max-width: 600px;
	margin: 0 auto 16px;
	background: #fff;
	border: 1px solid #111;
	border-radius: 22px;
	box-shadow: 0 16px 40px rgba(60, 0, 15, 0.22);
	color: #1B1011;
	font-family: var(--fdk-font-text, system-ui, sans-serif);
	font-size: 13px;
}

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

/* Over the header only on store screens. */
body.fdk-store .fdk-delivery {
	margin-top: -44px;
}

@media (max-width: 859px) {
	.fdk-delivery {
		margin-left: 16px;
		margin-right: 16px;
	}
}

.fdk-delivery__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 18px 20px;
}

.fdk-delivery__question {
	margin: 0;
	font-weight: 700;
	text-align: center;
}

.fdk-seg {
	display: flex;
	width: 100%;
	padding: 3px;
	background: #F1E9E6;
	border: 1px solid #111;
	border-radius: 999px;
}

.fdk-seg button {
	appearance: none;
	flex: 1;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #3A2C2E;
	cursor: pointer;
	font-family: inherit;
	font-weight: 700;
	font-size: 13px;
	padding: 9px 12px;
}

.fdk-seg button[aria-pressed="true"] {
	background: var(--fdk-brand);
	color: var(--fdk-on-brand);
}

.fdk-seg button:disabled {
	cursor: not-allowed;
	opacity: 0.45;
}

.fdk-seg button:focus-visible,
.fdk-delivery select:focus-visible {
	outline: 2px solid var(--fdk-brand);
	outline-offset: 2px;
}

.fdk-delivery__schedule {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	width: 100%;
}

.fdk-delivery__schedule[hidden] {
	display: none;
}

.fdk-delivery select {
	flex: 1 1 140px;
	min-width: 0;
	border: 1px solid #111;
	border-radius: 10px;
	background: #fff;
	color: #1B1011;
	font-family: inherit;
	font-weight: 600;
	font-size: 13px;
	padding: 9px 10px;
}

.fdk-delivery__message {
	margin: 0;
	text-align: center;
	font-weight: 600;
	color: #6b1a1a;
}

.fdk-delivery__message:empty {
	display: none;
}

.fdk-delivery__where {
	margin: 0;
	text-align: center;
	font-weight: 500;
	color: #3A2C2E;
}

.fdk-delivery__where b {
	color: #1B1011;
}

.fdk-delivery [hidden] {
	display: none;
}