.dzl-region-delivery {
	--dzl-border: #e5e5e5;
	--dzl-border-light: #ededed;
	--dzl-head: #f7f7f7;
	--dzl-text: #333;
	--dzl-yellow: #e1ad00;
	--dzl-yellow-dark: #c99700;
	--dzl-blue: #006ccf;
	--dzl-blue-dark: #004f99;
	--dzl-green: #32a852;
	--dzl-amber: #f2b600;

	margin: 24px 0;
	color: var(--dzl-text);
	font-family: Arial, "Helvetica Neue", sans-serif;
}

.dzl-region-delivery__table-wrap {
	overflow-x: auto;
	border: 1px solid var(--dzl-border);
	border-radius: 4px;
	background: #fff;
}

.dzl-region-delivery__table {
	width: 100%;
	min-width: 700px;
	border-collapse: collapse;
	table-layout: auto;
}

.dzl-region-delivery__table th,
.dzl-region-delivery__table td {
	padding: 6px 10px;
	border-bottom: 1px solid var(--dzl-border);
	border-right: 1px solid var(--dzl-border-light);
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

.dzl-region-delivery__table th:last-child,
.dzl-region-delivery__table td:last-child {
	border-right: 0;
}

.dzl-region-delivery__table th {
	padding-top: 11px;
	padding-bottom: 11px;
	background: var(--dzl-head);
	color: #222;
	font-size: 13px;
	font-weight: 700;
}

.dzl-region-delivery__table td {
	color: var(--dzl-text);
	font-size: 13px;
}

.dzl-region-delivery__table tr:last-child td {
	border-bottom: 0;
}

.dzl-region-delivery__type-col {
	min-width: 140px;
	max-width: 230px;
	white-space: normal;
}

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

.dzl-region-delivery__term {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	white-space: nowrap;
}

.dzl-region-delivery__dot {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	flex: 0 0 7px;
}

.dzl-region-delivery__dot--green {
	background: var(--dzl-green);
}

.dzl-region-delivery__dot--amber {
	background: var(--dzl-amber);
}

.dzl-region-delivery__price {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.dzl-region-delivery__price-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 23px;
	height: 23px;
	padding: 0;
	border: 1px solid var(--dzl-yellow-dark);
	border-radius: 3px;
	background: var(--dzl-yellow);
	color: #fff;
	font: inherit;
	text-decoration: none;
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease;
}

.dzl-region-delivery__price-icon {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
}

.dzl-region-delivery__price-btn:hover,
.dzl-region-delivery__price-btn:focus {
	background: var(--dzl-yellow-dark);
	border-color: var(--dzl-yellow-dark);
	color: #fff;
	text-decoration: none;
}

.dzl-region-delivery__hidden {
	display: none;
}

.dzl-region-delivery.is-open .dzl-region-delivery__hidden {
	display: table-row;
}

.dzl-region-delivery__more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
	padding: 0;
	border: 0;
	border-bottom: 1px dashed var(--dzl-blue);
	background: transparent;
	color: var(--dzl-blue);
	font: inherit;
	font-size: 14px;
	line-height: 1.3;
	cursor: pointer;
}

.dzl-region-delivery__more:hover,
.dzl-region-delivery__more:focus {
	color: var(--dzl-blue-dark);
	border-bottom-color: var(--dzl-blue-dark);
}

.dzl-region-delivery__more-icon {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .18s ease;
}

.dzl-region-delivery.is-open .dzl-region-delivery__more-icon {
	transform: rotate(225deg);
}

@media (hover: hover) and (pointer: fine) {
	.dzl-region-delivery__table tbody tr {
		transition: background-color .15s ease;
	}

	.dzl-region-delivery__table tbody tr:hover {
		background: #fffaf0;
	}
}

@media (max-width: 767px) {
	.dzl-region-delivery__table {
		width: max-content;
		min-width: 0;
		table-layout: auto;
	}

	.dzl-region-delivery__table th,
	.dzl-region-delivery__table td {
		padding: 6px 9px;
	}

	.dzl-region-delivery__table th {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.dzl-region-delivery__type-col {
		display: none;
	}
}