/* GaDo Art Studio - Услуги и цени (makets/final/uslugi.1440.html / uslugi.390.html) */

/* Sticky лента с чипове */
.gado-uslugi__chips {
	position: sticky;
	top: 72px;
	z-index: 30;
	background: var(--gado-bg, #F5F2EA);
	border-bottom: 1px solid var(--gado-line, #DDD5C6);
}
.admin-bar .gado-uslugi__chips { top: 104px; }
@media (max-width: 782px) {
	.admin-bar .gado-uslugi__chips { top: 72px; }
}
.gado-uslugi__chips-inner {
	max-width: 1040px;
	margin: 0 auto;
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 14px clamp(20px, 4vw, 40px);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.gado-uslugi__chips-inner::-webkit-scrollbar { display: none; }
.gado-uslugi__chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 18px;
	border-radius: var(--gado-pill, 20px);
	border: 1px solid var(--gado-line-2, #CFC6B5);
	color: var(--gado-dark, #1A1612);
	text-decoration: none;
	font-family: var(--gado-sans, Commissioner, sans-serif);
	font-size: 14px;
	white-space: nowrap;
	transition: background-color .2s, border-color .2s, color .2s;
}
.gado-uslugi__chip:hover {
	background: var(--gado-dark, #1A1612);
	border-color: var(--gado-dark, #1A1612);
	color: #fff;
}
.gado-uslugi__chip:focus-visible {
	outline: 2px solid var(--gado-dark, #1A1612);
	outline-offset: 3px;
}

/* Категории */
.gado-uslugi__list {
	padding: 0 clamp(20px, 4vw, 56px) clamp(72px, 9vw, 120px);
}
.gado-uslugi__cat {
	max-width: 960px;
	margin: 0 auto;
	padding-top: clamp(56px, 6vw, 88px);
	scroll-margin-top: 130px;
}
.gado-uslugi__no {
	font-size: 13px;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--gado-gold-dark, #8C6A3C);
}
.gado-uslugi__name {
	margin: 6px 0 20px;
	font-family: var(--gado-serif, 'Cormorant Garamond', serif);
	font-weight: 400;
	font-size: clamp(30px, 2.6vw, 36px);
	line-height: 1.2;
	color: var(--gado-dark, #1A1612);
}

/* Таблица: услуга · къса · средна · дълга */
.gado-uslugi__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) repeat(3, clamp(52px, 9vw, 96px));
	column-gap: clamp(6px, 2vw, 24px);
	align-items: baseline;
	padding: 16px 0;
	border-bottom: 1px solid var(--gado-line, #DDD5C6);
}
.gado-uslugi__row--head {
	align-items: end;
	padding: 0 0 10px;
	border-bottom-color: var(--gado-dark, #1A1612);
	font-size: 12px;
	letter-spacing: .06em;
	color: var(--gado-muted, #6E6259);
	text-align: right;
}
.gado-uslugi__service {
	min-width: 0;
	font-size: 16px;
	line-height: 1.45;
	color: var(--gado-text, #36241A);
	text-wrap: pretty;
	overflow-wrap: break-word;
}
.gado-uslugi__price {
	text-align: right;
	font-size: 16px;
	font-weight: 500;
	color: var(--gado-dark, #1A1612);
	white-space: nowrap;
}
.gado-uslugi__price--one { grid-column: 2 / -1; }

/* Бутон „Запази час за …" */
.gado-uslugi__cta {
	margin-top: 24px;
	display: inline-flex;
	align-items: center;
	height: 44px;
	padding: 0 22px;
	border-radius: var(--gado-pill, 20px);
	background: var(--gado-dark, #1A1612);
	border: 1px solid var(--gado-dark, #1A1612);
	color: #fff;
	text-decoration: none;
	font-family: var(--gado-sans, Commissioner, sans-serif);
	font-size: 14px;
	font-weight: 500;
	transition: background-color .2s, color .2s;
}
.gado-uslugi__cta:hover {
	background: transparent;
	color: var(--gado-dark, #1A1612);
}
.gado-uslugi__cta:focus-visible {
	outline: 2px solid var(--gado-dark, #1A1612);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.gado-uslugi__chip,
	.gado-uslugi__cta { transition: none; }
}
