/* ==========================================================================
   responsive.css — брейкпоинты. ЗАГРУЖАЕТСЯ ПОСЛЕДНИМ (media-queries всегда
   побеждают). Точки: 1200 / 992 / 768 / 576.
   ========================================================================== */

/* =========================
   БОЛЬШИЕ ЭКРАНЫ (>1200): ничего не меняем
   ========================= */

/* =========================
   ПЛАНШЕТ (<=992): мобильное меню, 2-кол сетки
   ========================= */
@media (max-width: 992px) {

	/* Header → бургер */
	.lm-header__phone { display: none; }
	.lm-nav { display: none; }
	.lm-burger { display: inline-flex; }

	/* Магазин → 1 колонка (сайдбар сверху) */
	.lm-shop-layout {
		grid-template-columns: 1fr;
		gap: var(--sp-6);
	}
	.lm-shop-layout__sidebar {
		position: static;
	}
	/* Сайдбар-аккордеон на мобиле */
	.lm-shop-layout__sidebar .lm-widget {
		border: 1px solid var(--lm-border);
		border-radius: var(--r-md);
		overflow: hidden;
	}
	.lm-shop-layout__sidebar .lm-widget__title {
		margin: 0;
		padding: var(--sp-4) var(--sp-5);
		cursor: pointer;
		position: relative;
		border-bottom: 0;
		transition: background var(--t-fast);
	}
	.lm-shop-layout__sidebar .lm-widget__title::after {
		content: "";
		position: absolute;
		right: var(--sp-5);
		top: 50%;
		width: 12px;
		height: 12px;
		border-right: 2px solid var(--lm-text-muted);
		border-bottom: 2px solid var(--lm-text-muted);
		transform: translateY(-65%) rotate(45deg);
		transition: transform var(--t-base);
	}
	.lm-shop-layout__sidebar .lm-widget.is-open .lm-widget__title::after {
		transform: translateY(-35%) rotate(-135deg);
	}
	.lm-shop-layout__sidebar .lm-widget__title:hover { background: var(--lm-bg-soft); }
	.lm-shop-layout__sidebar .lm-widget > ul,
	.lm-shop-layout__sidebar .lm-widget > div:not(.lm-widget__title) {
		max-height: 0;
		overflow: hidden;
		transition: max-height var(--t-slow);
	}
	.lm-shop-layout__sidebar .lm-widget.is-open > ul,
	.lm-shop-layout__sidebar .lm-widget.is-open > div:not(.lm-widget__title) {
		max-height: 600px;
		padding: 0 var(--sp-5) var(--sp-4);
	}

	/* Каталог → 2 колонки */
	.lm-shop__main ul.products,
	ul.products { grid-template-columns: repeat(2, 1fr) !important; }
	.related ul.products { grid-template-columns: repeat(2, 1fr) !important; }

	/* Одиночный товар → 1 колонка */
	.lm-product-single__layout { grid-template-columns: 1fr; gap: var(--sp-6); }
	.lm-product-single__gallery { position: static; }

	/* Сетки главной */
	.lm-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.lm-grid--3 { grid-template-columns: repeat(2, 1fr); }
	.lm-wireless__grid { grid-template-columns: repeat(2, 1fr); }

	/* Hero scroll indicator */
	.lm-hero__scroll { display: none; }
}

/* =========================
   МОБИЛЬНЫЙ (<=768)
   ========================= */
@media (max-width: 768px) {

	/* Каркас */
	.lm-container { padding-inline: var(--sp-4); }
	.lm-section { padding-block: var(--sp-8); }

	/* Hero */
	.lm-hero { min-height: auto; padding-bottom: var(--sp-8); }
	.lm-hero__title { font-size: clamp(2rem, 8vw, 2.8rem); }
	.lm-hero__actions .lm-btn { flex: 1; min-width: 0; }

	/* Заголовки секций */
	.lm-wireless__head { flex-direction: column; align-items: flex-start; }

	/* Каталог → 2 колонки остаётся; на очень узких 1 */
	/* Кейсы → 2 колонки (единообразно с товарами/каталогом на мобильном) */
	.lm-cases-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }

	/* CTA-финал */
	.lm-cta-section__phone { font-size: 1.5rem; }

	/* Inline CTA */
	.lm-inline-cta { flex-direction: column; text-align: center; align-items: center; }

	/* Pagination */
	.lm-pagination .page-numbers { min-width: 40px; height: 40px; }
}

/* =========================
   МАЛЕНЬКИЙ (<=576): всё в 1 колонку
   ========================= */
@media (max-width: 576px) {

	/* Каталог → 1 колонка на мобильном */
	.lm-shop__main ul.products,
	ul.products { grid-template-columns: 1fr !important; gap: var(--sp-4); }

	/* Все карточные сетки главной → 1 колонка на мобильном */
	.lm-grid--2,
	.lm-grid--3,
	.lm-grid--4,
	.lm-wireless__grid,
	.lm-cat-grid,
	.lm-cases-grid { grid-template-columns: 1fr !important; gap: var(--sp-4) !important; }
	.lm-usage-grid { grid-template-columns: 1fr; }

	/* Кнопки hero вертикально */
	.lm-hero__actions { flex-direction: column; width: 100%; }
	.lm-hero__actions .lm-btn { width: 100%; }

	/* Scroll-to-top ниже-меньше */
	.lm-scrolltop { right: var(--sp-4); bottom: var(--sp-4); width: 44px; height: 44px; }

	/* Footer → 1 колонка */
	.lm-footer__grid { grid-template-columns: 1fr !important; gap: var(--sp-5); }

	/* Тулбар каталога */
	.lm-shop__toolbar { flex-direction: column; align-items: flex-start; }

	/* Product gallery thumbnails меньше */
	.woocommerce-product-gallery .flex-control-nav img { width: 56px; height: 56px; }
}

/* =========================
   Уменьшенный viewport (<=360)
   ========================= */
@media (max-width: 360px) {
	.lm-shop__main ul.products,
	ul.products { grid-template-columns: 1fr !important; }
	.lm-cat-grid { grid-template-columns: 1fr; }
}

/* =========================
   ПЕЧАТЬ
   ========================= */
@media print {
	.lm-header, .lm-footer, .lm-scrolltop, .lm-mobile-menu, .lm-mobile-overlay,
	.lm-hero__actions, .lm-cart-btn, .lm-burger { display: none !important; }
	body { color: #000; background: #fff; }
	a { color: #000; text-decoration: underline; }
	.lm-container { max-width: 100%; }
}