/* Списки «Избранное» и «Сравнение»: кнопки в мини-карточке и карточке, значки в шапке, окна списков.
   ТЗ листинга п.3–4, карточки п.7–8. Скрипт — /js/gc-lists.js. Цвета и радиусы — из действующих компонентов сайта:
   коричневый #8a675f, текст #756b6b, светлый фон --clr-bg-light, карточки с радиусом 25.
   Фото товаров в окнах — на белом с коричневой рамкой: у части картинок (штампы) свой белый фон,
   на бежевой подложке он выглядел вторым прямоугольником. */

/* ===== мини-карточка: артикул под названием — светло-серый, второстепенный ===== */
.tile-article {
	margin-top: .3em;
	font-size: max(12px, .64em);
	line-height: 1.3;
	color: #a59c9a;
}

/* ===== мини-карточка: кнопки в правом верхнем углу ===== */
.item-tile-catalog .tile-photo-wrap {
	position: relative;
}
.tile-list-actions {
	position: absolute;
	top: -10px; /* фото начинается на 14–16px ниже края карточки — значки поднимаем к самому верху */
	right: 6px;
	z-index: 10; /* выше ссылки .tile-link (5) и полос листания фото .hoverImageIndicators (9) */
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.tile-list-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .88);
	box-shadow: 0 2px 8px rgba(138, 103, 95, .18);
	color: #8a675f;
	overflow: visible; /* reset.css даёт кнопкам overflow:hidden — иначе подсказка обрезается */
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .15s, box-shadow .15s, transform .15s, color .15s;
}
.tile-list-btn svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: fill .15s;
}
.tile-list-btn:hover {
	background: #fff;
	box-shadow: 0 4px 12px rgba(138, 103, 95, .28);
}
.tile-list-btn:active {
	transform: scale(.94);
}
.tile-list-btn:focus {
	outline: none;
}
.tile-list-btn:focus-visible {
	box-shadow: 0 0 0 3px #fff, 0 0 0 5px #8a675f;
}
.tile-list-btn--fav.is-active svg {
	fill: currentColor;
}
/* «Сравнить»: выбранное — коричневый кружок с белым значком */
.tile-list-btn--compare.is-active {
	background: #8a675f;
	color: #fff;
}
.tile-list-btn:disabled {
	opacity: .5;
	cursor: default;
}
/* подсказка «В избранное» / «Сравнить» — только на устройствах с мышью */
@media (hover: hover) and (min-width: 1024px) {
	.tile-list-btn::after {
		content: attr(data-tip);
		position: absolute;
		top: 50%;
		right: calc(100% + 8px);
		transform: translateY(-50%);
		padding: 5px 10px;
		border-radius: 6px;
		background: #8a675f;
		color: #f9efeb;
		font-size: 13px;
		line-height: 1.2;
		white-space: nowrap;
		pointer-events: none;
		opacity: 0;
		visibility: hidden;
		transition: opacity .15s;
	}
	.tile-list-btn:hover::after,
	.tile-list-btn:focus-visible::after {
		opacity: 1;
		visibility: visible;
	}
}
/* на телефоне — зона нажатия 40px, видимый кружок 30px */
@media (max-width: 1023px) {
	.tile-list-actions {
		top: -8px;
		right: 2px;
		gap: 0;
	}
	.tile-list-btn {
		width: 40px;
		height: 40px;
		background: transparent;
		box-shadow: none;
	}
	.tile-list-btn::before {
		content: "";
		position: absolute;
		inset: 5px;
		border-radius: 50%;
		background: rgba(255, 255, 255, .9);
		box-shadow: 0 2px 6px rgba(138, 103, 95, .2);
	}
	.tile-list-btn--compare.is-active {
		background: transparent;
	}
	.tile-list-btn--compare.is-active::before {
		background: #8a675f;
	}
	.tile-list-btn svg {
		position: relative;
		width: 18px;
		height: 18px;
	}
}

/* ===== карточка товара: «В избранное» / «Сравнить» — вторичные кнопки без заливки ===== */
.card-list-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px;
	margin: 18px 0 6px;
}
.card-list-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	margin: 0;
	padding: 8px 18px;
	border: 1px solid rgba(138, 103, 95, .45);
	border-radius: 22px;
	background: transparent;
	color: #8a675f;
	font: inherit;
	font-size: 16px;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color .15s, border-color .15s;
}
.card-list-btn svg {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.card-list-btn:hover {
	border-color: #8a675f;
	background: var(--clr-bg-light, #fcf3f0);
}
.card-list-btn:focus {
	outline: none;
}
.card-list-btn:focus-visible {
	outline: 2px solid #8a675f;
	outline-offset: 2px;
}
.card-list-btn.is-active {
	border-color: #8a675f;
	background: #f6ebe7;
}
.card-list-btn--fav.is-active svg {
	fill: currentColor;
}
/* телефон: карточка товара — колонка, порядок блоков задан order (сайт); кнопки — после «Стоимости тиража»,
   компактно в одну строку (иначе с order 0 они уезжали наверх, над названием) */
@media (max-width: 1023px) {
	.card-list-actions {
		order: 6;
		flex-wrap: nowrap;
		justify-content: center;
		gap: 8px;
		margin: 14px 0 6px;
	}
	.card-list-btn {
		gap: 6px;
		min-height: 36px;
		padding: 5px 12px;
		border-color: rgba(138, 103, 95, .3);
		border-radius: 18px;
		font-size: 14px;
	}
	.card-list-btn svg {
		width: 16px;
		height: 16px;
	}
}

/* ===== каталог: заголовок SEO-текста раздела — в тексте из админки у него style="font-size:35px", делаем скромнее ===== */
.article-box.text-more-wrap h2[style*="font-size"] {
	margin-bottom: 12px !important;
	font-size: clamp(22px, 1.9vw, 28px) !important;
	line-height: 1.25;
}
@media (max-width: 767px) {
	.article-box.text-more-wrap h2[style*="font-size"] {
		font-size: 20px !important;
	}
}

/* ===== шапка: «Избранное» и «Сравнение» — в меню значка профиля (телефон и десктоп) ===== */
/* общий счётчик на значке профиля: на десктопе бейдж рисует custom.css по data-counter (как у корзины),
   на телефоне — правило ниже; 0 — бейджа нет, при добавлении товара бейдж «подпрыгивает» */
.header .action-user .button-header.js-gc-lists-total[data-counter="0"]::after {
	display: none;
}
.js-gc-lists-total.is-bump::after {
	animation: gc-badge-bump .45s ease-out;
}
@keyframes gc-badge-bump {
	40% {
		transform: scale(1.4);
	}
}
.header-mobile-user-wrap {
	position: relative;
	flex-shrink: 0;
}
.header-mobile-user.js-gc-lists-total::after {
	content: attr(data-counter);
	position: absolute;
	top: -4px;
	right: -6px;
	z-index: 2;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	box-sizing: border-box;
	border-radius: 9px;
	background: var(--clr-att);
	color: #faedea;
	font-size: 11px;
	line-height: 18px;
	font-weight: 500;
	text-align: center;
}
.header-mobile-user.js-gc-lists-total[data-counter="0"]::after {
	display: none;
}
.gc-user-menu {
	position: absolute;
	top: calc(100% + 8px);
	right: -46px;
	z-index: 30;
	width: 230px;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(156, 48, 14, .16);
}
/* десктоп: меню под кружком профиля, правым краем по кружку (колонка значков прижата к правому краю шапки) */
.header .action-user .gc-user-menu {
	top: calc(100% + 10px);
	right: 0;
	z-index: 100;
	width: 240px;
	text-align: left;
}
.gc-user-menu[hidden] {
	display: none;
}
.gc-user-menu__item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 0 12px;
	border-radius: 10px;
	color: var(--clr-base);
	font-size: 15px;
	line-height: 1.2;
	text-decoration: none;
}
.gc-user-menu__item:hover,
.gc-user-menu__item:focus-visible {
	background: var(--clr-bg-light);
	color: var(--clr-base);
	text-decoration: none;
}
.gc-user-menu__item img {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}
.gc-user-menu__item span {
	flex: 1 1 auto;
}
.gc-user-menu__item[data-counter]::after {
	content: attr(data-counter);
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	box-sizing: border-box;
	border-radius: 11px;
	background: var(--clr-att);
	color: #faedea;
	font-size: 12px;
	line-height: 22px;
	font-weight: 500;
	text-align: center;
}
.gc-user-menu__item[data-counter="0"]::after {
	display: none;
}
/* пустой список — пункта в меню нет; оба пустые — значок профиля сразу ведёт в кабинет (gc-lists.js) */
.gc-user-menu__item[data-gc-list-open][data-counter="0"] {
	display: none;
}

/* ===== окна списков ===== */
html.gc-list-dialog-open,
html.gc-list-dialog-open body {
	overflow: hidden;
}
.gc-list-dialog {
	width: calc(100% - 40px);
	max-width: 960px;
	max-height: calc(100vh - 60px);
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: 25px;
	background: #fff;
	color: #756b6b;
	box-shadow: 0 20px 60px rgba(77, 57, 47, .25);
	overflow: hidden;
}
.gc-list-dialog--compare {
	max-width: 1200px;
}
.gc-list-dialog::backdrop {
	background: rgba(45, 35, 30, .45);
}
.gc-list-dialog[open] {
	display: flex;
}
.gc-list-dialog__box {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-height: calc(100vh - 60px);
}
.gc-list-dialog__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 24px 28px 16px;
	border-bottom: 1px solid #efe7e4;
}
.gc-list-dialog__title {
	margin: 0;
	font-size: clamp(20px, 2.2vw, 28px);
	font-weight: 400;
	line-height: 1.2;
	color: #8a675f;
}
.gc-list-dialog__close {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--clr-bg-light, #fcf3f0);
	color: #8a675f;
	cursor: pointer;
}
.gc-list-dialog__close svg,
.gc-list-remove svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
}
.gc-list-dialog__close:hover {
	background: #f6ebe7;
}
.gc-list-dialog__close:focus,
.gc-list-remove:focus,
.gc-list-buy:focus {
	outline: none;
}
.gc-list-dialog__close:focus-visible,
.gc-list-remove:focus-visible,
.gc-list-buy:focus-visible,
.gc-list-dialog a:focus-visible,
.gc-compare-scroll:focus-visible {
	outline: 2px solid #8a675f;
	outline-offset: 2px;
}
.gc-list-dialog__body {
	flex: 1 1 auto;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 8px 28px 24px;
}
.gc-list-loading {
	margin: 24px 0;
	font-size: 16px;
	list-style: none;
}

.gc-list-photo {
	display: block;
	box-sizing: border-box;
	padding: 4px;
	border: 1px solid rgba(138, 103, 95, .45);
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}
.gc-list-photo picture {
	display: contents;
}
.gc-list-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.gc-list-price__main {
	display: block;
	font-size: 18px;
	color: #8a675f;
	white-space: nowrap;
}
.gc-list-price__from,
.gc-list-price__none {
	display: block;
	font-size: 13px;
	color: #a08f8b;
	white-space: nowrap;
}

/* «Список избранного» */
.gc-list-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	line-height: 1.3;
}
.gc-list-table th {
	padding: 12px 10px;
	border-bottom: 1px solid #efe7e4;
	font-size: 14px;
	font-weight: 400;
	color: #a08f8b;
	text-align: left;
	white-space: nowrap;
}
.gc-list-table td {
	padding: 12px 10px;
	border-bottom: 1px solid #f3edeb;
	vertical-align: middle;
}
.gc-list-table th:first-child,
.gc-list-table td:first-child {
	padding-left: 0;
}
.gc-list-table th:last-child,
.gc-list-table td:last-child {
	padding-right: 0;
}
.gc-list-row__photo {
	width: 80px;
}
.gc-list-row__photo .gc-list-photo {
	width: 80px;
	height: 80px;
}
.gc-list-row__article {
	white-space: nowrap;
	color: #756b6b;
}
.gc-list-row__label {
	display: none;
}
.gc-list-row__name a {
	color: #8a675f;
	text-decoration: none;
}
.gc-list-row__name a:hover {
	text-decoration: underline;
}
.gc-list-row__actions {
	white-space: nowrap;
	text-align: right;
}
.gc-list-buy {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 128px;
	height: 44px;
	padding: 0 18px;
	border: 0;
	border-radius: 22px;
	background: var(--color-att-yellow, #ffde00);
	color: #8a675f;
	font: inherit;
	font-size: 16px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	transition: filter .15s, background-color .15s;
}
.gc-list-buy:hover {
	filter: brightness(.96);
}
.gc-list-buy:disabled {
	opacity: .6;
	cursor: default;
}
.gc-list-buy.is-in-basket,
.gc-list-buy--secondary {
	background: #f6ebe7;
}
.gc-list-buy--small {
	min-width: 0;
	height: 36px;
	padding: 0 14px;
	font-size: 14px;
}
.gc-list-buy.is-error {
	box-shadow: 0 0 0 2px #c35c74 inset;
}
.gc-list-remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-left: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #a08f8b;
	vertical-align: middle;
	cursor: pointer;
}
.gc-list-remove:hover {
	background: var(--clr-bg-light, #fcf3f0);
	color: #8a675f;
}
.gc-list-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}
.gc-list-empty {
	padding: 40px 0 24px;
	text-align: center;
}
.gc-list-empty__text {
	margin: 0 0 16px;
	font-size: 18px;
}
.gc-list-empty__link {
	color: #8a675f;
	font-size: 16px;
}

/* «Список сравнения»: таблица прокручивается внутри окна, первый столбец закреплён */
.gc-compare-scroll {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	margin: 0 -28px;
	padding-bottom: 4px;
}
.gc-compare-table {
	border-collapse: separate;
	border-spacing: 0;
	min-width: 100%;
	font-size: 15px;
	line-height: 1.3;
}
.gc-compare-table th,
.gc-compare-table td {
	min-width: 190px;
	max-width: 240px;
	padding: 10px 14px;
	border-bottom: 1px solid #f3edeb;
	text-align: left;
	vertical-align: top;
}
.gc-compare-table .gc-compare-table__param {
	position: sticky;
	left: 0;
	z-index: 2;
	min-width: 150px;
	width: 170px;
	padding-left: 28px;
	background: #fff;
	color: #a08f8b;
	font-weight: 400;
	box-shadow: 8px 0 8px -8px rgba(77, 57, 47, .15);
}
.gc-compare-table__product {
	position: relative;
	font-weight: 400;
}
.gc-compare-table__product .gc-list-remove {
	position: absolute;
	top: 4px;
	right: 4px;
	margin: 0;
	background: rgba(255, 255, 255, .9);
}
.gc-compare-table__product .gc-list-photo {
	width: 120px;
	height: 120px;
	margin-bottom: 8px;
}
.gc-compare-table__article {
	font-size: 13px;
	color: #a08f8b;
}
.gc-compare-table__name {
	display: block;
	margin: 2px 0 6px;
	color: #8a675f;
	text-decoration: none;
}
.gc-compare-table__name:hover {
	text-decoration: underline;
}
.gc-compare-table td {
	color: #756b6b;
}
.gc-compare-table__buy-row td,
.gc-compare-table__buy-row th {
	border-bottom: 0;
	padding-top: 14px;
}

/* сравнение заполнено */
.gc-list-limit__text {
	margin: 16px 0;
	font-size: 16px;
}
.gc-list-limit__list {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}
.gc-list-limit__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #f3edeb;
}
.gc-list-limit__item .gc-list-photo {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
}
.gc-list-limit__name {
	flex: 1 1 auto;
	color: #8a675f;
}
.gc-list-limit__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

/* телефон и узкий планшет: окна на весь экран, избранное — карточками */
@media (max-width: 767px) {
	.gc-list-dialog {
		width: 100%;
		max-width: none;
		height: 100%;
		max-height: none;
		border-radius: 0;
	}
	.gc-list-dialog__box {
		max-height: none;
		height: 100%;
	}
	.gc-list-dialog__head {
		padding: 16px 16px 12px;
	}
	.gc-list-dialog__body {
		padding: 4px 16px 24px;
	}
	.gc-compare-scroll {
		margin: 0 -16px;
	}
	.gc-compare-table .gc-compare-table__param {
		min-width: 110px;
		width: 110px;
		padding-left: 16px;
		font-size: 13px;
	}
	.gc-compare-table th,
	.gc-compare-table td {
		min-width: 150px;
		padding: 8px 10px;
	}
	.gc-compare-table__product .gc-list-photo {
		width: 96px;
		height: 96px;
	}
	.gc-list-table thead {
		display: none;
	}
	.gc-list-table,
	.gc-list-table tbody {
		display: block;
	}
	.gc-list-table tr.gc-list-row {
		display: grid;
		grid-template-columns: 72px 1fr auto;
		grid-template-areas:
			"photo name remove"
			"photo article article"
			"photo price price"
			"buy buy buy";
		column-gap: 12px;
		row-gap: 4px;
		padding: 14px 0;
		border-bottom: 1px solid #f3edeb;
	}
	.gc-list-table td {
		display: block;
		padding: 0;
		border: 0;
	}
	.gc-list-row__photo { grid-area: photo; width: 72px; }
	.gc-list-row__photo .gc-list-photo { width: 72px; height: 72px; }
	.gc-list-row__name { grid-area: name; font-size: 15px; }
	.gc-list-row__article { grid-area: article; font-size: 14px; }
	.gc-list-row__label { display: inline; }
	.gc-list-row__price { grid-area: price; }
	.gc-list-row__price .gc-list-price__main,
	.gc-list-row__price .gc-list-price__from { display: inline; margin-right: 8px; }
	.gc-list-row__actions {
		display: contents !important;
	}
	.gc-list-row__actions .gc-list-buy {
		grid-area: buy;
		width: 100%;
		margin-top: 8px;
	}
	.gc-list-row__actions .gc-list-remove {
		grid-area: remove;
		margin: -8px -8px 0 0;
	}
	.gc-list-limit__item {
		flex-wrap: wrap;
	}
}

/* ===== «Быстрый просмотр» (ТЗ листинга п.5, скрипт /js/gc-quickview.js) ===== */
.tile-quickview {
	display: none;
}
@media (min-width: 1024px) {
	.tile-quickview {
		position: absolute;
		left: 50%;
		bottom: 0; /* низ фото: под кнопкой остаются видны точки листания фото, перекрытие минимальное */
		z-index: 10; /* выше ссылки .tile-link и полос листания фото */
		display: block;
		margin: 0;
		padding: 6px 14px;
		border: 0;
		border-radius: 16px;
		background: rgba(255, 255, 255, .94);
		box-shadow: 0 4px 12px rgba(138, 103, 95, .25);
		color: #8a675f;
		font: inherit;
		font-size: 13px;
		line-height: 1.2;
		white-space: nowrap;
		cursor: pointer;
		opacity: 0;
		transform: translate(-50%, 6px);
		transition: opacity .15s, transform .15s, background-color .15s;
		pointer-events: none;
	}
	.item-tile-catalog:hover .tile-quickview,
	.tile-quickview:focus-visible {
		opacity: 1;
		transform: translate(-50%, 0);
		pointer-events: auto;
	}
	.tile-quickview:hover {
		background: #fff;
	}
	.tile-quickview:focus {
		outline: none;
	}
	.tile-quickview:focus-visible {
		outline: 2px solid #8a675f;
		outline-offset: 2px;
	}
}

.gc-qv-dialog {
	width: calc(100% - 40px);
	max-width: 980px;
	max-height: calc(100vh - 60px);
	margin: auto;
	padding: 0;
	border: 0;
	border-radius: 25px;
	background: #fff;
	color: #756b6b;
	box-shadow: 0 20px 60px rgba(77, 57, 47, .25);
	overflow: hidden;
}
.gc-qv-dialog::backdrop {
	background: rgba(45, 35, 30, .45);
}
.gc-qv-dialog__box {
	position: relative;
	max-height: calc(100vh - 60px);
	overflow-y: auto;
	overscroll-behavior: contain;
}
.gc-qv-dialog__close {
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 2;
}
.gc-qv-dialog__body {
	padding: 28px;
}
.gc-qv {
	display: grid;
	grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
	gap: 28px;
}
.gc-qv__main {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1;
	box-sizing: border-box;
	padding: 12px;
	border: 1px solid rgba(138, 103, 95, .45);
	border-radius: 20px;
	background: #fff;
	overflow: hidden;
}
.gc-qv__main picture {
	display: contents;
}
.gc-qv__main img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.gc-qv__thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
}
.gc-qv__thumb {
	box-sizing: border-box;
	width: 64px;
	height: 64px;
	padding: 4px;
	border: 1px solid rgba(138, 103, 95, .45);
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
}
.gc-qv__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.gc-qv__thumb[aria-current="true"] {
	border-color: #8a675f;
	box-shadow: inset 0 0 0 1px #8a675f; /* 2px без сдвига вёрстки */
}
.gc-qv__thumb:focus {
	outline: none;
}
.gc-qv__thumb:focus-visible {
	outline: 2px solid #8a675f;
	outline-offset: 2px;
}
.gc-qv__title {
	margin: 0 48px 6px 0;
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 400;
	line-height: 1.25;
}
.gc-qv__title a {
	color: #8a675f;
	text-decoration: none;
}
.gc-qv__title a:hover {
	text-decoration: underline;
}
.gc-qv__article {
	margin-bottom: 10px;
	font-size: 14px;
	color: #756b6b;
}
.gc-qv__availability {
	display: inline-block;
	margin-bottom: 14px;
	padding: 5px 14px;
	border-radius: 16px;
	background: #f3f0ef;
	font-size: 14px;
	color: #8a675f;
}
.gc-qv__availability--always,
.gc-qv__availability--stock {
	background: #e3efe9;
	color: #4f7a6c;
}
.gc-qv__specs {
	margin: 0 0 14px;
	font-size: 15px;
}
.gc-qv__spec {
	display: flex;
	gap: 10px;
	padding: 4px 0;
	border-bottom: 1px dashed #efe7e4;
}
.gc-qv__spec dt {
	flex: 0 0 45%;
	color: #a08f8b;
}
.gc-qv__spec dd {
	margin: 0;
	color: #756b6b;
}
.gc-qv__prices {
	width: 100%;
	margin-bottom: 14px;
	border-collapse: collapse;
	font-size: 15px;
}
.gc-qv__prices caption {
	padding-bottom: 6px;
	color: #a08f8b;
	text-align: left;
	font-size: 14px;
}
.gc-qv__prices th,
.gc-qv__prices td {
	padding: 6px 10px;
	border-bottom: 1px solid #f3edeb;
	font-weight: 400;
	text-align: left;
}
.gc-qv__prices td {
	text-align: right;
	color: #8a675f;
}
.gc-qv__prices tr.is-active {
	background: #fff8d6;
}
.gc-qv__buy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.gc-qv__counter {
	display: flex;
	align-items: center;
	border: 1px solid rgba(138, 103, 95, .35);
	border-radius: 22px;
	overflow: hidden;
}
.gc-qv__step {
	width: 40px;
	height: 42px;
	border: 0;
	background: transparent;
	color: #8a675f;
	font-size: 20px;
	cursor: pointer;
}
.gc-qv__step:hover {
	background: var(--clr-bg-light, #fcf3f0);
}
.gc-qv__qty {
	width: 72px;
	height: 42px;
	border: 0;
	background: transparent;
	color: #8a675f;
	font: inherit;
	font-size: 16px;
	text-align: center;
	-moz-appearance: textfield;
}
.gc-qv__qty::-webkit-outer-spin-button,
.gc-qv__qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.gc-qv__total {
	flex: 1 1 100%;
	order: 3;
	font-size: 15px;
	color: #756b6b;
}
.gc-qv__more {
	color: #8a675f;
	font-size: 16px;
}
@media (max-width: 767px) {
	.gc-qv {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.gc-qv-dialog__body {
		padding: 20px 16px;
	}
}