/**
 * Блок «Доставка» на странице товара: карта с городами и условия самовывоза.
 * Своя вёрстка вместо двух Zero-блоков Tilda — см. block-good-delivery.php.
 *
 * Размеры сняты с прежней вёрстки: заголовки 40/1.2 с -0.5px трекинга, подписи
 * 16 и 24px, синяя плашка радиусом 24px на #3d93ff, тёмная карточка #222937.
 * Раскладка своя: на широких экранах карта во всю ширину контейнера, заголовок
 * над ней слева; на узких всё встаёт в столбик и ничего не выходит за экран.
 */

.wsn-deliv,
.wsn-pickup {
	background: #ecf0f5;
	font-family: 'Montserrat', Arial, sans-serif;
	color: #222937;
}

.wsn-deliv__wrap,
.wsn-pickup__wrap {
	box-sizing: border-box;
	max-width: 1240px;
	margin: 0 auto;
	padding: 60px 20px;
}

/* ---------- карта ---------- */

.wsn-deliv__title {
	margin: 0;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -.5px;
}

.wsn-deliv__title span { font-weight: 500; }

.wsn-deliv__sub {
	margin: 18px 0 0;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.45;
	letter-spacing: -.2px;
}

/* Карта — обычная картинка по ширине контейнера. Раньше она стояла абсолютом
   шириной 1127px и на телефоне уезжала за край экрана. */
.wsn-deliv__map {
	position: relative;
	margin-top: -20px;
}

.wsn-deliv__map-pic {
	display: block;
	width: 100%;
	height: auto;
}

/* Подписи к значкам: на широком экране — в правом нижнем углу карты. */
.wsn-deliv__legend {
	position: absolute;
	right: 0;
	bottom: 10px;
	display: flex;
	gap: 26px;
}

.wsn-deliv__leg {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	opacity: .8;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: -.2px;
}

.wsn-deliv__leg img { display: block; width: 20px; height: 20px; }

/* Синяя плашка про центральный склад — слева под картой. */
.wsn-deliv__badge {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 254px;
	max-width: 100%;
	margin-top: -40px;
	padding: 20px;
	border-radius: 24px;
	background: #3d93ff;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}

.wsn-deliv__badge img { display: block; width: 24px; height: 24px; }
.wsn-deliv__badge strong { font-weight: 600; }

/* ---------- самовывоз ---------- */

.wsn-pickup__wrap {
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.wsn-pickup__col { flex: 1 1 auto; min-width: 0; }

.wsn-pickup__title {
	margin: 0;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -.5px;
}

.wsn-pickup__title span { font-weight: 500; }

.wsn-pickup__sub {
	margin: 20px 0 0;
	opacity: .8;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -.2px;
}

/* Список с галочками: значок нарисован фоном, как в блоке комплектации. */
.wsn-pickup__list {
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}

.wsn-pickup__list li {
	position: relative;
	margin-bottom: 12px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -.2px;
}

.wsn-pickup__list li:last-child { margin-bottom: 0; }

.wsn-pickup__list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 14px;
	height: 14px;
	background: url("/wp-content/themes/weisan/assets/img/block-good-delivery/tild3861-3961-4836-b563-356365393932/tick-circle.svg") center/14px 14px no-repeat;
}

.wsn-pickup__addr {
	display: flex;
	align-items: center;
	gap: 10px;
	max-width: 360px;
	margin-top: 30px;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -.2px;
}

.wsn-pickup__addr img { flex: 0 0 auto; width: 38px; height: 38px; }

.wsn-pickup__note {
	max-width: 530px;
	margin: 18px 0 0;
	opacity: .9;
	color: #000;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -.2px;
}

.wsn-pickup__note strong { font-weight: 600; }

/* Тёмная карточка с фотографией ящика. */
.wsn-pickup__card {
	flex: 0 0 292px;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 24px;
	background: #222937;
	color: #fff;
}

.wsn-pickup__card-pic {
	display: block;
	width: 100%;
	height: 225px;
	object-fit: cover;
}

.wsn-pickup__card-text {
	margin: 0;
	padding: 20px;
	opacity: .9;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -.2px;
}

/* ---------- узкие экраны ---------- */

@media (max-width: 959px) {
	.wsn-deliv__wrap,
	.wsn-pickup__wrap { padding: 45px 20px; }

	.wsn-deliv__title,
	.wsn-pickup__title { font-size: 32px; }

	.wsn-deliv__sub { font-size: 20px; }

	.wsn-pickup__wrap { gap: 30px; }
	.wsn-pickup__card { flex-basis: 240px; }
	.wsn-pickup__card-pic { height: 180px; }
}

@media (max-width: 767px) {
	/* столбик: карточка с ящиком уходит под текст, легенда — под карту */
	.wsn-pickup__wrap { flex-direction: column; }
	.wsn-pickup__card { flex: 0 0 auto; width: 100%; max-width: 360px; }

	.wsn-deliv__map { margin-top: 10px; }

	.wsn-deliv__legend {
		position: static;
		justify-content: center;
		margin-top: 6px;
	}

	.wsn-deliv__badge { margin-top: 16px; }
}

@media (max-width: 600px) {
	.wsn-deliv__wrap,
	.wsn-pickup__wrap { padding: 35px 16px; }

	.wsn-deliv__title,
	.wsn-pickup__title { font-size: 26px; }

	.wsn-deliv__sub { font-size: 17px; margin-top: 12px; }

	.wsn-pickup__sub { font-size: 15px; }

	.wsn-deliv__badge { width: 100%; }

	.wsn-deliv__legend { gap: 18px; }
}