/**
 * Appearance tokens. Loaded after smartparts.css.
 * Values come from the smartparts_appearance option via inline style.
 * Empty font variables fall back to inherit, so the theme font is used
 * and this file does not load any font files.
 */

.spp-allwrap {
	font-family: var(--spp-font-body, inherit);
	color: var(--spp-text, #292929);
	--spp-text: #292929;
	--spp-accent: #8598b5;
	--spp-accent-strong: #233249;
	--spp-radius: 6px;
	--spp-container: 1302px;
	--spp-overlay: #46464680;
	--spp-hotspot-glow: #ffb51e;
	--spp-title-size: clamp(26px, 4vw, 36px);
}

.spp-allwrap :is(
	p,
	li,
	a,
	dt,
	dd,
	label,
	input,
	select,
	textarea,
	.spp-top-goods__descr,
	.spp-good__info,
	.spp-good__art-descr,
	.spp-applicability-good,
	.spp-items-good__item,
	.spp-node__top,
	.spp-footer__text,
	.spp-card-item__descr,
	.spp-card-item__prices,
	.spp-card-item__count,
	.spp-card-item__availability,
	.spp-card-item__request-price,
	.spp-card-item__message,
	.spp-quantity__input input,
	.spp-preorder-modal__form-input,
	.spp-preorder-modal__form-label,
	.spp-card-item__quantity,
	.spp-top-goods__item-label,
	.spp-top-goods__item-select,
	.spp-sitebar-goods__form-area
) {
	font-family: var(--spp-font-body, inherit);
}

.spp-allwrap :is(
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	button,
	.spp-page__title,
	.spp-good__title,
	.spp-top-goods__title,
	.spp-card-item__btn,
	.spp-items-good__btn,
	.spp-applicability-good__title,
	.spp-good-info__title,
	.spp-brands__item-title,
	.spp-head-section__title,
	.spp-footer__title,
	.spp-lineups__item__title,
	.spp-card-node__title,
	.spp-node__scheme__btn-fullscreen,
	.spp-preorder-modal__form-btn,
	.spp-alert__change-btn,
	.spp-nodes-categories__title
) {
	font-family: var(--spp-font-heading, var(--spp-font-body, inherit));
}

.spp-allwrap .spp-container {
	max-width: var(--spp-container, 1302px);
}

.spp-allwrap .spp-top-goods__title {
	font-size: var(--spp-title-size, clamp(26px, 4vw, 36px));
}

.spp-allwrap :is(
	.spp-card-item,
	.spp-card-item__image,
	.spp-card-item__btn,
	.spp-items-good__item,
	.spp-items-good__btn,
	.spp-preorder-modal__content,
	.spp-preorder-modal__form-input,
	.spp-preorder-modal__form-btn,
	.spp-fullscreen-node-modal__body,
	.spp-sliders-goog__image,
	.spp-sliders-goog__thumbs-image,
	.spp-sliders-goog__thumbs-slide,
	.spp-quantity,
	.spp-applicability-good__list,
	.spp-thanks__content,
	.spp-thanks__link,
	.spp-top-goods__item,
	.spp-top-goods__form-btn,
	.spp-footer__slide-img,
	.spp-sitebar-goods__link,
	.spp-sitebar-goods__form-input,
	.spp-sitebar-goods__form-btn,
	.spp-sitebar-goods__form-area,
	.spp-notification-nodes__wrapper,
	.spp-notification-nodes__btn,
	.spp-nodes-categories__burger,
	.spp-good-info__brend,
	.spp-reveal-node__content,
	.spp-action-btn.spp-loading:before
) {
	border-radius: var(--spp-radius, 6px);
}

.spp-allwrap .spp-card-item__spoler {
	border-radius: 0 0 var(--spp-radius, 6px) var(--spp-radius, 6px);
}

.spp-allwrap.spp-layout-full {
	width: 100%;
}

.spp-allwrap.spp-layout-full .spp-container {
	max-width: 100%;
}

.spp-allwrap.spp-layout-full .spp-page__content {
	padding-top: 35px;
	padding-bottom: 35px;
}

.spp-allwrap .spp-card-node__image img,
.spp-allwrap .spp-card-item__image img {
	object-fit: contain;
}

.spp-allwrap .spp-sliders-goog__image,
.spp-allwrap .spp-sliders-goog__thumbs-image {
	padding-bottom: 0;
	height: auto;
}

.spp-allwrap .spp-sliders-goog__image img,
.spp-allwrap .spp-sliders-goog__thumbs-image img {
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.spp-allwrap button,
.spp-allwrap button:hover,
.spp-allwrap button:focus {
	background-color: transparent;
	background-image: none;
	color: inherit;
}

.spp-allwrap :is(
	.spp-card-item__btn,
	.spp-items-good__btn,
	.spp-preorder-modal__form-btn,
	.spp-top-goods__form-btn,
	.spp-sitebar-goods__form-btn,
	.spp-node__scheme__btn-fullscreen
) {
	background-color: var(--spp-accent, #8598b5);
	color: #fff;
}

.spp-allwrap :is(
	.spp-card-item__btn,
	.spp-items-good__btn,
	.spp-preorder-modal__form-btn,
	.spp-top-goods__form-btn,
	.spp-sitebar-goods__form-btn,
	.spp-node__scheme__btn-fullscreen
):hover {
	background-color: var(--spp-accent-strong, #233249);
	color: #fff;
}

.spp-allwrap .spp-brands__item,
.spp-allwrap .spp-select-year__item:hover,
.spp-allwrap .spp-notification-nodes__btn:hover,
.spp-allwrap .spp-thanks__link:hover,
.spp-allwrap .spp-node__scheme__control:hover,
.spp-allwrap .spp-fullscreen-node-modal__control:hover,
.spp-allwrap .spp-fullscreen-node-modal__btn:hover,
.spp-allwrap .spp-top-goods__item-select .ts-dropdown .option:hover,
.spp-allwrap .spp-sitebar-goods__form-select .ts-dropdown .option:hover,
.spp-allwrap .spp-action-btn.spp-loading:before {
	background-color: var(--spp-accent, #8598b5);
}

.spp-allwrap .spp-sitebar-goods__link:hover {
	background-color: var(--spp-accent-strong, #233249);
	color: #fff;
}

.spp-allwrap :is(
	.spp-alert__change-btn:hover,
	.spp-preorder-modal__close:hover,
	.spp-preorder-modal__text,
	.spp-preorder-modal__form-input::placeholder,
	.spp-lineups__item__list,
	.spp-card-item__have,
	.spp-items-good__place,
	.spp-items-good__delivery,
	.spp-good__return-link,
	.spp-good__art-info,
	.spp-reveal-node__close:hover,
	.spp-nodes-categories__burger
) {
	color: var(--spp-accent, #8598b5);
}

.spp-allwrap :is(
	.spp-preorder-modal__list-descr,
	.spp-preorder-modal__form-input,
	.spp-nodes-categories__title,
	.spp-nodes-categories__list-link,
	.spp-notification-nodes__text,
	.spp-card-item__quantity,
	.spp-quantity__input input
) {
	color: var(--spp-accent-strong, #233249);
}

.spp-allwrap .spp-quantity__button--plus:before,
.spp-allwrap .spp-quantity__button--plus:after,
.spp-allwrap .spp-quantity__button--minus:before,
.spp-allwrap .spp-card-item__have-delivery:before,
.spp-allwrap .spp-items-good__delivery:before,
.spp-allwrap .spp-nodes-categories__title:before,
.spp-allwrap .spp-nodes-categories__title:after {
	background-color: var(--spp-accent, #8598b5);
}

.spp-allwrap .spp-quantity__button:hover:before,
.spp-allwrap .spp-quantity__button:hover:after {
	background-color: var(--spp-accent-strong, #233249);
}

.spp-allwrap .spp-popup {
	background-color: var(--spp-overlay, #46464680);
}

.spp-allwrap .spp-fullscreen-node-modal,
.spp-allwrap .spp-preorder-modal {
	z-index: 99999;
}

.spp-allwrap .spp-node__scheme__tooltip,
.spp-allwrap .spp-fullscreen-node-modal__tooltip {
	background-color: var(--spp-accent-strong, #233249);
}

.spp-allwrap .spp-node__scheme__tooltip.active,
.spp-allwrap .spp-node__scheme__tooltip:hover,
.spp-allwrap .spp-fullscreen-node-modal__tooltip.active,
.spp-allwrap .spp-fullscreen-node-modal__tooltip:hover {
	background-color: var(--spp-accent, #8598b5);
}

.spp-allwrap.spp-markers-hotspot .spp-node__scheme__tooltip,
.spp-allwrap.spp-markers-hotspot .spp-fullscreen-node-modal__tooltip {
	font-size: 0;
	padding: 0;
	color: transparent;
	background: transparent;
	border: 1px solid #23324924;
	border-color: color-mix(in srgb, var(--spp-accent-strong, #233249) 14%, transparent);
	border-radius: 0;
	box-shadow: none;
}

.spp-allwrap.spp-markers-hotspot .spp-node__scheme__tooltip:hover,
.spp-allwrap.spp-markers-hotspot .spp-node__scheme__tooltip.active,
.spp-allwrap.spp-markers-hotspot .spp-fullscreen-node-modal__tooltip:hover,
.spp-allwrap.spp-markers-hotspot .spp-fullscreen-node-modal__tooltip.active {
	background: transparent;
	box-shadow: 1px 0 15px var(--spp-hotspot-glow, #ffb51e);
}

.spp-allwrap .spp-card-item__number {
	flex: 0 0 40px;
	font-size: 12px;
}

@media (max-width: 767px) {
	.spp-allwrap .spp-card-item__number {
		width: 35px;
		height: 35px;
		font-size: 10px;
		z-index: 6;
		background-color: var(--spp-accent, #8598b5);
	}
}