/* ── Плавающая кнопка (floating-cta) ──────────────────────────────────────────
   Пилюля в правом нижнем углу на каждой странице. Вид — как пилюля в hero
   витрины: белая капсула, зелёный текст, круглая зелёная иконка-сумка. */

.gp-fab {
	position: fixed;
	right: var(--wp--preset--spacing--r-24);
	bottom: var(--wp--preset--spacing--r-24);
	z-index: 90;
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--r-12);
	padding: 8px 8px 8px var(--wp--preset--spacing--r-24);
	box-sizing: border-box;
	max-width: calc(100% - 32px);
	background: var(--wp--preset--color--base);
	border-radius: var(--wp--custom--radius--pill);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
	text-decoration: none;
	transition: box-shadow var(--wp--custom--transition--fast), transform var(--wp--custom--transition--fast);
}
.gp-fab:hover,
.gp-fab:focus-visible {
	box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
	transform: translateY(-2px);
}
.gp-fab__text {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--r-16);
	color: var(--wp--preset--color--primary);
	white-space: nowrap;
}
.gp-fab__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--primary);
}
.gp-fab__icon::before {
	content: "";
	width: 22px;
	height: 22px;
	background: var(--wp--preset--color--on-dark);
	-webkit-mask: var(--gp-ico) center / contain no-repeat;
	mask: var(--gp-ico) center / contain no-repeat;
}

/* Мобилка: кнопка компактнее, чтобы не закрывала контент. */
@media (max-width: 600px) {
	.gp-fab {
		right: var(--wp--preset--spacing--r-16);
		bottom: var(--wp--preset--spacing--r-16);
		padding: 6px 6px 6px var(--wp--preset--spacing--r-16);
		gap: var(--wp--preset--spacing--r-8);
	}
	.gp-fab__text { font-size: var(--wp--preset--font-size--r-14); }
	.gp-fab__icon { width: 40px; height: 40px; }
}

@media print {
	.gp-fab { display: none; }
}