/* ==========================================================================
   «Уютный» дизайн idealmusic.ru (2026-09-30, просьба владельца):
   тёмный фон (сначала тёплый коричневый как у Маркета, затем по просьбе «чуть холоднее» - нейтральный графит), светлый текст,
   медовый акцент вместо синего, «бесшовные» карточки: фото на светлой плитке со скруглением,
   название и цена прямо на фоне, без рамок. Шапка - тёплый серый, иконки серые (телефон тоже).
   Поиск в шапке - эталон владельца: форма та же (прозрачное поле, рамка 1px, скругление 5px),
   меняются только цвета под тёмную шапку.
   Всё под html.cozy: пока класса нет - сайт прежний (предпросмотр / откат одной строкой).
   ========================================================================== */
html.cozy {
	--bg: #1d1d1e;          /* фон страницы: нейтральный графит (2026-09-30 «чуть холоднее», было #211d19) */
	--bg-deep: #161617;     /* футер, подложки глубже фона */
	--surface: #272728;     /* панели: фильтр, меню, выпадашки */
	--surface-2: #313132;   /* поля ввода, наведение */
	--line: #39393a;        /* тонкие разделители */
	--line-2: #505052;      /* рамки полей */
	--hdr: #37373a;         /* шапка: серый графит */
	--hdr-line: #4d4d50;
	--text: #ecebe9;        /* основной текст */
	--text-2: #d0cfcc;      /* вторичный текст */
	--muted: #9d9b98;       /* подписи */
	--accent: #eea23c;      /* медовый акцент: кнопки */
	--accent-2: #f6b75a;    /* наведение */
	--on-accent: #1e1812;   /* текст на акценте */
	--link: #f2c07e;        /* ссылки в тексте */
	--green: #58c27d;       /* скидки, «Пэй» */
	--plate: #ffffff;       /* плитка под фото товара */
	--r-card: 16px;         /* скругление плиток (у Маркета крупнее) */
	--r-ui: 12px;
	--menu-matte: #272728;
	--menu-accent: #eea23c;
	--menu-accent-deep: #eea23c;
	--menu-hot: #e8872e;
	/* производные оттенки - вся «температура» палитры задаётся здесь */
	--surface-3: #3b3b3c;   /* наведение на поля/кнопки */
	--surface-4: #464647;
	--tint-rgb: 245,245,248;   /* светлая подсветка строк/пунктов */
	--text-rgb: 236,235,233;
	--hdr-text: #dedddb;
	--hdr-icon: #acabaa;
	--hdr-muted: #939291;
	--hdr-btn-line: #666568;
	--hdr-btn-line-hover: #88878a;
	/* светлые окна с картой (курьер, пункты СДЭК) */
	--sheet: #f1f1f1;
	--sheet-text: #242424;
	--sheet-text-2: #363636;
	--sheet-muted: #7d7d7d;
	--sheet-line: #e6e6e6;
	--sheet-line-2: #d2d2d4;
	background: var(--bg-deep); /* под футером на коротких страницах - тот же тон, что у футера */
	color-scheme: dark;
}
html.cozy body {
	background: var(--bg);
	color: var(--text-2);
}
html.cozy h1, html.cozy h2, html.cozy h3, html.cozy h4, html.cozy h5, html.cozy h6,
html.cozy #content h1.ide-cat-h1 {
	color: var(--text) !important;
}
html.cozy a {
	color: var(--link);
}
html.cozy a:hover, html.cozy a:focus {
	color: var(--accent-2);
}
html.cozy hr {
	border-color: var(--line);
}
html.cozy ::selection {
	background: rgba(238, 162, 60, .35);
	color: #fff;
}

/* ---------- шапка: тёплый серый, все кнопки одного вида (телефон - серый, как остальные) ---------- */
html.cozy #top {
	background: var(--hdr);
	border-bottom: 1px solid var(--hdr-line);
}
html.cozy #top .btn-link, html.cozy #top-links li, html.cozy #top-links a {
	text-shadow: none;
}
html.cozy #top #top-links > ul.list-inline > li > a,
html.cozy #top #top-links > ul.list-inline > li > a.top-phone,
html.cozy #top #top-links > ul.list-inline > li > a.top-cart {
	background: transparent;
	border-color: var(--hdr-btn-line);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
	color: var(--hdr-text);
}
html.cozy #top #top-links > ul.list-inline > li > a .fa::before,
html.cozy #top #top-links > ul.list-inline > li > a.top-cart .fa::before,
html.cozy #top #top-links > ul.list-inline > li > a.top-phone .fa::before,
html.cozy #top #top-links > ul.list-inline > li > a.top-phone:hover .fa::before {
	color: var(--hdr-icon);
}
html.cozy #top #top-links > ul.list-inline > li > a .caret {
	color: var(--hdr-muted);
}
html.cozy #top #top-links > ul.list-inline > li > a:hover,
html.cozy #top #top-links > ul.list-inline > li.open > a,
html.cozy #top #top-links > ul.list-inline > li > a.top-phone:hover,
html.cozy #top #top-links > ul.list-inline > li > a.top-cart:hover {
	background: transparent;
	border-color: var(--hdr-btn-line-hover);
	color: #fff;
}
html.cozy #top #top-links > ul.list-inline > li > a:hover .fa::before,
html.cozy #top #top-links > ul.list-inline > li.open > a .fa::before {
	color: var(--hdr-text);
}
/* поиск: та же форма, цвета под тёмную шапку */
html.cozy #search input,
html.cozy #search .form-control {
	background: transparent;
	border-color: var(--hdr-btn-line);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .25);
	color: var(--text);
}
html.cozy #search input::placeholder {
	color: var(--hdr-muted);
}
html.cozy #search .btn,
html.cozy #search .btn-lg {
	background: transparent;
	border-color: var(--hdr-btn-line);
	color: var(--hdr-icon);
	text-shadow: none;
	box-shadow: none;
}
html.cozy #search .btn .fa::before {
	color: var(--hdr-icon);
}
/* выпадашка «Личный кабинет» */
html.cozy #top-links .dropdown-menu {
	background: var(--surface);
	border: 1px solid var(--line);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .45);
}
html.cozy #top-links .dropdown-menu a,
html.cozy #top-links .dropdown-menu li > a {
	color: var(--text-2);
}
html.cozy #top-links .dropdown-menu a:hover {
	background: var(--surface-2);
	background-image: none;
	color: #fff;
}

/* ---------- меню категорий ---------- */
html.cozy #menu {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--r-ui);
	box-shadow: 0 6px 24px rgba(0, 0, 0, .25);
}
html.cozy #menu .nav > li > a {
	color: var(--text-2);
}
html.cozy #menu .nav > li > a:hover, html.cozy #menu .nav > li.open > a,
html.cozy #menu .nav > li.menu-active > a {
	color: #fff;
	background-color: rgba(var(--tint-rgb), .06);
}
html.cozy #menu .dropdown > a.dropdown-toggle::before {
	border-color: rgba(var(--text-rgb), .45);
}
html.cozy #menu .dropdown-menu {
	background: var(--surface);
	border: 1px solid var(--line);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .5);
}
html.cozy #menu .dropdown-inner a,
html.cozy #menu .dropdown-inner li a {
	color: var(--text-2);
}
html.cozy #menu .dropdown-inner li a:hover {
	background: var(--surface-2);
	background-image: none;
	color: #fff;
}
html.cozy #menu .see-all {
	background: var(--surface-2);
	color: var(--link);
	border-top: 1px solid var(--line);
}
html.cozy #menu .see-all:hover {
	color: var(--accent-2);
}
html.cozy #menu #category {
	color: var(--text);
}
html.cozy #menu .btn-navbar {
	background: var(--surface-2);
	border-color: var(--line-2);
	color: var(--text);
}

/* ---------- полоса доводов, хлебные крошки ---------- */
html.cozy .ide-trust {
	background: transparent;
	border: 1px solid var(--line);
	color: var(--muted);
}
html.cozy .ide-trust li,
html.cozy .ide-trust li b,
html.cozy .ide-trust li strong {
	color: var(--text-2);
}
html.cozy .ide-trust li span,
html.cozy .ide-trust li small {
	color: var(--muted);
}
html.cozy .ide-trust .fa,
html.cozy .ide-trust .fa::before {
	color: var(--accent) !important;
}
html.cozy .breadcrumb {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding-left: 0;
}
html.cozy .breadcrumb > li,
html.cozy .breadcrumb > li a {
	color: var(--muted);
	text-shadow: none;
}
html.cozy .breadcrumb > li a:hover {
	color: var(--text);
}
html.cozy .breadcrumb > li::after {
	border-color: var(--line-2);
}
html.cozy .breadcrumb .fa::before {
	color: var(--muted);
}

/* ---------- плитки товаров: «бесшовные» ---------- */
html.cozy .product-thumb {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}
html.cozy .product-thumb:hover {
	box-shadow: none !important;
	transform: none;
}
html.cozy .product-thumb .image {
	background: var(--plate);
	border-radius: var(--r-card);
	overflow: hidden;
	transition: transform .2s ease, box-shadow .2s ease;
}
html.cozy .product-grid .product-thumb:hover .image,
html.cozy .swiper-slide .product-thumb:hover .image {
	transform: translateY(-3px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
}
html.cozy .product-thumb .image img {
	background: var(--plate);
}
html.cozy .product-thumb .caption,
html.cozy .product-thumb .button-group {
	background: transparent !important;
	border: 0 !important;
}
html.cozy .product-thumb h4,
html.cozy .product-thumb h4 a,
html.cozy .product-thumb .caption h4 a {
	color: var(--text) !important;
	font-weight: 600;
}
html.cozy .product-thumb h4 a:hover {
	color: var(--accent-2) !important;
}
html.cozy .product-thumb .caption p:not(.price) {
	color: var(--muted);
}
html.cozy .product-thumb .price,
html.cozy .product-thumb .price-new {
	color: var(--text) !important;
	font-weight: 800;
}
html.cozy .product-thumb .price-old {
	color: var(--muted) !important;
}
html.cozy .product-thumb .price-tax {
	color: var(--muted);
}
html.cozy .product-thumb .button-group button,
html.cozy .product-thumb .button-group .btn,
html.cozy .product-thumb .button-group .mini-buy-btn,
html.cozy .product-thumb .button-group .mini-buy-go {
	background: var(--accent) !important;
	background-image: none !important;
	border: 0 !important;
	color: var(--on-accent) !important;
	border-radius: var(--r-ui) !important;
	font-weight: 600;
	text-shadow: none !important;
	box-shadow: none !important;
}
html.cozy .product-thumb .button-group button:hover,
html.cozy .product-thumb .button-group .btn:hover {
	background: var(--accent-2) !important;
}
html.cozy .product-thumb .button-group button .fa::before,
html.cozy .product-thumb .button-group button .fa {
	color: var(--on-accent) !important;
}
html.cozy .product-thumb .rating .fa-stack .fa-star::before {
	color: var(--accent);
}
html.cozy .product-thumb .rating .fa-star-o::before {
	color: var(--line-2);
}
/* виджет количества после «Купить» */
html.cozy .mini-buy-row .mini-buy-qty,
html.cozy .mini-buy-row input {
	background: var(--surface-2) !important;
	border-color: var(--line-2) !important;
	color: var(--text) !important;
}
html.cozy .mini-buy-step {
	background: var(--surface-2) !important;
	border-color: var(--line-2) !important;
	color: var(--text) !important;
}
/* остаток в списочном виде */
html.cozy .product-stock {
	color: var(--muted);
}
html.cozy .product-list .product-thumb {
	border-bottom: 1px solid var(--line) !important;
	border-radius: 0 !important;
}
html.cozy .product-list.product-layout:first-child .product-thumb {
	border-top: 1px solid var(--line) !important;
}
html.cozy .product-list.product-layout:nth-child(even) .product-thumb {
	background: rgba(var(--tint-rgb), .03) !important;
}
html.cozy .product-list .product-thumb:hover {
	background: rgba(var(--tint-rgb), .07) !important;
}
html.cozy .product-list .product-stock {
	color: var(--text-2);
}
html.cozy .product-list .product-stock.is-out {
	color: var(--muted);
}

/* ---------- панель над товарами: вид / сортировка / показать ---------- */
html.cozy .form-control,
html.cozy select.form-control,
html.cozy input.form-control,
html.cozy textarea.form-control {
	background-color: var(--surface-2);
	border-color: var(--line-2);
	color: var(--text);
	box-shadow: none;
}
html.cozy .form-control:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 3px rgba(238, 162, 60, .2);
}
html.cozy .form-control::placeholder {
	color: var(--muted);
}
html.cozy .input-group-addon {
	background: var(--surface);
	border-color: var(--line-2);
	color: var(--muted);
}
html.cozy #list-view, html.cozy #grid-view,
html.cozy .btn-group > .btn.btn-default {
	background: var(--surface-2);
	background-image: none;
	border-color: var(--line-2);
	color: var(--text-2);
	text-shadow: none;
	box-shadow: none;
}
html.cozy #list-view.active, html.cozy #grid-view.active,
html.cozy .btn-group > .btn.btn-default.active {
	background: var(--accent);
	border-color: var(--accent);
	color: var(--on-accent);
}
html.cozy label, html.cozy .control-label {
	color: var(--text-2);
}

/* ---------- боковой фильтр ---------- */
html.cozy #column-left .panel,
html.cozy #column-right .panel,
html.cozy .panel-default {
	background: var(--surface);
	border: 1px solid var(--line);
	border-radius: var(--r-ui);
	box-shadow: none;
}
html.cozy .panel-default > .panel-heading,
html.cozy .panel-heading {
	background: transparent;
	background-image: none;
	border-color: var(--line);
	color: var(--text);
}
html.cozy .panel-footer {
	background: transparent;
	border-color: var(--line);
}
html.cozy .list-group-item,
html.cozy a.list-group-item {
	background: transparent;
	border-color: var(--line);
	color: var(--text-2);
}
html.cozy a.list-group-item:hover,
html.cozy a.list-group-item.active {
	background: var(--surface-2);
	color: #fff;
	text-shadow: none;
}
html.cozy .checkbox label,
html.cozy .radio label {
	color: var(--text-2);
}
html.cozy input[type=checkbox],
html.cozy input[type=radio] {
	accent-color: var(--accent);
}

/* ---------- кнопки общего вида ---------- */
html.cozy .btn-primary,
html.cozy .btn-buy,
html.cozy #button-cart,
html.cozy .btn-success {
	background: var(--accent) !important;
	background-image: none !important;
	border-color: var(--accent) !important;
	color: var(--on-accent) !important;
	text-shadow: none !important;
	font-weight: 700;
}
html.cozy .btn-primary:hover, html.cozy .btn-buy:hover, html.cozy #button-cart:hover,
html.cozy .btn-success:hover {
	background: var(--accent-2) !important;
	border-color: var(--accent-2) !important;
}
html.cozy .btn-default {
	background: var(--surface-2);
	background-image: none;
	border-color: var(--line-2);
	color: var(--text);
	text-shadow: none;
}
html.cozy .btn-default:hover {
	background: var(--surface-3);
	color: #fff;
}

/* ---------- пагинация ---------- */
html.cozy .pagination > li > a,
html.cozy .pagination > li > span {
	background: var(--surface);
	border-color: var(--line);
	color: var(--text-2);
}
html.cozy .pagination > .active > a,
html.cozy .pagination > .active > span,
html.cozy .pagination > .active > a:hover {
	background: var(--accent);
	border-color: var(--accent);
	color: var(--on-accent);
}
html.cozy .pagination > li > a:hover {
	background: var(--surface-2);
	color: #fff;
}

/* ---------- футер ---------- */
html.cozy footer {
	background: var(--bg-deep);
	border-top: 1px solid var(--line);
	color: var(--muted);
}
html.cozy footer h5 {
	color: var(--text) !important;
}
html.cozy footer a {
	color: var(--text-2);
}
html.cozy footer a:hover {
	color: var(--accent-2);
}
html.cozy footer hr {
	border-color: var(--line);
}

/* ---------- таблицы, алерты, модалки ---------- */
html.cozy .table > thead > tr > th, html.cozy .table > tbody > tr > td,
html.cozy .table > thead > tr > td, html.cozy .table > tbody > tr > th,
html.cozy .table-bordered, html.cozy .table-bordered > tbody > tr > td,
html.cozy .table-bordered > thead > tr > td {
	border-color: var(--line);
	color: var(--text-2);
	background: transparent;
}
html.cozy .table-striped > tbody > tr:nth-of-type(odd) {
	background: rgba(var(--tint-rgb), .03);
}
html.cozy .well {
	background: var(--surface);
	border: 0;
	border-radius: var(--r-card);
	box-shadow: none;
}
html.cozy .modal-content {
	background: var(--surface);
	border-color: var(--line);
	color: var(--text-2);
}
html.cozy .modal-header, html.cozy .modal-footer {
	border-color: var(--line);
}
html.cozy .close {
	color: var(--text);
	text-shadow: none;
	opacity: .7;
}
html.cozy .alert-success {
	background: rgba(88, 194, 125, .12);
	border-color: rgba(88, 194, 125, .35);
	color: #bfe9cc;
}
html.cozy .alert-info {
	background: rgba(242, 192, 126, .1);
	border-color: rgba(242, 192, 126, .3);
	color: var(--text-2);
}
html.cozy .alert-danger {
	background: rgba(229, 96, 80, .12);
	border-color: rgba(229, 96, 80, .35);
	color: #f3c2bb;
}
html.cozy .text-muted, html.cozy .help-block {
	color: var(--muted);
}

/* ---------- плитки: текст по левому краю плитки с фото (как у Маркета), цена крупнее ---------- */
html.cozy .product-layout .product-thumb .caption,
html.cozy .special-carousel .product-thumb .caption,
html.cozy .product-thumb .caption {
	padding-left: 2px !important;
	padding-right: 2px !important;
	text-align: left;
}
html.cozy .product-thumb .caption h4 {
	text-align: left;
	margin-top: 10px !important;
}
html.cozy .product-layout .product-thumb .caption p.price,
html.cozy .product-thumb .caption .price {
	text-align: left;
	font-size: 19px !important;
	letter-spacing: -.01em;
	line-height: 1.2;
}
html.cozy .product-thumb .yp-badge-slot {
	text-align: left;
}
html.cozy .product-layout .product-thumb .button-group,
html.cozy .special-carousel .product-thumb .button-group,
html.cozy .product-thumb .button-group {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
html.cozy .mini-buy-qty-wrap {
	background: var(--surface-2) !important;
	border-color: var(--line-2) !important;
	border-radius: var(--r-ui) !important;
}
html.cozy .mini-buy-stepper {
	border-right-color: var(--line-2) !important;
}
html.cozy .mini-buy-step-up {
	border-bottom-color: var(--line-2) !important;
}
html.cozy .mini-buy-step:hover {
	background: var(--surface-4) !important;
}
html.cozy .mini-buy-qty {
	color: var(--text) !important;
}

/* ---------- главная: баннер, «Популярные разделы», карусели ---------- */
html.cozy .swiper-viewport {
	background: transparent;
	border: 0;
	box-shadow: none;
}
html.cozy .swiper-viewport .swiper-container {
	border-radius: var(--r-card);
	overflow: hidden;
}
html.cozy .swiper-pagination-bullet {
	background: var(--muted);
	opacity: .45;
	box-shadow: none;
}
html.cozy .swiper-pagination-bullet-active {
	background: var(--accent);
	opacity: 1;
}
html.cozy .cat-tiles-title {
	color: var(--text);
}
html.cozy .cat-tile,
html.cozy .cat-tile:hover,
html.cozy .cat-tile:focus {
	background: transparent;
	border: 0;
	padding: 0;
	box-shadow: none;
	transform: none;
	color: var(--text);
}
html.cozy .cat-tile-img {
	box-sizing: border-box;
	padding: 12px;
	margin-bottom: 9px;
	background: var(--plate);
	border-radius: var(--r-card);
	transition: transform .2s ease, box-shadow .2s ease;
}
html.cozy .cat-tile:hover .cat-tile-img {
	transform: translateY(-3px);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
}
html.cozy .cat-tile-name {
	color: var(--text);
}
html.cozy .cat-tile:hover .cat-tile-name {
	color: var(--accent-2);
}
html.cozy .cat-tile-count {
	color: var(--muted);
}
html.cozy .special-carousel-arrow,
html.cozy .gongs-carousel-arrow {
	background: var(--surface-2);
	border: 1px solid var(--line-2);
	color: var(--text);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
html.cozy .special-carousel-arrow:hover,
html.cozy .gongs-carousel-arrow:hover {
	background: var(--accent);
	border-color: var(--accent);
	color: var(--on-accent);
	box-shadow: 0 10px 28px rgba(238, 162, 60, .3);
}

/* ---------- категория: вводный текст, подкатегории, SEO-блок, кнопка фильтра ---------- */
html.cozy #product-category #content h1.ide-cat-h1 + .row .col-sm-10 {
	color: var(--muted);
}
html.cozy #product-category #content > .row:has(> .col-sm-3 > ul > li > a) > .col-sm-3 > ul > li > a {
	background: var(--surface);
	background-image: none;
	border-color: transparent;
	box-shadow: none;
	color: var(--text);
}
html.cozy #product-category #content > .row:has(> .col-sm-3 > ul > li > a) > .col-sm-3 > ul > li > a::before {
	background: rgba(238, 162, 60, .13);
	color: var(--accent);
}
html.cozy #product-category #content > .row:has(> .col-sm-3 > ul > li > a) > .col-sm-3 > ul > li > a::after {
	color: var(--muted);
}
html.cozy #product-category #content > .row:has(> .col-sm-3 > ul > li > a) > .col-sm-3 > ul > li > a:hover {
	background: var(--surface-2);
	border-color: rgba(238, 162, 60, .55);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .35);
	color: #fff;
}
html.cozy #product-category #content > .row:has(> .col-sm-3 > ul > li > a) > .col-sm-3 > ul > li > a:hover::before {
	background: var(--accent);
	color: var(--on-accent);
}
html.cozy #product-category #content > .row:has(> .col-sm-3 > ul > li > a) > .col-sm-3 > ul > li > a:hover::after {
	color: var(--accent);
}
html.cozy #product-category #content > h3 {
	color: var(--text);
}
html.cozy .ide-cat-seo {
	background: var(--surface);
	border: 0;
	border-radius: var(--r-card);
	box-shadow: none;
	color: var(--text-2);
}
html.cozy .ide-cat-seo a {
	color: var(--link);
}
html.cozy .ide-cat-seo a:hover {
	color: var(--accent-2);
}
html.cozy .filter-float-btn {
	background-color: var(--accent);
	color: var(--on-accent);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .5);
}
html.cozy .filter-float-btn:hover {
	background-color: var(--accent-2);
}
html.cozy .filter-float-btn .filter-float-count {
	background: rgba(30, 24, 18, .2);
}
html.cozy .mobile-filter-trigger {
	background: var(--surface);
	border-color: var(--line-2);
	box-shadow: none;
	color: var(--text);
}
html.cozy .mobile-filter-trigger .fa {
	color: var(--accent);
}
html.cozy .mobile-filter-count {
	background: var(--accent);
	color: var(--on-accent);
}
@media (max-width: 767px) {
	html.cozy #column-left,
	html.cozy #column-left .panel-footer {
		background: var(--surface);
	}
	html.cozy #column-left {
		box-shadow: 8px 0 30px rgba(0, 0, 0, .55);
	}
	html.cozy .mobile-filter-head {
		background: var(--hdr);
		color: var(--text);
	}
	html.cozy .mobile-filter-close {
		color: var(--text);
	}
}

/* ---------- карточка товара ---------- */
html.cozy #product-product .media-card {
	background: var(--plate);
	border: 0;
	border-radius: var(--r-card);
	box-shadow: none;
}
html.cozy #product-product .buy-card,
html.cozy #product-product .yp-split-card,
html.cozy #product-product .description-card {
	background: var(--surface);
	border: 0;
	border-radius: var(--r-card);
	box-shadow: none;
}
html.cozy #product-product .buy-card h1 {
	color: var(--text) !important;
}
html.cozy #product-product .buy-card > ul.list-unstyled {
	color: var(--muted);
}
html.cozy #product-product .buy-card > ul.list-unstyled a {
	color: var(--link);
}
html.cozy #product-product .buy-specs {
	background: var(--surface-2);
}
html.cozy #product-product .buy-spec dt {
	color: var(--muted);
}
html.cozy #product-product .buy-spec dd {
	color: var(--text);
}
html.cozy #product-product .buy-spec dd a {
	color: inherit;
	border-bottom-color: rgba(var(--text-rgb), .3);
}
html.cozy #product-product .buy-spec dd a:hover {
	color: var(--accent-2);
}
html.cozy #product-product .stock-badge {
	background: rgba(88, 194, 125, .14);
	color: #8fdcaa;
}
html.cozy #product-product .price-block {
	border-top-color: var(--line);
}
html.cozy #product-product .price-block h2 {
	color: var(--text) !important;
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -.01em;
}
html.cozy #product-product .price-block li > span[style*="line-through"] {
	color: var(--muted);
}
html.cozy #product-product .buy-perks li {
	color: var(--muted);
}
html.cozy #product-product .buy-perks li b {
	color: var(--text);
}
html.cozy #product-product .buy-perks li a {
	color: var(--link);
}
html.cozy #product-product .buy-perks .fa {
	background: rgba(238, 162, 60, .13);
}
html.cozy #product-product .buy-perks .fa,
html.cozy #product-product .buy-perks .fa::before {
	color: var(--accent);
}
html.cozy #product-product .qty-wrapper {
	background: var(--surface-2);
	border-color: var(--line-2);
}
html.cozy #product-product .qty-wrapper .qty-stepper {
	border-right-color: var(--line-2);
}
html.cozy #product-product .qty-wrapper .qty-step {
	background: var(--surface-3);
	color: var(--text);
}
html.cozy #product-product .qty-wrapper .qty-step-up {
	border-bottom-color: var(--line-2);
}
html.cozy #product-product .qty-wrapper .qty-step:hover {
	background: var(--surface-4);
}
html.cozy #product-product .qty-wrapper #input-quantity {
	color: var(--text);
}
html.cozy #product-product .buy-card .rating {
	border-top-color: var(--line);
}
html.cozy #product-product .buy-card .rating p {
	color: var(--muted);
}
/* блок «Оплата частями»: виджет Пэй в тёмной теме (yandexpay.js), кнопка - зелёная, как значок Пэй */
html.cozy #product-product .yp-split-title {
	color: var(--text) !important;
}
html.cozy #product-product .yp-split-card .yp-widget {
	background: var(--surface-2);
}
html.cozy #product-product .yp-split-card .yp-widget.yp-ready {
	background: transparent;
}
html.cozy .yp-split-btn {
	background: var(--green);
	color: #0f2416;
	border-radius: var(--r-ui);
	font-weight: 700;
}
html.cozy .yp-split-btn:hover,
html.cozy .yp-split-btn:focus {
	background: #6fd192;
	color: #0f2416;
}
html.cozy .yp-quick-msg {
	background: rgba(238, 162, 60, .14);
	color: var(--text);
}
/* описание: вкладки и текст; инлайн-цвета из прайсов поставщиков не перебивают тему */
html.cozy #product-product .description-card .nav-tabs {
	border-bottom-color: var(--line);
}
html.cozy #product-product .description-card .nav-tabs > li > a {
	color: var(--muted);
}
html.cozy #product-product .description-card .nav-tabs > li > a:hover {
	color: var(--text);
}
html.cozy #product-product .description-card .nav-tabs > li.active > a {
	color: var(--accent);
	border-bottom-color: var(--accent);
}
html.cozy #product-product .description-card .tab-content {
	color: var(--text-2);
}
html.cozy #product-product .tab-content [style*="color"],
html.cozy #product-product .tab-content font[color] {
	color: inherit !important;
}
html.cozy #product-product .tab-content [style*="background"] {
	background: transparent !important;
}
html.cozy #product-product #tab-review .well,
html.cozy #product-product #review {
	color: var(--text-2);
}
/* закреплённая «Купить» на телефоне */
html.cozy .sticky-buy {
	background: var(--bg-deep);
	border-top-color: var(--line);
	box-shadow: 0 -6px 18px rgba(0, 0, 0, .45);
}
html.cozy .sticky-buy-price {
	color: var(--text);
}
html.cozy .sticky-buy-price small {
	color: var(--green);
}
html.cozy .sticky-buy-btn {
	background: var(--accent);
	color: var(--on-accent);
}
html.cozy .sticky-buy-btn:active {
	background: var(--accent-2);
}

/* ---------- живой поиск ---------- */
html.cozy .live-search-results {
	background: var(--surface);
	border-color: var(--line);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .55);
}
html.cozy .live-search-item {
	color: var(--text-2);
}
html.cozy .live-search-item + .live-search-item {
	border-top-color: var(--line);
}
html.cozy .live-search-item:hover,
html.cozy .live-search-item:focus {
	background: var(--surface-2);
	color: #fff;
}
html.cozy .live-search-item img {
	border-color: transparent;
	background: var(--plate);
}
html.cozy .live-search-price {
	color: var(--text);
}
html.cozy .live-search-all {
	background: var(--surface-2);
	color: var(--link);
}
html.cozy .live-search-all:hover {
	background: var(--accent);
	color: var(--on-accent);
}
html.cozy .live-search-empty {
	color: var(--muted);
}

/* ---------- «Добавлено в корзину», выпадающие меню bootstrap ---------- */
html.cozy .added-toast {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .55);
}
html.cozy .added-toast-cart {
	background: var(--surface-2);
}
html.cozy .added-toast-cart-row {
	color: var(--text);
}
html.cozy .added-toast-cart-row .fa {
	color: var(--green);
}
html.cozy .added-toast-cart-btn {
	background: var(--accent);
	color: var(--on-accent) !important;
}
html.cozy .added-toast-cart-btn:hover {
	background: var(--accent-2);
}
html.cozy .dropdown-menu {
	background: var(--surface);
	border-color: var(--line);
}
html.cozy .dropdown-menu > li > a {
	color: var(--text-2);
}
html.cozy .dropdown-menu > li > a:hover,
html.cozy .dropdown-menu > li > a:focus {
	background: var(--surface-2);
	background-image: none;
	color: #fff;
}
html.cozy .dropdown-menu .divider {
	background: var(--line);
}
html.cozy #menu .dropdown-inner ul > li:hover .child {
	background: var(--surface);
	border-color: var(--line);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .5);
}

/* ---------- текстовые страницы: крупнее и спокойнее для чтения ---------- */
html.cozy #information-information #content {
	font-size: 15px;
	line-height: 1.7;
	color: var(--text-2);
}
html.cozy #information-information #content h2 {
	font-size: 24px;
	margin-top: 28px;
}
html.cozy #information-contact .panel-body {
	font-size: 14px;
	line-height: 1.6;
}
html.cozy #information-contact .panel-body [style*="color: #666"],
html.cozy #information-contact .panel-body [style*="color:#666"] {
	color: var(--muted) !important;
}
html.cozy #information-contact .panel {
	border: 0;
	border-radius: var(--r-card);
}
html.cozy .list-group {
	border-radius: var(--r-ui);
	overflow: hidden;
}
html.cozy #column-right .list-group,
html.cozy #account-login .list-group {
	background: var(--surface);
}

/* ---------- оформление заказа: тёмное, как весь сайт ----------
   Виджет Пэй в чекауте и карточке - тёмный (yandexpay.js: widgetTheme Dark при html.cozy;
   параметр именно widgetTheme - «theme» SDK молча игнорирует). */
html.cozy #quickcheckoutconfirm {
	color: var(--text-2);
}
html.cozy #quickcheckoutconfirm .idm-co {
	background: transparent;
	padding: 0;
}
html.cozy #quickcheckoutconfirm .idm-co-main .qc-step > div,
html.cozy #quickcheckoutconfirm .idm-co-side .qc-col-3 {
	background: var(--surface);
	border-color: transparent;
	box-shadow: none;
}
html.cozy #quickcheckoutconfirm .idm-co .quickcheckout-heading {
	color: var(--text);
}
html.cozy #quickcheckoutconfirm .idm-co .quickcheckout-heading .fa {
	color: var(--accent);
}
html.cozy #quickcheckoutconfirm .quickcheckout-content table.table tr {
	border-top-color: var(--line);
}
html.cozy #quickcheckoutconfirm label.cart_itog_l {
	color: var(--text);
}
html.cozy #quickcheckoutconfirm label.cart_itog_l span {
	color: var(--muted);
}
/* «Получатель»: плашка и окно ввода */
html.cozy .idm-contact {
	background: var(--surface-2);
	border-color: var(--line-2);
}
html.cozy .idm-contact:hover,
html.cozy .idm-contact:focus {
	background: var(--surface-3);
	border-color: var(--accent);
}
html.cozy .idm-contact-ico {
	background: rgba(238, 162, 60, .14);
	color: var(--accent);
}
html.cozy .idm-contact-body b {
	color: var(--text);
}
html.cozy .idm-contact-body span {
	color: var(--muted);
}
html.cozy .idm-contact.idm-empty .idm-contact-body b {
	color: var(--link);
}
html.cozy .idm-contact.idm-error {
	background: rgba(229, 72, 77, .1);
	border-color: #e5484d;
}
html.cozy .idm-contact.idm-error .idm-contact-body span {
	color: #f19a9d;
}
html.cozy .idm-contact-arrow {
	color: var(--muted);
}
html.cozy #payment-address.idm-open > .quickcheckout-content,
html.cozy .idm-modal-head,
html.cozy .idm-modal-foot {
	background: var(--surface);
	color: var(--text);
}
html.cozy #payment-address.idm-open > .quickcheckout-content {
	box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
}
html.cozy #payment-address.idm-open label {
	color: var(--text-2);
}
html.cozy #payment-address.idm-open input.form-control {
	background-color: var(--surface-2) !important;
	border-color: var(--line-2);
	color: var(--text);
}
html.cozy #payment-address.idm-open input.form-control:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 3px rgba(238, 162, 60, .2);
}
html.cozy #payment-address.idm-open .idm-err,
html.cozy #payment-address.idm-open .text-danger {
	color: #f0857a;
}
html.cozy .idm-modal-x {
	background: var(--surface-2);
	color: var(--text-2);
}
html.cozy .idm-modal-x:hover {
	background: var(--surface-3);
}
html.cozy .idm-backdrop {
	background: rgba(0, 0, 0, .6);
}
/* способ получения */
html.cozy .idm-city-hint {
	background: rgba(238, 162, 60, .1);
	border-color: rgba(238, 162, 60, .35);
	color: var(--text-2);
}
html.cozy .idm-city-hint .fa {
	color: var(--accent);
}
html.cozy .idm-courier-info {
	background: rgba(var(--tint-rgb), .05);
	border-color: var(--line);
	color: var(--text-2);
}
/* «Ваш заказ» */
html.cozy #quickcheckoutconfirm .qc-col-top .qc-count,
html.cozy #quickcheckoutconfirm .qc-col-top .quickcheckout-cart .idm-each {
	color: var(--muted);
}
html.cozy #quickcheckoutconfirm .qc-col-top .quickcheckout-cart thead td {
	border-bottom-color: var(--line);
	color: var(--muted);
}
html.cozy #quickcheckoutconfirm .qc-col-top .quickcheckout-cart tbody td {
	border-bottom-color: var(--line);
}
html.cozy #quickcheckoutconfirm .qc-col-top .quickcheckout-cart td.image img {
	border-color: transparent;
	background: var(--plate);
}
html.cozy #quickcheckoutconfirm .qc-col-top .quickcheckout-cart td.name a,
html.cozy #quickcheckoutconfirm .qc-col-top .quickcheckout-cart tbody td.total {
	color: var(--text);
}
html.cozy #quickcheckoutconfirm .qc-col-top .quickcheckout-cart td.name a:hover {
	color: var(--accent-2);
}
html.cozy #quickcheckoutconfirm .qc-col-top .input-group-btn .button-remove {
	background: var(--surface-2);
	border-color: var(--line-2);
	color: var(--muted);
}
html.cozy #quickcheckoutconfirm .qc-col-top .input-group-btn .button-remove:hover {
	border-color: rgba(240, 133, 122, .5);
	color: #f0857a;
}
html.cozy #quickcheckoutconfirm .qc-col-top #totals-wrap,
html.cozy #quickcheckoutconfirm .idm-co-side #terms .quickcheckout-content {
	border-top-color: var(--line);
}
html.cozy #quickcheckoutconfirm .qc-col-top #totals-wrap .text-right {
	color: var(--text-2);
}
html.cozy #quickcheckoutconfirm .qc-col-top #totals-wrap .total-wrap:last-child .text-right {
	color: var(--text);
}
/* итог */
html.cozy #idm-summary .idm-sum-row {
	color: var(--text-2);
}
html.cozy #idm-summary .idm-sum-disc span:last-child {
	color: var(--green);
}
html.cozy #idm-summary .idm-sum-total {
	border-top-color: var(--line-2);
	color: var(--text);
}
/* место под виджет Пэй до его загрузки */
html.cozy .yp-widget {
	background: var(--surface-2);
}
html.cozy .yp-widget.yp-ready {
	background: transparent;
}
/* окно «Покупка в Сплит» (yandexpay.js) */
html.cozy .yp-modal-box {
	background: var(--surface);
	color: var(--text-2);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
}
html.cozy .yp-modal-title {
	color: var(--text);
}
html.cozy .yp-q-product,
html.cozy .yp-q-note,
html.cozy .yp-radio small,
html.cozy .yp-modal-x {
	color: var(--muted);
}
html.cozy .yp-form label,
html.cozy .yp-q-sum {
	color: var(--text-2);
}
html.cozy .yp-form .yp-radio,
html.cozy .yp-q-total {
	color: var(--text);
}
html.cozy .yp-q-sum [style*="color"] {
	color: var(--green) !important;
}
html.cozy .yp-form input[type=text],
html.cozy .yp-form input:not([type]),
html.cozy .yp-form input[type=tel],
html.cozy .yp-form input[type=email],
html.cozy .yp-form textarea {
	background: var(--surface-2);
	border-color: var(--line-2);
	color: var(--text);
}
html.cozy .yp-q-err {
	background: rgba(229, 72, 77, .12);
	color: #f3b9b6;
}

/* окна с картой («Курьер», «Пункты СДЭК») - светлые: рядом со светлой картой так естественнее;
   переменные темы внутри них переопределены на светлые, общие правила дают тёмный текст на белом */
html.cozy .idmc-modal,
html.cozy .cdek-map-modal {
	--text: var(--sheet-text);
	--text-2: var(--sheet-text-2);
	--muted: var(--sheet-muted);
	--surface: #ffffff;
	--surface-2: #ffffff;
	--line: var(--sheet-line);
	--line-2: var(--sheet-line-2);
	--link: #b26a12;
	--accent-2: #f3ae4c;
	color: var(--text-2);
	color-scheme: light;
}
/* окна «Курьер» (idm_courier.js) и «Пункты СДЭК» (cdek_official.js): шапка - как шапка сайта, акценты медовые */
html.cozy .idmc-header,
html.cozy .cdek-map-header {
	background: linear-gradient(135deg, var(--hdr), var(--bg));
	color: var(--hdr-text);
}
html.cozy .idmc-go,
html.cozy .cdek-office-choose-btn,
html.cozy .cdek-search-go,
html.cozy .cdek-near-switch,
html.cozy .cdek-near-choose:hover {
	background: var(--accent);
	border-color: var(--accent);
	color: var(--on-accent);
}
html.cozy .idmc-go:hover,
html.cozy .cdek-office-choose-btn:hover,
html.cozy .cdek-search-go:hover {
	background: #f3ae4c;
}
html.cozy .cdek-near-choose {
	border-color: var(--accent);
	color: #b26a12;
}
html.cozy .idmc-field input:focus,
html.cozy .idmc-field textarea:focus,
html.cozy .cdek-search-box:focus-within {
	border-color: var(--accent);
	box-shadow: 0 0 0 3px rgba(238, 162, 60, .2);
}
html.cozy .idmc-opt.is-active {
	border-color: var(--accent);
	background: #fdf5ea;
	box-shadow: 0 0 0 1px var(--accent) inset;
}
html.cozy .idmc-call a {
	color: #b26a12;
}
html.cozy .idmc-spinner,
html.cozy .cdek-spinner {
	border-top-color: var(--accent);
}
html.cozy .cdek-pin,
html.cozy .cdek-cluster span {
	background: #d58a26;
}
html.cozy .cdek-cluster {
	background: rgba(213, 138, 38, .2);
}
html.cozy .cdek-office-type {
	background: #fbefdc;
	color: #b26a12;
}
/* iframe виджета Пэй: при color-scheme:dark у страницы Chrome подкладывает под iframe со светлой схемой
   непрозрачный белый фон (белые кромки между блоками виджета) - схема контейнера должна совпадать с документом виджета */
html.cozy .yp-widget,
html.cozy .yp-widget iframe,
html.cozy .ya-pay-widget,
html.cozy .ya-pay-widget iframe {
	color-scheme: light;
}

/* ---------- меню категорий на десктопе: ровно 3 строки, каждая во всю ширину ----------
   Порядок пунктов в DOM: 1 - OUTLET (класс menu-hot ставит инлайн-скрипт сразу после меню), 2..23 - разделы.
   Строки по ширине подобраны 8 / 8 / 7 (872 / 822 / 775 px при 1133 px доступных; влезает и в 940 px):
   переносы строк - псевдоэлементы ::before/::after списка (flex-basis 100%), пункты раскладываются
   space-between, OUTLET - последним в третьей строке у правого края.
   ВАЖНО: при добавлении/удалении разделов верхнего уровня пересчитать границы nth-child. */
@media (min-width: 992px) {
	html.cozy #menu .navbar-collapse {
		padding-left: 8px;
		padding-right: 8px;
	}
	html.cozy #menu .navbar-collapse > ul.nav {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		float: none;
		width: 100%;
	}
	html.cozy #menu .navbar-collapse > ul.nav > li {
		float: none;
		order: 1;
	}
	html.cozy #menu .navbar-collapse > ul.nav > li:nth-child(n+10) {
		order: 3;
	}
	html.cozy #menu .navbar-collapse > ul.nav > li:nth-child(n+18) {
		order: 5;
	}
	html.cozy #menu .navbar-collapse > ul.nav > li.menu-hot {
		order: 6;
		position: relative;
		right: auto;
		bottom: auto;
	}
	html.cozy #menu .navbar-collapse > ul.nav::before,
	html.cozy #menu .navbar-collapse > ul.nav::after {
		content: '';
		display: block;
		flex-basis: 100%;
		height: 0;
	}
	html.cozy #menu .navbar-collapse > ul.nav::before {
		order: 2;
	}
	html.cozy #menu .navbar-collapse > ul.nav::after {
		order: 4;
	}
}
@media (min-width: 1200px) {
	/* на широком экране пункты крупнее: строки плотнее, промежутки ~25 px вместо ~50 */
	html.cozy #menu .navbar-collapse > ul.nav > li > a {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	/* стрелки слайдера на телефоне закрывали текст баннеров - листается свайпом, точки остаются */
	html.cozy .swiper-viewport .swiper-pager {
		display: none;
	}
}

/* ---------- стрелки каруселей товаров убраны везде (2026-09-30, просьба владельца) ----------
   «Акции», «Гонги в наличии», «Хиты продаж», «С этим товаром покупают» листаются перетаскиванием мышью
   (Swiper: simulateTouch, курсор-«ладошка» у каруселей был и раньше) и свайпом на телефоне. */
html.cozy .special-carousel-arrow,
html.cozy .gongs-carousel-arrow {
	display: none !important;
}

/* ---------- слайдер баннеров (2026-09-30, просьба владельца: без стрелок) ----------
   Стрелок нет. Переключение - клик по краю баннера (cozy.js добавляет .cozy-bnav в левые/правые 10%):
   курсор обычная «рука» как у всего баннера (свой курсор владелец отверг), край мягко затемняется. Центр и кнопка баннера - ссылка акции.
   Смена - растворение, у нового баннера проявление из лёгкой расфокусировки с «наездом». Активная точка -
   капсула, заполняется мёдом за 5 с автопрокрутки; после ручного переключения автопрокрутка стоит и капсула полная. */
html.cozy .swiper-viewport .swiper-pager {
	display: none !important;
}
html.cozy .swiper-viewport .cozy-bnav {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 20;
	width: 10%;
	outline: none;
}
html.cozy .swiper-viewport .cozy-bnav-prev {
	left: 0;
	cursor: pointer;
}
html.cozy .swiper-viewport .cozy-bnav-next {
	right: 0;
	cursor: pointer;
}
html.cozy .swiper-viewport .cozy-bnav::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity .45s cubic-bezier(.22, 1, .36, 1);
}
html.cozy .swiper-viewport .cozy-bnav-prev::before {
	background: linear-gradient(90deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, 0));
}
html.cozy .swiper-viewport .cozy-bnav-next::before {
	background: linear-gradient(270deg, rgba(0, 0, 0, .38), rgba(0, 0, 0, 0));
}
html.cozy .swiper-viewport .cozy-bnav:hover::before,
html.cozy .swiper-viewport .cozy-bnav:focus-visible::before {
	opacity: 1;
}
html.cozy .swiper-viewport .swiper-slide-active img {
	animation: cozyBannerIn 1.1s cubic-bezier(.22, 1, .36, 1) both;
}
@keyframes cozyBannerIn {
	from { transform: scale(1.045); filter: blur(6px) brightness(.8); }
	to { transform: none; filter: none; }
}
@media (prefers-reduced-motion: reduce) {
	html.cozy .swiper-viewport .swiper-slide-active img {
		animation: none;
	}
}
html.cozy .swiper-viewport .swiper-pagination-bullet {
	position: relative;
	width: 8px;
	height: 8px;
	margin: 0 4px !important;
	border-radius: 99px;
	background: rgba(var(--tint-rgb), .28);
	box-shadow: none;
	opacity: 1;
	overflow: hidden;
	vertical-align: middle;
	transition: width .3s ease, background-color .3s ease;
}
html.cozy .swiper-viewport .swiper-pagination-bullet:hover {
	background: rgba(var(--tint-rgb), .5);
}
html.cozy .swiper-viewport .swiper-pagination-bullet-active,
html.cozy .swiper-viewport .swiper-pagination-bullet-active:hover {
	width: 34px;
	background: rgba(var(--tint-rgb), .18);
}
html.cozy .swiper-viewport .swiper-pagination-bullet-active::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: inherit;
	background: var(--accent);
	transform-origin: left center;
	animation: cozyBulletFill 5s linear forwards;
}
html.cozy .swiper-viewport.cozy-manual .swiper-pagination-bullet-active::after {
	animation: none;
}
@keyframes cozyBulletFill {
	from { transform: scaleX(.12); }
	to { transform: scaleX(1); }
}

/* ---------- виджет после «Купить» на плитках (common.js: .mini-buy-row) ----------
   Было: вертикальные «+/-», медовые кнопки разной формы. Стало (как у крупных магазинов):
   [ −  1  + ] тёмная капсула со строгими значками линиями | [сумка «В корзину»] вторичная | [Купить] главная медовая.
   Высота ряда = высоте исходной кнопки (46 / 44 px) - карточка не прыгает; на узких плитках (контейнерные запросы
   по ширине .button-group) всё ужимается. Появление - мягкое. Разметка из common.js не меняется. */
html.cozy .product-thumb .button-group:has(> .mini-buy-row) {
	container-type: inline-size;
}
html.cozy #content .product-thumb .button-group > button,
html.cozy #content .product-thumb .button-group .mini-buy-row {
	height: 46px !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row {
	display: flex !important;
	align-items: stretch;
	gap: 6px !important;
	width: 100%;
	animation: cozyMiniBuyIn .22s ease both;
}
@keyframes cozyMiniBuyIn {
	from { opacity: 0; transform: translateY(4px) scale(.98); }
	to { opacity: 1; transform: none; }
}
html.cozy #content .product-thumb .button-group .mini-buy-row > * {
	height: auto !important;
	margin: 0 !important;
}
/* капсула количества: [−][1][+] */
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-qty-wrap {
	flex: 0 0 98px !important;
	width: 98px !important;
	display: flex !important;
	align-items: stretch;
	border: 1px solid var(--line-2) !important;
	border-radius: var(--r-ui) !important;
	background: var(--surface-2) !important;
	overflow: hidden;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-stepper {
	display: contents !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step {
	position: relative;
	display: block !important;
	flex: 0 0 30px !important;
	width: 30px !important;
	height: auto !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0 !important;
	transition: background-color .15s ease;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step-down {
	order: 1 !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-qty {
	order: 2 !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: var(--text) !important;
	font-size: 15px;
	font-weight: 800;
	text-align: center;
	font-variant-numeric: tabular-nums;
	box-shadow: none !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step-up {
	order: 3 !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step::before,
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step-up::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 2px;
	background: var(--text);
	transition: background-color .15s ease;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step-up::after {
	transform: rotate(90deg);
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step:hover {
	background: rgba(var(--tint-rgb), .07) !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step:active {
	background: rgba(var(--tint-rgb), .13) !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step:hover::before,
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step-up:hover::after {
	background: var(--accent);
}
/* «В корзину» (остаться на странице): вторичная кнопка с сумкой «+» */
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-btn:not(.mini-buy-go) {
	flex: 0 0 46px !important;
	width: 46px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	border: 1px solid var(--line-2) !important;
	border-radius: var(--r-ui) !important;
	background: var(--surface-2) !important;
	box-shadow: none !important;
	transition: background-color .15s ease, border-color .15s ease;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-btn:not(.mini-buy-go) .fa {
	display: none !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-btn:not(.mini-buy-go)::before {
	content: '';
	width: 20px;
	height: 20px;
	background: var(--accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1 12.5h-11z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3Cpath d='M12 11.5v5M9.5 14h5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8h13l-1 12.5h-11z'/%3E%3Cpath d='M9 8V6.5a3 3 0 0 1 6 0V8'/%3E%3Cpath d='M12 11.5v5M9.5 14h5'/%3E%3C/svg%3E") center / contain no-repeat;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-btn:not(.mini-buy-go):hover {
	border-color: var(--accent) !important;
	background: rgba(238, 162, 60, .12) !important;
}
/* «Купить» (сразу к оформлению): главная */
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-go {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	padding: 0 10px !important;
	border: 0 !important;
	border-radius: var(--r-ui) !important;
	background: var(--accent) !important;
	box-shadow: none !important;
	color: var(--on-accent) !important;
	font-weight: 600;
}
html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-go:hover {
	background: var(--accent-2) !important;
}
html.cozy #content .product-thumb .button-group .mini-buy-row button:disabled {
	opacity: .55;
	cursor: progress;
}
/* узкие плитки (карусели, телефон) */
@container (max-width: 215px) {
	html.cozy #content .product-thumb .button-group .mini-buy-row {
		gap: 4px !important;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-qty-wrap {
		flex-basis: 80px !important;
		width: 80px !important;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step {
		flex-basis: 25px !important;
		width: 25px !important;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-qty {
		font-size: 14px;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-btn:not(.mini-buy-go) {
		flex-basis: 38px !important;
		width: 38px !important;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-go {
		padding: 0 4px !important;
	}
}
@container (max-width: 180px) {
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-qty-wrap {
		flex-basis: 70px !important;
		width: 70px !important;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step {
		flex-basis: 21px !important;
		width: 21px !important;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step::before,
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-step-up::after {
		width: 10px;
		margin-left: -5px;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-btn:not(.mini-buy-go) {
		flex-basis: 34px !important;
		width: 34px !important;
	}
	html.cozy #content .product-thumb .button-group .mini-buy-row .mini-buy-btn:not(.mini-buy-go)::before {
		width: 18px;
		height: 18px;
	}
}
@media (max-width: 767px) {
	html.cozy #content .product-thumb .button-group > button,
	html.cozy #content .product-thumb .button-group .mini-buy-row {
		height: 44px !important;
	}
}

/* ---------- главная: блок «О магазине» с H1 внизу (SEO, 2026-09-30, аудит vs Музторг) ---------- */
html.cozy .ide-home-about {
	margin: 40px 0 8px;
	padding: 28px 32px;
	border-radius: var(--r-card);
	background: var(--surface);
	color: var(--text-2);
}
html.cozy .ide-home-about h1 {
	margin: 0 0 12px;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.25;
}
html.cozy .ide-home-about p {
	max-width: 920px;
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 1.7;
}
html.cozy .ide-home-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 28px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}
html.cozy .ide-home-facts b {
	display: block;
	color: var(--text);
	font-weight: 700;
}
@media (max-width: 767px) {
	html.cozy .ide-home-about {
		margin-top: 28px;
		padding: 20px 18px;
	}
	html.cozy .ide-home-about h1 {
		font-size: 20px;
	}
	html.cozy .ide-home-facts {
		grid-template-columns: 1fr;
	}
}

/* ---------- метка «Самовывоз сегодня / завтра» на плитках (cozy.js, idm_pickup) ---------- */
html.cozy .product-thumb .image {
	position: relative;
}
html.cozy .cozy-pickup-chip {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	padding: 4px 9px 4px 22px;
	border-radius: 8px;
	background: rgba(29, 29, 30, .82) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23eea23c'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") 7px 50% / 11px no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.3;
	white-space: nowrap;
	pointer-events: none;
}
@media (max-width: 767px) {
	html.cozy .cozy-pickup-chip {
		top: 7px;
		left: 7px;
		padding: 3px 7px 3px 19px;
		background-position: 6px 50%;
		background-size: 10px;
		font-size: 10px;
	}
}

/* ---------- «Нашли дешевле?» в карточке (idm_pricematch, 2026-10-01) ---------- */
html.cozy .idm-pm-link {
	display: inline-block;
	align-self: flex-start;
	width: auto;
	text-align: left;
	margin: -10px 0 16px;
	padding: 0;
	border: 0;
	border-bottom: 1px dashed currentColor;
	background: none;
	color: var(--link);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
}
html.cozy .idm-pm-link:hover,
html.cozy .idm-pm-link:focus-visible {
	color: var(--accent-2);
}
html.cozy .idm-pm {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(0, 0, 0, .6);
}
html.cozy .idm-pm[hidden],
html.cozy .idm-pm [hidden] {
	display: none !important;
}
html.cozy .idm-pm-box {
	position: relative;
	width: 100%;
	max-width: 440px;
	max-height: 92vh;
	overflow: auto;
	padding: 24px 22px 20px;
	border-radius: var(--r-card);
	background: var(--surface);
	box-shadow: 0 24px 60px rgba(0, 0, 0, .6);
	color: var(--text-2);
}
html.cozy .idm-pm-x {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: var(--surface-2);
	color: var(--text-2);
	font-size: 22px;
	line-height: 34px;
	cursor: pointer;
}
html.cozy .idm-pm-x:hover {
	background: var(--surface-3);
}
html.cozy .idm-pm-title {
	margin: 0 40px 6px 0;
	color: var(--text);
	font-size: 20px;
	font-weight: 800;
}
html.cozy .idm-pm-lead {
	margin: 0 0 12px;
	color: var(--muted);
	font-size: 14px;
	line-height: 1.5;
}
html.cozy #idm-pm-form label {
	display: block;
	margin: 12px 0 5px;
	color: var(--text-2);
	font-size: 13px;
	font-weight: 600;
}
html.cozy #idm-pm-form label span {
	color: var(--muted);
	font-weight: 400;
}
html.cozy #idm-pm-form .form-control {
	height: 44px;
	border-radius: 10px;
	font-size: 15px;
}
html.cozy .idm-pm-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	opacity: 0;
}
html.cozy .idm-pm-err {
	margin: 14px 0 0;
	padding: 9px 12px;
	border-radius: 10px;
	background: rgba(229, 72, 77, .12);
	color: #f3b9b6;
	font-size: 13px;
}
html.cozy .idm-pm-send {
	width: 100%;
	height: 48px;
	margin-top: 18px;
	border-radius: var(--r-ui) !important;
	font-size: 15px;
}
html.cozy .idm-pm-note {
	margin: 10px 0 0;
	color: var(--muted);
	font-size: 12px;
	line-height: 1.45;
}
html.cozy .idm-pm-ok {
	padding: 16px 0 6px;
	color: var(--text);
	font-size: 15px;
	line-height: 1.5;
}