/* Боковая корзина (Figma 966:1972): панель 526 справа поверх затемнения rgba(36,54,25,.19).
   Карточка позиции — белая radius 32, p-8, фото 173×168 на фоне #edf7ea radius 24.
   Только токены. */

.gp-sidecart {
	position: fixed;
	inset: 0;
	z-index: 1000;
}
.gp-sidecart__overlay {
	position: absolute;
	inset: 0;
	background: rgba(36, 54, 25, 0.19);
	opacity: 0;
	transition: opacity 0.25s ease;
}
.gp-sidecart.is-open .gp-sidecart__overlay { opacity: 1; }

.gp-sidecart__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 526px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--surface);
	transform: translateX(100%);
	transition: transform 0.25s ease;
}
.gp-sidecart.is-open .gp-sidecart__panel { transform: none; }

/* Крестик слева сверху (Figma 966:2099: 32×32, левый край). */
.gp-sidecart__close {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.gp-sidecart__close span {
	position: absolute;
	top: 50%;
	left: 4px;
	width: 24px;
	height: 2px;
	background: var(--wp--preset--color--contrast);
}
.gp-sidecart__close span:first-child { transform: rotate(45deg); }
.gp-sidecart__close span:last-child { transform: rotate(-45deg); }

.gp-sidecart__title {
	margin: 0;
	padding: var(--wp--preset--spacing--r-40) var(--wp--preset--spacing--r-16) var(--wp--preset--spacing--r-24);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-24);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.6px;
	text-align: center;
	color: var(--wp--preset--color--contrast);
}

.gp-sidecart__body {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: 0 var(--wp--preset--spacing--r-16) var(--wp--preset--spacing--r-24);
}
.gp-sidecart__group {
	margin: var(--wp--preset--spacing--r-16) 0;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-16);
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
}
.gp-sidecart__empty {
	padding: var(--wp--preset--spacing--r-32) 0;
	text-align: center;
	color: var(--wp--preset--color--muted);
}

/* ── Позиция корзины ── */
.gp-sidecart__item {
	display: flex;
	align-items: center;
	gap: var(--wp--preset--spacing--r-16);
	margin-bottom: var(--wp--preset--spacing--r-16);
	padding: var(--wp--preset--spacing--r-8);
	border-radius: var(--wp--custom--radius--xl);
	background: var(--wp--preset--color--base);
	box-shadow: 0 12px 14.55px rgba(24, 64, 0, 0.06);
}
.gp-sidecart__photo {
	flex: 0 0 173px;
	height: 168px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--wp--custom--radius--large);
	background: var(--wp--preset--color--surface-muted);
	overflow: hidden;
}
.gp-sidecart__photo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.gp-sidecart__info {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--r-16);
	padding-right: var(--wp--preset--spacing--r-16);
}
.gp-sidecart__name,
.gp-sidecart__qty,
.gp-sidecart__price { margin: 0; }
.gp-sidecart__name {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-16);
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp--preset--color--contrast);
}
.gp-sidecart__qty {
	font-size: var(--wp--preset--font-size--r-16);
	font-weight: 700;
	line-height: 1.3;
	color: var(--wp--preset--color--muted);
}
.gp-sidecart__price {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-24);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.24px;
	color: var(--wp--preset--color--primary);
}
.gp-sidecart__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--r-8);
}
.gp-sidecart__pill {
	padding: 5px var(--wp--preset--spacing--r-8);
	border-radius: var(--wp--custom--radius--pill);
	background: rgba(49, 129, 0, 0.08);
	font-size: var(--wp--preset--font-size--r-14);
	font-weight: 700;
	line-height: 1.5;
	color: var(--wp--preset--color--muted);
}
.gp-sidecart__remove {
	padding: 0;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--r-14);
	font-weight: 700;
	color: #c5283d; /* Figma 966:2112 — единственный красный на сайте, токена нет */
	text-decoration: underline;
	cursor: pointer;
}
.gp-sidecart__remove:hover { color: var(--wp--preset--color--contrast); }
.gp-sidecart__remove:disabled { opacity: 0.5; cursor: default; }

/* ── Подвал панели (Figma 966:2137: фон surface + тень сверху) ── */
.gp-sidecart__foot {
	flex: 0 0 auto;
	padding: var(--wp--preset--spacing--r-32) var(--wp--preset--spacing--r-16) var(--wp--preset--spacing--r-24);
	background: var(--wp--preset--color--surface);
	box-shadow: 0 -6px 8px rgba(24, 64, 0, 0.11);
	text-align: center;
}
.gp-sidecart__total-label,
.gp-sidecart__total,
.gp-sidecart__tax { margin: 0 0 var(--wp--preset--spacing--r-16); }
.gp-sidecart__total-label {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-16);
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--wp--preset--color--contrast);
}
.gp-sidecart__total {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-32);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.6px;
	color: var(--wp--preset--color--primary);
}
.gp-sidecart__tax {
	font-size: var(--wp--preset--font-size--r-16);
	line-height: 1.4;
	color: var(--wp--preset--color--muted);
}
.gp-sidecart__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 388px;
	height: 48px;
	margin: var(--wp--preset--spacing--r-24) auto var(--wp--preset--spacing--r-16);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--on-dark);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-14);
	font-weight: 700;
	letter-spacing: 0.14px;
	text-decoration: none;
	transition: background var(--wp--custom--transition--fast);
}
.gp-sidecart__btn:hover { background: var(--wp--preset--color--contrast); }
.gp-sidecart__continue {
	display: inline-flex;
	align-items: center;
	gap: var(--wp--preset--spacing--r-8);
	height: 48px;
	padding: 0 var(--wp--preset--spacing--r-24);
	border: 0;
	background: transparent;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--r-16);
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: underline;
	color: var(--wp--preset--color--primary);
	cursor: pointer;
}
.gp-sidecart__chev {
	width: 8px;
	height: 8px;
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	transform: rotate(45deg);
}

@media (max-width: 600px) {
	.gp-sidecart__photo { flex-basis: 120px; height: 120px; }
	.gp-sidecart__price { font-size: var(--wp--preset--font-size--r-20); }
}
@media (prefers-reduced-motion: reduce) {
	.gp-sidecart__panel,
	.gp-sidecart__overlay { transition: none; }
}