/* ---------------------------------------------------------------
 * Сервисные страницы: /shipping/, /payment/, /returns/, /faq/, /contacts/
 * Одна система блоков на пять страниц (обе витрины, три локали).
 * Цвета и шрифты — только пресеты theme.json; производные — oklch/color-mix.
 * Заголовки — вес 400, кнопки и скругления — как у темы (сверка с живым сайтом 19.10).
 * Подключается на этих пяти слагах (inc/enqueue.php), FAQ — вместо muus-faq.css.
 * ------------------------------------------------------------- */

.muus-svc {
	--svc-gold: var(--wp--preset--color--primary);
	--svc-gold-line: color-mix(in oklch, var(--wp--preset--color--primary) 38%, transparent);
	--svc-gold-wash: color-mix(in oklch, var(--wp--preset--color--primary) 9%, var(--wp--preset--color--background));
	--svc-fg: var(--wp--preset--color--text);
	--svc-muted: var(--wp--preset--color--text-muted);
	--svc-line: var(--wp--preset--color--border);
	--svc-surface: var(--wp--preset--color--surface);
	--svc-surface-2: var(--wp--preset--color--surface-alt);
	--svc-ok: oklch(72% 0.12 150);
	--svc-no: oklch(66% 0.15 35);
	--svc-measure: 42rem;
	--svc-gutter: clamp(1.25rem, 4vw, 3rem);
	--svc-space: clamp(3.5rem, 8vw, 6rem);
	--svc-radius: 8px; /* как --gift-r-lg и кнопки темы (theme.json) */
	--svc-head: var(--wp--preset--font-family--heading);
	color: var(--svc-fg);
	text-wrap: pretty;
}

.muus-svc *:focus-visible { outline: 2px solid var(--svc-gold); outline-offset: 3px; border-radius: 2px; }

:where(.muus-svc) a { color: inherit; }
.muus-svc-nw { white-space: nowrap; }
.muus-svc-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.muus-svc-wrap { width: min(100% - 2 * var(--svc-gutter), 1200px - 2 * var(--svc-gutter)); margin-inline: auto; }

/* --- Навигация между сервисными страницами ------------------- */

.muus-svc-nav { border-bottom: 1px solid var(--svc-line); }

.muus-svc-nav__list {
	position: relative; /* offsetParent для прокрутки к текущей вкладке */
	display: flex;
	gap: 1.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(90deg, black 85%, transparent);
	mask-image: linear-gradient(90deg, black 85%, transparent);
}

.muus-svc-nav__list::-webkit-scrollbar { display: none; }

.muus-svc-nav__link {
	display: flex;
	align-items: center;
	min-height: 3rem;
	border-bottom: 2px solid transparent;
	font-size: .875rem;
	color: var(--svc-muted);
	text-decoration: none;
	white-space: nowrap;
}

.muus-svc-nav__link:hover { color: var(--svc-fg); }

.muus-svc-nav__link[aria-current="page"] { color: var(--svc-fg); border-bottom-color: var(--svc-gold); }

@media (min-width: 960px) {
	.muus-svc-nav__list { gap: 2.5rem; -webkit-mask-image: none; mask-image: none; }
}

/* --- Первый экран: заголовок + обещание + три факта ----------- */

.muus-svc-hero { padding: clamp(2.25rem, 6vw, 4.5rem) 0 clamp(2.5rem, 6vw, 4rem); }

.muus-svc-eyebrow { margin: 0 0 .9rem; font-size: .75rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--svc-gold); }

.muus-svc-hero__title { margin: 0; font-family: var(--svc-head); font-weight: 400; font-size: clamp(2.25rem, 7vw, 4rem); line-height: 1.04; letter-spacing: -.02em; }

.muus-svc-hero__promise {
	max-width: 38rem;
	margin: 1.25rem 0 0;
	font-family: var(--svc-head);
	font-weight: 400;
	font-size: clamp(1.25rem, 3.4vw, 1.625rem);
	line-height: 1.35;
	text-wrap: balance;
}

.muus-svc-facts { display: grid; grid-template-columns: 1fr; margin: clamp(2rem, 5vw, 3rem) 0 0; border-top: 1px solid var(--svc-line); }

.muus-svc-facts__item { display: grid; grid-template-columns: 7.5rem 1fr; align-items: baseline; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid var(--svc-line); }

.muus-svc-facts__value { margin: 0; font-family: var(--svc-head); font-size: 1.375rem; font-weight: 400; font-variant-numeric: tabular-nums; white-space: nowrap; }

.muus-svc-facts__label { margin: 0; font-size: .875rem; color: var(--svc-muted); line-height: 1.45; }

@media (min-width: 720px) {
	.muus-svc-facts { grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--svc-line); }
	.muus-svc-facts__item { grid-template-columns: 1fr; gap: .35rem; padding: 1.25rem 1.5rem 1.25rem 0; border-bottom: 0; }
	.muus-svc-facts__item + .muus-svc-facts__item { padding-left: 1.5rem; border-left: 1px solid var(--svc-line); }
	.muus-svc-facts__value { font-size: 2rem; font-weight: 400; }
}

/* --- Раздел ------------------------------------------------- */

.muus-svc-section { padding: var(--svc-space) 0; border-top: 1px solid var(--svc-line); }

.muus-svc-section--band { background: var(--svc-surface); border-top: 0; }

.muus-svc-section--band + .muus-svc-section { border-top: 0; }

.muus-svc-section__head { max-width: var(--svc-measure); margin-bottom: clamp(1.75rem, 4vw, 2.75rem); }

.muus-svc-section__title {
	margin: 0;
	font-family: var(--svc-head);
	font-weight: 400;
	font-size: clamp(1.625rem, 4.4vw, 2.5rem);
	line-height: 1.12;
	letter-spacing: -.015em;
	text-wrap: balance;
}

.muus-svc-section__lead { margin: .9rem 0 0; color: var(--svc-muted); }

.muus-svc-prose { max-width: var(--svc-measure); }
.muus-svc-prose p { margin: 0 0 1rem; }
.muus-svc-prose p:last-child { margin-bottom: 0; }
.muus-svc-muted { color: var(--svc-muted); }

.muus-svc-link {
	color: var(--svc-fg);
	text-decoration: underline;
	text-decoration-color: var(--svc-gold-line);
	text-underline-offset: .25em;
	text-decoration-thickness: 1px;
}

.muus-svc-link:hover { text-decoration-color: var(--svc-gold); }

/* --- Кнопки ------------------------------------------------- */

.muus-svc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-height: 3rem;
	padding: .75rem 1.75rem;
	border: 1px solid transparent;
	border-radius: var(--svc-radius);
	/* Кнопки — как у темы (theme.json → styles.elements.button): капс, разрядка, 600. */
	font: 600 .875rem/1.2 var(--wp--preset--font-family--body);
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease;
}

.muus-svc-btn--primary { background: var(--svc-gold); color: var(--wp--preset--color--background); }
.muus-svc-btn--primary:hover { background: var(--svc-fg); color: var(--wp--preset--color--background); }
.muus-svc-btn--ghost { border-color: var(--svc-line); color: var(--svc-fg); background: transparent; }
.muus-svc-btn--ghost:hover { background: var(--svc-surface-2); border-color: oklch(48% 0 0); }

/* Строка-галочка: бесплатная доставка и короткие «да». */
.muus-svc-check { display: flex; gap: .6rem; align-items: baseline; margin: 0; }

.muus-svc-check::before {
	content: '';
	flex: none;
	width: .55rem;
	height: .3rem;
	border-left: 1.5px solid var(--svc-gold);
	border-bottom: 1.5px solid var(--svc-gold);
	transform: translateY(-.2em) rotate(-45deg);
}

/* --- Таймлайн «что будет после оплаты» ---------------------- */

.muus-svc-flow { display: grid; gap: 2.5rem; }

.muus-svc-timeline { position: relative; margin: 0; padding: 0; list-style: none; counter-reset: svc-step; }

.muus-svc-timeline__step { position: relative; display: grid; grid-template-columns: 1.5rem 1fr; column-gap: 1rem; padding-bottom: 1.75rem; }

.muus-svc-timeline__step:last-child { padding-bottom: 0; }

/* Рельс: сплошная латунная линия до текущего шага, дальше — серая. */
.muus-svc-timeline__step::before {
	content: '';
	position: absolute;
	left: calc(.75rem - .5px);
	top: 1.25rem;
	bottom: -.15rem;
	width: 1px;
	background: var(--svc-gold-line);
}

.muus-svc-timeline__step:last-child::before { display: none; }

.muus-svc-timeline__node {
	grid-row: 1 / span 3;
	position: relative;
	z-index: 1;
	width: 1.5rem;
	height: 1.5rem;
	margin-top: .05rem;
	border: 1px solid var(--svc-gold);
	border-radius: 50%;
	background: var(--wp--preset--color--background);
	display: grid;
	place-items: center;
	font-size: .6875rem;
	font-variant-numeric: tabular-nums;
	color: var(--svc-gold);
}

.muus-svc-section--band .muus-svc-timeline__node { background: var(--svc-surface); }

.muus-svc-timeline__step--done .muus-svc-timeline__node { background: var(--svc-gold); color: var(--wp--preset--color--background); }

.muus-svc-timeline__when {
	grid-column: 2;
	margin: 0 0 .2rem;
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--svc-gold);
	font-variant-numeric: tabular-nums;
}

.muus-svc-timeline__title { grid-column: 2; margin: 0; font-family: var(--svc-head); font-size: 1.1875rem; font-weight: 400; line-height: 1.3; }

.muus-svc-timeline__text { grid-column: 2; margin: .35rem 0 0; font-size: .9375rem; color: var(--svc-muted); max-width: 34rem; }

.muus-svc-flow__media { margin: 0; }

.muus-svc-flow__media img {
	display: block;
	width: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	object-position: 50% 40%;
	border-radius: var(--svc-radius);
	max-height: 26rem;
}

.muus-svc-flow__media figcaption { margin-top: .6rem; font-size: .8125rem; color: var(--svc-muted); }

@media (max-width: 719px) {
	/* Телефон: фото коробки — полоса над шагом «Упаковка», не отдельный экран. */
	.muus-svc-flow__media img { aspect-ratio: 16 / 10; object-position: 50% 30%; }
}

@media (min-width: 960px) {
	.muus-svc-flow { grid-template-columns: minmax(0, 1fr) 22rem; gap: 4rem; align-items: start; }
	.muus-svc-flow__media { position: sticky; top: 6rem; }
	.muus-svc-flow__media img { max-height: none; }
	.muus-svc-timeline__step { grid-template-columns: 9.5rem 1.5rem 1fr; padding-bottom: 2.25rem; }
	.muus-svc-timeline__step::before { left: calc(9.5rem + 1rem + .75rem - .5px); }
	.muus-svc-timeline__node { grid-column: 2; }
	.muus-svc-timeline__node { grid-row: 1 / span 2; }
	.muus-svc-timeline__when { grid-column: 1; grid-row: 1 / span 2; margin: .2rem 0 0; text-align: right; line-height: 1.35; }
	.muus-svc-timeline__title { grid-column: 3; grid-row: 1; }
	.muus-svc-timeline__text { grid-column: 3; grid-row: 2; }
}

/* --- Карточки способов (доставка, оплата, каналы связи) ------ */

.muus-svc-cards { display: grid; gap: 1rem; margin: 0; padding: 0; list-style: none; }

@media (min-width: 640px) { .muus-svc-cards { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1100px) {
	.muus-svc-cards--3 { grid-template-columns: repeat(3, 1fr); }
	.muus-svc-cards--4 { grid-template-columns: repeat(4, 1fr); }
}

.muus-svc-card {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding: 1.5rem;
	background: var(--svc-surface);
	border: 1px solid var(--svc-line);
	border-radius: var(--svc-radius);
}

.muus-svc-section--band .muus-svc-card { background: var(--wp--preset--color--background); }

.muus-svc-card__kind { margin: 0; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; color: var(--svc-muted); }

.muus-svc-card__title { margin: 0; font-family: var(--svc-head); font-size: 1.25rem; font-weight: 400; line-height: 1.25; }

.muus-svc-card__text { margin: 0; font-size: .9375rem; color: var(--svc-muted); }

.muus-svc-card__meta {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .35rem 1rem;
	margin: auto 0 0;
	padding-top: 1rem;
	border-top: 1px solid var(--svc-line);
	font-size: .875rem;
}

.muus-svc-card__meta dt { color: var(--svc-muted); }
.muus-svc-card__meta dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.muus-svc-card__meta .is-strong { font-weight: 600; }

.muus-svc-card__value { margin: 0; font-size: 1.0625rem; font-weight: 500; font-variant-numeric: tabular-nums; word-break: break-word; }

.muus-svc-card__value a { text-decoration: none; }
.muus-svc-card__value a:hover { text-decoration: underline; text-underline-offset: .25em; }

.muus-svc-card--accent { border-color: var(--svc-gold-line); }

/* Полоса под карточками: бесплатно от 3 ножей + где точная сумма. */
.muus-svc-under { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 2rem; margin-top: 1.25rem; font-size: .9375rem; }

.muus-svc-under .muus-svc-muted { font-size: .875rem; }

/* --- Блок «обещание» (гарантия: приём «одна фраза сверху») ---- */

.muus-svc-promise { margin: clamp(2rem, 5vw, 3rem) 0 0; padding: clamp(1.5rem, 4vw, 2.5rem) 0 0; border-top: 1px solid var(--svc-gold-line); max-width: 50rem; }

.muus-svc-promise__text {
	margin: 0;
	font-family: var(--svc-head);
	font-weight: 400;
	font-size: clamp(1.5rem, 4.6vw, 2.5rem);
	line-height: 1.22;
	letter-spacing: -.01em;
	text-wrap: balance;
}

.muus-svc-promise__sign { margin: 1rem 0 0; font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; color: var(--svc-muted); }

/* Два срока крупно: 6 месяцев / 14 дней. */
.muus-svc-terms { display: grid; gap: 1rem; margin: clamp(2rem, 5vw, 3rem) 0 0; }

@media (min-width: 720px) { .muus-svc-terms { grid-template-columns: 1fr 1fr; } }

.muus-svc-term {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: .25rem 1.25rem;
	align-items: baseline;
	padding: 1.5rem;
	border: 1px solid var(--svc-line);
	border-radius: var(--svc-radius);
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease;
}

.muus-svc-term:hover { background: var(--svc-surface); border-color: oklch(48% 0 0); }

.muus-svc-term__num {
	grid-row: 1 / span 2;
	font-family: var(--svc-head);
	font-weight: 400;
	font-size: clamp(3rem, 9vw, 4.5rem);
	line-height: .9;
	font-variant-numeric: tabular-nums;
}

.muus-svc-term__unit { font-family: var(--svc-head); font-size: 1.25rem; }
.muus-svc-term__text { font-size: .9375rem; color: var(--svc-muted); line-height: 1.45; }

/* --- Брак / не брак: схема ножа + два списка ----------------- */

.muus-svc-defects { display: grid; gap: 2rem; }

.muus-svc-defects__figure { margin: 0; padding: 1.25rem 1rem; background: var(--svc-surface); border: 1px solid var(--svc-line); border-radius: var(--svc-radius); }

.muus-svc-defects__figure svg { display: block; width: 100%; height: auto; }
.muus-svc-defects__figure figcaption { margin-top: .75rem; font-size: .8125rem; color: var(--svc-muted); }

.muus-svc-defects__cols { display: grid; gap: 1.5rem; }

@media (min-width: 720px) { .muus-svc-defects__cols { grid-template-columns: 1fr 1fr; gap: 2.5rem; } }

.muus-svc-defects__head {
	display: flex;
	align-items: center;
	gap: .6rem;
	margin: 0 0 .75rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid var(--svc-line);
	font-family: var(--svc-head);
	font-size: 1.25rem;
	font-weight: 400;
}

.muus-svc-defects__badge { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; font: 600 .75rem/1 var(--wp--preset--font-family--body); }

.muus-svc-defects__badge--yes { background: var(--svc-ok); color: var(--wp--preset--color--background); }
.muus-svc-defects__badge--no { border: 1px solid var(--svc-muted); color: var(--svc-muted); }

.muus-svc-defects__list { margin: 0; padding: 0; list-style: none; }

.muus-svc-defects__list li { display: grid; grid-template-columns: 1.5rem 1fr; gap: .75rem; padding: .6rem 0; font-size: .9375rem; }

.muus-svc-defects__pin {
	display: inline-grid;
	place-items: center;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	border: 1px solid currentColor;
	font-size: .6875rem;
	font-variant-numeric: tabular-nums;
}

.muus-svc-defects__list--yes .muus-svc-defects__pin { color: var(--svc-ok); }
.muus-svc-defects__list--no .muus-svc-defects__pin { color: var(--svc-muted); }
.muus-svc-defects__list p { margin: 0; }
.muus-svc-defects__list b { font-weight: 600; }
.muus-svc-defects__list span { color: var(--svc-muted); }

@media (min-width: 960px) {
	.muus-svc-defects { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 3.5rem; align-items: start; }
	.muus-svc-defects__figure { position: sticky; top: 6rem; }
	.muus-svc-defects__cols { grid-template-columns: 1fr; gap: 2rem; }
}

/* --- Шаги «как обратиться» ----------------------------------- */

.muus-svc-steps {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: svc-n;
	border-top: 1px solid var(--svc-line);
}

.muus-svc-steps__item {
	counter-increment: svc-n;
	display: grid;
	grid-template-columns: 2.5rem 1fr;
	gap: .25rem 1rem;
	padding: 1.25rem 0;
	border-bottom: 1px solid var(--svc-line);
}

.muus-svc-steps__item::before {
	content: counter(svc-n, decimal-leading-zero);
	grid-row: 1 / span 2;
	font-family: var(--svc-head);
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.1;
	color: var(--svc-gold);
	font-variant-numeric: tabular-nums;
}

.muus-svc-steps__title { margin: 0; font-family: var(--svc-head); font-size: 1.1875rem; font-weight: 400; }
.muus-svc-steps__text { margin: 0; font-size: .9375rem; color: var(--svc-muted); }
.muus-svc-steps__text strong { color: var(--svc-fg); font-weight: 600; }

@media (min-width: 960px) {
	.muus-svc-steps { grid-template-columns: repeat(3, 1fr); gap: 2.5rem; border-top: 0; }
	.muus-svc-steps__item { grid-template-columns: 1fr; align-content: start; padding: 1.5rem 0 0; border-top: 1px solid var(--svc-line); border-bottom: 0; }
	.muus-svc-steps__item::before { grid-row: auto; font-size: 2rem; margin-bottom: .5rem; }
}

/* --- Списки «можно / нельзя» (возврат) ----------------------- */

.muus-svc-split { display: grid; gap: 2rem; }
@media (min-width: 720px) { .muus-svc-split { grid-template-columns: 1fr 1fr; gap: 3rem; } }

.muus-svc-split__title { margin: 0 0 .5rem; font-family: var(--svc-head); font-size: 1.25rem; font-weight: 400; }

.muus-svc-list { margin: 0; padding: 0; list-style: none; }

.muus-svc-list li { position: relative; padding: .55rem 0 .55rem 1.5rem; border-bottom: 1px solid var(--svc-line); font-size: .9375rem; }

.muus-svc-list li::before {
	content: '';
	position: absolute;
	left: .1rem;
	top: 1.15rem;
	width: .5rem;
	height: 1px;
	background: var(--svc-muted);
}

.muus-svc-list--yes li::before {
	top: .95rem;
	width: .55rem;
	height: .3rem;
	background: none;
	border-left: 1.5px solid var(--svc-gold);
	border-bottom: 1.5px solid var(--svc-gold);
	transform: rotate(-45deg);
}

.muus-svc-list--no li::before { top: 1.15rem; width: .6rem; height: 1.5px; background: var(--svc-no); transform: rotate(45deg); box-shadow: none; }

.muus-svc-list--no li::after {
	content: '';
	position: absolute;
	left: .1rem;
	top: 1.15rem;
	width: .6rem;
	height: 1.5px;
	background: var(--svc-no);
	transform: rotate(-45deg);
}

.muus-svc-list b { font-weight: 600; }

/* --- Аккордеон (FAQ, «юридика под катом», реквизиты) ---------- */

.muus-svc-acc { border-top: 1px solid var(--svc-line); }

.muus-svc-acc__item { border-bottom: 1px solid var(--svc-line); }

.muus-svc-acc__q {
	position: relative;
	display: block;
	padding: 1.1rem 2.5rem 1.1rem 0;
	font-family: var(--svc-head);
	font-size: 1.0625rem;
	font-weight: 400;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
}

.muus-svc-acc__q::-webkit-details-marker { display: none; }

.muus-svc-acc__q::before,
.muus-svc-acc__q::after {
	content: '';
	position: absolute;
	right: .35rem;
	top: 50%;
	width: .75rem;
	height: 1px;
	background: var(--svc-gold);
	transition: transform .2s ease;
}

.muus-svc-acc__q::after { transform: rotate(90deg); }
.muus-svc-acc__item[open] > .muus-svc-acc__q::after { transform: rotate(0deg); }
.muus-svc-acc__q:hover { color: var(--svc-gold); }

.muus-svc-acc__a { padding: 0 2.5rem 1.25rem 0; max-width: var(--svc-measure); font-size: .9375rem; color: var(--svc-muted); }

.muus-svc-acc__a p { margin: 0 0 .75rem; }
.muus-svc-acc__a p:last-child { margin-bottom: 0; }
.muus-svc-acc__more { display: inline-block; margin-top: .25rem; color: var(--svc-fg); }

/* Кат «юридические детали»: тише FAQ — мелкий кегль, без латуни. */
.muus-svc-acc--legal .muus-svc-acc__q { font-family: var(--wp--preset--font-family--body); font-size: .9375rem; color: var(--svc-muted); }
.muus-svc-acc--legal .muus-svc-acc__q:hover,
.muus-svc-acc--legal .muus-svc-acc__item[open] > .muus-svc-acc__q { color: var(--svc-fg); }
.muus-svc-acc--legal .muus-svc-acc__a { font-size: .875rem; }

/* --- Блок документа: сертификат ------------------------------ */

.muus-svc-doc { display: grid; gap: 1.75rem; }

.muus-svc-doc__thumb {
	position: relative;
	display: block;
	width: min(100%, 17rem);
	padding: 0;
	border: 1px solid var(--svc-line);
	border-radius: 4px;
	background: var(--wp--preset--color--white);
	cursor: zoom-in;
	overflow: hidden;
}

.muus-svc-doc__thumb img { display: block; width: 100%; aspect-ratio: 1800 / 2494; height: auto; }

.muus-svc-doc__zoom {
	position: absolute;
	right: .6rem;
	bottom: .6rem;
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	min-height: 2.25rem;
	padding: 0 .75rem;
	border-radius: 999px;
	background: oklch(18% 0 0 / .88);
	color: var(--svc-fg);
	font-size: .8125rem;
	box-shadow: 0 2px 10px oklch(0% 0 0 / .35);
}

.muus-svc-doc__thumb:hover .muus-svc-doc__zoom { background: oklch(26% 0 0 / .95); }

.muus-svc-doc__claim { margin: 0 0 1.25rem; font-family: var(--svc-head); font-weight: 400; font-size: clamp(1.25rem, 3.4vw, 1.625rem); line-height: 1.3; }

.muus-svc-doc__facts { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--svc-line); }

.muus-svc-doc__row { display: grid; grid-template-columns: 1fr; gap: .1rem; padding: .7rem 0; border-bottom: 1px solid var(--svc-line); font-size: .9375rem; }

.muus-svc-doc__row dt { color: var(--svc-muted); font-size: .8125rem; }
.muus-svc-doc__row dd { margin: 0; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }

@media (min-width: 600px) {
	.muus-svc-doc__row { grid-template-columns: 10rem 1fr; gap: 1rem; }
	.muus-svc-doc__row dt { font-size: .875rem; }
}

.muus-svc-doc__note { margin: 1rem 0 0; font-size: .875rem; color: var(--svc-muted); }

@media (min-width: 900px) {
	.muus-svc-doc { grid-template-columns: 17rem minmax(0, 1fr); gap: 3.5rem; align-items: start; }
}

/* Просмотр скана: на телефоне — во весь экран, щипок или кнопка «крупнее». */
.muus-svc-zoom {
	width: 100vw;
	max-width: 100vw;
	height: 100dvh;
	max-height: 100dvh;
	margin: 0;
	padding: 0;
	border: 0;
	background: oklch(12% 0 0);
	color: var(--svc-fg);
}

.muus-svc-zoom::backdrop { background: oklch(0% 0 0 / .7); }

.muus-svc-zoom__bar {
	position: sticky;
	top: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	padding: .5rem .75rem .5rem 1.25rem;
	background: oklch(12% 0 0 / .94);
	border-bottom: 1px solid var(--svc-line);
	font-size: .875rem;
}

.muus-svc-zoom__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.muus-svc-zoom__actions { display: flex; gap: .25rem; flex: none; }

.muus-svc-zoom__btn {
	min-width: 44px;
	min-height: 44px;
	padding: 0 .75rem;
	border: 1px solid var(--svc-line);
	border-radius: 4px;
	background: transparent;
	color: var(--svc-fg);
	font: inherit;
	cursor: pointer;
}

.muus-svc-zoom__btn:hover { background: var(--svc-surface-2); }

.muus-svc-zoom__stage { height: calc(100dvh - 61px); overflow: auto; touch-action: pan-x pan-y pinch-zoom; display: grid; place-items: start center; padding: 1rem; }

.muus-svc-zoom__stage img { display: block; width: min(100%, 900px); height: auto; background: var(--wp--preset--color--white); }
.muus-svc-zoom.is-large .muus-svc-zoom__stage img { width: min(1800px, max(250%, 900px)); max-width: none; }

/* --- Таблица стран (.com) ------------------------------------ */

.muus-svc-countries__tools { display: grid; gap: 1rem; margin-bottom: 1.25rem; }

@media (min-width: 720px) { .muus-svc-countries__tools { grid-template-columns: 20rem 1fr; align-items: end; } }

.muus-svc-field { display: grid; gap: .4rem; }
.muus-svc-field label { font-size: .8125rem; color: var(--svc-muted); }

.muus-svc-field select,
.muus-svc-field input {
	width: 100%;
	min-height: 3rem;
	padding: 0 1rem;
	border: 1px solid var(--svc-line);
	border-radius: 4px;
	background: var(--svc-surface);
	color: var(--svc-fg);
	font: inherit;
	font-size: 1rem;
}

.muus-svc-field select { appearance: none; padding-right: 2.5rem; background-image: linear-gradient(45deg, transparent 50%, var(--svc-gold) 50%), linear-gradient(-45deg, transparent 50%, var(--svc-gold) 50%); background-position: right 1.25rem top 50%, right .95rem top 50%; background-size: .35rem .35rem; background-repeat: no-repeat; }
.muus-svc-field select:hover, .muus-svc-field input:hover { border-color: oklch(48% 0 0); }
.muus-svc-field input::placeholder { color: oklch(58% 0 0); }

/* «Ваша страна» — карточка над таблицей, латунная рамка. */
.muus-svc-yours {
	display: grid;
	gap: 1rem;
	margin-bottom: 2rem;
	padding: 1.25rem 1.5rem;
	border: 1px solid var(--svc-gold-line);
	border-radius: var(--svc-radius);
	background: var(--svc-gold-wash);
}

.muus-svc-yours[hidden] { display: none; }

.muus-svc-yours__country { margin: 0; font-family: var(--svc-head); font-size: 1.5rem; font-weight: 400; }

.muus-svc-yours__grid { display: grid; gap: .75rem; margin: 0; }
.muus-svc-yours__grid div { display: grid; gap: .1rem; }
.muus-svc-yours__grid dt { font-size: .8125rem; color: var(--svc-muted); }
.muus-svc-yours__grid dd { margin: 0; font-variant-numeric: tabular-nums; }
.muus-svc-yours__big { font-family: var(--svc-head); font-size: 1.375rem; }

@media (min-width: 720px) {
	.muus-svc-yours { grid-template-columns: 12rem 1fr; align-items: start; }
	.muus-svc-yours__grid { grid-template-columns: 8.5rem 6rem minmax(0, 1fr); gap: 1.5rem; }
}

.muus-svc-table-note { margin: 0 0 .75rem; font-size: .875rem; color: var(--svc-muted); }
.muus-svc-table-note--after { margin: 1.25rem 0 0; }

.muus-svc-table { width: 100%; border-collapse: collapse; font-size: .9375rem; }

.muus-svc-table caption { text-align: left; }

.muus-svc-table thead th {
	position: sticky;
	top: 64px;
	z-index: 2;
	padding: .75rem 1rem .75rem 0;
	background: var(--wp--preset--color--background);
	border-bottom: 1px solid var(--svc-line);
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--svc-muted);
	text-align: left;
}

.muus-svc-table td,
.muus-svc-table tbody th { padding: .8rem 1rem .8rem 0; border-bottom: 1px solid var(--svc-line); vertical-align: top; text-align: left; font-weight: 400; }

.muus-svc-table__region th { padding-top: 1.75rem; font-family: var(--svc-head); font-size: 1rem; font-weight: 400; color: var(--svc-gold); border-bottom-color: var(--svc-gold-line); }

.muus-svc-table__days { white-space: nowrap; font-variant-numeric: tabular-nums; }
.muus-svc-table tbody th:first-child { white-space: nowrap; }
.muus-svc-table tbody .muus-svc-table__region th { white-space: normal; }
.muus-svc-table__region-name { display: block; }
.muus-svc-table__rule { display: block; margin-top: .3rem; font-family: var(--wp--preset--font-family--body); font-size: .875rem; color: var(--svc-fg); max-width: 40rem; }
.muus-svc-table__duty.is-shared { font-size: .8125rem; color: oklch(60% 0 0); }
.muus-svc-table__duty { color: var(--svc-muted); }
.muus-svc-table__src a { white-space: nowrap; }
.muus-svc-table__far { display: block; font-size: .75rem; color: var(--svc-muted); }

.muus-svc-table tr.is-yours > * { background: var(--svc-gold-wash); }
.muus-svc-table tr.is-yours > th:first-child { box-shadow: inset 2px 0 0 var(--svc-gold); padding-left: .75rem; }
.muus-svc-table tr.is-yours .muus-svc-table__duty { color: var(--svc-fg); }

.muus-svc-table__you {
	display: inline-block;
	margin-left: .5rem;
	padding: .1rem .45rem;
	border-radius: 999px;
	background: var(--svc-gold);
	color: var(--wp--preset--color--background);
	font-size: .6875rem;
	font-weight: 600;
	vertical-align: .1em;
}

.muus-svc-table__empty td { padding: 2rem 0; color: var(--svc-muted); }

/* Телефон: строка таблицы — две строки текста, без горизонтальной прокрутки. */
@media (max-width: 719px) {
	/* Таблица и тела — блоками: иначе табличный контейнер тянется по самой длинной ставке
	   (США, правило ЕС) шире экрана, и хвост строки обрезается. */
	.muus-svc-table, .muus-svc-table tbody { display: block; width: 100%; }
	/* Фильтр прячет строки атрибутом hidden — он обязан побеждать мобильные grid/block ниже. */
	.muus-svc-table tr[hidden] { display: none !important; }
	.muus-svc-table thead { display: none; }
	.muus-svc-table tbody tr:not(.muus-svc-table__region):not(.muus-svc-table__empty) { display: grid; grid-template-columns: 1fr auto; gap: .2rem 1rem; padding: .8rem 0; border-bottom: 1px solid var(--svc-line); }
	.muus-svc-table tbody tr > * { padding: 0; border: 0; }
	.muus-svc-table tbody tr > th:first-child { font-weight: 500; }
	.muus-svc-table__days { text-align: right; }
	.muus-svc-table__duty { grid-column: 1 / -1; font-size: .875rem; }
	.muus-svc-table__src { grid-column: 1 / -1; font-size: .8125rem; }
	.muus-svc-table__src:empty, .muus-svc-table__duty.is-shared { display: none; }
	.muus-svc-table tr.is-yours { padding-inline: .75rem !important; box-shadow: inset 2px 0 0 var(--svc-gold); background: var(--svc-gold-wash); }
	.muus-svc-table tr.is-yours > * { background: none; }
	.muus-svc-table tr.is-yours > th:first-child { box-shadow: none; padding-left: 0; }
	.muus-svc-table__region { display: block; }
	.muus-svc-table__region th { display: block; padding: 1.5rem 0 .5rem; border-bottom: 1px solid var(--svc-gold-line); }
}

/* --- Ситуации «что-то пошло не так» --------------------------- */

.muus-svc-cases { display: grid; gap: 1rem; }
@media (min-width: 720px) { .muus-svc-cases { grid-template-columns: 1fr 1fr; } }

.muus-svc-case { padding: 1.5rem; border: 1px solid var(--svc-line); border-radius: var(--svc-radius); }

.muus-svc-case__title { margin: 0 0 .25rem; font-family: var(--svc-head); font-size: 1.25rem; font-weight: 400; }
.muus-svc-case__deadline { margin: 0 0 1rem; font-size: .8125rem; letter-spacing: .06em; text-transform: uppercase; color: var(--svc-gold); }

.muus-svc-case ol { margin: 0; padding-left: 1.15rem; font-size: .9375rem; color: var(--svc-muted); }
.muus-svc-case li { padding: .2rem 0; }
.muus-svc-case li::marker { color: var(--svc-fg); font-variant-numeric: tabular-nums; }

/* --- FAQ: темы + поиск + аккордеон -------------------------- */

.muus-svc-faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }

.muus-svc-faq__aside {
	position: sticky;
	top: 64px;
	z-index: 5;
	margin-inline: calc(-1 * var(--svc-gutter));
	padding: .75rem var(--svc-gutter);
	background: oklch(18% 0 0 / .96);
	border-bottom: 1px solid var(--svc-line);
	backdrop-filter: blur(8px);
}

.muus-svc-faq__search { margin-bottom: .6rem; }
.muus-svc-faq__search input { min-height: 2.75rem; }

.muus-svc-topics {
	position: relative;
	display: flex;
	gap: .5rem;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.muus-svc-topics::-webkit-scrollbar { display: none; }

.muus-svc-topics a {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	min-height: 2.75rem;
	padding: 0 .9rem;
	border: 1px solid var(--svc-line);
	border-radius: 999px;
	font-size: .875rem;
	text-decoration: none;
	white-space: nowrap;
	color: var(--svc-fg);
	transition: background-color .2s ease, border-color .2s ease;
}

.muus-svc-topics a:hover { background: var(--svc-surface-2); }
.muus-svc-topics a.is-active { border-color: var(--svc-gold); background: var(--svc-gold-wash); }
.muus-svc-topics__count { font-size: .75rem; color: var(--svc-muted); font-variant-numeric: tabular-nums; }

.muus-svc-faq__group { scroll-margin-top: 13rem; }
.muus-svc-faq__group + .muus-svc-faq__group { margin-top: 2.75rem; }

.muus-svc-faq__topic { margin: 0 0 .5rem; font-family: var(--svc-head); font-weight: 400; font-size: clamp(1.375rem, 3.6vw, 1.75rem); }

.muus-svc-faq__empty { padding: 2rem 0; color: var(--svc-muted); }
.muus-svc-faq mark { background: var(--svc-gold-wash); color: var(--svc-fg); box-shadow: 0 1px 0 var(--svc-gold); }

@media (min-width: 960px) {
	.muus-svc-faq { grid-template-columns: 16rem minmax(0, 1fr); gap: 4rem; align-items: start; }
	.muus-svc-faq__aside { top: 6rem; margin: 0; padding: 0; background: none; border: 0; backdrop-filter: none; }
	.muus-svc-faq__search { margin-bottom: 1.25rem; }
	.muus-svc-topics { flex-direction: column; gap: 0; overflow: visible; border-top: 1px solid var(--svc-line); }
	.muus-svc-topics a {
		justify-content: space-between;
		width: 100%;
		min-height: 2.75rem;
		padding: 0 .75rem;
		border: 0;
		border-bottom: 1px solid var(--svc-line);
		border-radius: 0;
	}
	.muus-svc-topics a.is-active { background: var(--svc-gold-wash); box-shadow: inset 2px 0 0 var(--svc-gold); }
	.muus-svc-faq__group { scroll-margin-top: 6rem; }
}

/* --- Контакты: часы с живым статусом, магазин ----------------- */

.muus-svc-hours { display: grid; gap: 1.25rem; padding: 1.5rem; border: 1px solid var(--svc-line); border-radius: var(--svc-radius); }

.muus-svc-hero .muus-svc-hours { margin-top: clamp(2rem, 5vw, 3rem); }

@media (min-width: 720px) { .muus-svc-hours { grid-template-columns: auto 1fr; gap: 2.5rem; align-items: center; } }

.muus-svc-status { display: inline-flex; align-items: center; gap: .6rem; font-size: .9375rem; font-weight: 500; }

.muus-svc-status::before { content: ''; width: .55rem; height: .55rem; border-radius: 50%; background: var(--svc-muted); }

.muus-svc-status.is-open::before { background: var(--svc-ok); box-shadow: 0 0 0 4px color-mix(in oklch, var(--svc-ok) 22%, transparent); }

.muus-svc-hours__big {
	margin: .35rem 0 0;
	font-family: var(--svc-head);
	font-weight: 400;
	font-size: clamp(2rem, 6vw, 2.75rem);
	line-height: 1;
	font-variant-numeric: tabular-nums;
}

.muus-svc-hours__text { margin: 0; font-size: .9375rem; color: var(--svc-muted); }
.muus-svc-hours__text strong { color: var(--svc-fg); font-weight: 500; }

.muus-svc-shop { display: grid; gap: 1.5rem; }
@media (min-width: 900px) { .muus-svc-shop { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3.5rem; } }

.muus-svc-shop__addr { margin: 0; font-style: normal; font-family: var(--svc-head); font-weight: 400; font-size: clamp(1.375rem, 3.8vw, 1.875rem); line-height: 1.3; }

.muus-svc-roles { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--svc-line); }

.muus-svc-roles li { display: grid; gap: .15rem; padding: .9rem 0; border-bottom: 1px solid var(--svc-line); }

.muus-svc-roles b { font-weight: 500; }
.muus-svc-roles span { font-size: .9375rem; color: var(--svc-muted); }

/* --- Финальная полоса «вернуться к ножу» ---------------------- */

.muus-svc-help { padding: var(--svc-space) 0; border-top: 1px solid var(--svc-line); }

.muus-svc-help__inner { display: grid; gap: 1.5rem; }

.muus-svc-help__title { margin: 0; font-family: var(--svc-head); font-weight: 400; font-size: clamp(1.5rem, 4vw, 2.25rem); line-height: 1.15; }

.muus-svc-help__lead { margin: .6rem 0 0; color: var(--svc-muted); max-width: 32rem; }
.muus-svc-help__actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }

@media (min-width: 960px) {
	.muus-svc-help__inner { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 3rem; }
	/* Отступ справа — место под круглую кнопку чата (56 px + 1.5rem). */
	.muus-svc-help__actions { padding-right: 0; }
}

@media (max-width: 781px) {
	/* Телефон: последняя кнопка не уходит под кнопку чата (50 px, 1rem справа). */
	.muus-svc-help__actions { padding-right: 4.25rem; }
	.muus-svc-help__actions .muus-svc-btn { flex: 1 1 100%; }
}