/* amg-subscriptions: intake (кошик + подяка).
 * Острівні стилі, токени затвердженого превʼю (amber #7c3aed, ink #190a03).
 * Шрифт сайту вже Nunito, свій не вшиваємо.
 * Префікс класів amgsubs- (старий дефісний префікс зайнятий легасі-блоком доставки на PDP). */

.amgsubs-box,
.amgsubs-ty-wrap,
.amgsubs-totline,
.amgsubs-guest,
.amgsubs-pdp,
.amgsubs-chk,
.amgsubs-sheet {
	--amgs-amber: #7c3aed;
	--amgs-amber-deep: #5b21b6;
	--amgs-amber-soft: #ede9fe;
	--amgs-ink: #190a03;
	--amgs-ink-soft: #333333;
	--amgs-gray: #6b7280;
	--amgs-line: #d4d4d4;
	color: var(--amgs-ink);
}


/* --- Контрол позиції: тумблер (головний вмикач) + чипи частоти під ним ---
 * ⚠️ Подвоєні класи скрізь, де є button/label: «GLOBAL BUTTON DESIGN SYSTEM»
 * дитячої теми (button/[type=button], 0,1,0) і .amg-step__card label{display:block}
 * на чекауті б'ють по рівній специфічності й вантажаться пізніше за плагінний CSS. */
.amgsubs-box {
	margin-top: 10px;
	padding: 12px;
	border-radius: 12px;
	background: #f5f5f5;
	transition: background .15s;
	font-size: 14px;
	line-height: 1.35;
}
.amgsubs-box.is-on { background: var(--amgs-amber-soft); }
.amgsubs-box.is-busy { opacity: .65; pointer-events: none; }

/* Подвоєний клас + явний display: на чекауті .amg-step__card label{display:block}
 * розкладав би тумблер у стовпчик. */
.amgsubs-sw.amgsubs-sw {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: var(--amgs-ink);
	cursor: pointer;
}
.amgsubs-sw input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.amgsubs-sw-track {
	width: 44px;
	height: 26px;
	border-radius: 99px;
	background: #cccccc;
	position: relative;
	transition: background .16s ease-out;
	flex: none;
	margin-top: 2px;
}
.amgsubs-sw-track::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ffffff;
	transition: transform .16s ease-out;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.amgsubs-sw input:checked + .amgsubs-sw-track { background: var(--amgs-amber); }
.amgsubs-sw input:checked + .amgsubs-sw-track::after { transform: translateX(18px); }
.amgsubs-sw input:focus-visible + .amgsubs-sw-track {
	outline: 3px solid var(--amgs-amber-deep);
	outline-offset: 2px;
}
.amgsubs-sw-lab b {
	display: block;
	font-size: 15px;
	line-height: 26px;
	margin-top: 2px;
	white-space: nowrap;
}

.amgsubs-extra {
	margin-top: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}
.amgsubs-extra[hidden] { display: none; }

/* Чипи частоти пишемо мовою макета: пігулка .pill-b (радіус 99px, білий фон,
 * бордер #d4d4d4, 13px/700), активна — заливка бурштином як трек тумблера.
 * Живуть у .amgsubs-adjust, який розкриває «поправити» (у макеті цим же
 * лінком розкривались пігулки ±7 днів).
 * Грід, а не flex-wrap: при переносі остання пігулка розтягувалась на всю
 * ширину і рядок читався як зламаний (спіймано на 390px). */
/* 8px, а не 2: чип дати над пігулками стояв до них упритул (1px просвіту). */
.amgsubs-adjust {
	flex-basis: 100%;
	margin-top: 8px;
}
.amgsubs-adjust[hidden] { display: none; }
/* 6 колонок: пігулка автопідбору займає дві, щоб підпис «під цю пачку» ліг
 * У РЯДОК з назвою. Двоярядна пігулка ставала майже круглою (55×52) і випадала
 * з макетної мови коротких пігулок. */
.amgsubs-freq {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	width: 100%;
}
.amgsubs-freq-btn.amgsubs-freq-btn {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: center;
	gap: 3px;
	flex: 0 0 auto;
	min-height: 32px;
	margin: 0;
	padding: 5px 12px;
	position: relative;
	background: #ffffff;
	border: 1px solid var(--amgs-line);
	border-radius: 99px;
	box-shadow: none;
	text-align: center;
	text-transform: none;
	letter-spacing: normal;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--amgs-ink);
	cursor: pointer;
	transition: border-color .15s, background .15s;
}
/* авто-пігулка природної ширини: назва+«під пачку» завжди одним рядком */
/* На телефоні п'ять пігулок ділять ~320px: підпис вліз лише при 12px назві */
@media (max-width: 767px) {
	.amgsubs-freq-btn.amgsubs-freq-btn { font-size: 12px; padding: 5px 5px; }
}
/* Пігулка лишається низькою, як у макеті, а зона тапу доростає до 44px
 * невидимим псевдоелементом (той самий прийом, що для дрібних лінків). */
.amgsubs-freq-btn.amgsubs-freq-btn::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 44px;
	transform: translateY(-50%);
}
.amgsubs-freq-btn.amgsubs-freq-btn:hover {
	background: #ffffff;
	border-color: var(--amgs-ink);
	color: var(--amgs-ink);
}
.amgsubs-freq-btn.amgsubs-freq-btn.is-active {
	background: var(--amgs-amber);
	border-color: var(--amgs-amber);
	color: var(--amgs-ink);
}
.amgsubs-freq-btn.amgsubs-freq-btn:focus-visible {
	outline: 2px solid var(--amgs-amber-deep);
	outline-offset: 2px;
}
.amgsubs-freq-lab { display: block; white-space: nowrap; }
.amgsubs-freq-note {
	display: block;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.15;
	white-space: nowrap;
	color: var(--amgs-gray);
}
.amgsubs-freq-btn.is-active .amgsubs-freq-note { color: var(--amgs-ink-soft); }

/* Чип дати = .chip--amber з макета (без іконки: наказ власника 10.08).
 * Метрика один-в-один з пігулкою частоти під ним (32px, 13/600): вони стоять
 * стовпчиком, і будь-яка різниця у висоті чи вазі читалася як збій. */
.amgsubs-chip {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 5px 12px;
	border-radius: 99px;
	background: var(--amgs-amber-soft);
	border: 1px solid rgba(124, 58, 237, .45);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}

/* --- Власна дата доставки: рядок під чипами частоти ---
 * Пігулка та сама, що й у чипів (радіус 99px, бордер --line, 13/700), але
 * всередині живе нативний <input type="date">: календар дає ОС, свого пікера
 * не тягнемо. Обрана дата фарбує пігулку бурштином, як активний чип. */
.amgsubs-when {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.35;
}
.amgsubs-when-lab { color: var(--amgs-ink-soft); }
.amgsubs-when-lab b { font-weight: 700; color: var(--amgs-ink); white-space: nowrap; }
/* Тема роздає кнопкам свій display, і атрибут hidden на лінку «обрати дату»
 * переставав ховати його (спіймано на живій PDP): гасимо в лоб. */
.amgsubs-when [hidden] { display: none !important; }

.amgsubs-datepill.amgsubs-datepill {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 4px 10px;
	min-height: 32px;
	background: #ffffff;
	border: 1px solid var(--amgs-line);
	border-radius: 99px;
	font-weight: 400;
	cursor: pointer;
}
.amgsubs-datepill[hidden] { display: none; }
.amgsubs-when.is-custom .amgsubs-datepill.amgsubs-datepill {
	background: var(--amgs-amber-soft);
	border-color: var(--amgs-amber);
}
/* Подвоєний клас + елемент: темині input-правила (висота 40px, свій бордер,
 * width:100%) інакше розпирають пігулку на всю колонку. */
input.amgsubs-date.amgsubs-date {
	appearance: none;
	-webkit-appearance: none;
	width: auto;
	min-width: 0;
	height: auto;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--amgs-ink);
	cursor: pointer;
}
/* Пігулка дати ділить рядок з пігулками частоти — той самий кегль на телефоні. */
@media (max-width: 767px) {
	input.amgsubs-date.amgsubs-date { font-size: 12px; }
}
input.amgsubs-date.amgsubs-date:focus {
	outline: none;
	border: 0;
	box-shadow: none;
}
.amgsubs-datepill:focus-within {
	outline: 2px solid var(--amgs-amber-deep);
	outline-offset: 2px;
}

/* Ціна рядка при увімкненій підписці: стара закреслена + нова жирна.
 * Живе у РОЗМІТЦІ ТЕМИ (td.product-subtotal, .amg-cart-item-price), поза
 * острівцем, де оголошені --amgs-* — тому значення тут літералами. */
.amgsubs-del {
	color: #6b7280;
	font-weight: 600;
	font-size: 13px;
	margin-right: 6px;
	text-decoration: line-through;
}

/* Без бічних 2px: рядок правди стояв на 2px правіше за тумблер і пігулки. */
.amgsubs-truth {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: var(--amgs-gray);
}
.amgsubs-truth[hidden] { display: none; }


/* Подвоєний клас: перебиває «GLOBAL BUTTON DESIGN SYSTEM» дитячої теми
 * (селектори button/[type=button] тієї ж специфічності, але пізніші за
 * каскадом). Явно повертаємо все, що чіпає той ресет. */
.amgsubs-linkbtn.amgsubs-linkbtn {
	background: none;
	border: 0;
	padding: 0;
	min-height: 0;
	border-radius: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: inherit;
	text-decoration: underline;
	text-underline-offset: 3px;
	color: var(--amgs-ink-soft);
	cursor: pointer;
}
.amgsubs-linkbtn.amgsubs-linkbtn:hover {
	background: none;
	color: var(--amgs-ink);
	border: 0;
}
/* Тап-таргети ≥44px для дрібних лінків («поправити», «Умови»): невидиме
 * розширення зони кліку псевдоелементом, вигляд не змінюється. */
.amgsubs-linkbtn,
.amgsubs-totline a {
	position: relative;
}
.amgsubs-linkbtn::before,
.amgsubs-totline a::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: max(100%, 44px);
	height: 44px;
	transform: translate(-50%, -50%);
}

/* --- Мобілка ≤767 (брейкпоінт теми): панель на всю ширину картки товару.
 * Тема кладе фото абсолютом 100px зліва і дає tr padding-left:115px, тому
 * панель усередині td.product-name затиснута в колонці назви. Робимо tr
 * гридом, td.product-name → display:contents (лінк назви і панель стають
 * грід-елементами), панель іде в кінець картки (order) і виходить з відступу
 * негативним полем. Без :has/contents (старі браузери) — просто лишається
 * вузька панель у колонці, як було. --- */
@media (max-width: 767px) {
	.woocommerce-cart-form__contents tr.cart_item:has(.amgsubs-box) {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}
	.woocommerce-cart-form__contents tr.cart_item:has(.amgsubs-box) td.product-name {
		display: contents;
	}
	.woocommerce-cart-form__contents tr.cart_item:has(.amgsubs-box) td.product-name > a {
		padding-right: 30px;
	}
	.woocommerce-cart-form__contents tr.cart_item .amgsubs-box {
		order: 1;
		margin: 2px 0 0 -115px;
	}
}

/* Десктоп (правило з макета): тумблер зліва, чип з датою і «поправити» справа
 * одним рядком; пігулки частоти і рядок правди переносяться під них. */
@media (min-width: 768px) {
	.amgsubs-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		gap: 10px 16px;
	}
	.amgsubs-extra { margin-top: 0; justify-content: flex-end; }
	.amgsubs-adjust,
	.amgsubs-truth { flex-basis: 100%; margin-top: 0; }
	.woocommerce-cart-form__contents .amgsubs-box { max-width: 560px; }
}

/* Спалах рядка після «Так, усі корми» */
@keyframes amgsubs-rowflash {
	0% { background-color: var(--amgs-amber-soft, #ede9fe); }
	100% { background-color: transparent; }
}
.amgsubs-rowflash { animation: amgsubs-rowflash .5s ease-out; }

/* --- Рядок під тоталом кошика ---
 * 14px знизу: щоб 44px тап-зона «Умов» не діставала до кнопки чекаута. */
.amgsubs-totline {
	font-size: 13px;
	color: #555555;
	margin: 0 0 14px;
	text-align: left;
}
.amgsubs-totline[hidden] { display: none; }
.amgsubs-totline a {
	font-weight: 700;
	text-decoration: underline;
	color: inherit;
}

/* --- Шит «Застосувати до всіх кормів?» (мобілка) / поповер (десктоп) --- */
.amgsubs-sheetback {
	position: fixed;
	inset: 0;
	z-index: 100000;
	background: rgba(25, 10, 3, .45);
	opacity: 0;
	transition: opacity .2s ease-out;
}
.amgsubs-sheetback.is-open { opacity: 1; }
.amgsubs-sheetback[hidden] { display: none; }

.amgsubs-sheet {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100001;
	background: #ffffff;
	border-radius: 20px 20px 0 0;
	padding: 10px 20px 20px;
	box-shadow: 0 -12px 40px rgba(25, 10, 3, .2);
	max-height: 85vh;
	overscroll-behavior: contain;
	transform: translateY(102%);
	transition: transform .28s cubic-bezier(.22, .61, .36, 1);
}
.amgsubs-sheet[hidden] { display: none; }
.amgsubs-sheet.is-open { transform: translateY(0); }
.amgsubs-sheet.is-closing { transition: transform .2s cubic-bezier(.4, 0, 1, 1); }
.amgsubs-sheet.is-dragging { transition: none; }
.amgsubs-sheet.is-return { transition: transform .18s ease-out; }
.amgsubs-sheet.is-swipeclose { transition: transform .16s cubic-bezier(.4, 0, 1, 1); }

.amgsubs-sheet-bar {
	display: block;
	width: 44px;
	height: 4px;
	border-radius: 99px;
	background: #cccccc;
	margin: 2px auto 14px;
	touch-action: none;
	cursor: grab;
}
.amgsubs-sheet-head h3 {
	font-size: 18px;
	margin: 0 0 4px;
}
.amgsubs-sheet-head h3:focus { outline: none; }
.amgsubs-sheet-desc {
	font-size: 14px;
	color: #555555;
	margin: 0 0 14px;
}
.amgsubs-sheet-foot {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.amgsubs-sheet-head,
.amgsubs-sheet-foot {
	opacity: 0;
	transform: translateY(8px);
	transition: opacity .16s ease-out, transform .16s ease-out;
}
.amgsubs-sheet.is-open .amgsubs-sheet-head { transition-delay: .08s; }
.amgsubs-sheet.is-open .amgsubs-sheet-foot { transition-delay: .12s; }
.amgsubs-sheet.is-open .amgsubs-sheet-head,
.amgsubs-sheet.is-open .amgsubs-sheet-foot { opacity: 1; transform: none; }

@media (min-width: 768px) {
	.amgsubs-sheetback { background: transparent; }
	.amgsubs-sheet {
		left: var(--amgsubs-left, auto);
		right: var(--amgsubs-right, 36px);
		bottom: auto;
		top: var(--amgsubs-top, 120px);
		width: 360px;
		border: 1px solid #e5e5e5;
		border-radius: 20px;
		box-shadow: 0 12px 40px rgba(25, 10, 3, .22);
		padding-top: 20px;
		transform: translateY(6px) scale(.98);
		opacity: 0;
		transform-origin: top right;
		transition: opacity .18s ease-out, transform .18s ease-out;
	}
	.amgsubs-sheet.is-open { transform: none; opacity: 1; }
	.amgsubs-sheet::before {
		content: "";
		position: absolute;
		left: -8px;
		top: 24px;
		width: 14px;
		height: 14px;
		background: #ffffff;
		border-left: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		transform: rotate(45deg);
	}
	.amgsubs-sheet-bar { display: none; }
}

/* --- Сторінка подяки --- */
.amgsubs-ty-wrap { max-width: 560px; margin: 20px 0; }

.amgsubs-ty {
	background: var(--amgs-amber-soft);
	border: 1px solid rgba(124, 58, 237, .35);
	border-radius: 20px;
	padding: 20px;
	margin: 0 0 20px;
}
.amgsubs-ty-prod {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.amgsubs-ty-img,
.amgsubs-ty-prod img {
	width: 56px;
	height: 56px;
	object-fit: contain;
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #e5e5e5;
	flex: none;
}
.amgsubs-ty-name { font-weight: 700; font-size: 14px; margin: 0; }

.amgsubs-ty-offer h3 { font-size: 18px; margin: 0 0 6px; }
.amgsubs-ty-offer p {
	font-size: 14px;
	color: var(--amgs-ink-soft);
	margin: 0 0 10px;
}
.amgsubs-ty-offer[hidden] { display: none; }

.amgsubs-cta.amgsubs-cta {
	display: block;
	width: 100%;
	border: 0;
	border-radius: 99px;
	background: var(--amgs-amber);
	color: var(--amgs-ink);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.3;
	padding: 14px 20px;
	min-height: 0;
	cursor: pointer;
	transition: background .15s;
}
.amgsubs-cta.amgsubs-cta:hover {
	background: var(--amgs-amber-deep);
	color: var(--amgs-ink);
	border-color: transparent;
}
.amgsubs-cta.amgsubs-cta[disabled] { opacity: .6; cursor: default; }
.amgsubs-cta.amgsubs-cta--ghost {
	background: transparent;
	border: 2px solid var(--amgs-ink);
	padding: 12px 18px;
}
.amgsubs-cta.amgsubs-cta--ghost:hover {
	background: var(--amgs-ink);
	border-color: var(--amgs-ink);
	color: #ffffff;
}
.amgsubs-ty .amgsubs-cta { margin: 6px 0 12px; }

.amgsubs-ty-later { display: block; margin: 0 auto; color: var(--amgs-gray); }
.amgsubs-ty-terms {
	display: block;
	width: max-content;
	margin: 8px auto 0;
	font-size: 13px;
	color: var(--amgs-gray);
}

.amgsubs-ty-done[hidden] { display: none; }
.amgsubs-ty-done p { margin: 0; font-size: 15px; }

.amgsubs-ty-tl h3 { font-size: 17px; margin: 0 0 12px; }
.amgsubs-tl { list-style: none; margin: 0 0 14px; padding: 0; }
.amgsubs-tl li { position: relative; padding: 0 0 14px 30px; font-size: 14px; }
.amgsubs-tl li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--amgs-amber);
	border: 2px solid #ffffff;
	box-shadow: 0 0 0 1px var(--amgs-line);
}
.amgsubs-tl li:last-child { padding-bottom: 0; }
.amgsubs-zero { font-size: 13px; color: var(--amgs-gray); margin: 0; }

.amgsubs-guest { font-size: 14px; color: #555555; margin: 16px 0; }

/* Screen-reader-only статуси */
.amgsubs-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Обмежена анімація: без зсувів, лише короткий крос-фейд (як у превʼю) */
@media (prefers-reduced-motion: reduce) {
	.amgsubs-sheet,
	.amgsubs-sheetback,
	.amgsubs-box,
	.amgsubs-sw-track,
	.amgsubs-sw-track::after,
	.amgsubs-freq-btn { transition-duration: .12s !important; }
	.amgsubs-sheet { transform: none !important; }
	.amgsubs-sheet:not(.is-open) { opacity: 0; }
	.amgsubs-sheet.is-open { opacity: 1; }
	.amgsubs-sheet-head,
	.amgsubs-sheet-foot {
		transition-delay: 0s !important;
		transition-duration: .12s !important;
		transform: none !important;
	}
	.amgsubs-rowflash { animation-duration: .14s !important; }
}

/* --- Точки входу 10.08: дровер (--mini), чекаут (--chk), PDP-стрип --- */

.amgsubs-box--mini {
	margin-top: 8px;
	padding: 8px;
	border-radius: 10px;
	font-size: 13px;
	/* li.amg-cart-item = grid: без цього панель стає грід-коміркою 52px */
	grid-column: 1 / -1;
	width: 100%;
	min-width: 0;
}
/* Дровер вузький: тумблер компактніший, чипи дрібніші, але тап-таргет тримаємо */
.amgsubs-box--mini { padding: 10px; }
.amgsubs-box--mini .amgsubs-sw.amgsubs-sw { gap: 10px; align-items: center; }
.amgsubs-box--mini .amgsubs-sw-lab b { font-size: 14px; }
.amgsubs-box--mini .amgsubs-extra { margin-top: 8px; gap: 6px; }
.amgsubs-box--mini .amgsubs-freq-btn.amgsubs-freq-btn { font-size: 12px; padding: 4px 2px; }
.amgsubs-box--mini .amgsubs-chip { padding: 5px 10px; font-size: 12px; }
.amgsubs-box--chk { margin-top: 6px; }
/* Чекаут-колонка вужча за кошик: у повному кеглі чип дати з'їдав рядок і
 * «поправити» падало під нього окремим рядком. Той самий прийом, що в дровері. */
.amgsubs-box--chk .amgsubs-chip { padding: 5px 10px; font-size: 12px; }
.amgsubs-box--chk .amgsubs-freq-btn.amgsubs-freq-btn { font-size: 12px; padding: 4px 4px; }
.amgsubs-box--chk .amgsubs-when { font-size: 12px; gap: 5px 8px; }
.amgsubs-box--chk input.amgsubs-date.amgsubs-date { font-size: 12px; }

.amgsubs-chk {
	margin: 14px 0;
	padding: 14px;
	border: 1px solid var(--amgs-line);
	border-radius: 12px;
	background: #fff;
}
.amgsubs-chk-title { margin: 0 0 4px; font-size: 15px; font-weight: 700; color: var(--amgs-ink); }
.amgsubs-chk-sub { margin: 0 0 6px; font-size: 13px; line-height: 1.45; color: var(--amgs-gray); }
/* Лінк «Умови» окремим рядком: рядок правди над ним ховається, поки жодна
 * позиція не підписана, а умови мусять бути під рукою й до вибору. */
.amgsubs-chk-terms { margin: 0 0 6px; font-size: 13px; line-height: 1.45; }
.amgsubs-chk-row { margin-top: 10px; }
/* Назва зліва, ціна справа — як рядок ціни в макеті (.cart-row2 / .cart-price) */
.amgsubs-chk-line {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}
.amgsubs-chk-price {
	flex: none;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	color: var(--amgs-ink);
}
/* Два рядки з обрізанням: назви кормів довгі, nowrap+ellipsis з'їдав бренд і вагу */
.amgsubs-chk-name.amgsubs-chk-name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--amgs-ink-soft);
}
.amgsubs-chk--guest { padding: 10px 14px; font-size: 14px; }
.amgsubs-chk--guest p { margin: 0; }
.amgsubs-chk--guest a { text-decoration: underline; color: var(--amgs-ink); }

/* --- PDP: дві радіо-картки цін (макет, template #tpl-widget) ---
 * Токени .wd-opt: бордер 2px --line, radius 12, padding 14; обрана = бордер
 * амбер + фон amber-soft; радіо 20px; назва і ціна 15px/800. */
.amgsubs-pdp { margin: 12px 0 0; }

.amgsubs-optgroup.amgsubs-optgroup {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
}
.amgsubs-optgroup > legend { padding: 0; }

/* Подвоєний клас + явний display: теміні label-правила розклали б картку */
.amgsubs-opt.amgsubs-opt {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 4px 12px;
	margin: 0;
	/* 18px вертикалі — наказ 11.08 «полоски у висоту трохи більше» */
	padding: 18px 14px;
	border: 2px solid var(--amgs-line);
	border-radius: 12px;
	background: #ffffff;
	font-size: 15px;
	font-weight: 400;
	color: var(--amgs-ink);
	cursor: pointer;
	transition: border-color .15s, background .15s;
}
/* Клас від JS — головний (живе і без :has), :has — підстраховка до ініту JS */
.amgsubs-opt.amgsubs-opt.is-on,
.amgsubs-opt.amgsubs-opt:has(input:checked) {
	border-color: var(--amgs-amber);
	background: var(--amgs-amber-soft);
}
.amgsubs-opt.amgsubs-opt:has(input:focus-visible) {
	outline: 3px solid var(--amgs-amber-deep);
	outline-offset: 2px;
}
.amgsubs-opt input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.amgsubs-radio {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #cccccc;
	position: relative;
	flex: none;
}
.amgsubs-opt.is-on .amgsubs-radio,
.amgsubs-opt:has(input:checked) .amgsubs-radio { border-color: var(--amgs-ink); }
.amgsubs-opt.is-on .amgsubs-radio::after,
.amgsubs-opt:has(input:checked) .amgsubs-radio::after {
	content: "";
	position: absolute;
	inset: 3px;
	border-radius: 50%;
	background: var(--amgs-ink);
}
.amgsubs-opt-t {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 15px;
}
.amgsubs-opt-p {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 700;
	font-size: 15px;
	white-space: nowrap;
}
/* .badge--soft з макета: біла пігулка з амберною рамкою */
.amgsubs-badge {
	display: inline-block;
	padding: 5px 13px;
	border-radius: 99px;
	background: #ffffff;
	border: 1px solid rgba(124, 58, 237, .5);
	color: var(--amgs-ink);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}
/* Вимкнена картка підписки (гість) не вдає клікабельну */
.amgsubs-opt:has(input:disabled) { cursor: default; opacity: .85; }

.amgsubs-pdp .amgsubs-extra { margin-top: 10px; }
.amgsubs-pdp .amgsubs-freq { width: 100%; }
/* Десктопне правило кошика (.amgsubs-extra{justify-content:flex-end}) на PDP
 * відкидало рядок дати до правого краю, окремо від тексту під ним. */
.amgsubs-pdp .amgsubs-extra { justify-content: flex-start; }
.amgsubs-pdp .amgsubs-when { width: 100%; }
/* Хінт — найдрібніший шрифт блоку: він службовий, а не про вигоду. */
.amgsubs-pdp-hint { margin: 6px 0 0; font-size: 12px; color: var(--amgs-gray); }
.amgsubs-pdp-hint[hidden] { display: none; }

/* Рядок вигоди з живими цифрами (замінив довгий сірий абзац правди на PDP).
 * Флекс, а не суцільний текст: на 390px рядок не влазить у ширину, і перенос
 * різав фразу посередині («…· скасувати / можна будь-коли»). Тепер кожна
 * частина неподільна, а хвіст про скасування завжди починає власний рядок —
 * перенос виглядає задуманим, а не аварійним. */
.amgsubs-save {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 6px;
	margin: 10px 0 0;
	max-width: 62ch;
	font-size: 13px;
	line-height: 1.45;
	color: var(--amgs-ink-soft);
}
.amgsubs-save[hidden] { display: none; }
.amgsubs-save b { font-weight: 700; color: var(--amgs-ink); }
.amgsubs-save-part { white-space: nowrap; }
.amgsubs-save-part + .amgsubs-save-part::before { content: "·"; margin-right: 6px; }
.amgsubs-save-note { flex-basis: 100%; }
.amgsubs-pdp-guestline { margin: 10px 0 0; font-size: 13px; color: var(--amgs-gray); }
.amgsubs-pdp-guestline a { margin-left: 4px; }

/* «Товар уже в кошику з підпискою» — стан, а не абзац: та сама мʼяка
 * бурштинова плашка, що й увімкнена панель кошика. Без неї рядок висів голим
 * текстом між описом і «є в наявності» і читався як частина опису.
 * margin-left:auto тримає лінк біля правого краю і тоді, коли підпис не влазить
 * в один рядок з ним (390px) — інакше він осиротіло падав до лівого краю. */
.amgsubs-pdp--has {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 4px 12px;
	flex-wrap: wrap;
	padding: 10px 12px;
	border-radius: 12px;
	background: var(--amgs-amber-soft);
}
.amgsubs-pdp--has .amgsubs-linkbtn { margin-left: auto; }
.amgsubs-pdp-lab { display: block; }
.amgsubs-pdp-lab b { font-size: 15px; color: var(--amgs-ink); }
.amgsubs-pdp-sub { display: block; margin-top: 2px; font-size: 13px; color: var(--amgs-gray); }

/* --- PDP-полірування 10.08 вечір (розбір «криво» власника по повних скрінах) --- */

/* 1. Дубль ціни: у макеті #widget окремої великої ціни НЕМАЄ — ціну несуть
 * картки. Ховаємо ціну теми, лише коли наш блок відрендерений (:has; старі
 * браузери без :has просто бачать дубль — не ламається нічого). Ціни всередині
 * варіаційної форми не чіпаємо: селектор бʼє тільки прямий .price самері. */
/* Інлайн критикал-CSS теми тримає ціну «display:block !important» селектором
 * .single-product .summary p.custom-price (специфічність (0,3,1), у документі
 * пізніший за нас) — подвоюємо клас, щоб переважити при обох !important.
 * (Поверталось/прибиралось 11.08 при ітераціях; чинна версія = картки цін
 * з макета, тому ціну теми ХОВАЄМО.) */
/* ⛔ 17.08: умова — не «є наш блок», а «є КАРТКИ ВИБОРУ» (.amgsubs-opt).
 * Стани-плашки («Цей товар уже у вашій підписці», «У кошику з підпискою»)
 * теж рендерять .amgsubs-pdp, але цін НЕ несуть — і PDP лишався взагалі без
 * жодної ціни. Той самий селектор лікує і клієнтський свап cbSwapAll(), який
 * викидає картки з розмітки: ціна теми повертається сама, без окремого коду. */
.summary:has(.amgsubs-pdp .amgsubs-opt) > .price,
.single-product .summary:has(.amgsubs-pdp .amgsubs-opt) > p.custom-price.custom-price,
.summary:has(.amgsubs-pdp .amgsubs-opt) > .xts-single-price-wrapper > .price,
.single-product .summary:has(.amgsubs-pdp .amgsubs-opt) .woocommerce-variation-price {
	display: none !important; /* варіативний цінник: картки показують ціну варіації самі */
}

/* 2. Повітря знизу: рядок «є в наявності» врізався впритул у наш текст. */
.amgsubs-pdp { margin: 14px 0 18px; }

/* 2а. Дровер вузький: рядок дати теж дрібнішає, пігулка тримає тап-зону. */
.amgsubs-box--mini .amgsubs-when { font-size: 12px; gap: 5px 8px; }
.amgsubs-box--mini .amgsubs-datepill.amgsubs-datepill { padding: 4px 8px; }
.amgsubs-box--mini input.amgsubs-date.amgsubs-date { font-size: 12px; }

/* 3. «під пачку» в активному бурштиновому чипі був amber-on-amber. */
.amgsubs-freq-btn.amgsubs-freq-btn.is-active .amgsubs-freq-note {
	color: rgba(25, 10, 3, .62);
}

/* 4. Десктоп: картки на всю колонку розносили ціну від назви на пів екрана.
 * Стеля ширини — як у панелі кошика (420px), картки читаються як у макеті. */
@media (min-width: 768px) {
	.amgsubs-pdp { max-width: none; }
}

/* 5. Текстовий шум: замість двох сірих абзаців-простирадл лишився один рядок
 * вигоди з цифрами + короткий службовий хінт (наказ власника 10.08). */
.amgsubs-pdp .amgsubs-save { margin: 10px 0 0; }
.amgsubs-pdp .amgsubs-pdp-hint { margin: 6px 0 0; }

/* --- Тонший тон 10.08 вечір-2 (наказ власника: «все жирне») ---
 * ⚠️ Цей пізніший дубль селектора ВИГРАЄ у базового вище — паддінг картки
 * міняти ТУТ. 18px вертикалі = наказ 11.08 «полоски у висоту трохи більше». */
.amgsubs-opt.amgsubs-opt { border-width: 1.5px; padding: 18px 14px; gap: 8px; }
.amgsubs-opt-t, .amgsubs-opt-p { font-weight: 700; }
.amgsubs-freq-btn.amgsubs-freq-btn { font-weight: 600; }

/* PDP: чипи за референсом — прямокутні, актив = amber-РАМКА (не заливка),
 * видно три місячні, тижневі за «Дивитись більше» (їхній Ver mais). */
.amgsubs-pdp .amgsubs-freq-btn.amgsubs-freq-btn {
	border-radius: 8px;
	border-color: #d4d4d4;
	font-weight: 600;
}
.amgsubs-pdp .amgsubs-freq-btn.amgsubs-freq-btn.is-active {
	background: #ffffff;
	border-color: var(--amgs-amber);
	box-shadow: inset 0 0 0 1px var(--amgs-amber);
	color: var(--amgs-ink);
}
.amgsubs-pdp .amgsubs-freq-btn--extra { display: none; }
.amgsubs-pdp .amgsubs-freq.is-open .amgsubs-freq-btn--extra { display: flex; }
.amgsubs-freq.is-open .amgsubs-freq-more { display: none; }
/* Подвоєний клас: ресети теми кришать <button> (бордер/фон/висота) — явні
 * props, інакше лінк рендериться жирною білою кнопкою і рве рядок чипів. */
.amgsubs-freq-more.amgsubs-freq-more {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin: 0;
	padding: 5px 2px;
	position: relative;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--amgs-amber-deep);
	text-decoration: underline;
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
}
.amgsubs-freq-more.amgsubs-freq-more:hover {
	background: none;
	color: var(--amgs-ink);
}
/* Кнопка «Додати в кошик» при увімкненій підписці (наказ 11.08 «анімація в
 * самій кнопці, іконками»): фіолетова хвиля заливає кнопку, біла вантажівка
 * їде зліва, СТАЄ по центру (та сама зупинка, що на маршруті дат) і рушає
 * далі, хвиля змивається слідом. Чистий оверлей поверх штатної кнопки теми:
 * не блокує клік і не міняє її поведінку. Класи ставить/знімає intake.js. */
.amgsubs-btnfx-host { position: relative; overflow: hidden; }
.amgsubs-btnfx { position: absolute; inset: 0; pointer-events: none; display: none; }
.amgsubs-btnfx-run .amgsubs-btnfx { display: block; }
.amgsubs-btnfx::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #7c3aed;
	transform: translateX(-101%);
}
.amgsubs-btnfx-run .amgsubs-btnfx::before { animation: amgsubs-btnwash 1s cubic-bezier(.3, .6, .2, 1) both; }
@keyframes amgsubs-btnwash {
	0%   { transform: translateX(-101%); }
	40%  { transform: translateX(0); }
	72%  { transform: translateX(0); }
	100% { transform: translateX(101%); }
}
.amgsubs-btnfx-truck {
	position: absolute;
	top: 50%;
	left: -32px;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	color: #ffffff;
}
.amgsubs-btnfx-truck svg { display: block; width: 26px; height: 26px; }
.amgsubs-btnfx-run .amgsubs-btnfx-truck { animation: amgsubs-btndrive 1s cubic-bezier(.3, .6, .2, 1) both; }
@keyframes amgsubs-btndrive {
	0%   { left: -32px; }
	40%  { left: calc(50% - 13px); }
	72%  { left: calc(50% - 13px); }
	100% { left: calc(100% + 8px); }
}
@media (prefers-reduced-motion: reduce) {
	.amgsubs-btnfx { display: none !important; }
}

/* Розкриття «Дивитись більше»: тижневі чипи вливаються швидким каскадом */
.amgsubs-pdp .amgsubs-freq.is-open .amgsubs-freq-btn--extra { animation: amgsubs-chipin .16s ease-out both; }
.amgsubs-pdp .amgsubs-freq.is-open .amgsubs-freq-btn--extra:nth-of-type(5) { animation-delay: .04s; }
.amgsubs-pdp .amgsubs-freq.is-open .amgsubs-freq-btn--extra:nth-of-type(6) { animation-delay: .08s; }
@keyframes amgsubs-chipin {
	from { opacity: 0; transform: translateY(4px) scale(.96); }
	to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.amgsubs-freq-btn--extra { animation: none !important; }
}
/* зона тапу 44px тим самим прийомом, що в пігулок */
.amgsubs-freq-more::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 44px;
	transform: translateY(-50%);
}
.amgsubs-when-lab b { font-weight: 700; }
.amgsubs-save { color: var(--amgs-gray); }
.amgsubs-save b, .amgsubs-save span { font-weight: 600; color: var(--amgs-ink-soft); }
.amgsubs-pdp .amgsubs-pdp-hint { font-size: 12px; color: var(--amgs-gray); }
/* У формі варіативного: повітря і та сама стеля ширини. Знизу 6px, бо рядок
 * наявності під нами несе власні 12px паддінга — 12+12 давало зайву прірву. */
form.cart .amgsubs-pdp { margin: 6px 0 6px; max-width: none; }

/* Варіативна форма з нашим блоком: тема резервує min-height під цінник
 * варіації (ми його ховаємо — картки показують ціну) і під порожній рядок
 * сток-дій — разом ~150px дірки між «Упаковкою» і картками. Стискаємо;
 * з контентом (out-of-stock тощо) висота повертається природно. */
form.cart:has(.amgsubs-pdp) .single_variation { min-height: 0 !important; margin: 0 !important; }
form.cart:has(.amgsubs-pdp) .single_variation_wrap { min-height: 0 !important; }
form.cart:has(.amgsubs-pdp) .amg-stock-actions-row:not(:has(*)):empty,
form.cart:has(.amgsubs-pdp) .amg-stock-actions-row { min-height: 0; }

/* Залишок тієї ж дірки, доміряний по живій сторінці 10.08 (390px): від низу
 * останньої пігулки «Упаковки» до карток лишалося 50px порожнього місця —
 * 8px нижнього поля таблиці + 8px рядка наявності (самий лише padding, бо
 * тема ховає p.stock і малює наявність окремим рядком нижче) + 14px нашого
 * верхнього поля. Лишаємо 26px: 8px міжрядкового поля пігулок + 12px рядка
 * таблиці + 6px наших — група читається як окрема, але не відірвана.
 *
 * !important і повний ланцюг теми в селекторі: обидва відступи приходять з
 * інлайн-критикал-CSS (.single-product .xts-single-product-summary form.cart
 * table.variations і .single-product .summary .woocommerce-variation-availability),
 * теж з !important і пізніше за нас у документі — при рівній специфічності
 * виграють вони, тому наш гейт :has() тут іде ЗВЕРХУ їхнього селектора.
 * Рядок наявності гасимо ЛИШЕ поки в ньому немає нічого, крім схованого
 * p.stock: зʼявиться там власний контент — відступ повернеться сам. */
.single-product .xts-single-product-summary form.cart:has(.amgsubs-pdp) table.variations {
	margin-bottom: 0 !important;
}
form.cart:has(.amgsubs-pdp) .woocommerce-variation-availability:not(:has(> :not(p.stock))) {
	padding: 0 !important;
}

/* Тумблер: зона тапу ≥44px (сам він 28px — найголовніший контрол був найменшою ціллю) */
.amgsubs-sw.amgsubs-sw { position: relative; }
.amgsubs-sw.amgsubs-sw::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 44px;
	transform: translateY(-50%);
}
/* Дровер: перекреслена і нова ціна злипались у вузькій колонці */
.amgsubs-box--mini .amgsubs-del { margin-right: 6px; }

/* ⛔ Пін порядку ВАРІАТИВНОЇ форми: тема ситуативно вмикає flex і роздає order
 * (table.variations=2 падала ПІД кнопку). Природний потік = порядок макета.
 * Звужено до .variations_form: простій формі flex потрібен (ряд кількість+Купити). */
.single-product form.cart.variations_form { display: block !important; }
.single-product form.cart.variations_form > * { order: 0 !important; }

/* --- ЄДИНИЙ МОДУЛЬ КУПІВЛІ (наказ власника 10.08: «кнопки жахливо»).
 * Макет tpl-widget: картки, чипи, кількість і «Купити» — одна колонка 480px,
 * кількість+кнопка одним рядком однакової висоти. --- */
@media (min-width: 768px) {
	.single-product .summary:has(.amgsubs-pdp) form.cart { max-width: none; }
	/* простий товар: qty + Купити в один рядок */
	.single-product .summary:has(.amgsubs-pdp) > form.cart:not(.variations_form) {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 10px;
	}
	.single-product .summary:has(.amgsubs-pdp) > form.cart:not(.variations_form) .amgsubs-pdp {
		flex: 1 1 100%;
		max-width: none;
	}
	/* варіативний: рядок кількість+кнопка всередині single_variation_wrap */
	.single-product form.cart.variations_form:has(.amgsubs-pdp) .woocommerce-variation-add-to-cart {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 10px;
	}
	/* обгортки варіації випирають за кап форми фіксованою шириною теми */
	.single-product form.cart:has(.amgsubs-pdp) .single_variation_wrap,
	.single-product form.cart:has(.amgsubs-pdp) .woocommerce-variation-add-to-cart {
		max-width: none;
		width: 100%;
	}
	/* кнопка+кількість: обидва варіанти розмітки (простий = блок ПОЗА формою) */
	.single-product form.cart:has(.amgsubs-pdp) .quantity,
	.single-product .summary:has(.amgsubs-pdp) form.cart .quantity { margin: 0; }
	.single-product form.cart:has(.amgsubs-pdp) .single_add_to_cart_button,
	.single-product .summary:has(.amgsubs-pdp) form.cart .single_add_to_cart_button {
		flex: 1 1 auto;
		width: auto;
		min-height: 48px;
		margin: 0;
	}
}

/* Прості товари, дві копії блока: десктоп бачить формову (модуль з кнопкою
 * єдиний, як на варіативних), мобілка — самері-копію (тема ховає форму). */
@media (min-width: 769px) {
	.amgsubs-pdp--summarycopy { display: none !important; }
	/* проста форма стає модулем: наш блок 100%, кількість+Купити рядком */
	.single-product form.cart:not(.variations_form):has(.amgsubs-pdp) {
		display: flex !important;
		flex-wrap: wrap;
		align-items: stretch;
		gap: 10px;
		max-width: none;
	}
	.single-product form.cart:not(.variations_form) > .amgsubs-pdp {
		flex: 1 1 100%;
		max-width: none;
		margin: 0 0 2px;
	}
}
@media (max-width: 768px) {
	.amgsubs-pdp--informcopy { display: none !important; }
}

/* --- Планшетка деталей підписки на PDP («кривувато» 10.08): чипи, дата,
 * вигода і дрібний друк — один мʼякий блок у тіні вибраної картки. --- */
/* Панель = шелл із плавним розгортанням ВИСОТИ (наказ 11.08 «різко скаче»:
 * фейд не рятує, бо кнопка «Купити» стрибала вниз миттєво). grid-rows 0fr→1fr
 * тягне висоту, opacity доганяє; -in кліпає вміст, -pad несе падінги/флекс.
 * Відкриття оптимістичне з intake.js (hidden геть → reflow → .is-open). */
.amgsubs-plandetail {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 0;
	margin-top: 8px;
	background: #faf8ff;
	border: 1px solid #e6dff8;
	border-radius: 12px;
	transition: grid-template-rows .3s cubic-bezier(.2, .7, .3, 1), opacity .22s ease-out;
}
.amgsubs-plandetail.is-open { grid-template-rows: 1fr; opacity: 1; }
.amgsubs-plandetail-in { overflow: hidden; min-height: 0; }
.amgsubs-plandetail-pad {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
}
@media (prefers-reduced-motion: reduce) {
	.amgsubs-plandetail { transition: none !important; }
}
.amgsubs-plandetail[hidden] { display: none; }
.amgsubs-plandetail .amgsubs-extra { margin-top: 0; }
.amgsubs-plandetail .amgsubs-when { margin-top: 0; }
.amgsubs-plandetail .amgsubs-save { margin: 0; }
/* Дата — бурштиновий чип, та сама мова, що чип дати в кошику */
.amgsubs-plandetail .amgsubs-when-lab { display: inline-flex; align-items: center; gap: 8px; }
.amgsubs-plandetail .amgsubs-when-lab b {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 5px 12px;
	border-radius: 99px;
	background: var(--amgs-amber-soft);
	border: 1px solid rgba(124, 58, 237, .45);
	font-size: 13px;
	font-weight: 600;
}
.amgsubs-plandetail .amgsubs-pdp-hint { margin: 0; padding-top: 8px; border-top: 1px solid #e6dff8; font-size: 12px; }
/* Пігулки частоти на бурштиновій планшетці: неактивні лишаються білими (є), рамка мʼякша */
.amgsubs-plandetail .amgsubs-freq-btn.amgsubs-freq-btn { border-color: #ddd3f9; }
.amgsubs-plandetail .amgsubs-freq-btn.amgsubs-freq-btn.is-active { border-color: var(--amgs-amber); }

/* --- Один блок: картка «Підписка» + планшетка деталей (наказ 10.08 вечір).
 * Картка втрачає нижні кути, планшетка — верхні і верхню межу; рамка спільна
 * бурштинова 1.5px. Кремове тіло під бурштиновою шапкою = один обʼєкт. --- */
/* Обрізка нижніх радіусів = ЛИШЕ картка «Підписка» (до неї знизу липне
 * панель). Голий .is-on чіпляв і активну «Купити раз» — вона стояла з
 * квадратним низом без нічого під ним, «кривенько» (спіймано 11.08). */
.amgsubs-pdp .amgsubs-opt.amgsubs-opt.is-on:has(input[value="plan"]),
.amgsubs-pdp .amgsubs-opt.amgsubs-opt:has(input[value="plan"]:checked) {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* Семантика кольорів (задача-2 11.08): жовтий = магазин, фіолет = підписка.
 * Активна «Купити раз» лишається в магазинному янтарі, фіолетова лише «Підписка». */
.amgsubs-pdp .amgsubs-opt.amgsubs-opt.is-on:not(:has(input[value="plan"])),
.amgsubs-pdp .amgsubs-opt.amgsubs-opt:has(input[value="once"]:checked) {
	border-color: #ffba00;
	background: #fef3c7;
}
.amgsubs-plandetail {
	margin-top: -10px; /* зʼїдає grid-gap фієлдсета: шов впритул */
	border: 1.5px solid var(--amgs-amber);
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Кошик/чекаут: розкрита зона «поправити» — та сама кремова мова, що планшетка */
.amgsubs-box .amgsubs-adjust {
	background: #faf8ff;
	border: 1px solid #e6dff8;
	border-radius: 10px;
	padding: 10px;
}
.amgsubs-box .amgsubs-adjust .amgsubs-when { margin-top: 8px; }

/* --- «Цілісно» (наказ 10.08 пізній вечір) --- */
@media (min-width: 768px) {
	/* блок завжди на всю ширину модуля: у флекс-рядку форми він стискався
	 * природною шириною і лишав ~29px діри справа (xts-selected стан) */
	.single-product form.cart .amgsubs-pdp {
		flex: 1 1 100%;
		width: 100%;
		max-width: none;
	}
	/* Рамку-обгортку модуля купівлі ЗНЯТО (distill 11.08 «забагато блоків у
	 * блоках»): разом з картками віджета і панеллю виходило 4-5 коробок одна в
	 * одній. Наші картки і є картковим шаром; кнопка стоїть вільно під ними. */
}

/* «Далі: ~дата · ~дата» + рядок оплати (Cobasi-паттерн, наказ 10.08 ніч) */
.amgsubs-nextlist { margin: 2px 0 0; font-size: 12.5px; color: var(--amgs-gray); }
.amgsubs-nextlist:empty { display: none; }
.amgsubs-payline {
	margin: 0;
	padding-top: 8px;
	border-top: 1px solid #e6dff8;
	font-size: 12px;
	color: var(--amgs-gray);
}
.amgsubs-plandetail .amgsubs-pdp-hint { border-top: 0; padding-top: 0; }
/* Панель у попапі кошика на чекауті (клон) */
.amg-cp-item .amgsubs-box { margin-top: 10px; }

/* Вибір оплати: дві пігулки-радіо в мові чипів */
.amgsubs-pay {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	margin-top: 2px;
	font-size: 13px;
}
.amgsubs-pay-lab { color: var(--amgs-ink-soft); }
.amgsubs-payopt {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	margin: 0;
	padding: 5px 12px;
	background: #ffffff;
	border: 1px solid #ddd3f9;
	border-radius: 99px;
	font-size: 13px;
	font-weight: 600;
	color: var(--amgs-ink);
	cursor: pointer;
	transition: border-color .15s, background .15s;
}
.amgsubs-payopt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.amgsubs-payopt.is-active { background: var(--amgs-amber); border-color: var(--amgs-amber); }
.amgsubs-payopt:has(input:focus-visible) { outline: 2px solid var(--amgs-amber-deep); outline-offset: 2px; }
.amgsubs-pay-note {
	margin: 0;
	padding-top: 8px;
	border-top: 1px solid #e6dff8;
	font-size: 12px;
	color: var(--amgs-gray);
}

/* ux-hunt пакет 1 */
.amgsubs-errnote { margin: 8px 0 0; padding: 8px 10px; border-radius: 8px; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; font-size: 13px; }
.amg-cart-item .amg-cart-item-price del { margin-right: 6px !important; } /* злиплі 644̶579 у дровері */
.amgsubs-sheetback:not(.is-open) { pointer-events: none; } /* бекдроп не зʼїдає тап у момент виїзду */

/* Сегментований вибір оплати (дельта №2): одна капсула, стан ≠ колір CTA */
.amgsubs-pay { align-items: flex-start; flex-direction: column; gap: 6px; }
.amgsubs-payseg {
	display: inline-flex;
	border: 1.5px solid var(--amgs-line);
	border-radius: 99px;
	overflow: hidden;
	background: #ffffff;
}
.amgsubs-payopt { border: 0; border-radius: 0; min-height: 34px; }
.amgsubs-payopt + .amgsubs-payopt { border-left: 1.5px solid var(--amgs-line); }
.amgsubs-payopt.is-active { background: var(--amgs-amber-soft); border-color: var(--amgs-amber); font-weight: 700; }

/* Панель у сайдбарі чекаута (рядки amigo-order-item; звідси ж будується попап) */
.amigo-order-item .amgsubs-box--mini { width: 100%; margin-top: 8px; }

/* Дровер: перекреслена ціна складається над новою — хрестик лишається на місці (№5) */
.amg-cart-item .amg-cart-item-price del { display: block; font-size: 11px; line-height: 1.2; margin: 0 0 2px !important; }


/* ФІНАЛ ширини (верифікація zb-pdp): модуль і кнопка на всю ширину картки,
 * на всіх вʼюпортах — краї збігаються з блоком тайтла (наказ власника). */
.single-product form.cart .amgsubs-pdp,
.single-product .summary .amgsubs-pdp {
	flex: 1 1 100%;
	width: 100%;
	max-width: none;
}
.single-product form.cart:has(.amgsubs-pdp),
.single-product form.cart:has(.amgsubs-pdp) .single_variation_wrap,
.single-product form.cart:has(.amgsubs-pdp) .woocommerce-variation-add-to-cart {
	max-width: none;
	width: 100%;
}
.single-product form.cart:has(.amgsubs-pdp) .single_add_to_cart_button {
	flex: 1 1 100%;
	width: 100%;
	min-height: 48px;
}

/* Добивка ширини: тема тримає кнопку width-ом — перебиваємо; обгортка варіації
 * має бічні паддінги, що вужчали модуль відносно тайтла. */
.single-product form.cart:has(.amgsubs-pdp) .single_add_to_cart_button {
	width: 100% !important;
	max-width: none !important;
	flex: 1 1 100% !important;
}
.single-product form.cart:has(.amgsubs-pdp) .single_variation_wrap {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* --- PDP-планшетка 11.08: переклад віджета Cobasi (наказ власника «мало
 * тексту»). Вигода = дві плитки з числами (їхні «10% OFF / Pontos em dobro»),
 * ритм доставок = вантажівка + три дати-пігулки, службове речення лишилось одне. --- */

.amgsubs-perks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 8px;
}
.amgsubs-perk {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding: 8px 12px;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #e6dff8;
}
.amgsubs-perk-num {
	font-size: 16px;
	font-weight: 800;
	line-height: 1.25;
	color: var(--amgs-ink);
	white-space: nowrap;
}
.amgsubs-perk-num span { font-weight: inherit; color: inherit; }
.amgsubs-perk-lab { font-size: 12px; line-height: 1.3; color: var(--amgs-gray); }

/* Підпис над чипами частоти (у Cobasi «Receber a cada:») — власний рядок у флексі */
.amgsubs-freq-cap {
	display: block;
	width: 100%;
	margin: 0 0 -2px;
	font-size: 13px;
	font-weight: 600;
	color: var(--amgs-ink-soft);
}

/* Ритм доставок: найближча дата повна й акцентна, дві тіні — короткі */
.amgsubs-plandetail .amgsubs-when {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
}
.amgsubs-truck {
	display: inline-flex;
	flex: none;
	color: var(--amgs-amber-deep);
}
.amgsubs-truck svg { display: block; }
.amgsubs-datechip {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 4px 11px;
	border-radius: 99px;
	background: var(--amgs-amber-soft);
	border: 1px solid rgba(124, 58, 237, .45);
	font-size: 13px;
	font-weight: 700;
	color: var(--amgs-ink);
	white-space: nowrap;
}
.amgsubs-datechip--ghost {
	background: #ffffff;
	border-color: #e6dff8;
	color: var(--amgs-ink-soft);
	font-weight: 600;
}

/* Вантажівка приїжджає при відкритті панелі; зміну частоти смикає intake.js.
 * Без fill-mode: спокійний стан = видима на місці, анімація лише проїзд —
 * якщо вона не запуститься, іконка однаково стоїть де треба. */
@keyframes amgsubs-truck-in {
	0%   { transform: translateX(-24px); opacity: 0; }
	70%  { transform: translateX(2px); opacity: 1; }
	100% { transform: translateX(0); opacity: 1; }
}
/* (panelin-фейд знято 11.08: не лікував стрибок висоти — тепер шелл-транзиція
 * grid-rows у базовому блоці .amgsubs-plandetail вище.) */

/* Хінт двома неподільними частинами: перенос на 390px починає власний рядок,
 * роздільник малює CSS і не висне в кінці рядка. */
.amgsubs-hint-part { white-space: nowrap; }
.amgsubs-hint-part + .amgsubs-hint-part::before { content: "· "; }

/* Лінки «своя дата»/«скинути»: зона тапу ширша за видимий текст (мобайл) */
.amgsubs-plandetail .amgsubs-when .amgsubs-linkbtn {
	padding: 8px 4px;
	margin: -8px -4px;
}

/* --- Cobasi-картка PDP 11.08 (наказ «щоб було як у них»): окремий блок під
 * кнопкою купівлі — шапка з вантажівкою, перекреслена пара цін з бейджем,
 * плитки вигод словами, частота+ритм дат, своя кнопка. Тумблера немає. --- */
.amgsubs-pdp.amgsubs-cb {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px;
	background: #faf8ff;
	border: 1.5px solid var(--amgs-amber);
	border-radius: 12px;
}
.amgsubs-cb-head { display: flex; align-items: center; gap: 10px; }
.amgsubs-cb-headtxt { display: flex; flex-direction: column; gap: 1px; }
.amgsubs-cb-title { font-size: 15px; font-weight: 800; color: var(--amgs-ink); line-height: 1.25; }
.amgsubs-cb-sub { font-size: 12px; color: var(--amgs-gray); line-height: 1.3; }
.amgsubs-cb-price { display: flex; align-items: baseline; gap: 8px; margin: 0; }
.amgsubs-cb-old { font-size: 13px; color: var(--amgs-gray); }
.amgsubs-cb-new { font-size: 18px; font-weight: 800; color: var(--amgs-ink); }
/* Плитки вигод словами, як у Cobasi («10% OFF / em todas as compras») */
.amgsubs-cb-perks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 8px;
}
.amgsubs-cb .amgsubs-perk-num { font-size: 14px; white-space: normal; }
/* Кнопка як штатна амберна CTA; подвоєний клас проти ресетів теми */
.amgsubs-cb-cta.amgsubs-cb-cta {
	display: block;
	width: 100%;
	padding: 12px 16px;
	border: 0;
	border-radius: 10px;
	background: var(--amgs-amber);
	color: var(--amgs-ink);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background .15s;
}
.amgsubs-cb-cta.amgsubs-cb-cta:hover { background: var(--amgs-amber-deep); color: var(--amgs-ink); }
.amgsubs-cb-cta.amgsubs-cb-cta:focus-visible { outline: 3px solid var(--amgs-amber-deep); outline-offset: 2px; }
.amgsubs-cb-cta.is-busy { opacity: .6; pointer-events: none; }
/* Чипи/дати на кремовій картці: та сама мова, що на планшетці */
.amgsubs-cb .amgsubs-extra { margin-top: 0; }
.amgsubs-cb .amgsubs-when { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; width: 100%; }
.amgsubs-cb .amgsubs-freq-btn.amgsubs-freq-btn { border-color: #ddd3f9; }
.amgsubs-cb .amgsubs-freq-btn.amgsubs-freq-btn.is-active { border-color: var(--amgs-amber); }
/* Шапкова вантажівка: приїжджає при завантаженні і на зміну частоти (смикає JS) */
.amgsubs-cb .amgsubs-truck {
	color: var(--amgs-amber-deep);
	animation: amgsubs-truck-in .55s ease-out;
}
@media (prefers-reduced-motion: reduce) {
	.amgsubs-cb .amgsubs-truck { animation: none !important; }
}
/* Всередині обох форм (проста і варіативна) картка займає повний рядок флекса */
form.cart .amgsubs-pdp.amgsubs-cb { flex: 1 1 100%; }
/* Тап-зони лінків дат на картці (перенесено з планшетки) */
.amgsubs-cb .amgsubs-when .amgsubs-linkbtn { padding: 8px 4px; margin: -8px -4px; }

/* --- v3 11.08 «обидві версії комбінуй»: панель макета з начинкою Cobasi --- */

/* Підзаголовок панелі (їхнє «Facilite sua rotina…», текст власника) */
.amgsubs-plansub { margin: 0; font-size: 12.5px; color: var(--amgs-gray); }

/* МАРШРУТ за живим референсом (скріни власника 11.08, копія превью 04c61533):
 * сірий трек із трьома зупинками (кружечок + вантажівка + цифрова дата під
 * ним); поверх — .amgsubs-stops-fill, абсолютна КОЛЬОРОВА копія маршруту
 * (amber-смуга + amber-диски з білими вантажівками), відкрита ОДНИМ clip-path
 * фронтом: машинка заливається рівно в момент, коли смуга до неї доходить —
 * звʼязка конструктивна, окремі таймінги власник забракував («все окремо»).
 * ⛔clip-path створює stacking context: без z-index:2 шар пірнає ПІД кружечки
 * бази (у них z-index:1) і «машинки не заповнюються» — день так було зламано.
 * Рестарт хвилі — тогл .is-run з reflow (intake.js): шар і псевдоелементи
 * inline-стилем не рестартнеш. Приховано (hidden) до першого вибору частоти. */
.amgsubs-fc[hidden] { display: none !important; }
/* База .amgsubs-when — flex-РЯДОК (лейбл+кнопки): маршрут у ньому стискався
 * вліво і дати злипалися. Fc-варіант = колонка на всю ширину. */
.amgsubs-fc { flex-direction: column; align-items: stretch; gap: 8px; }
.amgsubs-fc.is-open { animation: amgsubs-fcin .24s cubic-bezier(.2, .7, .3, 1) both; }
@keyframes amgsubs-fcin {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: none; }
}
.amgsubs-routebox { position: relative; margin-top: 2px; width: 100%; }
.amgsubs-stops {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	position: relative;
}
.amgsubs-stops::before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
	height: 7px;
	border-radius: 99px;
	background: #e6e0f5;
}
.amgsubs-stop {
	display: flex;
	flex-direction: column;
	gap: 5px;
	position: relative;
	z-index: 1;
}
.amgsubs-stop:nth-child(1) { align-items: flex-start; }
.amgsubs-stop:nth-child(2) { align-items: center; }
.amgsubs-stop:nth-child(3) { align-items: flex-end; }
.amgsubs-stop-ico {
	width: 34px;
	height: 34px;
	border-radius: 99px;
	background: #ffffff;
	border: 2px solid #d4d4d4;
	color: #b7aecb;
	display: flex;
	align-items: center;
	justify-content: center;
}
.amgsubs-stop-ico svg { display: block; width: 20px; height: 20px; }
.amgsubs-stop-date {
	font-size: 12px;
	font-weight: 700;
	color: var(--amgs-ink-soft);
}
.amgsubs-stops-fill {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	clip-path: inset(0 100% 0 0);
}
.amgsubs-stops-fill::before { background: var(--amgs-amber); }
.amgsubs-stops-fill .amgsubs-stop-ico {
	background: var(--amgs-amber);
	border-color: var(--amgs-amber);
	color: #ffffff;
}
.amgsubs-stops-fill .amgsubs-stop-date { visibility: hidden; }
.amgsubs-fc.is-run .amgsubs-stops-fill {
	animation: amgsubs-fillup 2.2s cubic-bezier(.4, 0, .2, 1) .35s both;
}
@keyframes amgsubs-fillup { to { clip-path: inset(0 0 0 0); } }
.amgsubs-fc.is-open .amgsubs-stop { animation: amgsubs-stopin .3s ease-out both; }
.amgsubs-fc.is-open .amgsubs-stop:nth-child(2) { animation-delay: .16s; }
.amgsubs-fc.is-open .amgsubs-stop:nth-child(3) { animation-delay: .32s; }
@keyframes amgsubs-stopin {
	from { opacity: 0; transform: translateY(14px) scale(.85); }
	to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
	.amgsubs-fc.is-open,
	.amgsubs-fc.is-open .amgsubs-stop,
	.amgsubs-fc.is-run .amgsubs-stops-fill { animation: none !important; }
	.amgsubs-stops-fill { clip-path: inset(0 0 0 0); }
}

/* «або своя дата» — власний рядок під маршрутом */
.amgsubs-ownrow {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	font-size: 13px;
	color: var(--amgs-ink-soft);
	width: 100%;
}
.amgsubs-ownrow [hidden] { display: none !important; }

/* Рядок .amgsubs-when у панелі: маршрут + рядок своєї дати стовпчиком */
.amgsubs-plandetail .amgsubs-when {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-top: 0;
	width: 100%;
}
/* Плитки в панелі: словами, тому перенос дозволений (nowrap лишився від
 * числових плиток v1 і обрізав «Безкоштовна доставка» на 390px) */
.amgsubs-plandetail .amgsubs-perk-num { font-size: 14px; white-space: normal; }

/* Вигоди однією тонованою плашкою з «+» між ними + жирний підпис чипів —
 * звірено з живим скріншотом віджета Cobasi 11.08 (cobasi-live-pdp.png) */
.amgsubs-perks--banner {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	background: var(--amgs-amber-soft);
	border-radius: 10px;
}
.amgsubs-perks--banner .amgsubs-perk {
	flex: 1 1 0;
	padding: 0;
	background: none;
	border: 0;
}
.amgsubs-perk-plus {
	flex: none;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
	color: var(--amgs-amber-deep);
}
.amgsubs-freq-cap { font-weight: 700; }

/* ═══════════════════════════════════════════════════════════════════
 * П1 (план v2, 13.08): стрічка v2 «як у Cobasi» — кошик (повна) і
 * дровер/чекаут-точки (компакт, успадкуванням). Токени ті самі:
 * --amgs-amber = фіолет мови підписки.
 * ═══════════════════════════════════════════════════════════════════ */

.amgsubs-v2 { border-radius: 10px; background: #f8f4ec; padding: 8px 12px; transition: background-color .25s; }
.amgsubs-v2.is-on { background: #f5f2fe; }
.amgsubs-v2 .amgsubs-strip { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.amgsubs-v2 .amgsubs-sw { display: flex; align-items: center; gap: 8px; min-height: 36px; }
.amgsubs-v2 .amgsubs-sw-lab b { font-weight: 700; font-size: 14px; color: #6b6257; transition: color .2s; }
.amgsubs-v2.is-on .amgsubs-sw-lab b { color: var(--amgs-amber-deep, #5b21b6); }

.amgsubs-v2 .amgsubs-pill { display: none; align-items: center; background: #fff; border: 1px solid #ddd3f9; border-radius: 999px; padding: 3px 11px; font-size: 12px; font-weight: 700; color: #190a03; white-space: nowrap; }
.amgsubs-v2.is-on .amgsubs-pill { display: inline-flex; }

/* рядок частоти (повна стрічка) */
.amgsubs-v2 .amgsubs-freqrow { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; padding: 7px 0 2px; }
.amgsubs-v2 .amgsubs-freqcap { font-size: 13px; font-weight: 600; color: #190a03; }
.amgsubs-v2 .amgsubs-fslot { display: inline-flex; align-items: center; gap: 8px; min-width: 0; flex-wrap: wrap; }
.amgsubs-v2 .amgsubs-fpick { background: var(--amgs-amber, #7c3aed); color: #fff; font-weight: 700; font-size: 13px; border: 0; border-radius: 999px; padding: 8px 15px; min-height: 36px; cursor: pointer; transition: background-color .15s; }
.amgsubs-v2 .amgsubs-fpick:hover { background: #8b5cf6; }
.amgsubs-v2 .amgsubs-ftag { display: inline-flex; align-items: stretch; border: 1.5px solid #8a8172; border-radius: 8px; background: #fff; overflow: hidden; }
.amgsubs-v2 .amgsubs-ftag:hover { border-color: var(--amgs-amber, #7c3aed); }
.amgsubs-v2 .amgsubs-fmain { border: 0; background: none; cursor: pointer; padding: 0 6px 0 12px; font-weight: 700; font-size: 13px; min-height: 36px; color: #190a03; }
.amgsubs-v2 .amgsubs-fx { border: 0; background: none; cursor: pointer; width: 34px; min-height: 36px; display: grid; place-items: center; padding: 0; }
.amgsubs-v2 .amgsubs-fx-dot { width: 18px; height: 18px; border-radius: 50%; background: #190a03; opacity: .55; color: #fff; font-size: 12px; line-height: 18px; text-align: center; transition: opacity .15s; }
.amgsubs-v2 .amgsubs-fx:hover .amgsubs-fx-dot { opacity: .85; }

/* чип рекомендації: «просто підсвітка», БЕЗ значків; ховер/тап = підказка */
.amgsubs-cchip { display: inline-flex; align-items: center; background: var(--amgs-amber-soft, #ede9fe); border: 1px solid #ddd3f9; color: var(--amgs-amber-deep, #5b21b6); border-radius: 999px; padding: 3px 11px; font-size: 12px; font-weight: 700; white-space: nowrap; max-width: 100%; }
button.amgsubs-cchip { cursor: help; min-height: 30px; }
.amgsubs-cchip--rec:hover, .amgsubs-cchip--rec:focus-visible { background: #e2d9fd; }

/* інлайн-підказка (НЕ поповер: клип-контейнери попапа/дровера зрізали б абсолют) */
.amgsubs-rectipwrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
.amgsubs-rectip-clip { overflow: hidden; min-height: 0; }
.amgsubs-rectip { margin: 6px 2px 2px; font-size: 12px; line-height: 1.45; color: #6b6257; background: #fff; border: 1px solid #ddd3f9; border-radius: 8px; padding: 8px 10px; }
.amgsubs-box.amgsubs-tipon .amgsubs-rectipwrap { grid-template-rows: 1fr; }
@media (hover: hover) {
	.amgsubs-box:has(.amgsubs-cchip--rec:hover) .amgsubs-rectipwrap,
	.amgsubs-box:has(.amgsubs-cchip--rec:focus-visible) .amgsubs-rectipwrap { grid-template-rows: 1fr; }
}

/* інлайн-панель чипів (патерн PDP grid-rows) */
.amgsubs-fpanelwrap { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }
.amgsubs-fpanel-clip { overflow: hidden; min-height: 0; }
.amgsubs-fpanelwrap.is-open { grid-template-rows: 1fr; }
.amgsubs-fpanel { background: #f5f2fe; border: 1px solid #ddd3f9; border-radius: 10px; margin: 6px 0 4px; padding: 10px; }
.amgsubs-fpanel .amgsubs-freq { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.amgsubs-fpanel .amgsubs-freq-btn { border: 1.5px solid #8a8172; border-radius: 8px; background: #fff; padding: 9px 4px; font-weight: 600; font-size: 12.5px; min-height: 38px; cursor: pointer; transition: border-color .15s, box-shadow .15s, color .15s; }
.amgsubs-fpanel .amgsubs-freq-btn:hover { border-color: #8b5cf6; }
.amgsubs-fpanel .amgsubs-freq-btn.is-active { border-color: var(--amgs-amber, #7c3aed); box-shadow: inset 0 0 0 1px var(--amgs-amber, #7c3aed); color: var(--amgs-amber-deep, #5b21b6); font-weight: 800; }
.amgsubs-fnote { margin: 9px 2px 0; font-size: 12px; line-height: 1.4; color: #6b6257; }

/* компакт: дровер + чекаут-точки + попап (успадкуванням) */
.amgsubs-v2--c { padding: 6px 10px; }
.amgsubs-v2--c .amgsubs-sw-lab b { font-size: 13px; }
.amgsubs-v2--c .amgsubs-cslot { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.amgsubs-v2--c .amgsubs-cchip { font-size: 11.5px; padding: 2.5px 10px; }
.amgsubs-v2--c .amgsubs-rectip { font-size: 11.5px; }

/* групова секція чекаут-блоку: оплата + дата першої доставки (Б1) */
.amgsubs-chk-prefs { margin-top: 10px; padding: 10px 12px; background: #f8f4ec; border-radius: 10px; }
.amgsubs-chk-prefs .amgsubs-pay { margin: 0 0 8px; }
.amgsubs-chk-date { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.amgsubs-chk-date .amgsubs-fnote { flex-basis: 100%; margin-top: 4px; }

@media (max-width: 719px) {
	.amgsubs-v2 { padding: 8px 10px; }
	.amgsubs-fpanel .amgsubs-freq { gap: 6px; }
	.amgsubs-fpanel .amgsubs-freq-btn { font-size: 12px; padding: 9px 2px; }
}

/* П5: пульс чипа-тега при синхронізації частоти */
.amgsubs-ftag.amgsubs-pulse { animation: amgsubsTagPulse .5s ease; }
@keyframes amgsubsTagPulse {
	0% { box-shadow: 0 0 0 0 rgba(124, 58, 237, .45); }
	70% { box-shadow: 0 0 0 9px rgba(124, 58, 237, 0); }
	100% { box-shadow: 0 0 0 0 rgba(124, 58, 237, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.amgsubs-ftag.amgsubs-pulse, .amgsubs-rectipwrap, .amgsubs-fpanelwrap { animation: none; transition: none; }
}

/* «1 в 1» з макетом (наказ 13.08 вечір): чекбокс-галочка замість світча,
 * зачистка спадку легасі-боксу, канонні відступи. */
.amgsubs-box.amgsubs-v2 { margin-top: 8px; padding: 8px 12px; background: #f8f4ec; border-radius: 10px; font-size: 14px; line-height: 1.4; }
.amgsubs-box.amgsubs-v2.is-on { background: #f5f2fe; }
.amgsubs-box--mini.amgsubs-v2--c, .amgsubs-box--chk.amgsubs-v2--c { padding: 6px 10px; }

.amgsubs-v2 .amgsubs-cbrow.amgsubs-cbrow { display: flex; align-items: center; gap: 9px; margin: 0; min-height: 34px; cursor: pointer; }
.amgsubs-v2 .amgsubs-cbrow .amgsubs-toggle { position: absolute; opacity: 0; width: 1px; height: 1px; }
.amgsubs-cb { width: 22px; height: 22px; border: 2px solid #8a8172; border-radius: 6px; background: #fff; display: grid; place-items: center; flex: none; transition: background-color .2s, border-color .2s; }
.amgsubs-cb svg { width: 14px; height: 14px; stroke: #fff; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 20; stroke-dashoffset: 20; transition: stroke-dashoffset .22s ease .05s; }
.amgsubs-cbrow .amgsubs-toggle:checked ~ .amgsubs-cb { background: var(--amgs-amber, #7c3aed); border-color: var(--amgs-amber, #7c3aed); }
.amgsubs-cbrow .amgsubs-toggle:checked ~ .amgsubs-cb svg { stroke-dashoffset: 0; }
.amgsubs-cbrow .amgsubs-toggle:focus-visible ~ .amgsubs-cb { outline: 2px solid #190a03; outline-offset: 2px; }
.amgsubs-v2--c .amgsubs-cb { width: 16px; height: 16px; border-radius: 5px; }
.amgsubs-v2--c .amgsubs-cb svg { width: 10px; height: 10px; }

.amgsubs-freqcal { width: 18px; height: 18px; color: #6b6257; flex: none; }

/* «1 в 1» дофікс: v2-extra без легасі-флексу (рядок частоти зліва), обраний чип
 * панелі = БІЛИЙ з фіолетовою рамкою і фіолетовим текстом (канон-макет), не заливка. */
.amgsubs-v2 .amgsubs-extra.amgsubs-extra { display: block; justify-content: initial; }
.amgsubs-v2 .amgsubs-cslot.amgsubs-cslot { display: inline-flex; }
.amgsubs-v2 .amgsubs-fpanel .amgsubs-freq-btn.is-active,
.amgsubs-v2 .amgsubs-fpanel .amgsubs-freq-btn.is-active:hover {
	background: #fff;
	border-color: var(--amgs-amber, #7c3aed);
	box-shadow: inset 0 0 0 1px var(--amgs-amber, #7c3aed);
	color: var(--amgs-amber-deep, #5b21b6);
	font-weight: 800;
}

/* Наказ 13.08 вечір: компакт БЕЗ плашки у вимкненому стані (жодних «коричневих
 * бордерів» під чекбоксом) — фон лише при увімкненій підписці. */
.amgsubs-box.amgsubs-v2--c { background: transparent; padding: 4px 0; margin-top: 6px; }
.amgsubs-box.amgsubs-v2--c.is-on { background: #f5f2fe; padding: 6px 10px; border-radius: 10px; }

/* Групові преференси в правій колонці: нейтрально, без бежевої плашки. */
.amgsubs-chk-prefs--col { background: transparent; border-top: 1px solid rgba(0, 0, 0, .06); border-radius: 0; margin-top: 12px; padding: 12px 0 0; }

/* Стрічка всередині попапа «Ваш кошик»: компакт під назвою товару */
#amg-cart-popup .amgsubs-box.amgsubs-v2--c { margin-top: 6px; }
#amg-cart-popup .amgsubs-box.amgsubs-v2--c.is-on { background: #f5f2fe; }
#amg-cart-popup .amgsubs-fpanel .amgsubs-freq { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ⛔⛔ НАКАЗ 13.08 вечір (тричі): КОШИК НА ЧЕКАУТІ НЕ СКРОЛИТЬСЯ ВСЕРЕДИНІ СЕБЕ.
 * Обидва кошики: ПК = права колонка .xts-checkout-order-review (тема робить її
 * липкою з max-height=висота вікна і overflow:auto — щойно стрічки підписки
 * додали висоти, зʼявився внутрішній скрол); мобілка = попап «Ваш кошик»
 * (.amg-cart-popup__body з overflow-y:auto). Колонка і попап течуть зі
 * сторінкою; скрол лишається ОДИН — сторінковий. Файли теми/степера не чіпані. */
.woocommerce-checkout .xts-checkout-order-review,
.woocommerce-checkout .xts-sticky-content .xts-checkout-order-review {
	max-height: none !important;
	overflow: visible !important;
}
.amg-cart-popup__body {
	overflow-y: visible !important;
	max-height: none !important;
}
.amg-cart-popup__sheet {
	max-height: 100dvh !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}
@media (min-width: 1024px) {
	.amg-cart-popup__sheet { height: 100dvh !important; }
}

/* [прибрано 13.08] Мертвий блок «ПАРИТЕТ З COBASI 1:1» (біла картка + рамка +
 * кольорова смуга): скасований наказами «прибери рамки» і «зроби нормальний фон».
 * Фінальний вигляд нижче: один цілісний світлий блок. */

/* ⛔ НАКАЗ 13.08 вечір: Cobasi = МЕХАНІКА, ДИЗАЙН = НАШ МАКЕТ.
 * У макеті рамку має КАРТКА ТОВАРУ (її малює тема), а стрічка підписки —
 * без власної рамки: кольорова смуга + білий рядок частоти. Рамки геть. */
.woocommerce-cart-form__contents .amgsubs-box.amgsubs-v2,
.amgsubs-box.amgsubs-v2,
.amgsubs-box.amgsubs-v2.is-on,
.amgsubs-box.amgsubs-v2--c,
.amgsubs-box.amgsubs-v2--c.is-on {
	border: 0 !important;
	box-shadow: none !important;
}
.amgsubs-box.amgsubs-v2 { background: transparent; border-radius: 10px; overflow: hidden; }
.amgsubs-v2 .amgsubs-strip { background: #f8f4ec; }
.amgsubs-v2.is-on .amgsubs-strip { background: #f5f2fe; }
.amgsubs-v2 .amgsubs-extra.amgsubs-extra { background: transparent; padding: 0 14px; }
.amgsubs-v2--c .amgsubs-extra.amgsubs-extra { padding: 0 10px; }

/* ⛔⛔ НАКАЗ (5-й раз): ЖОДНОГО ФОНУ під стрічкою підписки. Ні бежевого, ні
 * лавандового, ні в смузі, ні в панелі чипів, ні в компактах. Стрічка живе
 * на тлі картки товару. Стан «підписано» показує ЧЕКБОКС і колір тексту. */
.amgsubs-box.amgsubs-v2,
.amgsubs-box.amgsubs-v2.is-on,
.amgsubs-box.amgsubs-v2--c,
.amgsubs-box.amgsubs-v2--c.is-on,
.amgsubs-v2 .amgsubs-strip,
.amgsubs-v2.is-on .amgsubs-strip,
.amgsubs-v2 .amgsubs-extra.amgsubs-extra,
.amgsubs-v2 .amgsubs-fpanelwrap,
.amgsubs-v2 .amgsubs-fpanel,
.amgsubs-v2 .amgsubs-rectipwrap,
#amg-cart-popup .amgsubs-box.amgsubs-v2--c,
#amg-cart-popup .amgsubs-box.amgsubs-v2--c.is-on {
	background: transparent !important;
	background-color: transparent !important;
}
.amgsubs-v2 .amgsubs-strip { padding: 6px 0; }
.amgsubs-v2 .amgsubs-extra.amgsubs-extra { padding: 0; }
.amgsubs-v2--c .amgsubs-strip { padding: 4px 0; }
.amgsubs-v2--c .amgsubs-extra.amgsubs-extra { padding: 0; }
.amgsubs-v2 .amgsubs-fpanel { border: 1px solid #ddd3f9; border-radius: 10px; padding: 10px; margin: 0 0 10px; }
.amgsubs-v2 .amgsubs-truth { padding: 0 0 8px; }

/* ⛔ Частота показується ТІЛЬКИ при поставленій галочці (1:1 Cobasi).
 * Баг: власне правило display:block на .amgsubs-extra перебивало [hidden]. */
.amgsubs-v2 .amgsubs-extra[hidden],
.amgsubs-v2 .amgsubs-cslot[hidden],
.amgsubs-v2 .amgsubs-truth[hidden],
.amgsubs-box [hidden] { display: none !important; }

/* 1:1 Cobasi (референс prnt.sc/oDo2Q--S0jPm): смуга з фоном = РІВНО рядок
 * чекбокса, на всю ширину картки, з тонкими роздільниками; рядок частоти під
 * нею — БЕЗ фону. Без галочки фону немає взагалі (наказ «прибери фон»). */
.amgsubs-v2.is-on .amgsubs-strip {
	background: #f7f5ff !important;
	border-top: 1px solid rgba(124, 58, 237, .14);
	border-bottom: 1px solid rgba(124, 58, 237, .14);
	padding: 7px 12px;
	margin: 8px 0 0;
}
.amgsubs-v2:not(.is-on) .amgsubs-strip { background: transparent !important; border: 0; padding: 6px 0; }
.amgsubs-v2 .amgsubs-extra.amgsubs-extra { background: transparent !important; padding: 0 12px; }
.amgsubs-v2 .amgsubs-freqrow { padding: 9px 0 10px; }
.amgsubs-v2--c.is-on .amgsubs-strip { padding: 5px 9px; margin: 6px 0 0; }
.amgsubs-v2--c .amgsubs-extra.amgsubs-extra { padding: 0 9px; }

/* Смуга на ВСЮ ширину картки (у Cobasi вона від краю до краю), а не по контенту:
 * легасі-правила робили .amgsubs-box флексом, тож .amgsubs-strip стискався до
 * max-content. Бокс = блок, смуга і рядки = 100%. */
.amgsubs-box.amgsubs-v2 { display: block !important; width: 100%; }
.amgsubs-v2 .amgsubs-strip { width: 100%; box-sizing: border-box; }
.amgsubs-v2 .amgsubs-extra.amgsubs-extra { width: 100%; box-sizing: border-box; }

/* ФІНАЛЬНИЙ ВИГЛЯД (наказ «зроби нормальний фон»): підписана позиція = ОДИН
 * цілісний світлий блок зі скругленням; усередині рядок чекбокса, тонкий
 * роздільник, рядок частоти; панель чипів — біла картка всередині блоку.
 * Без галочки блок прозорий: у кошику видно лише чекбокс. */
.amgsubs-box.amgsubs-v2.amgsubs-v2.is-on {
	background: #f6f4ff !important;
	border-radius: 12px;
	padding: 10px 12px !important;
	margin-top: 8px;
}
.amgsubs-box.amgsubs-v2.amgsubs-v2:not(.is-on) {
	background: transparent !important;
	padding: 4px 0 !important;
}
.amgsubs-v2.is-on .amgsubs-strip.amgsubs-strip {
	background: transparent !important;
	border: 0;
	border-bottom: 1px solid rgba(124, 58, 237, .13);
	padding: 0 0 8px !important;
	margin: 0;
}
.amgsubs-v2:not(.is-on) .amgsubs-strip.amgsubs-strip { padding: 0 !important; border: 0; }
.amgsubs-v2 .amgsubs-extra.amgsubs-extra { padding: 8px 0 0 !important; }
.amgsubs-v2 .amgsubs-freqrow { padding: 0 0 2px; }
.amgsubs-v2 .amgsubs-fpanel {
	background: #fff !important;
	border: 1px solid #e6dffb;
	border-radius: 10px;
	padding: 10px;
	margin: 8px 0 2px;
}
.amgsubs-v2 .amgsubs-fnote { margin: 8px 2px 0; }
/* компакти: той самий блок, тісніше */
.amgsubs-box.amgsubs-v2--c.amgsubs-v2--c.is-on { padding: 8px 10px !important; border-radius: 10px; margin-top: 6px; }

/* ЗРОЗУМІЛІ чипи частоти (наказ 13.08 вечір): «Раз на 2 тижні» + дата
 * наступної доставки, за зростанням інтервалу; 2 колонки, щоб текст дихав. */
.amgsubs-freq--dated { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.amgsubs-freq--dated .amgsubs-freq-btn {
	display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
	gap: 2px; text-align: left; padding: 9px 12px; min-height: 52px; line-height: 1.25;
}
.amgsubs-freq--dated .amgsubs-freq-lab { font-size: 13.5px; font-weight: 700; }
.amgsubs-freq-date { font-size: 11.5px; color: #6b6257; font-weight: 500; }
.amgsubs-freq--dated .amgsubs-freq-btn.is-active .amgsubs-freq-date { color: var(--amgs-amber-deep, #5b21b6); }
.amgsubs-freq--dated .amgsubs-freq-note {
	position: absolute; top: 6px; right: 8px;
	font-size: 9.5px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase;
	color: var(--amgs-amber-deep, #5b21b6);
}
.amgsubs-freq--dated .amgsubs-freq-btn { position: relative; }
@media (max-width: 719px) {
	.amgsubs-freq--dated { grid-template-columns: minmax(0, 1fr); }
}

/* Оплата доставок у чекаут-блоці: сегмент-капсула ЯК НА КАРТЦІ ТОВАРУ (PDP) —
 * фіолетова заливка активного, білий текст, живий стан (наказ 13.08 вечір). */
.amgsubs-chk-prefs .amgsubs-pay { flex-direction: column; align-items: flex-start; gap: 7px; }
.amgsubs-chk-prefs .amgsubs-pay-lab { font-size: 13px; color: #6b6257; }
.amgsubs-chk-prefs .amgsubs-payseg {
	display: inline-flex;
	border: 1.5px solid #ddd3f9;
	border-radius: 99px;
	overflow: hidden;
	background: #fff;
	padding: 3px;
	gap: 3px;
}
.amgsubs-chk-prefs .amgsubs-payopt {
	border: 0 !important;
	border-radius: 99px !important;
	min-height: 34px;
	padding: 6px 16px;
	font-size: 13px;
	font-weight: 600;
	color: #190a03;
	background: transparent;
	transition: background-color .18s, color .18s;
}
.amgsubs-chk-prefs .amgsubs-payopt + .amgsubs-payopt { border-left: 0 !important; }
.amgsubs-chk-prefs .amgsubs-payopt.is-active {
	background: var(--amgs-amber, #7c3aed) !important;
	color: #fff !important;
	font-weight: 700;
}
.amgsubs-chk-prefs .amgsubs-payopt.is-active span { color: #fff; }
.amgsubs-chk-prefs .amgsubs-pay-note { border-top: 0; padding-top: 4px; }

/* У вузьких поверхнях (колонка чекаута, дровер, попап) чипи з датами — В ОДНУ
 * КОЛОНКУ: у дві вони налазили один на одного. */
.amgsubs-v2--c .amgsubs-freq--dated { grid-template-columns: minmax(0, 1fr) !important; gap: 6px; }
.amgsubs-v2--c .amgsubs-freq--dated .amgsubs-freq-btn { min-height: 44px; padding: 7px 11px; }
.amgsubs-v2--c .amgsubs-freq-lab { font-size: 13px; }
.amgsubs-v2--c .amgsubs-freq-date { font-size: 11px; }
.amgsubs-freq--dated .amgsubs-freq-btn { overflow: hidden; }
.amgsubs-freq--dated .amgsubs-freq-lab,
.amgsubs-freq--dated .amgsubs-freq-date { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

/* Мітка «радимо» налазила на текст — ставимо її В ПОТОЦІ, під датою. */
.amgsubs-freq--dated .amgsubs-freq-note {
	position: static !important;
	display: block;
	margin-top: 2px;
	font-size: 10px;
	letter-spacing: .04em;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--amgs-amber-deep, #5b21b6);
}
.amgsubs-freq--dated .amgsubs-freq-btn { padding: 8px 12px 9px; }

/* Мобілка: короткий підпис чипа замість довгого (на 320-390 «Раз на 2 тижні»
 * обрізався до «Р…»), у одну колонку, з нормальними тап-зонами. */
.amgsubs-freq-lab-s { display: none; }
@media (max-width: 719px) {
	.amgsubs-freq--dated { grid-template-columns: minmax(0, 1fr) !important; gap: 6px; }
	.amgsubs-freq--dated .amgsubs-freq-lab { display: none; }
	.amgsubs-freq--dated .amgsubs-freq-lab-s { display: block; font-size: 13.5px; font-weight: 700; }
	.amgsubs-freq--dated .amgsubs-freq-btn { min-height: 46px; padding: 8px 12px; }
	.amgsubs-freq-date { font-size: 11px; }
}
/* Попап: чипи мають дихати (степер тисне min-height:0 !important) */
#amg-cart-popup .amgsubs-freq--dated .amgsubs-freq-btn { min-height: 44px !important; padding: 8px 11px !important; }
#amg-cart-popup .amgsubs-cchip, #amg-cart-popup .amgsubs-fpick { min-height: 32px !important; }

/* Іконки в стрічці: жорсткий розмір (тема розтягувала svg без атрибутів на всю ширину) */
.amgsubs-v2 svg.amgsubs-labcal,
.amgsubs-v2 svg.amgsubs-freqcal,
.amgsubs-v2 svg.amgsubs-pilltag {
	width: 17px !important;
	height: 17px !important;
	min-width: 17px;
	max-width: 17px;
	flex: 0 0 17px;
	display: inline-block;
	vertical-align: middle;
}
.amgsubs-v2 svg.amgsubs-pilltag { width: 15px !important; height: 15px !important; flex-basis: 15px; }

/* ⛔⛔⛔ НАКАЗ ×3: у КОШИКУ на чекауті НЕМАЄ ЖОДНИХ скролів — ні в колонці (ПК),
 * ні в попапі (мобілка), ні в його тілі, ні в самому аркуші. Аркуш росте під
 * вміст, гортається СТОРІНКА. Це скасовує моє попереднє max-height:100dvh. */
.amg-cart-popup { align-items: flex-end !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
.amg-cart-popup__sheet {
	max-height: none !important;
	height: auto !important;
	overflow: visible !important;
}
.amg-cart-popup__body { overflow: visible !important; max-height: none !important; }
@media (min-width: 1024px) {
	.amg-cart-popup__sheet { height: auto !important; min-height: 100dvh; }
}

/* ═══════════════════════════════════════════════════════════════════
 * ⛔⛔ НАКАЗ 13.08 (вибух власника): у ЧЕКАУТІ (права колонка ПК +
 * попап «Ваш кошик») стрічка показувала ГОЛИЙ чип «2 тижні» без
 * підпису, у боксі з подвійними відступами — «карточка одна посеред
 * екрану, незрозуміло що це». 1:1 Cobasi (prnt.sc/oDo2Q--S0jPm):
 * смуга «☑ Підписка … −10%», тонкий роздільник, під ним рядок
 * «Частота доставки: [чип ⓧ]». Розмітка стала одна на всі поверхні
 * (intake.php), тут — тіснота компакта і зачистка легасі-відступів.
 * ═══════════════════════════════════════════════════════════════════ */

/* Підпис смуги в один рядок: легасі .amgsubs-sw-lab b{display:block}
 * скидало календарик під текст і додавало 28px порожнечі. */
.amgsubs-v2 .amgsubs-sw-lab { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.amgsubs-v2 .amgsubs-sw-lab b { display: inline; line-height: 1.25; margin-top: 0; }
.amgsubs-v2 .amgsubs-pill { gap: 5px; }

/* Компакт = та сама стрічка, тісніше: смуга ~28px, рядок частоти ~30px. */
.amgsubs-box.amgsubs-v2--c.amgsubs-v2--c.is-on { padding: 7px 10px !important; border-radius: 10px; margin-top: 6px; }
.amgsubs-v2--c .amgsubs-strip { flex-wrap: nowrap; gap: 8px; }
.amgsubs-v2--c.is-on .amgsubs-strip.amgsubs-strip { padding: 0 0 6px !important; }
.amgsubs-v2--c .amgsubs-sw,
.amgsubs-v2--c .amgsubs-cbrow.amgsubs-cbrow { min-height: 26px; gap: 8px; }
.amgsubs-v2--c .amgsubs-sw-lab b { font-size: 12.5px; }
.amgsubs-v2--c .amgsubs-pill { font-size: 11px; padding: 2px 8px; gap: 4px; }
.amgsubs-v2--c .amgsubs-extra.amgsubs-extra { padding: 6px 0 0 !important; }
.amgsubs-v2--c .amgsubs-freqrow { padding: 0; gap: 7px; row-gap: 5px; }
.amgsubs-v2--c .amgsubs-freqcap { font-size: 12px; }
.amgsubs-v2--c .amgsubs-fslot { gap: 6px; }
.amgsubs-v2--c .amgsubs-ftag { border-radius: 7px; }
.amgsubs-v2--c .amgsubs-fmain { min-height: 28px; font-size: 12.5px; padding: 0 3px 0 10px; }
.amgsubs-v2--c .amgsubs-fx { width: 25px; min-height: 28px; }
.amgsubs-v2--c .amgsubs-fx-dot { width: 16px; height: 16px; font-size: 11px; line-height: 16px; }
.amgsubs-v2--c .amgsubs-fpick { min-height: 30px; font-size: 12.5px; padding: 5px 13px; }
.amgsubs-v2--c .amgsubs-fpanel { padding: 9px; margin: 7px 0 1px; }
.amgsubs-v2--c .amgsubs-fnote { margin: 7px 1px 0; font-size: 11.5px; }
.amgsubs-v2--c svg.amgsubs-freqcal { width: 15px !important; height: 15px !important; min-width: 15px; max-width: 15px; flex-basis: 15px; }
.amgsubs-v2--c svg.amgsubs-pilltag { width: 13px !important; height: 13px !important; flex-basis: 13px; }

/* Попап тисне контроли (степер: min-height:0 !important) — тап-зони назад. */
#amg-cart-popup .amgsubs-v2--c .amgsubs-fmain,
#amg-cart-popup .amgsubs-v2--c .amgsubs-fx { min-height: 28px !important; }
#amg-cart-popup .amgsubs-v2--c .amgsubs-fpick { min-height: 30px !important; }

/* Попап «Ваш кошик» = той самий блок, що в колонці ПК (обидва кошики мають
 * виглядати однаково — наказ «перевіряти ОБИДВА»): легасі-правило гасило фон
 * саме в попапі, і стрічка зливалася з рядком кількості. */
#amg-cart-popup .amgsubs-box.amgsubs-v2--c.amgsubs-v2--c.is-on {
	background: #f6f4ff !important;
	padding: 7px 10px !important;
	border-radius: 10px;
	margin: 6px 0 8px;
}

/* Чип «радимо» (наказ 13.08: «слово стоїть криво»): у варіанті БЕЗ дат мітка
 * висіла інлайном збоку від «2 тиж» — правила вирівнювання були лише в
 * .amgsubs-freq--dated. Тепер підпис окремим рядком під назвою, по центру,
 * усі чипи однакової висоти, рекомендований має мʼяку фіолетову рамку. */
.amgsubs-fpanel .amgsubs-freq:not(.amgsubs-freq--dated) .amgsubs-freq-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1px;
	min-height: 46px;
	padding: 7px 6px;
	line-height: 1.2;
}
.amgsubs-fpanel .amgsubs-freq:not(.amgsubs-freq--dated) .amgsubs-freq-note {
	position: static;
	display: block;
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--amgs-amber-deep, #5b21b6);
}
.amgsubs-fpanel .amgsubs-freq:not(.amgsubs-freq--dated) .amgsubs-freq-btn--auto:not(.is-active) {
	border-color: #c4b5fd;
}
/* Попап «Ваш кошик»: степер тисне кнопкам min-height:0 !important, тому в
 * НЕ-датованій панелі чипи розʼїжджались (32px звичайні / 44px рекомендований).
 * Компенсація була написана лише для .amgsubs-freq--dated. */
#amg-cart-popup .amgsubs-fpanel .amgsubs-freq:not(.amgsubs-freq--dated) .amgsubs-freq-btn {
	min-height: 46px !important;
	padding: 7px 6px !important;
}

/* «Умови» на клієнтських поверхнях (планшетка PDP + стрічка кошика, 16.08):
 * той самий лінк, що на чекауті й у картці подяки, лише розміром з підказок
 * поруч. Тап-зона — власна, див. блок нижче (спільна з .amgsubs-linkbtn тут
 * НЕ годиться: вона центрована і крала тапи в кнопки над лінком). */
.amgsubs-terms { margin: 6px 2px 0; line-height: 1.4; }
/* Планшетка PDP: -pad = flex-колонка з gap:10px, тож власний margin лише
 * підтягує лінк назад до хінта (10−4=6px, як у стрічці кошика). */
.amgsubs-plandetail .amgsubs-terms { margin: -4px 0 0; }
.amgsubs-terms .amgsubs-linkbtn.amgsubs-linkbtn { font-size: 12px; font-weight: 600; color: var(--amgs-gray); }
.amgsubs-terms .amgsubs-linkbtn.amgsubs-linkbtn:hover { color: var(--amgs-ink); }
/* ⛔ ТАП-ЗОНА: спільний розширювач .amgsubs-linkbtn::before центрований по
 * глифу (44px, top:50%), тож вилазив ~13px ВГОРУ — на вузьких стрічках
 * (сторінка кошика під тем-відступом 115px, дровер/попап ≤260px) він накривав
 * низ кнопки «Обрати частоту», і тап відкривав /subs/ замість панелі частот.
 * Тут зона ВЛАСНА і росте лише ВНИЗ та вбоки: 3px угору (кнопка вище має ≥9px
 * запасу), 21px униз. Негативний margin знизу = РІВНО падінг картки (10px
 * повна, 7px компакт): зона доїдає власне «повітря» картки і НЕ перетинає її
 * нижній край, тож нічого під карткою теж не краде. Разом ≈41px висоти. */
.amgsubs-terms .amgsubs-linkbtn.amgsubs-linkbtn::before { content: none; }
.amgsubs-terms .amgsubs-linkbtn.amgsubs-linkbtn {
	display: inline-block;
	padding: 3px 12px 21px;
	margin: -3px -12px -10px;
}
.amgsubs-v2--c .amgsubs-terms { margin: 7px 1px 0; }
/* Компакт: падінг картки 7px, не 10 — тап-зона підтягується рівно на нього. */
.amgsubs-v2--c .amgsubs-terms .amgsubs-linkbtn.amgsubs-linkbtn { font-size: 11.5px; margin-bottom: -7px; }