/* =============================================================================
 * ОФОРМЛЕНИЕ ПАНЕЛИ ЗАПРОСА КП
 *
 * Этот файл — стартовое значение поля WooCommerce → Настройки →
 * Request a Quote → CSS. Правьте прямо там, тут менять ничего не нужно.
 * Очистите поле и сохраните, чтобы вернуть этот вариант.
 *
 * Каркас (позиционирование панели, анимация выезда, скролл) лежит в отдельном
 * файле и цветов не задаёт — конфликтовать отсюда не с чем.
 *
 * -----------------------------------------------------------------------------
 * ОТКУДА ВЗЯТЫ ЗНАЧЕНИЯ
 * -----------------------------------------------------------------------------
 * Из Bricks Theme Style «Main» этого сайта:
 *   Body ................ Jost, 18px, #28282a
 *   Primary ............. #a98b69
 *   Black #5 ............ #13151a
 *   Кнопка primary ...... фон #13151a, рамка 2px, текст #fff, hover #a98b69
 *   Кнопка обычная ...... прозрачная, рамка 2px #13151a, hover заливка #13151a
 *   Поля формы .......... фон #f3f3f4, без рамок
 *   H6 .................. 14px / 600 / uppercase
 *   Скругления .......... в теме не заданы → 0
 *
 * Шрифт задан явно — Jost, как в typographyBody темы. Кнопка <button> шрифт
 * от страницы не наследует, поэтому значение прописано, а не оставлено
 * наследованием. Смените шрифт в Bricks — поправьте --fs-quote-font здесь.
 *
 * -----------------------------------------------------------------------------
 * БЫСТРАЯ НАСТРОЙКА
 * -----------------------------------------------------------------------------
 * 90 % правок делается в блоке :root ниже. Если заведёте в Bricks именованные
 * переменные, можно сослаться прямо на них:
 *
 *     --fs-quote-accent: var(--primary);
 *     --fs-quote-font:   var(--font-body);
 *
 * -----------------------------------------------------------------------------
 * КАРТА КЛАССОВ — что за что отвечает
 * -----------------------------------------------------------------------------
 * ИКОНКА В ШАПКЕ
 *   .fs-quote-counter            обёртка иконки со счётчиком (ссылка)
 *   .fs-quote-counter__icon svg  сама иконка (сердце / корзина / сумка / …)
 *   .fs-quote-counter__label     текстовая подпись рядом, если задана
 *   .fs-quote-counter__badge     кружок с количеством
 *   .has-items                   добавляется, когда в списке есть товары
 *
 * КНОПКА «ДОБАВИТЬ В ЗАПРОС»
 *   .fs-add-to-quote-btn             кнопка целиком
 *   .fs-add-to-quote-btn__icon       иконка внутри
 *   .fs-add-to-quote-btn__label      надпись
 *   .fs-add-to-quote-btn--icon-only  кнопка одной иконкой (для карточек каталога)
 *   .fs-quote-icon-btn               она же, короткий класс — им и стилизуйте
 *   .fs-add-to-quote-btn.is-added    товар уже в списке (меняется только текст)
 *   .fs-add-to-quote-btn.is-loading  идёт запрос
 *   Ставите свою кнопку Bricks — просто удалите весь блок с этими классами.
 *
 * ВЫЕЗЖАЮЩАЯ ПАНЕЛЬ
 *   .fs-quote-panel-wrap         обёртка на весь экран
 *   .fs-quote-panel-wrap.is-open открытое состояние
 *   .fs-quote-panel__overlay     затемнение позади панели
 *   .fs-quote-panel              сама панель
 *   .fs-quote-panel__head        шапка панели
 *   .fs-quote-panel__title       заголовок (тег h3 — типографика из темы)
 *   .fs-quote-panel__count       счётчик рядом с заголовком
 *   .fs-quote-panel__close       крестик
 *   .fs-quote-panel__body        список товаров (скроллится при переполнении)
 *   .fs-quote-panel__foot        форма, прижата к низу панели
 *   Панель выезжает справа. Класс .fs-quote-panel-wrap--left на обёртке
 *   переключает её влево.
 *
 * СТРОКА ТОВАРА
 *   .fs-quote-item               строка целиком
 *   .fs-quote-item__thumb        рамка миниатюры (размер задаёт --fs-quote-thumb)
 *   .fs-quote-item__img          сама картинка
 *   .fs-quote-item__meta         «КАТЕГОРИЯ · БРЕНД»
 *   .fs-quote-item__title        название товара (ссылка)
 *   .fs-quote-item__price        цена
 *   .fs-quote-item__controls     ряд «количество + добавить примечание»
 *   .fs-quote-item__qty          блок количества
 *   .fs-quote-qty-btn            кнопки − и +
 *   .fs-quote-qty-input          поле количества
 *   .fs-quote-note-toggle        ссылка «Добавить примечание»
 *   .fs-quote-note-toggle.has-note  примечание уже заполнено
 *   .fs-quote-item__note         обёртка примечания (свёрнута, атрибут hidden)
 *   .fs-quote-item__note-input   поле примечания
 *   .is-saved                    подсветка на секунду после сохранения
 *   .fs-quote-item__remove       крестик удаления строки
 *   .fs-quote-clear              ссылка «Очистить список»
 *   .fs-quote-empty              заглушка пустого списка
 *
 * ФОРМА
 *   .fs-quote-form               форма целиком
 *   .fs-quote-form__intro        текст над формой
 *   .fs-quote-field              обёртка одного поля
 *   .fs-quote-field__label       подпись поля
 *   .fs-quote-field__input       input и textarea
 *   .fs-quote-field.has-error    поле с ошибкой валидации
 *   .fs-quote-req                звёздочка обязательного поля
 *   .fs-quote-consent            чекбокс согласия
 *   .fs-quote-submit             кнопка отправки
 *   .fs-quote-spinner            крутилка в кнопке во время отправки
 *   .fs-quote-form__response     сообщение после отправки
 *   .fs-quote-form__response.is-success / .is-error
 *
 * СТРАНИЦА СО СПИСКОМ — шорткод [fs_quote_list]
 *   .fs-quote-page               сетка «список + форма»
 *   .fs-quote-page__list         колонка со списком
 *   .fs-quote-page__form         колонка с формой
 *
 * ПРОЧЕЕ
 *   .fs-quote-toast              всплывающее сообщение об ошибке
 *   .fs-quote-sr                 текст только для скринридеров, не трогать
 *   .fs-quote-hp                 honeypot-поле, ОБЯЗАТЕЛЬНО должно быть скрыто
 * ========================================================================== */

:root {
	/* ------------------------------------------------------------------ */
	/* Цвета — из Theme Style «Main»                                      */
	/* ------------------------------------------------------------------ */
	--fs-quote-accent: #13151a; /* Black #5 — кнопки, рамки */
	--fs-quote-accent-hover: #a98b69; /* Primary — ховеры */
	--fs-quote-accent-contrast: #ffffff;
	--fs-quote-badge-bg: #c4514e; /* фон счётчика у иконки */
	--fs-quote-badge-color: #ffffff; /* цифра счётчика */
	--fs-quote-bg: #ffffff; /* фон панели */
	--fs-quote-text: #28282a; /* цвет body */
	--fs-quote-heading: #13151a; /* заголовки, названия товаров */
	--fs-quote-muted: #8a8a8c; /* подписи, мета */
	--fs-quote-border: #e4e4e6; /* линии */
	--fs-quote-surface: #f3f3f4; /* фон полей формы */
	--fs-quote-thumb-border: #ededef; /* рамка миниатюры товара */

	/* ------------------------------------------------------------------ */
	/* Размеры                                                            */
	/* ------------------------------------------------------------------ */
	--fs-quote-width: 440px; /* ширина панели */
	--fs-quote-radius: 0px; /* скругления — в теме их нет */
	--fs-quote-border-width: 2px; /* толщина рамок кнопок */
	--fs-quote-pad: 24px; /* внутренние отступы */
	--fs-quote-gap: 16px; /* промежуток картинка/текст */
	--fs-quote-thumb: 84px; /* ширина миниатюры */
	--fs-quote-icon-size: 24px; /* иконка в шапке */
	--fs-quote-badge-size: 18px; /* кружок счётчика */

	/* Кнопка-иконка в каталоге */
	--fs-quote-icon-btn-size: 34px; /* диаметр кружка — чуть больше самой иконки */
	--fs-quote-icon-btn-icon: 20px; /* сердце внутри */
	--fs-quote-icon-btn-bg: rgba(255, 255, 255, 0.9);
	--fs-quote-icon-btn-bg-hover: #ffffff;
	--fs-quote-icon-btn-shadow: 0 2px 10px rgba(19, 21, 26, 0.14);

	/* ------------------------------------------------------------------ */
	/* Типографика — inherit подхватывает Jost из body                    */
	/* ------------------------------------------------------------------ */
	--fs-quote-font: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--fs-quote-title-size: 16px;
	--fs-quote-btn-size: 18px; /* кегль кнопок — как в typographyBody темы */
	--fs-quote-btn-icon: 21px; /* иконка внутри кнопки */
	--fs-quote-meta-size: 11px;
	--fs-quote-shadow: 0 12px 40px rgba(19, 21, 26, 0.16);
}

/* ---------------------------------------------------------------------------
 * Иконка со счётчиком в шапке
 * ------------------------------------------------------------------------- */

.fs-quote-counter {
	gap: 8px;
	color: inherit;
	text-decoration: none;
	line-height: 1;
	cursor: pointer;
}

.fs-quote-counter__icon svg {
	width: var(--fs-quote-icon-size);
	height: var(--fs-quote-icon-size);
}

.fs-quote-counter__label {
	font-family: var(--fs-quote-font);
	font-size: 14px;
}

.fs-quote-counter__badge {
	padding: 0 5px;
	border-radius: calc(var(--fs-quote-badge-size) / 2);
	background: var(--fs-quote-badge-bg);
	color: var(--fs-quote-badge-color);
	font-size: 11px;
	font-weight: 600;
	transition: transform 0.2s ease;
}

.fs-quote-counter__badge.is-bumped {
	transform: scale(1.35);
}

/* ---------------------------------------------------------------------------
 * Кнопка «Добавить в запрос»
 *
 * Повторяет обычную кнопку темы: прозрачная, рамка 2px, при наведении
 * заливается тёмным. Плагин НЕ перекрашивает её после добавления — меняется
 * только надпись. Ставите свою кнопку Bricks — весь блок можно удалить.
 * ------------------------------------------------------------------------- */

.fs-add-to-quote-btn {
	/* Во всю ширину контейнера, как кнопки Bricks на странице товара.
	   Нужна кнопка по размеру текста — width: auto. */
	width: 100%;
	gap: 10px;
	padding: 12px 22px;
	border: var(--fs-quote-border-width) solid var(--fs-quote-accent);
	border-radius: var(--fs-quote-radius);
	background: transparent;
	color: var(--fs-quote-accent);
	font-family: var(--fs-quote-font);
	font-size: var(--fs-quote-btn-size);
	font-weight: 500;
	line-height: 1.5;
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.fs-add-to-quote-btn:hover {
	background: var(--fs-quote-accent);
	color: var(--fs-quote-accent-contrast);
}

.fs-add-to-quote-btn .fs-quote-icon {
	width: var(--fs-quote-btn-icon);
	height: var(--fs-quote-btn-icon);
}

.fs-add-to-quote-btn.is-added .fs-quote-icon {
	fill: currentColor;
}

/* ---------------------------------------------------------------------------
 * Кнопка-иконка в каталоге — [fs_quote_button style="icon"]
 *
 * Кружок поверх фотографии товара. Интерьерные снимки светлые и пёстрые, поэтому
 * по умолчанию под иконкой лежит полупрозрачная белая подложка — иначе она
 * теряется на кухне или на окне. Надпись остаётся в разметке: она читается
 * скринридером и всплывает подсказкой.
 *
 * Класс .fs-quote-icon-btn — тот, за который стоит цепляться. Размер, фон и
 * тень меняются переменными ниже.
 * ------------------------------------------------------------------------- */

.fs-quote-icon-btn {
	gap: 0;
	width: var(--fs-quote-icon-btn-size); /* перебивает width: 100% выше */
	height: var(--fs-quote-icon-btn-size);
	padding: 0;
	justify-content: center;
	border: 0;
	border-radius: 50%; /* 0 — квадратная кнопка */
	background: var(--fs-quote-icon-btn-bg);
	color: var(--fs-quote-accent);
	box-shadow: var(--fs-quote-icon-btn-shadow);
}

.fs-quote-icon-btn:hover {
	background: var(--fs-quote-icon-btn-bg-hover);
	color: var(--fs-quote-accent-hover);
}

.fs-quote-icon-btn .fs-quote-icon {
	width: var(--fs-quote-icon-btn-icon);
	height: var(--fs-quote-icon-btn-icon);
}

/* Товар уже в списке — сердце заливается, кружок остаётся прежним. */
.fs-quote-icon-btn.is-added .fs-quote-icon {
	fill: currentColor;
}

/* ---------------------------------------------------------------------------
 * Выезжающая панель
 * ------------------------------------------------------------------------- */

.fs-quote-panel {
	background: var(--fs-quote-bg);
	color: var(--fs-quote-text);
	font-family: var(--fs-quote-font);
	box-shadow: var(--fs-quote-shadow);
}

.fs-quote-panel__head {
	gap: 12px;
	padding: var(--fs-quote-pad);
	border-bottom: 1px solid var(--fs-quote-border);
}

/* Заголовок панели — обычный h3, поэтому размер, вес и шрифт берутся из
   Bricks Theme Style. Здесь только раскладка. Нужен свой размер — раскомментируйте
   font-size ниже. */
.fs-quote-panel__title {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--fs-quote-heading);
	line-height: 1.2;
	/* font-size: 18px; */
}

.fs-quote-panel__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 11px;
	background: var(--fs-quote-surface);
	color: var(--fs-quote-muted);
	font-size: 12px;
	font-weight: 600;
}

.fs-quote-panel__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--fs-quote-heading);
	cursor: pointer;
	transition: color 0.3s ease;
}

.fs-quote-panel__close:hover {
	color: var(--fs-quote-accent-hover);
}

.fs-quote-panel__body {
	padding: var(--fs-quote-pad);
}

.fs-quote-panel__foot {
	padding: var(--fs-quote-pad);
	border-top: 1px solid var(--fs-quote-border);
	background: var(--fs-quote-bg);
}

/* ---------------------------------------------------------------------------
 * Товары в списке
 * ------------------------------------------------------------------------- */

.fs-quote-item {
	gap: var(--fs-quote-gap);
	padding: 18px 34px 18px 0;
	border-bottom: 1px solid var(--fs-quote-border);
}

.fs-quote-item:first-child {
	padding-top: 0;
}

.fs-quote-item:last-child {
	border-bottom: 0;
}

/* Миниатюра фиксированной ширины и пропорции — иначе высокие картинки
   растягивают строку на пол-экрана. */
/* Рамка вместо серой плашки: товарные фото разных пропорций, и фон вылезал
   полосами сверху и снизу. Не нужна рамка — border: 0. */
.fs-quote-item__thumb {
	box-sizing: border-box;
	width: var(--fs-quote-thumb);
	aspect-ratio: 1 / 1;
	padding: 6px;
	overflow: hidden;
	background: transparent;
	border: 1px solid var(--fs-quote-thumb-border);
	border-radius: var(--fs-quote-radius);
}

.fs-quote-item__thumb img,
.fs-quote-item__img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fs-quote-item__info {
	gap: 5px;
}

/* Мета повторяет H6 темы: uppercase, полужирный, мелкий */
.fs-quote-item__meta {
	font-size: var(--fs-quote-meta-size);
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--fs-quote-muted);
}

.fs-quote-item__title {
	color: var(--fs-quote-heading);
	font-size: var(--fs-quote-title-size);
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	transition: color 0.3s ease;
}

.fs-quote-item__title:hover {
	color: var(--fs-quote-accent-hover);
}

.fs-quote-item__price {
	font-size: 15px;
	color: var(--fs-quote-muted);
}

.fs-quote-item__price del {
	opacity: 0.6;
}

/* Ряд «количество + добавить примечание» */
.fs-quote-item__controls {
	gap: 14px;
	margin-top: 8px;
}

.fs-quote-item__qty {
	border: 1px solid var(--fs-quote-border);
	border-radius: var(--fs-quote-radius);
	overflow: hidden;
}

.fs-quote-qty-btn {
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--fs-quote-muted);
	font-family: var(--fs-quote-font);
	font-size: 17px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.3s ease, color 0.3s ease;
}

.fs-quote-qty-btn:hover {
	background: var(--fs-quote-surface);
	color: var(--fs-quote-heading);
}

.fs-quote-qty-input {
	width: 40px;
	height: 32px;
	padding: 0;
	border: 0;
	border-left: 1px solid var(--fs-quote-border);
	border-right: 1px solid var(--fs-quote-border);
	background: transparent;
	color: inherit;
	font-family: var(--fs-quote-font);
	font-size: 14px;
}

/* Ссылка «Добавить примечание» — намеренно мелкая и неброская */
.fs-quote-note-toggle {
	padding: 0;
	border: 0;
	background: none;
	color: var(--fs-quote-muted);
	font-family: var(--fs-quote-font);
	font-size: 12px;
	line-height: 1.3;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color 0.3s ease;
}

.fs-quote-note-toggle:hover,
.fs-quote-note-toggle[aria-expanded="true"] {
	color: var(--fs-quote-accent-hover);
}

/* Заполненное примечание помечаем точкой, чтобы было видно в свёрнутом виде */
.fs-quote-note-toggle.has-note::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 6px;
	border-radius: 50%;
	background: var(--fs-quote-accent-hover);
	vertical-align: middle;
}

/* Примечание к товару — раскрывается по ссылке выше */
.fs-quote-item__note {
	margin-top: 8px;
}

.fs-quote-item__note-input {
	min-height: 38px;
	padding: 10px 12px;
	border: 0;
	border-radius: var(--fs-quote-radius);
	background: var(--fs-quote-surface);
	color: inherit;
	font-family: var(--fs-quote-font);
	font-size: 14px;
	line-height: 1.5;
}

.fs-quote-item__note-input:focus {
	outline: 1px solid var(--fs-quote-accent);
	outline-offset: -1px;
}

.fs-quote-item__note-input.is-saved {
	outline: 1px solid var(--fs-quote-accent-hover);
	outline-offset: -1px;
}

.fs-quote-item__remove {
	position: absolute;
	top: 16px;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--fs-quote-muted);
	transition: color 0.3s ease;
}

.fs-quote-item__remove:hover {
	color: var(--fs-quote-accent-hover);
}

.fs-quote-item__remove svg {
	width: 16px;
	height: 16px;
}

.fs-quote-clear {
	margin-top: 16px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--fs-quote-muted);
	font-family: var(--fs-quote-font);
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color 0.3s ease;
}

.fs-quote-clear:hover {
	color: var(--fs-quote-accent-hover);
}

.fs-quote-empty {
	padding: 40px 10px;
	text-align: center;
	color: var(--fs-quote-muted);
}

.fs-quote-empty__icon {
	display: inline-flex;
	opacity: 0.3;
}

.fs-quote-empty__icon svg {
	width: 40px;
	height: 40px;
}

.fs-quote-empty__text {
	margin: 12px 0 0;
	font-size: 15px;
}

/* ---------------------------------------------------------------------------
 * Форма
 *
 * Поля повторяют форму темы: серая заливка #f3f3f4, без рамок.
 * ------------------------------------------------------------------------- */

.fs-quote-form {
	gap: 14px;
}

.fs-quote-form__intro {
	margin: 0;
	font-size: 14px;
	color: var(--fs-quote-muted);
}

.fs-quote-field {
	gap: 6px;
}

/* Подписи полей повторяют H6 темы: 14px / 600 / uppercase — как в остальных
   формах сайта. Нужен обычный регистр — уберите text-transform. */
.fs-quote-field__label {
	color: var(--fs-quote-heading);
	font-family: var(--fs-quote-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.fs-quote-req {
	color: var(--fs-quote-accent-hover);
}

.fs-quote-field__input {
	padding: 12px 14px;
	border: 0;
	border-radius: var(--fs-quote-radius);
	background: var(--fs-quote-surface);
	color: var(--fs-quote-text);
	font-family: var(--fs-quote-font);
	font-size: 15px;
	line-height: 1.5;
}

.fs-quote-field__input:focus {
	outline: 1px solid var(--fs-quote-accent);
	outline-offset: -1px;
}

.fs-quote-field.has-error .fs-quote-field__input {
	outline: 1px solid #c0392b;
	outline-offset: -1px;
}

textarea.fs-quote-field__input {
	min-height: 76px;
}

.fs-quote-consent {
	gap: 8px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--fs-quote-muted);
}

.fs-quote-consent input {
	margin-top: 3px;
	flex: 0 0 auto;
}

/* Кнопка отправки повторяет primary-кнопку темы: тёмная, на ховере бронза */
.fs-quote-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 14px 22px;
	border: var(--fs-quote-border-width) solid var(--fs-quote-accent);
	border-radius: var(--fs-quote-radius);
	background: var(--fs-quote-accent);
	color: var(--fs-quote-accent-contrast);
	font-family: var(--fs-quote-font);
	font-size: var(--fs-quote-btn-size);
	font-weight: 500;
	line-height: 1.5;
	transition: background 0.3s ease, border-color 0.3s ease;
}

.fs-quote-submit:hover {
	background: var(--fs-quote-accent-hover);
	border-color: var(--fs-quote-accent-hover);
}

.fs-quote-submit[disabled] {
	opacity: 0.6;
	cursor: default;
}

.fs-quote-spinner {
	width: 15px;
	height: 15px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: fs-quote-spin 0.7s linear infinite;
}

@keyframes fs-quote-spin {
	to {
		transform: rotate(360deg);
	}
}

.fs-quote-form__response {
	font-size: 14px;
	line-height: 1.45;
}

.fs-quote-form__response.is-success {
	padding: 12px 14px;
	border-left: 3px solid var(--fs-quote-accent-hover);
	background: var(--fs-quote-surface);
	color: var(--fs-quote-heading);
}

.fs-quote-form__response.is-error {
	padding: 12px 14px;
	border-left: 3px solid #c0392b;
	background: var(--fs-quote-surface);
	color: #c0392b;
}

/* ---------------------------------------------------------------------------
 * Страница со списком: [fs_quote_list]
 * ------------------------------------------------------------------------- */

.fs-quote-page {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
}

.fs-quote-page__form {
	padding: var(--fs-quote-pad);
	border-radius: var(--fs-quote-radius);
	background: var(--fs-quote-surface);
}

@media (max-width: 900px) {
	.fs-quote-page {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------------------------------------------------------------------------
 * Всплывающее сообщение
 * ------------------------------------------------------------------------- */

.fs-quote-toast {
	padding: 14px 20px;
	border-radius: var(--fs-quote-radius);
	background: var(--fs-quote-accent);
	color: var(--fs-quote-accent-contrast);
	font-family: var(--fs-quote-font);
	font-size: 15px;
	line-height: 1.4;
	box-shadow: var(--fs-quote-shadow);
}

@media (max-width: 480px) {
	:root {
		--fs-quote-pad: 16px;
	}
}