/*
 * Стили элементов SilverPaws – то, что не выражается настройками theme.json (задание 02б, 3.11).
 * Эталон – Wix: размеры и отступы из Docs/1_Сайт/Эталон_Wix.md (цифры Wix на 1440 – в комментариях).
 * Цвета и шрифты – только токенами theme.json (--wp--preset--…): имена шрифтов и HEX живут в theme.json,
 * чтобы менять их одной правкой (deploy_theme.sh проверяет).
 */

/* ── Общее ─────────────────────────────────────────────────────────── */

:where(h1, h2, h3, h4, h5, h6, .wp-block-site-title, .wp-block-post-title) { font-synthesis: none; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--forest);
	outline-offset: 2px;
}
/* Поля – кроме флажков и переключателей и кроме полей корзины и checkout: у блоков WooCommerce свое оформление
   (наше min-height давало белую полосу у свернутого поля адреса и высокий флажок, 3.11). Ползунок (range) – тоже
   не поле: высота 44, поля и белый фон опускали ручки цены под линию, на подписи цен (задание 05, п. 7.1, 8.11) */
:where(input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="range"]), select, textarea):where(:not(.wc-block-checkout *, .wc-block-cart *, .wc-block-components-form *)) {
	font: inherit;
	color: var(--wp--preset--color--forest);
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--sage);
	border-radius: 5px;
	padding: .6rem .8rem;
	min-height: 44px;
	box-sizing: border-box;
}
p, li, summary { overflow-wrap: break-word; }
:where(button) { font-family: inherit; }
.silverpaws-plain-list { list-style: none; padding-left: 0; }

/* Ссылки: как у Wix – подчеркнуты в абзацах и в футере, а названия тем и товаров (ссылки в заголовках) – без подчеркивания */
:where(h1, h2, h3, h4, h5, h6, .wp-block-post-title) a { text-decoration: none; color: inherit; }

/* Кнопка темы (Load More и подобные): Wix – шрифт текста 18, строка 22, поля 10/20, скругление 5, без тени.
   Высота от 44 px – удобно пальцу (Эталон_Wix: отступление «читаемость») */
.wp-element-button, .wp-block-button__link { min-height: 44px; }

/* Большая кнопка (TOOTED, LOE EDASI): Wix – шрифт заголовков прописными, 49/68,6, поля 0/30, тень 0 1px 4px rgba(0,0,0,.6) */
.wp-block-button.is-style-silverpaws-large .wp-block-button__link {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--cta);
	font-weight: 400;
	line-height: 1.4;
	text-transform: uppercase;
	padding: 0 .6em;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}
/* Тень «приподнятого края» под правой половиной большой кнопки, как у Wix: полоса 165×26 под нижним краем,
   на 20 px правее кнопки, темная у края и тающая к концу (слово Антона 3.11). У Wix это картинка их оформления –
   у нас свой рисунок той же формы (SVG прямо здесь, без файла). Кнопка – над тенью: тень в слое позади (z-index −1) */
.wp-block-button.is-style-silverpaws-large { position: relative; isolation: isolate; }
.wp-block-button.is-style-silverpaws-large::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 100%;
	right: -20px;
	width: 165px;
	height: 26px;
	pointer-events: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 165 26'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop offset='0' stop-opacity='0'/%3E%3Cstop offset='.5' stop-opacity='.9'/%3E%3Cstop offset='.78' stop-opacity='.85'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-10%25' y='-60%25' width='120%25' height='220%25'%3E%3CfeGaussianBlur stdDeviation='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 0 C60 0 120 0 145 0 C152 3 158 8 162 15 C148 13 128 10 105 8 C70 4 30 1 0 0Z' fill='url(%23g)' filter='url(%23b)'/%3E%3C/svg%3E") no-repeat;
}
/* «TOOTED» в «Meie valik»: Wix – шрифт заголовков 26/36,4, 172×60 */
.wp-block-button.is-style-silverpaws-large.silverpaws-cta-small .wp-block-button__link {
	font-size: var(--wp--preset--font-size--cta-small);
	padding: .45em 1.55em;
}

/* Разворачивающийся раздел описания товара: Wix – строка «Suurus ja lisainfo» текстом 16 и «+» справа, без рамок */
.silverpaws-section { margin-top: 2.5rem; padding: 0; border: 0; }
.silverpaws-section > summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	min-height: 44px;
	font-size: 1rem;
}
.silverpaws-section > summary::-webkit-details-marker { display: none; }
.silverpaws-section > summary::after { content: "+"; font-size: 1.5rem; font-weight: 300; line-height: 1; }
.silverpaws-section[open] > summary::after { content: "−"; }

/* ── Шапка ─────────────────────────────────────────────────────────── */
/* Wix 1440: меню на 60 от верха, строка 48, до hero еще 52; логотипа нет; меню → поиск → корзина → язык */

.silverpaws-header {
	/* 12 px на 320 → 60 на 1440 (Wix: меню на 60 от верха); снизу 12 → 52 */
	padding-top: clamp(.75rem, -.11rem + 4.29vw, 3.75rem);
	padding-bottom: clamp(.75rem, .04rem + 3.57vw, 3.25rem);
}
/* Wix: меню → 19 → поиск → 21 → корзина → 42 → язык */
.silverpaws-header__row { gap: clamp(.5rem, .3rem + .8vw, 1.25rem); }
.silverpaws-lang-nav { margin-left: clamp(0rem, -.5rem + 1.6vw, 1.3rem); }

/* Меню (задание 05, п. 1.1, 8.11): пункты по ширине своего текста, встык, между текстами – 48 на 1440 (поля пункта
   по 24, на 1024 – по 15); на полосу не растягиваются (до 8.11 – 71 % контейнера, как у Wix 700 из 980: на 1280
   промежутки выходили 130–170). Поиск, корзина и язык – группой справа (у поиска margin-left: auto).
   Слева от «Avaleht» – место под логотип (inc/header.php), пока файла нет – пусто */
.silverpaws-nav { flex: 0 1 auto; --silverpaws-nav-pad: clamp(.75rem, -.93rem + 2.6vw, 1.5rem); }
.silverpaws-nav:not(:has(.is-menu-open)) .wp-block-navigation__container { gap: 0; flex-wrap: nowrap; }
.silverpaws-nav:not(:has(.is-menu-open)) .wp-block-navigation__container > .wp-block-navigation-item {
	flex: 0 0 auto;
	line-height: 48px;
	padding: 0 var(--silverpaws-nav-pad);
	transition: background-color .15s;
}
.silverpaws-header__row > .silverpaws-search { margin-left: auto; }
.silverpaws-logo { flex: none; display: block; margin-right: clamp(.75rem, .2rem + 1.4vw, 1.5rem); }
.silverpaws-logo img { display: block; height: 48px; width: auto; }
.silverpaws-nav .wp-block-navigation__container > .wp-block-navigation-item:first-child { border-radius: 5px 0 0 5px; }
.silverpaws-nav .wp-block-navigation__container > .silverpaws-nav-last { border-radius: 0 5px 5px 0; }
/* Плашка: активный пункт – шалфей 14 %, наведение – 22 % (Wix) */
.silverpaws-nav .wp-block-navigation__container > .silverpaws-current {
	background-color: color-mix(in srgb, var(--wp--preset--color--sage) 14%, transparent);
}
.silverpaws-nav .wp-block-navigation__container > .wp-block-navigation-item:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--sage) 22%, transparent);
}
.silverpaws-nav .wp-block-navigation-item__content { padding: 0; }
/* Стрелка подменю – без своей плашки: плашка – у всего пункта */
.silverpaws-header .wp-block-navigation__submenu-icon,
.silverpaws-header .wp-block-navigation__submenu-icon:hover,
.silverpaws-header .wp-block-navigation__submenu-icon:focus { background: transparent; border: 0; box-shadow: none; color: inherit; }

/* Подменю Pood – в цветах сайта, а не белый список WordPress. Рамка, тень и скругление – наши, не Wix (Лена 8.11:
   так ей нравится больше; Эталон_Wix.md). Задание 05, п. 2 (8.11): строки плотнее, как у Wix, – шаг 1,8 высоты шрифта
   (было 2,4), поля сверху и снизу меньше: шесть пунктов (скоро новая категория) не налезают на «SilverPaws» в hero.
   Левый край пунктов – по тексту «Pood»: те же поля слева, что у пунктов меню; ширина – по самому длинному пункту */
.silverpaws-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--forest);
	border: 1px solid var(--wp--preset--color--stone);
	border-radius: 5px;
	padding: .3rem 0;
	min-width: 0;
	width: max-content;
	line-height: 1.4;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--wp--preset--color--forest) 12%, transparent);
}
/* та же форма селектора, что у ядра (.has-child … > … > …), плюс .silverpaws-header – иначе поля ядра .5em 1em сильнее */
.silverpaws-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: .2rem var(--silverpaws-nav-pad, 1rem);
	font-size: 1.125rem;
	white-space: nowrap;
}
.silverpaws-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
	background-color: color-mix(in srgb, var(--wp--preset--color--sage) 22%, transparent);
}

/* Поиск: Wix – кнопка 50×48, заливка forest, рамка 1 px stone, скругление 5, белая лупа ≈ 33 */
.silverpaws-search { position: relative; margin: 0; }
.silverpaws-search .wp-block-search__button {
	width: 50px;
	height: 48px;
	min-height: 48px;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wp--preset--color--white);
	background: var(--wp--preset--color--forest);
	border: 1px solid var(--wp--preset--color--stone);
	border-radius: 5px;
}
/* лупа – тонкая, почти на весь квадрат, ручка вправо-вниз (задание 05, п. 1.3; Wix 1440 ≈ 34) */
.silverpaws-search .wp-block-search__button svg { width: 36px; height: 36px; min-width: 36px; }
.silverpaws-icon { fill: none !important; stroke: currentColor; }
.silverpaws-search .wp-block-search__inside-wrapper { border: 0; padding: 0; }
/* Поле поиска раскрывается влево поверх меню, а не раздвигает шапку */
.silverpaws-search .wp-block-search__input {
	position: absolute;
	right: calc(100% + .5rem);
	top: 0;
	height: 48px;
	width: min(22rem, 70vw);
	z-index: 5;
}

/* Корзина: Wix – контур тележки 48×40, число внутри корзинки сверху, без кружка */
.silverpaws-header .wc-block-mini-cart__button { padding: 4px; min-height: 48px; color: var(--wp--preset--color--forest); }
/* рисунок тележки WooCommerce занимает 2/3 своего поля – 48 px дает тележку размером с Wix */
.silverpaws-header .wc-block-mini-cart__icon { width: 48px; height: 48px; }
.silverpaws-header .wc-block-mini-cart__badge {
	background: transparent !important;
	color: var(--wp--preset--color--forest) !important;
	border: 0;
	box-shadow: none;
	font-size: 1rem;
	font-weight: 400;
	min-width: 0;
	height: auto;
	padding: 0;
	/* WooCommerce ставит число справа сверху (left 100 %, margin-left −44 %) – переносим внутрь корзины, как у Wix
	   (задание 05, п. 1.3): по центру между стенками, над дном; «12» тоже помещается */
	top: 22px;
	left: 27px;
	margin: 0;
	transform: translate(-50%, -50%);
	line-height: 1;
	font-size: .9375rem;
}
/* стрелки «Pood ⌄» и «ET ⌄» – той же тонкой линией, концы скругленные */
.silverpaws-header .wp-block-navigation__submenu-icon svg path { stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

/* Язык: Wix – «ET ⌄» 100×45, 16/400 */
.silverpaws-lang-nav { font-size: 1rem; font-weight: 400; }
.silverpaws-lang-nav .wp-block-navigation-item.has-child > .wp-block-navigation-item__content {
	min-width: 3.5rem;
	padding: .6rem 0;
}
.silverpaws-lang-nav .wp-block-navigation__submenu-icon { margin-left: .9rem; }
.silverpaws-lang-nav .wp-block-navigation__submenu-icon svg { width: 12px; height: 12px; }
.silverpaws-lang-nav .wp-block-navigation__submenu-container { min-width: 6rem !important; right: 0; left: auto !important; }

/* Язык внутри меню – только в раскрытом меню телефона (на компьютере – выпадающий справа) */
.silverpaws-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .silverpaws-lang-menu { display: none; }

/* Телефон и узкий планшет (до 1024): меню-бургер, справа – корзина · лупа · бургер; язык – в раскрытом меню.
   У ядра WordPress бургер только до 600 px – дальше расширяем сами: строка меню Wix не помещается уже около 1000 px */
@media (max-width: 1023.98px) {
	.silverpaws-nav .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.silverpaws-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
	.silverpaws-header__row { justify-content: flex-end !important; }
	.silverpaws-header .wc-block-mini-cart { order: 1; }
	.silverpaws-search { order: 2; }
	.silverpaws-nav { order: 3; flex: 0 0 auto; }
	.silverpaws-lang-nav { display: none !important; }
	.silverpaws-logo { display: none; }
	/* лупа без плашки, контуром forest (Wix 320) */
	.silverpaws-search .wp-block-search__button { background: transparent; border-color: transparent; color: var(--wp--preset--color--forest); }
	.silverpaws-search .wp-block-search__button svg { width: 30px; height: 30px; min-width: 30px; }
	.silverpaws-search .wp-block-search__input { width: min(18rem, calc(100vw - 7rem)); }
	/* бургер – в квадрате с тонкой рамкой и скруглением (Wix 320) */
	.silverpaws-nav .wp-block-navigation__responsive-container-open {
		width: 44px;
		height: 44px;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--wp--preset--color--stone);
		border-radius: 5px;
	}
	.silverpaws-nav .wp-block-navigation__responsive-container-open svg { width: 32px; height: 32px; }
}

/* Раскрытое меню: Wix – пункты шрифт заголовков 34/400, строка 56, крем */
.silverpaws-nav .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--forest);
	padding: clamp(1rem, .6rem + 3vw, 4rem);
}
.silverpaws-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 2.125rem;
	line-height: 56px;
	font-weight: 400;
}
.silverpaws-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1.25rem; line-height: 1.8; }
.silverpaws-nav .is-menu-open .wp-block-navigation__submenu-container { border: 0; box-shadow: none; padding: 0 0 .5rem 1rem; background: transparent; }
/* Языки в раскрытом меню – одной строкой ET · RU · EN под пунктами (пункты – по строке, языки – в ряд) */
.silverpaws-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container { flex-direction: row; flex-wrap: wrap; align-items: flex-start; column-gap: 1.5rem; }
.silverpaws-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item { flex: 0 0 100%; }
.silverpaws-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .silverpaws-lang-menu { flex: 0 0 auto; width: auto; margin-top: 1.5rem; }
.silverpaws-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .silverpaws-lang-menu > .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.125rem;
	line-height: 44px;
	min-width: 44px;
}
.silverpaws-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .silverpaws-lang-menu.current-lang > .wp-block-navigation-item__content { text-decoration: underline !important; text-underline-offset: .3em; }

/* ── Карточка товара ───────────────────────────────────────────────── */
/* Wix: фото в квадрате целиком на белом; название шрифт заголовков 28/35; цена шрифт текста 300 21/31,5; подпись 12;
   кнопка во всю ширину, у всех карточек ряда на одной линии */

.wc-block-product { display: flex; flex-direction: column; }
/* «Meie valik»: Wix – 4 карточки, промежуток 48 из 940 (5 %); сетка WooCommerce считает колонки от своего промежутка 1,25em – пересчитываем от нашего */
.silverpaws-picks .wc-block-product-template__responsive {
	--silverpaws-gap: clamp(1.25rem, .5rem + 4vw, 4rem);
	grid-gap: var(--silverpaws-gap);
	grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(25% - .75 * var(--silverpaws-gap))), 1fr));
}
.wc-block-product .wc-block-components-product-image { aspect-ratio: 1; background: var(--wp--preset--color--white); margin-bottom: 0; }
.wc-block-product .wc-block-components-product-image img { width: 100%; height: 100%; object-fit: contain; aspect-ratio: 1; }
.wc-block-product .wp-block-post-title {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: 1.25;
	margin-top: 1rem;
	margin-bottom: .25rem;
	text-align: left;
}
.wc-block-product .wp-block-woocommerce-product-price { margin-top: 0; }
.wc-block-product .wc-block-components-product-price {
	font-size: var(--wp--preset--font-size--price);
	font-weight: 300;
	line-height: 1.5;
	text-align: left;
}
.silverpaws-tax-line {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--grey-green-dark);
	line-height: 1.3;
	margin: .35rem 0 0;
}
.silverpaws-tax-line a { color: inherit; }
/* Цена за единицу – своей строкой под ценой, мелко, как у Wix «60,00 € / 1l» (задание 03, inc/unit-price.php) */
.silverpaws-unit-price {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 400;
	color: var(--wp--preset--color--grey-green-dark);
	line-height: 1.3;
	margin-top: .15rem;
}
.wc-block-product .wp-block-woocommerce-product-button { margin-top: auto; padding-top: 1.25rem; width: 100%; }
.wc-block-product .wc-block-components-product-button { width: 100%; }
/* Каталог Wix: «Lisa ostukorvi» – forest, скругление 6, шрифт текста 16/20,8 */
.wc-block-product .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	width: 100%;
	justify-content: center;
	margin: 0;
	padding: 8px 15px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3;
	background: var(--wp--preset--color--forest);
	border-color: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	border-radius: 6px;
}
/* «Meie valik» на главной Wix: «В корзину» – sage, скругление 20, шрифт текста 300 16/24 */
.silverpaws-picks .wc-block-product .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	background: var(--wp--preset--color--sage);
	border-color: var(--wp--preset--color--sage);
	border-radius: 20px;
	font-weight: 300;
	line-height: 1.5;
}
.wc-block-product .wc-block-components-product-button__button:hover {
	background: var(--wp--preset--color--cream);
	color: var(--wp--preset--color--forest);
}

/* ── Футер ─────────────────────────────────────────────────────────── */
/* Wix 1440: реквизиты – с 6 % колонки шириной 47 %, ссылки – с 65 % шириной 35 %;
   веточка 300×97 – справа над «Kasulikud lingid», низом к заголовку; линия и © по центру */

.silverpaws-footer__cols {
	display: grid;
	grid-template-columns: 6fr 47fr 12fr 35fr;
	grid-template-rows: auto auto;
	align-items: start;
}
.silverpaws-footer__cols > * { margin: 0 !important; }
.silverpaws-footer__branch { grid-column: 4; grid-row: 1; justify-self: end; width: 88%; }
.silverpaws-footer__branch img { width: 100%; height: auto; display: block; }
.silverpaws-footer__company { grid-column: 2; grid-row: 2; }
.silverpaws-footer__links { grid-column: 4; grid-row: 2; }
.silverpaws-footer__company-name {
	font-size: var(--wp--preset--font-size--x-large);
	text-transform: uppercase;
	margin: 0 0 1.25rem;
}
.silverpaws-footer__links-title {
	font-family: var(--wp--preset--font-family--body);
	font-size: clamp(1.1875rem, 1.15rem + .2vw, 1.3125rem);
	line-height: 1.2;
	margin: 0 0 1rem;
}
.silverpaws-footer p, .silverpaws-footer li { font-size: 1rem; line-height: 1.6; }
.silverpaws-footer a { color: var(--wp--preset--color--forest); text-decoration: underline; }
.silverpaws-footer a:hover { color: var(--wp--preset--color--sage-dark); }
.silverpaws-footer__links ul { margin: 0; }
/* Wix: от ссылок до линии 97, от линии до © 33 */
.silverpaws-footer__bottom { margin-top: clamp(2.5rem, .9rem + 5.7vw, 6rem); }
/* Линия Wix – во всю ширину окна с полями 20 px */
.silverpaws-footer__bottom::before {
	content: "";
	display: block;
	height: 1px;
	margin: 0 20px 2rem;
	background: var(--wp--preset--color--stone);
}
.silverpaws-footer__copyright { text-transform: uppercase; }

/* Телефон: одна колонка слева, веточки нет (Wix 320) */
@media (max-width: 781.98px) {
	.silverpaws-footer__cols { grid-template-columns: 1fr; row-gap: 3rem; }
	.silverpaws-footer__branch { display: none; }
	.silverpaws-footer__company { grid-column: 1; grid-row: 1; }
	.silverpaws-footer__links { grid-column: 1; grid-row: 2; }
	.silverpaws-footer__company-name { font-size: 1.5rem; }
}

/* Хлебные крошки: Wix – «Home › Liikumine › …» без подчеркивания */
.wp-block-woocommerce-breadcrumbs a { text-decoration: none; color: var(--wp--preset--color--forest); }
.wp-block-woocommerce-breadcrumbs a:hover { text-decoration: underline; }
.silverpaws-crumb-sep { display: inline-block; margin: 0 .55em; }

/* ── Страница товара ───────────────────────────────────────────────── */
/* Wix 1440 (колонка 940): крошки; миниатюры столбиком 45 px + большое фото 489 – 58 %, промежуток 3,3 %,
   справа колонка 364 – 38,7 %: название шрифтом заголовков 36, цена 16, размеры квадратиками, «− 1 +»,
   кнопка во всю колонку 43 px, сразу под ней описание 17/25,5 */

/* Wix: крошки сразу под шапкой (15 px), до фото 40 */
.silverpaws-product { padding-top: 0; padding-bottom: var(--wp--preset--spacing--60); }
.silverpaws-product .wp-block-woocommerce-breadcrumbs { margin-top: 0; margin-bottom: clamp(1rem, .5rem + 2vw, 2.5rem); }
.silverpaws-product__cols {
	display: grid;
	grid-template-columns: 58fr 38.7fr;
	column-gap: 3.3%;
	align-items: start;
}
.silverpaws-product__cols > * { margin: 0 !important; min-width: 0; }
.silverpaws-product__gallery { gap: 2%; }
/* название товара – 36 и на телефоне, как у Wix */
.silverpaws-product__summary > .wp-block-post-title { margin: 0 0 .75rem; line-height: 1.2; font-size: 2.25rem; }
.silverpaws-product__summary .wc-block-components-product-price { font-size: 1rem; }
.silverpaws-product__summary .wc-block-add-to-cart-with-options { margin-top: 2.5rem; }
.silverpaws-product__summary .wp-block-woocommerce-add-to-cart-with-options-variation-selector-attribute-name { font-size: 1.125rem; }
.silverpaws-variation { gap: .6rem !important; margin: 0 0 2.25rem !important; }
/* Размеры – квадратики с тонкой рамкой, как у Wix (выбранный – рамка forest и плашка) */
.silverpaws-product .wc-block-product-filter-chips__items { gap: .6rem; }
.silverpaws-product .wc-block-product-filter-chips__item {
	min-width: 44px;
	min-height: 44px;
	padding: 0 .75rem;
	font-size: .875rem;
	border: 1px solid var(--wp--preset--color--grey-green);
	border-radius: 0;
	background: transparent;
	color: var(--wp--preset--color--forest);
}
.silverpaws-product .wc-block-product-filter-chips__item[aria-checked="true"] {
	border: 2px solid var(--wp--preset--color--forest);
	background: color-mix(in srgb, var(--wp--preset--color--sage) 14%, transparent);
}
.silverpaws-product .wc-block-product-filter-chips__item:disabled { opacity: .45; text-decoration: line-through; }
/* «− 1 +»: Wix – рамка 92×37 */
.silverpaws-product .silverpaws-qty { border: 0 !important; border-radius: 0; width: auto; }
.silverpaws-qty .wc-block-components-quantity-selector {
	width: 7.5rem;
	border: 1px solid var(--wp--preset--color--grey-green);
	border-radius: 0;
	background: transparent;
	margin: 0;
}
.silverpaws-qty .wc-block-components-quantity-selector::after { border: 0 !important; }
.silverpaws-qty .wc-block-components-quantity-selector input { border: 0; background: transparent; min-height: 44px; font-size: .875rem; }
.silverpaws-qty .wc-block-components-quantity-selector__button { color: var(--wp--preset--color--forest); font-size: 1.25rem; opacity: 1; min-width: 36px; }
/* «Lisa ostukorvi» – во всю колонку, Wix 43 px, текст 18/27 */
.silverpaws-product .wp-block-button.silverpaws-add-to-cart { display: block; width: 100%; margin-top: 1.25rem; }
.silverpaws-product .wp-block-button.silverpaws-add-to-cart .wc-block-components-product-button__button {
	width: 100%;
	justify-content: center;
	min-height: 44px;
	padding: 8px 15px;
	font-size: 1.125rem;
	line-height: 1.5;
}
.silverpaws-product .wp-block-button.silverpaws-add-to-cart .wc-block-components-product-button__button.disabled { opacity: .55; cursor: not-allowed; }
.silverpaws-product__summary .wp-block-woocommerce-product-description { margin-top: 1.75rem; }
:is(.silverpaws-product__summary .wp-block-woocommerce-product-description, .silverpaws-product__more) { font-size: var(--wp--preset--font-size--medium); line-height: 1.5; }
:is(.silverpaws-product__summary .wp-block-woocommerce-product-description, .silverpaws-product__section) :where(p, ul) { margin: 0 0 1.5em; }
/* жирный подзаголовок у Wix стоит вплотную к своему тексту */
:is(.silverpaws-product__summary .wp-block-woocommerce-product-description, .silverpaws-product__section) p:has(> strong:only-child) { margin-bottom: 0; }

/* Задание 05, п. 8 (8.11): описание делит тема (inc/product-layout.php) – справа от галереи вступление и «Good to have if»,
   остальные разделы – ниже, в .silverpaws-product__more. Два вида на выбор Антона, класс body (опция silverpaws_product_variant).
   Высота галереи – постоянная (квадрат, фото вписано): при листании стрелками текст рядом не прыгает */
.silverpaws-product__gallery .wc-block-product-gallery-large-image { aspect-ratio: 1; }
.silverpaws-product__gallery .wc-block-product-gallery-large-image img { width: 100%; height: 100%; object-fit: contain; }
.silverpaws-product__section { break-inside: avoid; }
.silverpaws-product__more > .silverpaws-section { margin-top: 1rem; }
@media (min-width: 782px) {
	/* Б (по умолчанию): галерея липкая, если помещается в окно (assets/js/sticky.js); сверху – зазор (шапка не липкая) */
	body:not(.silverpaws-product-a) .silverpaws-product__gallery.is-sticky-fit { position: sticky; top: 1.5rem; }
	/* разделы – на всю ширину полосы, в две колонки (≈ 70 знаков); одна правка – опция silverpaws_product_cols = 1:
	   одна колонка, строка не длиннее ≈ 85 знаков, по левому краю галереи */
	body:not(.silverpaws-product-a) .silverpaws-product__more { --silverpaws-product-cols: 2; columns: var(--silverpaws-product-cols); column-gap: 3.3%; margin-top: 3.5rem !important; }
	body.silverpaws-product-cols-1:not(.silverpaws-product-a) .silverpaws-product__more { --silverpaws-product-cols: 1; }
	body.silverpaws-product-cols-1:not(.silverpaws-product-a) .silverpaws-product__more > * { max-width: 47rem; }
	/* свернутый блок – после колонок, шириной в колонку */
	body:not(.silverpaws-product-a) .silverpaws-product__more > .silverpaws-section { column-span: all; width: calc((100% - 3.3% * (var(--silverpaws-product-cols) - 1)) / var(--silverpaws-product-cols)); }

	/* А: обтекание – галерея слева (float), название, цена, выбор и кнопка – столбиком справа и под галерею не уходят
	   (flow-root), описание обтекает галерею, ниже нее – на всю ширину; списки и свернутый блок – целиком рядом
	   с галереей или под ней (маркеры не налезают на фото); отступ справа и снизу от галереи – как между колонками */
	.silverpaws-product-a main.silverpaws-product { display: flow-root; }
	.silverpaws-product-a .silverpaws-product__cols { display: block; }
	.silverpaws-product-a .silverpaws-product__cols > .silverpaws-product__gallery { float: left; width: 58%; margin: 0 3.3% 3.3% 0 !important; }
	.silverpaws-product-a .silverpaws-product__summary > :not(.wp-block-woocommerce-product-description) { display: flow-root; }
	.silverpaws-product-a :is(.silverpaws-product__summary .wp-block-woocommerce-product-description, .silverpaws-product__more) :is(ul, ol, details) { display: flow-root; }
	.silverpaws-product-a .silverpaws-product__more { margin-top: 0 !important; }
}

/* Телефон: одна колонка, миниатюр нет – листаем стрелками (у Wix – точки) */
@media (max-width: 781.98px) {
	.silverpaws-product__cols { grid-template-columns: 1fr; row-gap: 1.75rem; }
	.silverpaws-product__gallery .wc-block-product-gallery-thumbnails { display: none; }
}

/* ── Каталог (Kogu valik) ──────────────────────────────────────────── */
/* Wix 1440: баннер с сеттером – колонка 980 из 1240 (79 %); слева колонка 200 (16 %) «Kategooriad» и «Filtreeri»,
   справа (80,6 %) H1 56, вступление, число товаров и сортировка, сетка в 3 колонки: карточка 317, промежуток 24 */

.silverpaws-shop { padding-top: 0; padding-bottom: var(--wp--preset--spacing--60); }
.silverpaws-shop__banner { max-width: 79% !important; margin: 0 auto clamp(1.5rem, .6rem + 2.5vw, 3rem) !important; }
.silverpaws-shop__banner img { width: 100%; height: auto; display: block; }
.silverpaws-shop__cols {
	display: grid;
	grid-template-columns: 16fr 80.6fr;
	column-gap: 3.4%;
	align-items: start;
}
.silverpaws-shop__cols > * { margin: 0 !important; min-width: 0; }
.silverpaws-shop__main > .wp-block-query-title { margin: 0 0 .75rem; line-height: 1.25; }
.silverpaws-shop__intro { margin: 0; font-size: 1rem; }
.silverpaws-shop__bar { margin-top: clamp(1.5rem, 1rem + 2vw, 2.75rem) !important; margin-bottom: 1.5rem; font-size: .9375rem; align-items: center; }
.silverpaws-shop__bar .woocommerce-result-count { margin: 0; }
.silverpaws-shop__bar .woocommerce-ordering { margin: 0; }
.silverpaws-shop__bar .woocommerce-ordering select {
	border: 0;
	background-color: transparent;
	padding-right: 1.75rem;
	min-height: 44px;
	font-size: .9375rem;
	color: var(--wp--preset--color--forest);
}
.silverpaws-catalog .wc-block-product-template__responsive {
	--silverpaws-gap: clamp(1rem, .6rem + 1.4vw, 1.5rem);
	grid-gap: 2.5rem var(--silverpaws-gap);
	grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(33.333% - .667 * var(--silverpaws-gap))), 1fr));
}

/* Боковая колонка: заголовки с линией снизу, пункты мелким текстом, текущий – жирным */
.silverpaws-sidebar__title {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.375rem;
	font-weight: 400;
	line-height: 1.3;
	margin: 0 0 .9rem;
	padding-bottom: .9rem;
	border-bottom: 1px solid var(--wp--preset--color--stone);
}
.silverpaws-sidebar__cats { margin-bottom: 3rem; font-size: .9375rem; font-weight: 400; gap: .35rem !important; }
.silverpaws-sidebar__cats .wp-block-navigation-item__content { padding: .3rem 0; }
.silverpaws-sidebar__cats .silverpaws-current > .wp-block-navigation-item__content { font-weight: 700; }
/* Группы фильтров – как у Wix: «Hind −», «Suurus +», «Suurus ja värv +», линия под каждой */
.silverpaws-filter-group { border-bottom: 1px solid var(--wp--preset--color--stone); padding: .35rem 0 !important; margin: 0 !important; font-size: .875rem; }
.silverpaws-filter-group > summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 44px;
	font-size: .9375rem;
}
.silverpaws-filter-group > summary::-webkit-details-marker { display: none; }
.silverpaws-filter-group > summary::after { content: "+"; font-size: 1.25rem; font-weight: 300; }
.silverpaws-filter-group[open] > summary::after { content: "−"; }
.silverpaws-filter-group > :not(summary) { margin: .25rem 0 .75rem; }
.silverpaws-filters .wp-block-woocommerce-product-filter-checkbox-list { max-width: 100%; }

/* Задание 05, п. 7.1 (8.11): ползунок цены как у Wix – тонкая темная линия, ручки – залитые точки на самой линии,
   цены под линией по краям. Линия – 1 px (WooCommerce – 4 px), выбранный отрезок – лесной, остальное – он же на 30 %.
   Точка 12 px, область нажатия – 24 px (телефон – 44) прозрачной рамкой вокруг точки (фон – только внутри рамки) */
.silverpaws-filters .wc-block-product-filter-price-slider__range { --range-color: var(--wp--preset--color--forest); height: 1px; margin: 1.25rem 0 1rem; border-radius: 0; }
.silverpaws-filters .wc-block-product-filter-price-slider__range .range-bar { height: 1px; }
.silverpaws-filters .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb {
	width: 24px; height: 24px; box-sizing: border-box; margin-top: -11.5px;
	border: 6px solid transparent !important; border-radius: 50%;
	background: var(--wp--preset--color--forest) !important; background-clip: content-box !important; cursor: grab;
}
.silverpaws-filters .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb {
	width: 12px; height: 12px; box-sizing: content-box; border: 6px solid transparent !important; border-radius: 50%;
	background: var(--wp--preset--color--forest) !important; background-clip: content-box !important; cursor: grab;
}
.silverpaws-filters .wc-block-product-filter-price-slider__range input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--wp--preset--color--forest); }
.silverpaws-filters .wc-block-product-filter-price-slider__range input[type="range"]:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 2px var(--wp--preset--color--forest); }
.silverpaws-filters .wc-block-product-filter-price-slider__content > .text { font-size: .9375rem; }
@media (pointer: coarse) {
	.silverpaws-filters .wc-block-product-filter-price-slider__range { margin: 1.75rem 0 1.5rem; }
	.silverpaws-filters .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb { width: 44px; height: 44px; margin-top: -21.5px; border-width: 16px !important; }
	.silverpaws-filters .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb { border-width: 16px !important; }
}

/* П. 7.2: Suurus и Suurus ja värv как у Wix – без рамки (это была рамка браузера у fieldset), текст 16 вместо 12,25,
   у контейнера класс wp-block-woocommerce-…, у его частей – wc-block-… (8.11: по ошибке взяла wc- и правило не легло);
   шаг строки ≈ 28; квадратик – тонкий шалфейный контур без бежевой заливки, отмеченный – шалфейный с белой галочкой;
   список целиком, без «Kuva veel»; длинное значение переносится под текст, а не под квадратик */
.silverpaws-filters .wp-block-woocommerce-product-filter-checkbox-list {
	font-size: 1rem;
	--wc-product-filter-checkbox-list-option-element: transparent;
	--wc-product-filter-checkbox-list-option-element-border: var(--wp--preset--color--sage); /* светлее лесного, как у Wix, но 4,3:1 (серый Wix – меньше 3:1) */
	--wc-product-filter-checkbox-list-option-element-selected: var(--wp--preset--color--white);
}
.silverpaws-filters .wp-block-woocommerce-product-filter-checkbox-list fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.silverpaws-filters .wc-block-product-filter-checkbox-list__items { gap: .3rem; }
.silverpaws-filters .wc-block-product-filter-checkbox-list__item[hidden] { display: block !important; }
.silverpaws-filters .wc-block-product-filter-checkbox-list__show-more { display: none !important; }
.silverpaws-filters .wc-block-product-filter-checkbox-list__label { align-items: flex-start; line-height: 1.5; cursor: pointer; }
.silverpaws-filters .wc-block-product-filter-checkbox-list__input-wrapper { flex: none; margin-top: .25em; }
.silverpaws-filters .wc-block-product-filter-checkbox-list__input-wrapper::before { display: none; }
.silverpaws-filters .wc-block-product-filter-checkbox-list__text-wrapper { font-size: 1em; }
.silverpaws-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input:checked { background: var(--wp--preset--color--sage); border-color: var(--wp--preset--color--sage); }
.silverpaws-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input:focus-visible { outline: 2px solid var(--wp--preset--color--forest); outline-offset: 2px; }

/* П. 7.3: сортировка как у Wix – «Sorteeri: soovitatud ⌄» текстом без рамки (стрелка – та же тонкая линия);
   список – как подменю «Pood»: кремовый, тонкая рамка, мягкая тень, текущий пункт и наведение – шалфейной полосой,
   без синей системной подсветки; фокус кнопки – шалфейное подчеркивание (inc/shop-sort.php, assets/js/sort.js).
   Обычный select остается в форме спрятанным: его значение – это ?orderby, по нему работает скрипт WooCommerce */
.has-silverpaws-sort select.orderby { position: absolute !important; width: 1px !important; height: 1px !important; min-height: 0 !important; padding: 0 !important; overflow: hidden; clip-path: inset(50%); opacity: 0; pointer-events: none; }
.woocommerce-ordering.has-silverpaws-sort { position: relative; }
.silverpaws-sort { position: relative; }
.silverpaws-sort__button { display: inline-flex; align-items: center; gap: .5rem; min-height: 44px; padding: 0; border: 0; background: none; color: var(--wp--preset--color--forest); font: inherit; cursor: pointer; }
.silverpaws-sort__button:focus-visible { outline: none; text-decoration: underline 2px var(--wp--preset--color--sage); text-underline-offset: .3em; }
.silverpaws-sort__arrow { transition: transform .2s; }
.silverpaws-sort__button[aria-expanded="true"] .silverpaws-sort__arrow { transform: rotate(180deg); }
.silverpaws-sort__list {
	position: absolute; right: 0; top: 100%; z-index: 20; margin: .25rem 0 0; padding: .3rem 0; list-style: none; width: max-content;
	background: var(--wp--preset--color--cream); color: var(--wp--preset--color--forest);
	border: 1px solid var(--wp--preset--color--stone); border-radius: 5px;
	box-shadow: 0 4px 12px color-mix(in srgb, var(--wp--preset--color--forest) 12%, transparent);
	outline: none;
}
.silverpaws-sort__option { padding: .3rem 1.25rem; line-height: 1.4; cursor: pointer; white-space: nowrap; }
.silverpaws-sort__option[aria-selected="true"] { background: color-mix(in srgb, var(--wp--preset--color--sage) 12%, transparent); } /* у Wix текущий – полосой, без жирного */
.silverpaws-sort__option.is-active { background: color-mix(in srgb, var(--wp--preset--color--sage) 22%, transparent); }
@media (prefers-reduced-motion: reduce) { .silverpaws-sort__arrow { transition: none; } }
.silverpaws-sort__go { margin-left: .5rem; padding: .3rem 1rem; }

/* ── Категория (тематическая страница) ─────────────────────────────── */
/* Wix 1440 (ширина 1296): слева 29 % – H1 56 и авторский текст 25/32,5 по центру, по вертикали – посередине;
   справа 68,5 % – иллюстрация; ниже сетка 3 × 406, промежуток 19; карточки без кнопки: название и цена 16, подпись */

.silverpaws-cat { padding-top: clamp(.5rem, 0rem + 1.5vw, 1.25rem); padding-bottom: var(--wp--preset--spacing--60); }
.silverpaws-cat__hero {
	display: grid;
	grid-template-columns: 29fr 68.5fr;
	grid-template-rows: 1fr auto auto 1fr;
	column-gap: 2.5%;
	margin-bottom: clamp(2rem, 1rem + 4vw, 7rem) !important;
}
.silverpaws-cat__hero > * { margin: 0 !important; min-width: 0; }
.silverpaws-cat__hero > .wp-block-query-title { grid-column: 1; grid-row: 2; line-height: 1.25; }
.silverpaws-cat__text { display: contents; }
.silverpaws-cat__text > p:empty { display: none; } /* WordPress обертывает картинку описания пустыми абзацами */
.silverpaws-cat__text > figure { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
.silverpaws-cat__text > figure img { width: 100%; height: auto; display: block; }
.silverpaws-cat__text > p {
	grid-column: 1;
	grid-row: 3;
	margin: 2.5rem 0 0;
	text-align: center;
	font-size: clamp(1.125rem, 1rem + .625vw, 1.5625rem);
	line-height: 1.3;
}
.silverpaws-cat-grid .wc-block-product-template__responsive {
	--silverpaws-gap: clamp(1rem, .7rem + 1vw, 1.25rem);
	grid-gap: 2rem var(--silverpaws-gap);
	grid-template-columns: repeat(auto-fill, minmax(max(220px, calc(33.333% - .667 * var(--silverpaws-gap))), 1fr));
}
.silverpaws-cat-grid .wc-block-product .wp-block-post-title {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1rem;
	line-height: 1.4;
	margin-top: 1rem;
}
.silverpaws-cat-grid .wc-block-product .wc-block-components-product-price { font-size: 1rem; font-weight: 400; }

/* Телефон: каталог – без колонки категорий, фильтры – кнопкой WooCommerce; категория – текст над картинкой, карточки в одну колонку */
@media (max-width: 781.98px) {
	.silverpaws-shop__banner { max-width: 100% !important; }
	.silverpaws-shop__cols { grid-template-columns: 1fr; row-gap: 1rem; }
	/* у Wix «Filter & Sort» – над карточками: раскрываем колонку main в общую сетку и ставим фильтры перед товарами */
	.silverpaws-shop__main { display: contents; }
	.silverpaws-shop__main > .wp-block-query-title { order: 1; }
	.silverpaws-shop__main > .silverpaws-shop__intro-part, .silverpaws-shop__main > .silverpaws-shop__intro { order: 2; }
	.silverpaws-shop__main > .silverpaws-shop__bar { order: 3; margin-top: .5rem !important; margin-bottom: 0; }
	.silverpaws-shop__side { order: 4; }
	.silverpaws-shop__main > .wp-block-woocommerce-product-collection { order: 5; }
	.silverpaws-sidebar__cats-title, .silverpaws-sidebar__cats { display: none !important; }
	.silverpaws-shop__main > .wp-block-query-title, .silverpaws-shop__intro { text-align: center; }
	.silverpaws-catalog .wc-block-product-template__responsive { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.silverpaws-cat__hero { grid-template-columns: 1fr; grid-template-rows: auto; }
	.silverpaws-cat__hero > .wp-block-query-title { grid-row: 1; }
	.silverpaws-cat__text > p { grid-row: 2; margin-top: 1rem; }
	.silverpaws-cat__text > figure { grid-column: 1; grid-row: 3; margin-top: 2rem; }
	.silverpaws-cat-grid .wc-block-product-template__responsive { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599.98px) {
	.silverpaws-cat-grid .wc-block-product-template__responsive { grid-template-columns: 1fr; }
}

/* ── Главная ───────────────────────────────────────────────────────── */
/* Wix 1440 (колонка 980): hero – картинка 1000×563 на всю колонку, текст слева поверх светлой части картинки:
   SilverPaws 92, слоган 36 жирный в две строки, TOOTED; дальше 183 до конца блока и 64 до «Leidke, mis aitab» */

/* низ hero (задание 05, п. 3, Антон 8.11): видимый зазор от нарисованного низа картинки до «Leidke, mis aitab» – на 20 %
   меньше на каждой ширине (1440: 172 → 138, 1280: 155 → 124, 1024: 127 → 102, 375: 71 → 57; scripts/checks/hero_gap.js);
   было clamp(3rem, 1rem + 9vw, 11.5rem), телефон 3rem. Рисунок не обрезан – пустой низ файла (18–25 px) остается */
.silverpaws-hero { display: grid; margin-top: clamp(0rem, -.4rem + 2vw, 1.5rem) !important; margin-bottom: clamp(2.125rem, .94rem + 6.73vw, 9.2rem) !important; }
.silverpaws-hero > * { grid-area: 1 / 1; margin: 0 !important; min-width: 0; }
.silverpaws-hero__img img, .silverpaws-hero__img-mobile img { width: 100%; height: auto; display: block; }
.silverpaws-hero__img-mobile { display: none; }
.silverpaws-hero__text { align-self: center; padding-left: 4.1%; z-index: 1; }
/* SilverPaws в hero – жирнее, как у Wix: жирного начертания у шрифта заголовков нет, браузер утолщает сам.
   Единственное место с искусственным жирным (слово Антона 3.11: «утолщим только в заголовке в hero, посмотрим») */
.silverpaws-hero__text h1 { margin: 0; line-height: 1.1; font-weight: 700; font-synthesis: weight; }
.silverpaws-hero__slogan {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 700;
	line-height: 1.4;
	max-width: 9em;
	margin: clamp(1rem, .6rem + 1.6vw, 2.25rem) 0 0;
}
.silverpaws-hero .silverpaws-btns { margin-top: clamp(1.25rem, .8rem + 1.6vw, 2.25rem); }
/* Появление, как на Wix (задание 05, п. 1.2 и 6.1; снимок Wix – эффект floatIn: сдвиг 60 px и проявление, 1,2 с,
   cubic-bezier(.445, .05, .55, .95); слоган – на 0,2 с позже заголовка; кнопка hero стоит на месте).
   «SilverPaws» и слоган – под маской по нижнему краю слогана (clip-path режет только снизу, по реальной высоте
   текста на любом языке): выезжают из-под этой линии. «Picks» – слово слева, SHOP ALL справа, один раз.
   Прячем только при html.silverpaws-js (inc/motion.php) и без prefers-reduced-motion; запуск – assets/js/motion.js:
   hero – когда загружены шрифты (html.silverpaws-fonts), Picks – когда строка на экране (.is-in).
   Страховка без скрипта: через 3 с текст показывается и так (silverpaws-failsafe). */
.silverpaws-hero__words { clip-path: inset(-100vh -100vw 0 -100vw); }
.silverpaws-picks-head { overflow: clip; overflow-clip-margin: 1.5rem; } /* выплывающее не дает прокрутки вбок */
@keyframes silverpaws-float { from { opacity: 0; transform: translate(var(--silverpaws-from-x, 0), var(--silverpaws-from-y, 60px)); } to { opacity: 1; transform: none; } }
@keyframes silverpaws-failsafe { to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
	.silverpaws-js .silverpaws-hero__words > *,
	.silverpaws-js .silverpaws-picks-head > * { opacity: 0; animation: silverpaws-failsafe 0s 3s forwards; }
	.silverpaws-js.silverpaws-fonts .silverpaws-hero__words > * { animation: silverpaws-float 1.2s cubic-bezier(.445, .05, .55, .95) both; }
	.silverpaws-js.silverpaws-fonts .silverpaws-hero__words > :nth-child(2) { animation-delay: .2s; }
	.silverpaws-js .silverpaws-picks-head.is-in > * { animation: silverpaws-float 1.2s cubic-bezier(.445, .05, .55, .95) both; --silverpaws-from-y: 0; }
	.silverpaws-js .silverpaws-picks-head.is-in > :first-child { --silverpaws-from-x: -60px; }
	.silverpaws-js .silverpaws-picks-head.is-in > :last-child { --silverpaws-from-x: 60px; }
}

/* «Leidke, mis aitab»: Wix – 4 колонки по 220 с шагом 240, круги 210, название 36 и описание 20/300 по центру, графит */
.silverpaws-find > h2 { margin: 0 0 clamp(1.25rem, 1rem + 1vw, 1.75rem); }
.silverpaws-find__cols { column-gap: 2% !important; }
.silverpaws-find__cols .wp-block-image { margin: 0 0 1.75rem; text-align: center; }
.silverpaws-find__cols .wp-block-image img {
	width: 95%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%; /* лесная обводка круга нарисована на самих картинках Ады */
}
.silverpaws-find__cols h3 { color: var(--wp--preset--color--graphite); margin: 0 0 clamp(1rem, .8rem + 1vw, 2.25rem); }
.silverpaws-find__cols p {
	color: var(--wp--preset--color--graphite);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 300;
	line-height: 1.5;
	margin: 0;
}
/* Кликабельна вся карточка, как на Wix (задание 05, п. 5, 8.11): ссылка названия растянута на карточку (::after),
   поэтому ссылка одна и читалка экрана называет ее по категории; у картинок alt="" (page.json). Промежутки между
   карточками не кликаются. Наведение – подчеркнутое название и чуть крупнее круг; фокус – рамка вокруг карточки */
.silverpaws-find__cols > .wp-block-column { position: relative; }
.silverpaws-find__cols h3 a { color: inherit; text-decoration: none; }
.silverpaws-find__cols h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 12px; }
.silverpaws-find__cols > .wp-block-column:hover h3 a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.silverpaws-find__cols .wp-block-image img { transition: transform .3s ease-out; }
.silverpaws-find__cols > .wp-block-column:hover .wp-block-image img { transform: scale(1.03); }
.silverpaws-find__cols h3 a:focus-visible { outline: none; }
.silverpaws-find__cols h3 a:focus-visible::after { outline: 2px solid var(--wp--preset--color--forest); outline-offset: 6px; }
@media (prefers-reduced-motion: reduce) { .silverpaws-find__cols .wp-block-image img { transition: none; } }
/* Пять кругов (задание 05, п. 4, 8.11; пятой категории пока нет – правило ждет ее): на 1440 и 1280 – один ряд, круги
   меньше сами (224 и 207 px); уже 1200 – 3 + 2 по центру: в один ряд на 1024 русское «Безопасность» под кругом 165 px
   рвется посреди слова. Телефон – столбиком, как сейчас. Второй вариант (5 в ряд, названия мельче) – на листе стопа */
@media (min-width: 782px) and (max-width: 1199.98px) {
	.silverpaws-find__cols.wp-block-columns:has(> .wp-block-column:nth-child(5)) { flex-wrap: wrap !important; justify-content: center; row-gap: 2.5rem; }
	.silverpaws-find__cols.wp-block-columns:has(> .wp-block-column:nth-child(5)) > .wp-block-column { flex: 0 0 24% !important; } /* круг ≈ 210, как у Wix */
}

/* «Meie valik»: заголовок слева и TOOTED справа в одной строке; карточки – отступ 4,6 % с краев, как у Wix */
.silverpaws-picks-section { margin-top: clamp(3rem, 2rem + 4vw, 6.5rem) !important; }
/* Задание 05, п. 6.2 (8.11) – два варианта, переключатель – опция silverpaws_picks_variant (content/settings/wordpress.json):
   А (по умолчанию, Клода): «Meie valik» и TOOTED – ровно по краям сетки товаров (поля строки = поля сетки, 4,6 %;
   до 8.11 строка торчала за сетку на ≈ 30 px), до карточек – на треть меньше; строка читается как заголовок полки.
   Б (body.silverpaws-picks-b): кнопка рядом со словом, по центру его высоты, промежуток 40. Отступ до карточек – как в А */
.silverpaws-picks-head { padding: 0 4.6%; align-items: center; }
.silverpaws-picks-head > h2 { margin: 0; }
.silverpaws-picks-section .silverpaws-picks { margin-top: clamp(1.5rem, .6rem + 4.1vw, 6.25rem); padding: 0 4.6%; } /* до карточек на треть меньше: 1440 105 → 70, 1280 93 → 62, 1024 78 → 52 */
@media (min-width: 782px) { .silverpaws-picks-b .silverpaws-picks-head { justify-content: flex-start !important; column-gap: 2.5rem; } } /* телефон – в обоих вариантах как мобильный Wix */
/* «Näita rohkem» (п. 6.3): видны 4 карточки, остальные – по нажатию (assets/js/motion.js); кнопка – плоская шалфейная,
   по центру, без тени (Wix Load More); товары кончились – кнопки нет */
.silverpaws-picks .wc-block-product-template > li:nth-child(n+5):not(.is-shown) { display: none; }
.silverpaws-picks-more { margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem) !important; }
.silverpaws-picks-more.is-done { display: none; }
.silverpaws-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* «Meie blogi»: заголовок 40 и подзаголовок 48 слева, LOE EDASI 260×106 справа; ниже – до 3 записей */
.silverpaws-blog-teaser {
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: 2rem;
	align-items: center;
	padding: 0 2%;
	margin-top: clamp(4rem, 2rem + 8vw, 10rem) !important;
}
.silverpaws-blog-teaser > * { margin: 0 !important; }
/* «Meie blogi» – жирный, как у Wix (Wix: 40, bold): второе место с искусственным жирным после SilverPaws в hero
   (слово Антона 5.11: «да, пока, потом еще подумаю»). Цвет – лесной, самый темный токен (у Wix почти черный) */
.silverpaws-blog-teaser__title { font-size: clamp(1.625rem, 1.37rem + 1.25vw, 2.5rem); color: var(--wp--preset--color--forest); margin: 0 !important; font-weight: 700; font-synthesis: weight; }
/* подзаголовок – в одну строку, как у Wix, пока помещается рядом с кнопкой (до 5.11 – не шире 11,5 знака, в две строки) */
.silverpaws-blog-teaser__sub {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.75rem, 1.39rem + 1.8vw, 3rem);
	line-height: 1.2;
	margin: clamp(1.5rem, 1rem + 2.5vw, 3.875rem) 0 0 !important;
}
.wp-block-button.is-style-silverpaws-large.silverpaws-blog-teaser__btn .wp-block-button__link { padding: .38em .5em; }
.silverpaws-blog-list { grid-column: 1 / -1; margin-top: 3.5rem !important; }
/* пустой запрос без своей строки – не выводим; со строкой «Esimesed lood on juba teel.» (задание 05а) – только строка,
   по центру, без площадки под три карточки */
.silverpaws-blog-list:not(:has(li, .silverpaws-blog-empty)) { display: none; }
.silverpaws-blog-list .silverpaws-blog-empty { margin: 0; }
/* карточки главной (Wix, скрин Клоды ≈): картинка 4:3, под ней поля 16, дата 13, заголовок шрифтом заголовков 22 (строка 31) */
.silverpaws-blog-list .silverpaws-card__title { font-size: clamp(1.125rem, 1.05rem + .35vw, 1.375rem); line-height: 1.4; }

/* Телефон – мобильная раскладка Wix: сначала текст (SilverPaws, слоган, TOOTED по центру), под ним – своя мобильная картинка.
   Hero переключается раньше прочего – до 600 px: шире текст еще помещается на светлой части большой картинки */
@media (max-width: 599.98px) {
	.silverpaws-hero { display: block; margin-bottom: 2.125rem !important; }
	.silverpaws-hero__img { display: none; }
	.silverpaws-hero__img-mobile { display: block; margin-top: 2rem !important; }
	.silverpaws-hero__text { padding-left: 0; }
	.silverpaws-hero .silverpaws-btns { justify-content: center; }
}
@media (max-width: 781.98px) {
	.silverpaws-find__cols .wp-block-column { margin-bottom: 2.5rem; }
	.silverpaws-find__cols .wp-block-image img { width: min(210px, 70%); }
	.silverpaws-picks-head { justify-content: center !important; flex-direction: column; gap: 1rem; }
	.silverpaws-picks .wc-block-product-template__responsive { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.silverpaws-picks-section .silverpaws-picks { padding: 0; }
	.silverpaws-blog-teaser { grid-template-columns: 1fr; text-align: center; row-gap: 1.5rem; }
	.silverpaws-blog-teaser .silverpaws-btns { justify-content: center; }
}

/* ── Блог ──────────────────────────────────────────────────────────── */
/* Wix 1440 (задание 04, стоп А): шапка на ширину контейнера – слева H1 46 и подзаголовок 18, справа веточка 300×100;
   лента – одна колонка горизонтальных карточек ≈ 1062 по центру (66rem): картинка слева 4:3 (≈ 48 %), справа поля ≈ 36,
   «дата · N min» ≈ 14, заголовок шрифтом заголовков ≈ 28 (строка 39), начало текста 16/24 до 3 строк; между карточками ≈ 34 */

.silverpaws-blog { padding-top: clamp(.5rem, 0rem + 1.5vw, 1.25rem); padding-bottom: var(--wp--preset--spacing--60); }
.silverpaws-blog-head { display: grid; grid-template-columns: 1fr min(300px, 30%); column-gap: 2rem; align-items: start; }
.silverpaws-blog-head > * { margin: 0 !important; }
.silverpaws-blog-head h1 { margin: 0 0 .5rem; line-height: 1.2; }
.silverpaws-blog-head__text p { margin: 0; font-size: clamp(1rem, .95rem + .25vw, 1.125rem); }
.silverpaws-blog-head__art img { width: 100%; height: auto; display: block; }
.silverpaws-blog-posts { max-width: 66rem; margin: clamp(3rem, 2rem + 5vw, 7rem) auto 0 !important; }
.silverpaws-blog-empty { font-family: var(--wp--preset--font-family--heading); font-size: 1.5rem; margin: 0 0 clamp(3rem, 2rem + 4vw, 6rem); }

/* Карточки записей: общая рамка и поля; --row – горизонтальная (лента), без модификатора – вертикальная (главная, «Viimased») */
.silverpaws-cards-row { display: grid; gap: clamp(1.5rem, 1rem + 1.2vw, 2.125rem); padding: 0; margin: 0; list-style: none; }
.silverpaws-card { border: 1px solid var(--wp--preset--color--stone); background: var(--wp--preset--color--cream); height: 100%; margin: 0 !important; }
.silverpaws-card > * { margin: 0 !important; }
/* обертка картинки держит пропорцию блока (aspect-ratio 4:3 или 16:9), ссылка и картинка заполняют ее */
.silverpaws-card__img { display: block; width: 100%; height: auto; }
.silverpaws-card__img a, .silverpaws-card__img img { display: block; width: 100%; height: 100%; }
.silverpaws-card__img img { object-fit: cover; }
.silverpaws-card__body { padding: 1rem; }
.silverpaws-card__body > * { margin: 0 !important; }
.silverpaws-card__title { font-family: var(--wp--preset--font-family--heading); font-weight: 400; margin-top: .75rem !important; }
.silverpaws-card__title a { color: var(--wp--preset--color--forest); text-decoration: none; }
.silverpaws-card__title a:hover { text-decoration: underline; }
.silverpaws-meta, .silverpaws-date { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--grey-green-dark); }
.silverpaws-card--row { display: grid; grid-template-columns: 48% 1fr; }
.silverpaws-card--row .silverpaws-card__body { padding: clamp(1.25rem, .8rem + 1.2vw, 2.25rem); display: flex; flex-direction: column; }
.silverpaws-card--row .silverpaws-card__title { font-size: var(--wp--preset--font-size--x-large); line-height: 1.4; margin-top: 1rem !important; }
.silverpaws-card__excerpt { margin-top: 1rem !important; font-size: 1rem; line-height: 1.5; }
.silverpaws-card__excerpt .wp-block-post-excerpt__excerpt { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* нет картинки записи – плашка в палитре с веточкой (задание 04) */
.silverpaws-card__img--empty { background: color-mix(in srgb, var(--wp--preset--color--stone) 35%, var(--wp--preset--color--cream)); }
.silverpaws-card__img--empty a { display: grid; place-items: center; }
.silverpaws-card__img--empty img { width: 62%; height: auto; object-fit: contain; }
@media (max-width: 781.98px) {
	.silverpaws-blog-head { grid-template-columns: 1fr; row-gap: 1.5rem; }
	.silverpaws-blog-head__art { max-width: 70%; justify-self: center; }
	/* телефон – картинка сверху, текст под ней (задание 04) */
	.silverpaws-card--row { grid-template-columns: 1fr; }
}

/* ── Текстовые страницы (Meie lugu, KKK, Kontakt, юридика) ─────────── */
/* Wix 1440: H1 46 слева на ~70 px ниже шапки, украшение (веточка, терьер) справа в той же строке; ниже – текст.
   Шаблон page.html: заголовок и содержимое страницы – в одной сетке, украшение (.silverpaws-page-art) встает справа */

.silverpaws-page { padding-top: clamp(1rem, .2rem + 3.5vw, 4.4rem); padding-bottom: var(--wp--preset--spacing--60); }
.silverpaws-page__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-rows: auto 1fr; /* лишняя высота украшения – во вторую строку, подзаголовок остается под заголовком */
	column-gap: 2rem;
	align-items: start;
}
.silverpaws-page__grid > .wp-block-post-title { grid-column: 1; grid-row: 1; margin: 0; line-height: 1.2; }
.silverpaws-page__grid > .wp-block-post-content { display: contents; }
/* В сетке поле margin: auto сжимает элемент до ширины текста и ставит по центру – поэтому ширина явно 100 %:
   обычные блоки остаются колонкой 42rem по центру, широкие (.alignwide) – во весь контейнер.
   min-width: 0 – иначе ячейка не уже самого длинного слова и на телефоне появляется прокрутка */
.silverpaws-page__grid > .wp-block-post-content > * { grid-column: 1 / -1; min-width: 0; width: 100%; }
.silverpaws-page__grid > .wp-block-post-content > .alignwide { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
.silverpaws-page__grid > .wp-block-post-content > .silverpaws-page-art {
	grid-column: 2;
	grid-row: 1 / span 2;
	margin: 0 !important;
	max-width: 330px;
}
.silverpaws-page__grid > .wp-block-post-content > .silverpaws-page-art img { width: 100% !important; height: auto; display: block; }
.silverpaws-page__grid > .wp-block-post-content > .silverpaws-page-sub { grid-column: 1; grid-row: 2; align-self: start; margin: .5rem 0 0 !important; max-width: none; font-size: 1.09375rem; } /* Wix ≈ на 9 % крупнее, 16 → 17,5 (задание 05, п. 10) */
.silverpaws-page__grid > .wp-block-post-content > :nth-child(1 of :not(.silverpaws-page-art, .silverpaws-page-sub)) { margin-top: clamp(2rem, 1rem + 4vw, 5rem); }

/* Задание 05 (8.11), общие отступы – магазин, категории и внутренние страницы KKK, Meie lugu, Kontakt. Юридика не входит:
   пока Maksekeskus проверяет сайт, ее не трогаем (Антон 8.11); товар и блог – как были.
   До подвала (п. 9, 11, 12): было 142 на 1440 (поле страницы 72 + поле подвала 72), стало на треть меньше – поле
   подвала втрое меньше, на всех ширинах пропорционально (1280: 131 → 87, телефон: 68 → 47).
   Под заголовком (п. 11): одно значение для внутренних страниц – от шапки страницы (заголовок, подзаголовок, украшение)
   до текста ≈ 36 на 1440 вместо ≈ 74; у KKK шапку определяет высота терьера, как у Wix (терьер → панель ≈ 31). */
body:is(.post-type-archive-product, .tax-product_cat, .silverpaws-key-kkk, .silverpaws-key-kontakt, .silverpaws-key-our-story) .silverpaws-footer {
	margin-top: calc(var(--wp--preset--spacing--60) / 3) !important;
}
body:is(.silverpaws-key-kkk, .silverpaws-key-kontakt, .silverpaws-key-our-story) .silverpaws-page__grid > .wp-block-post-content > :nth-child(1 of :not(.silverpaws-page-art, .silverpaws-page-sub)) {
	margin-top: clamp(1.25rem, .5rem + 2vw, 2.25rem);
}

/* Юридика: колонка текста 42rem (60–75 знаков) по центру, подзаголовки – жирным текстовым шрифтом, как у Wix */
:is(.silverpaws-key-muugitingimused, .silverpaws-key-lepingust-taganemine, .silverpaws-key-seadusest-tulenev-vastutus, .silverpaws-key-privaatsuspoliitika) .wp-block-post-content :is(h2, h3) {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.4;
	margin-top: 2.25rem;
	margin-bottom: .75rem;
}
:is(.silverpaws-key-muugitingimused, .silverpaws-key-lepingust-taganemine, .silverpaws-key-seadusest-tulenev-vastutus, .silverpaws-key-privaatsuspoliitika) .wp-block-post-content :is(p, li) { font-size: 1rem; line-height: 1.6; }

/* Meie lugu (задание 05, п. 11, 8.11): весь текст – одной колонкой справа от фото, от первого абзаца до подписи –
   одно письмо без обрыва (до 8.11 конец шел под фото слева, и справа были «дыры»). Фото – 45 % (Wix 48,6 %: у нас
   текст крупнее его строки), липкое, как галерея товара (assets/js/sticky.js), верх – по первой строке текста;
   текст – как у Wix ≈ 20/31 (на 1440; телефон – 17), строка ≈ 60–70 знаков; 1024 – фото уже (40 %), колонка ≥ 55 знаков;
   телефон – фото сверху, текст под ним, без липкости; подпись курсивом */
.silverpaws-story__cols { column-gap: 3.5% !important; align-items: flex-start !important; }
.silverpaws-story__cols .wp-block-image { margin: 0; }
.silverpaws-story__cols .wp-block-image img { width: 100%; height: auto; }
.silverpaws-story__cols p:first-child { margin-top: 0; }
.silverpaws-story__cols > .wp-block-column:not(.silverpaws-story__photo) p { font-size: clamp(1.0625rem, .99rem + .3vw, 1.25rem); line-height: 1.55; margin: 0 0 1.25em; }
.silverpaws-story__cols > .wp-block-column:not(.silverpaws-story__photo) p:last-child { margin-bottom: 0; }
@media (min-width: 782px) {
	.silverpaws-story__photo.is-sticky-fit { position: sticky; top: 1.5rem; }
	/* веточка – по середине заголовка, как у Wix: иначе она на 55 ниже заголовка и отодвигает фото (было 91, Wix ≈ 60) */
	body.silverpaws-key-our-story .silverpaws-page__grid > .wp-block-post-content > .silverpaws-page-art { margin-top: -1.95vw !important; }
}
@media (min-width: 782px) and (max-width: 1100px) {
	.silverpaws-story__cols > .silverpaws-story__photo { flex-basis: 40% !important; }
}

/* Kontakt: Wix – текст с отступом 20 % слева, спаниель справа; вступление шрифтом заголовков 30, контакты 18 */
.silverpaws-contact { align-items: center; column-gap: 3% !important; }
.silverpaws-contact__text { padding-left: 16%; }
/* Задание 05, п. 12 (8.11): общее правило внутренних страниц – заголовок по левому краю содержимого. Заголовок – на обе
   колонки сетки (иначе 16 % считались бы от первой колонки и не совпали с текстом на 2rem промежутка), отступ – как у текста;
   форма – от левого края текста до правого края картинки (правые края сведены; класс body silverpaws-contact-narrow –
   прежняя ширина 54rem, для листа «было | стало»); «Saatke meile sõnum» – по центру формы. Телефон – все по одному краю */
@media (min-width: 782px) {
	body.silverpaws-key-kontakt .silverpaws-page__grid > .wp-block-post-title { grid-column: 1 / -1; padding-left: 16%; }
	body.silverpaws-key-kontakt .silverpaws-contact-form > :is(h2, .wpcf7) { margin-left: 16% !important; }
	body.silverpaws-key-kontakt:not(.silverpaws-contact-narrow) .silverpaws-contact-form .wpcf7 { max-width: none; margin-right: 0; }
	body.silverpaws-key-kontakt.silverpaws-contact-narrow .silverpaws-contact-form > :is(h2, .wpcf7) { max-width: 54rem; margin-right: auto !important; }
}
/* вступление – абзац с классом размера WordPress (has-large-font-size ставит размер с !important) */
.silverpaws-contact__text > p.has-large-font-size { font-family: var(--wp--preset--font-family--heading); font-size: clamp(1.375rem, 1.18rem + 1vw, 1.875rem) !important; line-height: 1.3; }
.silverpaws-contact__text > p { font-size: 1.125rem; line-height: 1.4; }
.silverpaws-contact .wp-block-image { margin: 0; }
.silverpaws-contact .wp-block-image img { width: 100% !important; height: auto; }

/* Формы (задание 03, CF7, inc/forms.php). Wix «Saatke meile sõnum»: заголовок по центру, поля ≈ 860 из 1440 по центру,
   подписи над полями, в первом ряду три поля, сообщение – во всю ширину, кнопка «Saada» прямоугольная лесная 200×44 */
.silverpaws-contact-form { margin-top: clamp(3rem, 2rem + 4vw, 6rem) !important; }
.silverpaws-contact-form .wpcf7 { max-width: 54rem; margin: 2rem auto 0; }
.silverpaws-form { display: grid; gap: 1.1rem; }
.silverpaws-form__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; }
.silverpaws-field { margin: 0; display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.silverpaws-field label { font-size: var(--wp--preset--font-size--small); }
.silverpaws-field .wpcf7-form-control-wrap { display: block; }
.silverpaws-field :is(input, textarea) { width: 100%; }
.silverpaws-field__hint, .silverpaws-form__note { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--grey-green-dark); margin: 0; }
.silverpaws-req { color: var(--wp--preset--color--grey-green-dark); }
.silverpaws-form__actions { margin: 0; }
.silverpaws-form .wpcf7-submit {
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
	border: 0;
	border-radius: 0;
	min-width: 12.5rem;
	min-height: 44px;
	padding: .6rem 1.25rem;
	cursor: pointer;
}
.silverpaws-form .wpcf7-submit:hover { background: var(--wp--preset--color--sage); }
.silverpaws-form .wpcf7-not-valid { border-color: var(--wp--preset--color--error); }
.wpcf7-not-valid-tip { color: var(--wp--preset--color--error); font-size: var(--wp--preset--font-size--small); margin-top: .25rem; }
/* сводка «есть ошибки» – не нужна: под каждым полем своя подсказка (у Клоды отдельного текста сводки нет) */
.wpcf7 form.invalid .wpcf7-response-output { display: none; }
.wpcf7 form .wpcf7-response-output { margin: 1rem 0 0; padding: .75rem 1rem; border: 1px solid var(--wp--preset--color--sage); border-radius: 5px; }
.wpcf7 form.sent .wpcf7-response-output { background: var(--wp--preset--color--white); }
.wpcf7 form:is(.failed, .spam, .aborted) .wpcf7-response-output { border-color: var(--wp--preset--color--error); }
/* ловушка для роботов: на экране и для экранных дикторов ее нет */
.silverpaws-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.silverpaws-form--withdrawal { max-width: 36rem; margin-top: 1rem; }
@media (max-width: 47.99rem) {
	.silverpaws-form__row { grid-template-columns: minmax(0, 1fr); }
}

/* Подписка (задание 04, стоп В; inc/newsletter.php). Wix 1440 – над футером: заголовок шрифтом заголовков 48 по центру;
   форма 645 по центру: подпись 16 над полем, поле – рамка 1 px лесная, скругление 5, фон белый 50 %; ниже слева –
   галочка 16 и текст согласия 16/24 (≈ 450), справа – «пилюля» 150 × 44 шалфейная, текст 18 белый.
   Поле – 44 по высоте, а не 38, как у всех полей сайта (касание пальцем). Телефон (Wix 320): заголовок ≈ 20,
   поле и кнопка – во всю ширину, кнопка – под текстом согласия. */
/* под формой: телефон – 40 до футера (Wix 320 ≈ 80 с отступом футера), компьютер – 0 (у футера свой отступ сверху) */
.silverpaws-newsletter { margin-top: clamp(4rem, 1.5rem + 10vw, 12rem) !important; padding-bottom: clamp(0rem, 3.5rem - 4vw, 2.5rem); }
.silverpaws-newsletter__title { font-size: clamp(1.25rem, .75rem + 2.5vw, 3rem); margin: 0 0 clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem) !important; }
.silverpaws-nl { max-width: 40.3125rem; margin: 0 auto; display: grid; gap: 1rem; font-size: 1rem; line-height: 1.5; }
.silverpaws-nl p { margin: 0; }
.silverpaws-nl__field { display: grid; gap: .5rem; }
.silverpaws-nl__field label, .silverpaws-nl__consent { color: var(--wp--preset--color--grey-green-dark); }
.silverpaws-nl input[type="email"] {
	width: 100%;
	border-color: var(--wp--preset--color--forest);
	background: color-mix(in srgb, var(--wp--preset--color--white) 50%, transparent);
}
.silverpaws-nl__row { display: flex; align-items: center; justify-content: space-between; gap: 1rem 2rem; }
.silverpaws-nl__consent { display: flex; align-items: center; gap: 1.25rem; max-width: 30rem; }
.silverpaws-nl__consent input { flex: none; width: 16px; height: 16px; margin: 0; accent-color: var(--wp--preset--color--forest); }
.silverpaws-nl__consent a { color: inherit; }
.silverpaws-nl__actions { flex: none; }
.silverpaws-nl__button {
	min-width: 9.375rem;
	min-height: 44px;
	padding: .4rem 1.5rem;
	border: 0;
	border-radius: 100px;
	background: var(--wp--preset--color--sage);
	color: var(--wp--preset--color--white);
	font-size: 1.125rem;
	cursor: pointer;
}
.silverpaws-nl__button:hover { background: var(--wp--preset--color--forest); }
.silverpaws-nl__button:disabled { opacity: .6; cursor: wait; }
.silverpaws-nl__msg:empty { display: none; }
.silverpaws-nl__msg { color: var(--wp--preset--color--forest); }
.silverpaws-nl__msg.is-error { color: var(--wp--preset--color--error); }
@media (max-width: 47.99rem) {
	.silverpaws-nl__row { flex-direction: column; align-items: stretch; }
	.silverpaws-nl__button { width: 100%; }
}
/* страница после ссылки из письма – как 404: фраза заголовком, кнопка «Avalehele» */
.silverpaws-nl-result { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--70); }
.silverpaws-nl-result .wp-block-buttons { margin-top: var(--wp--preset--spacing--50); }

/* KKK: Wix – панель с поиском и вкладками тем, вопросы – в рамках с галочкой справа.
   Задание 05, п. 10 (8.11) – по снимкам Антона в одном масштабе (заголовок одной ширины, плотность снимка 1,6):
   вопрос 21, плотнее (500) и лесной; строка закрытого вопроса ≈ 84, поле слева 25; ответ 16/24; вкладки 15, у каждой
   поля ≈ 28 – черта активной идет под полями, поэтому промежутки «вдвое шире»; общей линии под вкладками нет;
   панель светлее – 20 % камня в креме (Wix – около rgb 240, 234, 226); активная вкладка – шалфейная: текст sage-dark (4,52:1
   на панели; чистый sage – 3,88, мало для 15 px), черта – sage. Поиск – справа, ≈ 30 % ширины, тонкая линия и лупа,
   слова «Search» в поле нет; фокус – линия шалфейная и толще, без рамки (assets/js/faq.js) */
.silverpaws-faq {
	background: color-mix(in srgb, var(--wp--preset--color--stone) 20%, var(--wp--preset--color--cream));
	padding: clamp(1rem, .5rem + 2vw, 2rem);
}
/* терьер – как у Wix: начинается выше заголовка (Wix ≈ 72 на 1440; у нас 56 – иначе вплотную к шапке, остается ≈ 25), до панели – общий отступ внутренних страниц (36; Wix ≈ 31).
   До 8.11 у панели был свой отступ 56 – он перебивал общий */
@media (min-width: 782px) {
	body.silverpaws-key-kkk .silverpaws-page__grid > .wp-block-post-content > .silverpaws-page-art { margin-top: calc(-1rem - 2.8vw) !important; }
}
.silverpaws-faq > h2 { font-size: var(--wp--preset--font-size--x-large); margin: 1.5rem 0 .75rem; }
.silverpaws-faq__bar { margin-bottom: 1.25rem; }
.silverpaws-faq__find { position: relative; width: 30%; min-width: 16rem; margin-left: auto; }
.silverpaws-faq__search {
	width: 100%;
	min-height: 44px;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--wp--preset--color--grey-green) !important;
	border-radius: 0 !important;
	padding: .5rem 2.25rem .5rem 0 !important;
	font-size: 1rem;
	outline: none;
}
.silverpaws-faq__search:focus { border-bottom-color: var(--wp--preset--color--sage) !important; box-shadow: inset 0 -1px 0 var(--wp--preset--color--sage); }
.silverpaws-faq__find svg { position: absolute; right: .25rem; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; pointer-events: none; color: var(--wp--preset--color--forest); }
.silverpaws-faq__tabs-wrap { position: relative; margin-top: clamp(1rem, .5rem + 2vw, 2.25rem); }
.silverpaws-faq__tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; scroll-behavior: smooth; }
.silverpaws-faq__tabs::-webkit-scrollbar { display: none; }
.silverpaws-faq__tab {
	flex: none;
	white-space: nowrap;
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	padding: .8rem clamp(.75rem, -.6rem + 2.6vw, 1.75rem);
	min-height: 44px;
	font-size: .9375rem;
	color: var(--wp--preset--color--forest);
	cursor: pointer;
}
.silverpaws-faq__tab[aria-selected="true"] { color: var(--wp--preset--color--sage-dark); border-bottom-color: var(--wp--preset--color--sage); }
.silverpaws-faq__tab:focus-visible { outline: 2px solid var(--wp--preset--color--forest); outline-offset: -2px; }
/* лента не помещается (1024, телефон) – прокручивается внутри себя, стрелки по краям, как у Wix; страница вбок не едет */
.silverpaws-faq__arrow {
	position: absolute; top: 0; bottom: 2px; width: 2.75rem; border: 0; padding: 0; cursor: pointer;
	color: var(--wp--preset--color--forest); display: flex; align-items: center;
}
.silverpaws-faq__arrow[hidden] { display: none; }
.silverpaws-faq__arrow--next { right: 0; justify-content: flex-end; background: linear-gradient(to right, transparent, color-mix(in srgb, var(--wp--preset--color--stone) 20%, var(--wp--preset--color--cream)) 45%); }
.silverpaws-faq__arrow--prev { left: 0; justify-content: flex-start; background: linear-gradient(to left, transparent, color-mix(in srgb, var(--wp--preset--color--stone) 20%, var(--wp--preset--color--cream)) 45%); }
.silverpaws-faq .wp-block-details {
	background: var(--wp--preset--color--cream);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--grey-green) 55%, transparent);
	padding: 0 clamp(1rem, .6rem + 1.2vw, 1.5625rem); /* Wix 25 на 1440, телефон – 16 */
	margin: 0 0 .75rem;
}
.silverpaws-faq .wp-block-details > summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
	min-height: 5.125rem;
	padding: .9rem 0;
	box-sizing: border-box;
	font-size: clamp(1.125rem, 1.02rem + .5vw, 1.3125rem);
	font-weight: 500;
	line-height: 1.35;
	color: var(--wp--preset--color--forest);
}
.silverpaws-faq .wp-block-details > summary::-webkit-details-marker { display: none; }
.silverpaws-faq .wp-block-details > summary::after {
	content: "";
	flex: none;
	width: .75rem;
	height: .75rem;
	margin-right: .25rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg) translateY(-3px);
	transition: transform .2s;
}
.silverpaws-faq .wp-block-details[open] > summary::after { transform: rotate(225deg) translateY(-3px); }
.silverpaws-faq .wp-block-details[open] { padding-bottom: 1.25rem; }
.silverpaws-faq .wp-block-details p { font-size: 1rem; line-height: 1.5; margin: 0 0 1rem; }
@media (max-width: 781.98px) {
	.silverpaws-faq__find { width: 100%; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .silverpaws-faq__tabs { scroll-behavior: auto; } }

/* Телефон: заголовок, под ним украшение по центру; колонки – одна под другой */
@media (max-width: 781.98px) {
	.silverpaws-page__grid { grid-template-columns: minmax(0, 1fr); }
	.silverpaws-page__grid > .wp-block-post-content > .silverpaws-page-sub { grid-row: 2; }
	.silverpaws-page__grid > .wp-block-post-content > .silverpaws-page-art { grid-column: 1; grid-row: 3; justify-self: center; margin-top: 1.5rem !important; max-width: min(330px, 80%); }
	.silverpaws-contact__text { padding-left: 0; }
}

/* ── Корзина, 404 ──────────────────────────────────────────────────── */
/* Корзина Wix: заголовок «Ostukorv» текстом 20 с тонкой линией снизу; пустая – одна строка и ссылка в магазин по центру */
.silverpaws-cart-title {
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.25rem;
	line-height: 1.4;
	padding-bottom: 1rem;
	margin-top: clamp(1rem, .5rem + 2vw, 2.5rem) !important;
	border-bottom: 1px solid var(--wp--preset--color--stone);
}
.wp-block-woocommerce-empty-cart-block { padding: clamp(2.5rem, 1.5rem + 4vw, 5.5rem) 0; text-align: center; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font-family: var(--wp--preset--font-family--body); font-size: 1.125rem; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title.with-empty-cart-icon::before { display: none; }
.wp-block-woocommerce-empty-cart-block > :is(.wp-block-separator, h2:not(.wc-block-cart__empty-cart__title), .wp-block-woocommerce-product-new, .wp-block-woocommerce-product-collection) { display: none; }
.wp-block-woocommerce-empty-cart-block a { font-size: .875rem; }

/* 404 Wix: «404» мелко, фраза шрифтом заголовков 40, под ней картинка, кнопка «Avalehele» 220×50 без скругления и тени */
.silverpaws-404-code { font-size: clamp(1.3rem, 1.2rem + .5vw, 1.5rem); color: var(--wp--preset--color--grey-green-dark); margin-bottom: 0; }
.silverpaws-404-title { font-size: clamp(1.6875rem, 1.45rem + 1.15vw, 2.5rem); margin-top: .5rem; }
.silverpaws-404-art img { max-width: min(600px, 100%); height: auto; }
.wp-block-button.silverpaws-btn-flat .wp-block-button__link { border-radius: 0; min-width: 220px; min-height: 50px; justify-content: center; padding: 0 10px; }

/* Корзина и checkout – блоки WooCommerce в цветах сайта: рамки полей лесные, скругление 5 */
:is(.wc-block-checkout, .wc-block-cart) .wc-block-components-text-input input,
:is(.wc-block-checkout, .wc-block-cart) .wc-blocks-components-select__select,
:is(.wc-block-checkout, .wc-block-cart) .wc-block-components-textarea {
	border-color: var(--wp--preset--color--grey-green) !important;
	border-radius: 5px !important;
	background-color: var(--wp--preset--color--white);
}
:is(.wc-block-checkout, .wc-block-cart) .wc-block-components-button:not(.is-link) { border-radius: 5px; }
/* Уведомление об упаковке на «спасибо» (inc/checkout.php) – панель второго фона, как вопросы KKK */
.silverpaws-packaging-notice {
	background: color-mix(in srgb, var(--wp--preset--color--stone) 40%, var(--wp--preset--color--cream));
	border-radius: 5px;
	padding: 1rem 1.25rem;
	margin: 1.5rem 0;
}
/* Строка о данных перед кнопкой заказа (юр. тексты v4, H; inc/checkout.php) – мелко, как подпись под галочкой условий */
.silverpaws-data-notice { font-size: var(--wp--preset--font-size--small); margin: 0 0 1rem; }
/* Свой блок доставки на «спасибо» (inc/delivery.php, 4.11): рамка – как у соседних «Адрес доставки» и «Платежный адрес»
   (значения из стиля WooCommerce .wc-block-order-confirmation-shipping-address – он действует только внутри их колонок;
   Антон 4.11: «с рамкой»); отступ сверху – как между ними; пояснение к коду отслеживания – мелко, как подпись */
.silverpaws-delivery { margin-top: var(--wp--preset--spacing--50); }
.silverpaws-delivery__box {
	border: 1px solid var(--wc-separator-color, color-mix(in srgb, currentColor 20%, transparent));
	border-radius: 4px;
	padding: 16px;
}
.silverpaws-delivery__box p { margin: 0 0 .5rem; }
.silverpaws-delivery__box p:last-child { margin-bottom: 0; }
.silverpaws-delivery__note { font-size: var(--wp--preset--font-size--small); }

/* ── Запись блога ──────────────────────────────────────────────────── */
/* Wix (задание 04, стоп А, по скрину Клоды ≈): «All Posts» ≈ 14 слева и веточка ≈ 200×63 справа; запись в рамке 1 px
   ≈ 940 по центру (58.75rem), поля ≈ 100 по бокам и ≈ 72 сверху; «дата · N min» ≈ 14, заголовок шрифтом заголовков ≈ 40
   (строка 55); ряд «поделиться» между двумя линиями 1 px; внизу «Recent Posts» ≈ 18 и «See All» ≈ 14, три карточки ≈ 290,
   картинка 16:9, промежуток ≈ 36, заголовок ≈ 18. Текст внутри рамки – колонкой до 42rem (60–75 знаков, CLAUDE.md § 4) */
.silverpaws-post { padding-top: clamp(.5rem, 0rem + 1.5vw, 1.25rem); padding-bottom: var(--wp--preset--spacing--60); }
.silverpaws-post-top { display: flex; justify-content: space-between; align-items: center; max-width: 58.75rem; margin: 0 auto !important; gap: 1rem; }
.silverpaws-post-top > * { margin: 0 !important; }
.silverpaws-post-top__all { font-size: var(--wp--preset--font-size--small); }
.silverpaws-post-top__all a, .silverpaws-post-nav a { color: var(--wp--preset--color--forest); }
.silverpaws-post-top__art { width: min(200px, 40%); }
.silverpaws-post-top__art img { width: 100%; height: auto; display: block; }
.silverpaws-post__frame {
	max-width: 58.75rem;
	margin: clamp(1rem, .5rem + 1.5vw, 2rem) auto 0 !important;
	border: 1px solid var(--wp--preset--color--stone);
	padding: clamp(1.5rem, .5rem + 4vw, 4.5rem) clamp(1.25rem, -1rem + 7vw, 6.25rem);
}
.silverpaws-post__frame > * { margin-top: 0; margin-bottom: 0; }
.silverpaws-post__title { font-size: clamp(1.75rem, 1.4rem + 1.6vw, 2.5rem); line-height: 1.375; margin: 1rem 0 0 !important; }
.silverpaws-post__cover { margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.5rem) !important; }
.silverpaws-post__cover img { width: 100%; height: 100%; object-fit: cover; }
.silverpaws-post__content { margin-top: clamp(1.5rem, 1rem + 1.5vw, 2.5rem) !important; max-width: 42rem; }
.silverpaws-post__content img { height: auto; }
/* подзаголовки внутри записи – меньше заголовка записи (H2 сайта 56 – это заголовки разделов главной) */
.silverpaws-post__content h2 { font-size: var(--wp--preset--font-size--xx-large); margin-top: 2.5rem; }
.silverpaws-post__content h3 { font-size: var(--wp--preset--font-size--x-large); margin-top: 2rem; }
.silverpaws-share {
	display: flex; align-items: center; flex-wrap: wrap; gap: 1.75rem;
	margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem) !important;
	padding: 1.25rem 0;
	border-top: 1px solid var(--wp--preset--color--stone);
	border-bottom: 1px solid var(--wp--preset--color--stone);
}
.silverpaws-share__link { display: inline-flex; color: var(--wp--preset--color--forest); background: none; border: 0; padding: 0; cursor: pointer; }
.silverpaws-share__link:hover, .silverpaws-share__link:focus-visible { color: var(--wp--preset--color--sage); }
.silverpaws-share__status { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--grey-green-dark); }
.silverpaws-post-nav { max-width: 58.75rem; margin: clamp(2.5rem, 2rem + 2vw, 4rem) auto 0 !important; }
.silverpaws-post-nav__head { margin-bottom: 1.5rem; }
.silverpaws-post-nav__head > * { margin: 0 !important; }
.silverpaws-post-nav__title { font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--large); }
.silverpaws-post-nav__all { font-size: var(--wp--preset--font-size--small); }
.silverpaws-recent .silverpaws-card__title { font-size: clamp(1rem, .95rem + .25vw, 1.125rem); line-height: 1.4; margin-top: 0 !important; }
.silverpaws-recent .wp-block-post-template { gap: clamp(1rem, .5rem + 1.5vw, 2.25rem); }
@media (max-width: 781.98px) {
	.silverpaws-recent .wp-block-post-template { grid-template-columns: 1fr; }
}