/* Секция допродаж с переключателем (блок diegenusspartner/additional-switch).
   Дизайн: Figma 2072:3365. Заголовок + подводка, сегмент-переключатель 403×48
   (две кнопки 196×40), сетка карточек 3 в ряд, кнопка в магазин. Ширины в px. */

.gp-addsw {
	padding: var(--wp--preset--spacing--r-80) 0;
	/* Фон кадра b2c 2446:3186 = #F6F9F5 (surface): на нём видны белые карточки .gp-pcard. */
	background: var(--wp--preset--color--surface);
}
.gp-addsw__inner {
	max-width: var(--wp--custom--layout--content-cap);
	margin: 0 auto;
	padding: 0 var(--wp--custom--layout--gutter);
}

/* Шапка секции по кадру b2c 2446:3187: по центру, заголовок в две строки, вторая — акцентом. */
.gp-addsw__head { text-align: center; }
.gp-addsw__title {
	margin: 0 auto;
	max-width: 510px;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-48);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--contrast);
}
.gp-addsw__accent { color: var(--wp--preset--color--primary); }
.gp-addsw__subtitle {
	margin: var(--wp--preset--spacing--r-16) 0 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-18);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--muted);
}
/* Без переключателя (вторая вкладка пустая или выключена) карточки идут сразу под шапкой. */
.gp-addsw__head + .gp-addsw__panel { margin-top: var(--wp--preset--spacing--r-40); }

/* — Сегмент-переключатель по кадру 2602:3784 (= 2446:3190): белая пилюля 403×48 в рамке leaf 1.5px,
   поля 4, две кнопки по 196×40, Montserrat 500/16, выбранная — бренд-градиент. — */
.gp-addsw__tabs {
	display: flex;
	width: fit-content;
	gap: 2px;
	margin: var(--wp--preset--spacing--r-32) auto var(--wp--preset--spacing--r-40);
	padding: 4px;
	background: var(--wp--preset--color--base);
	border: 1.5px solid var(--wp--preset--color--leaf);
	border-radius: var(--wp--custom--radius--pill);
}
.gp-addsw__tab {
	flex: 1 1 0;
	min-width: 196px;
	min-height: 40px;
	padding: 0 var(--wp--preset--spacing--r-16);
	border: 0;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--r-16);
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.01em;
	white-space: nowrap;
	color: var(--wp--preset--color--muted);
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.gp-addsw__tab:hover { background: var(--wp--preset--color--surface); }
.gp-addsw__tab.is-active {
	background: var(--wp--custom--gradient--brand);
	color: var(--wp--preset--color--contrast);
}

/* Вкладка товаров недели: пилюля и карточки берут стили week-boxes, у обёртки гасим поля и фон секции. */
.gp-addsw__week.gp-weekbox {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--r-40);
	padding: 0;
	background: none;
}
/* — Вариант stacked (зад. 109 П4, /fuer-zuhause/): вкладок нет, группы подряд, у каждой свой подзаголовок по центру. — */
.gp-addsw--stacked .gp-addsw__group { margin-top: var(--wp--preset--spacing--r-40); }
.gp-addsw--stacked .gp-addsw__group + .gp-addsw__group { margin-top: var(--wp--preset--spacing--r-64); }
.gp-addsw--stacked .gp-addsw__week.gp-weekbox { gap: var(--wp--preset--spacing--r-24); }
.gp-addsw__group-title {
	margin: 0 0 var(--wp--preset--spacing--r-24);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-32);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.01em;
	text-align: center;
	color: var(--wp--preset--color--contrast);
}
.gp-addsw__week .gp-addsw__group-title { margin: 0; }
/* Сезонных обычно 4 — по 3 в ряд последняя висела одна (П4б). В карточке ~300 цена и «−/+» рядом не влезают
   (счётчик ложился на цену) — цена строкой выше, как в week-calendar. */
@media (min-width: 1280px) {
	.gp-addsw--stacked .gp-addsw__week .gp-weekbox__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.gp-addsw--stacked .gp-addsw__week .gp-pcard__buy { flex-wrap: wrap; row-gap: var(--wp--preset--spacing--r-16); }
	.gp-addsw--stacked .gp-addsw__week .gp-pcard__pricebox { flex: 1 0 100%; }
	.gp-addsw--stacked .gp-addsw__week .gp-pcard__cart { flex: 1 0 100%; justify-content: space-between; }
}
.gp-addsw__tab:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

/* — Сетка карточек (карточка `.gp-pcard` — общая со витриной) — */
.gp-addsw__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--r-16);
}

.gp-addsw__more { margin: var(--wp--preset--spacing--r-40) 0 0; text-align: center; }
/* Кнопка по кадру 2446:3346: #318100 (primary), белый Montserrat Bold 14, скругление 100px, высота 56,
   поля 41px по бокам. Ховера в макете нет — как у зелёной кнопки сайта .gp-btn--primary. */
.gp-addsw__more-link {
	display: inline-block;
	padding: 21px 41px;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-14);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.01em;
	color: var(--wp--preset--color--on-dark);
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
}
.gp-addsw__more-link:hover { background: var(--wp--preset--color--contrast); transform: translateY(-1px); }
.gp-addsw__more-link:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }

/* — Планшет и телефон: макетов нет, верстаем сами — */
@media (max-width: 1024px) {
	.gp-addsw__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.gp-addsw { padding: var(--wp--preset--spacing--r-48) 0; }
	.gp-addsw__tabs { display: flex; width: 100%; }
	/* «Saisonale Produkte» в 16 не влезает в половину пилюли на 390 — кегль 14, на 320 подпись в две строки. */
	.gp-addsw__tab {
		flex: 1;
		min-width: 0;
		padding: 6px var(--wp--preset--spacing--r-8);
		font-size: var(--wp--preset--font-size--r-14);
		line-height: 1.15;
		white-space: normal;
	}
	.gp-addsw__grid { grid-template-columns: minmax(0, 1fr); }
	.gp-addsw__group-title { font-size: var(--wp--preset--font-size--r-24); }
	.gp-addsw--stacked .gp-addsw__group + .gp-addsw__group { margin-top: var(--wp--preset--spacing--r-48); }
	/* П5: «−», количество, «+» и корзина на телефоне 40 → 44 (минимум цели нажатия). Только вариант stacked. */
	.gp-addsw--stacked .gp-pcard__step,
	.gp-addsw--stacked .gp-pcard__num,
	.gp-addsw--stacked .gp-pcard__add { min-width: 44px; min-height: 44px; }
}