/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
 * mobile.css — ПОЛНАЯ АДАПТИВНОСТЬ BeerHabits
 * в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
 *
 * Загружается на всех страницах. Только @media-блоки.
 *
 * BREAKPOINTS:
 *   1200px — планшет landscape / small laptop
 *    960px — планшет portrait
 *    768px — большой телефон (iPhone Plus, Galaxy S)
 *    640px — средний телефон
 *    480px — маленький телефон
 *    480px — очень маленький (iPhone SE)
 *
 * ПРИНЦИП: Правила здесь перебивают base-стили через специфичность,
 * не через !important. Если нужен !important — значит что-то не так
 * в base-стилях и нужно фиксить там.
 * в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ① 1200px — LARGE TABLET / SMALL LAPTOP
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media (max-width: 1200px) {

	/* Уменьшаем отступы секций */
	.bh-section {
		padding: 56px 0;
	}

	/* Cinema hero заголовок */
	.bh-hero--cinema .bh-hero-title {
		font-size: clamp(2.2rem, 4.5vw, 3.8rem);
	}

	/* Why-секция: 2 колонки вместо 3 */
	.bh-why-grid,
	.bh-why-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Bestsellers: 2 колонки */
	.bh-product-grid--conversion {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Scenario grid: 2 cols */
	.bh-scenario-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ② 960px — TABLET PORTRAIT
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media (max-width: 960px) {

	/* в”Ђв”Ђ Container padding в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	:root {
		--bh-container: min(1200px, calc(100vw - 32px));
	}

	/* ── КЛЮЧЕВЫЕ ГРИД-ФИКСЫ: убираем фиксированный minmax ──── */

	/* Hero slider grid */
	.bh-slide__grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	/* Hero-секция (не слайдер) */
	.bh-hero-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	/* Wholesale layout */
	.bh-wholesale-layout {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	/* Brand story */
	.bh-brand-story {
		grid-template-columns: 1fr;
	}

	/* Company band */
	.bh-company-band,
	.bh-company-band--enhanced {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	/* Delivery band */
	.bh-delivery-band {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	/* Newsletter panel */
	.bh-newsletter-panel {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	/* Pairing highlight */
	.bh-pairing-highlight {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	/* Filler grid: 2 cols */
	.bh-filler-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Category grid: 2Г—2 */
	.bh-category-grid,
	.bh-category-grid--four,
	.bh-category-grid--editorial,
	.bh-category-grid--products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: auto;
	}

	/* Category editorial — сброс span */
	.bh-category-grid--editorial > :nth-child(1),
	.bh-category-grid--editorial > :nth-child(2),
	.bh-category-grid--editorial > :nth-child(3),
	.bh-category-grid--editorial > :nth-child(4),
	.bh-category-grid--products > :nth-child(1),
	.bh-category-grid--products > :nth-child(2),
	.bh-category-grid--products > :nth-child(3),
	.bh-category-grid--products > :nth-child(4) {
		grid-column: auto;
		grid-row: auto;
	}

	/* Advantage grid: 2 cols */
	.bh-advantage-grid,
	.bh-advantage-grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Product grids */
	.bh-product-grid--conversion {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bh-product-grid--bundles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Scenario */
	.bh-scenario-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Mood/facts/journal */
	.bh-slide__facts,
	.bh-mood-grid,
	.bh-review-grid,
	.bh-journal-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Carrier cards: 1 col на планшете */
	.bh-carriers {
		grid-template-columns: 1fr;
		max-width: 560px;
		margin-left: auto;
		margin-right: auto;
	}

	/* ── Секции ──────────────────────────────────────────────── */
	.bh-section {
		padding: 44px 0;
	}

	/* Hero slider side — не нужна полная высота визуала */
	.bh-slide__visual {
		padding: 28px;
		min-height: 0;
	}

	/* Slide title */
	.bh-slide__title {
		font-size: clamp(1.6rem, 5vw, 2.4rem);
		max-width: 22ch;
	}

	/* Cinema hero */
	.bh-hero--cinema .bh-hero-panorama {
		min-height: 85svh;
	}

	.bh-hero--cinema .bh-hero-title {
		font-size: clamp(2rem, 4vw, 3.4rem);
	}

	/* Delivery map */
	.bh-delivery-map {
		min-height: 380px;
	}

	/* Why section */
	.bh-section--why {
		padding: 48px 0;
	}

	/* Brand story — медиа-блок */
	.bh-brand-story__media {
		height: 380px;
		border-radius: 20px 20px 0 0;
	}

	.bh-brand-story__body {
		padding: 36px 32px;
	}
}


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ③ 768px — PHONE LANDSCAPE / LARGE PHONE
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media (max-width: 768px) {

	/* в”Ђв”Ђ Container в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	:root {
		--bh-container: min(1200px, calc(100vw - 24px));
	}

	/* в”Ђв”Ђ Global overflow fix в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	html, body {
		overflow-x: hidden;
		max-width: 100vw;
	}

	/* Все потенциальные источники overflow */
	* {
		max-width: 100%;
		min-width: 0;
	}

	/* в”Ђв”Ђ Header в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	#main-header .site-main-header-inner-wrap,
	#mobile-header .site-main-header-inner-wrap {
		min-height: 64px;
	}

	.site-branding .custom-logo,
	.mobile-site-branding .custom-logo {
		max-width: 56px;
		max-height: 56px;
	}

	/* ── Секции ──────────────────────────────────────────────── */
	.bh-section {
		padding: 36px 0;
	}

	.bh-section-title {
		font-size: clamp(1.6rem, 6vw, 2.4rem);
		padding-left: 14px;
	}

	.bh-section-title::after {
		left: 14px;
		width: 80px;
	}

	.bh-section-kicker {
		font-size: 0.72rem;
	}

	/* в”Ђв”Ђ HERO SLIDER в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-hero {
		padding-top: 16px;
	}

	.bh-slider {
		padding: 16px 0 24px;
	}

	.bh-slide__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	/* Картинка сначала на мобиле */
	.bh-slide__side {
		order: -1;
	}

	.bh-slide__visual {
		padding: 20px;
		border-radius: 20px;
	}

	.bh-slide__title {
		font-size: clamp(1.45rem, 6vw, 2rem);
		margin: 10px 0 16px;
		max-width: 100%;
	}

	.bh-slide__text {
		font-size: 0.875rem;
	}

	.bh-slide__actions {
		gap: 10px;
		margin-top: 18px;
	}

	.bh-slide__actions .bh-button,
	.bh-slide__actions .bh-button:visited {
		width: 100%;
		justify-content: center;
	}

	.bh-slide__chips {
		gap: 7px;
		margin-top: 20px;
	}

	.bh-slide__chip {
		font-size: 0.78rem;
		padding: 0 10px;
		min-height: 34px;
	}

	.bh-slider__controls {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}

	/* в”Ђв”Ђ CINEMA HERO в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-hero--cinema .bh-hero-panorama {
		min-height: 75svh;
	}

	.bh-hero--cinema .bh-hero-panorama__content {
		padding: 60px 20px 48px;
		align-items: flex-end;
	}

	.bh-hero--cinema .bh-hero-copy {
		text-align: left;
		max-width: 100%;
	}

	.bh-hero--cinema .bh-hero-title {
		font-size: clamp(1.9rem, 8vw, 3rem);
		line-height: 1.08;
		margin-bottom: 12px;
	}

	.bh-hero--cinema .bh-hero-text {
		font-size: 0.93rem;
		margin-bottom: 20px;
	}

	.bh-hero--cinema .bh-hero-actions {
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 10px;
	}

	.bh-hero--cinema .bh-hero-actions .bh-button {
		flex: 1 1 0;
		min-width: 0;
		width: auto;
		font-size: 0.83rem;
		padding: 0 14px;
		justify-content: center;
	}

	.bh-hero--cinema .bh-hero-badges {
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 8px;
	}

	/* ── HERO (обычный, не cinema) ───────────────────────────── */
	.bh-hero-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.bh-hero-panorama {
		min-height: 380px;
		border-radius: 20px;
	}

	.bh-hero-copy {
		padding: 24px 20px;
	}

	.bh-hero-title {
		font-size: clamp(1.7rem, 7vw, 2.6rem);
	}

	.bh-hero-actions {
		flex-direction: column;
		gap: 10px;
	}

	.bh-hero-points {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.bh-hero-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 10px;
	}

	/* в”Ђв”Ђ FILLER CARDS в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-filler-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	/* в”Ђв”Ђ CATEGORY GRID в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-category-grid,
	.bh-category-grid--four,
	.bh-category-grid--editorial,
	.bh-category-grid--products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.bh-category-card__media {
		height: 160px;
	}

	/* в”Ђв”Ђ DELIVERY SECTION в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-delivery-band {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.bh-delivery-map {
		min-height: 300px;
	}

	.bh-delivery-switch {
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 8px;
	}

	/* Carrier cards: стек */
	.bh-carriers {
		grid-template-columns: 1fr;
		gap: 16px;
		max-width: 100%;
	}

	/* Coverage strip */
	.bh-delivery-coverage {
		gap: 8px 12px;
		padding: 14px 16px;
	}

	.bh-delivery-coverage .bh-coverage-pill {
		font-size: 0.75rem;
		padding: 4px 10px;
	}

	/* в”Ђв”Ђ WHY SECTION в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-section--why {
		padding: 36px 0;
	}

	.bh-why-grid,
	.bh-why-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}

	/* в”Ђв”Ђ REVIEWS в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-review-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.bh-reviews-score-bar {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	/* в”Ђв”Ђ COMPANY SECTION в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-company-band,
	.bh-company-band--enhanced {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.bh-company-b2b {
		padding: 24px 20px;
	}

	.bh-company-info {
		padding: 24px 20px;
	}

	.bh-company-info__reqs {
		grid-template-columns: 1fr 1fr;
	}

	.bh-company-map {
		height: 240px;
	}

	/* в”Ђв”Ђ BESTSELLERS / BUNDLES в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-product-grid--conversion {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.bh-product-grid--bundles {
		grid-template-columns: 1fr;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}

	/* в”Ђв”Ђ ADVANTAGE CARDS в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-advantage-grid,
	.bh-advantage-grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}

	.bh-advantage-card {
		padding: 24px 18px;
	}

	/* в”Ђв”Ђ PAIRING в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-pairing-highlight {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.bh-pairing-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* в”Ђв”Ђ BRAND STORY в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-brand-story {
		grid-template-columns: 1fr;
	}

	.bh-brand-story__media {
		height: 300px;
		border-radius: 16px 16px 0 0;
	}

	.bh-brand-story__body {
		padding: 28px 22px;
		border-radius: 0 0 16px 16px;
	}

	/* в”Ђв”Ђ NEWSLETTER в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-newsletter-panel {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 28px 20px;
	}

	.bh-newsletter-form {
		flex-direction: column;
	}

	.bh-newsletter-form .bh-button {
		width: 100%;
		justify-content: center;
	}

	/* в”Ђв”Ђ SCENARIO CARDS в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-scenario-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}

	/* в”Ђв”Ђ MOOD / JOURNAL / FACTS в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-mood-grid,
	.bh-journal-grid,
	.bh-slide__facts {
		grid-template-columns: 1fr;
	}

	/* в”Ђв”Ђ FOOTER в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: 28px 32px;
	}

	.bh-footer__col--brand {
		grid-column: 1 / -1;
		flex-direction: row;
		align-items: center;
		gap: 16px;
		flex-wrap: wrap;
	}

	.bh-footer__perks-inner {
		gap: 4px;
	}

	.bh-footer__perk {
		font-size: 0.72rem;
		padding: 4px 14px;
	}
}


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ④ 640px — STANDARD PHONE
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media (max-width: 640px) {

	/* в”Ђв”Ђ Container в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	:root {
		--bh-container: min(1200px, calc(100vw - 20px));
	}

	/* ── Секции ──────────────────────────────────────────────── */
	.bh-section {
		padding: 28px 0;
	}

	/* в”Ђв”Ђ Cinema hero в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-hero--cinema .bh-hero-panorama {
		min-height: 65svh;
	}

	.bh-hero--cinema .bh-hero-title {
		font-size: clamp(1.7rem, 7.5vw, 2.4rem);
	}

	/* ── Категории: 1 col ────────────────────────────────────── */
	.bh-category-grid,
	.bh-category-grid--four,
	.bh-category-grid--editorial,
	.bh-category-grid--products {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.bh-category-card {
		min-height: 180px;
	}

	.bh-category-card__media {
		height: 180px;
	}

	/* в”Ђв”Ђ Bestsellers: 1 col в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-product-grid--conversion {
		grid-template-columns: 1fr;
		max-width: 380px;
		margin-left: auto;
		margin-right: auto;
	}

	/* в”Ђв”Ђ Advantages: 1 col в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-advantage-grid,
	.bh-advantage-grid--four {
		grid-template-columns: 1fr;
	}

	/* в”Ђв”Ђ Filler: 1 col в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-filler-grid {
		grid-template-columns: 1fr;
	}

	/* в”Ђв”Ђ Hero: stats Рё points в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-hero-points {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.bh-hero-stats {
		grid-template-columns: 1fr 1fr;
	}

	/* в”Ђв”Ђ Pairing в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-pairing-grid {
		grid-template-columns: 1fr;
	}

	/* в”Ђв”Ђ Company: reqs 1 col в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-company-info__reqs {
		grid-template-columns: 1fr;
	}

	/* в”Ђв”Ђ Why: 1 col в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-why-grid,
	.bh-why-grid {
		grid-template-columns: 1fr;
	}

	/* в”Ђв”Ђ Footer в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-footer__grid {
		grid-template-columns: 1fr;
		gap: 28px;
		width: 100%;
		min-width: 0;
	}

	.bh-footer__col--brand {
		grid-column: auto;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 0;
		width: 100%;
		min-width: 0;
	}

	.bh-footer__main {
		padding: 36px 16px 28px;
	}

	.bh-footer__col,
	.bh-footer__contacts,
	.bh-footer__nl {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.bh-footer__tagline,
	.bh-footer__contacts li,
	.bh-footer__nl-label {
		max-width: 100%;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.bh-footer__nl-row {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.bh-footer__perks-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		padding: 10px 16px;
	}

	.bh-footer__perk + .bh-footer__perk {
		border-left: none;
		padding-left: 0;
	}

	.bh-footer__bottom-inner {
		flex-direction: column;
		text-align: center;
		gap: 6px;
	}

	/* в”Ђв”Ђ Slide visual в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-slide__visual,
	.bh-showcase__panel,
	.bh-delivery-map {
		padding: 18px;
	}
}


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ⑤ 480px — SMALL PHONE
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media (max-width: 480px) {

	/* в”Ђв”Ђ Container в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	:root {
		--bh-container: min(1200px, calc(100vw - 16px));
	}

	/* в”Ђв”Ђ Cinema hero в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-hero--cinema .bh-hero-panorama {
		min-height: 60svh;
	}

	.bh-hero--cinema .bh-hero-panorama__content {
		padding: 48px 16px 36px;
	}

	.bh-hero--cinema .bh-hero-title {
		font-size: clamp(1.5rem, 7vw, 2.1rem);
	}

	/* в”Ђв”Ђ Slider в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-slide__title {
		font-size: clamp(1.3rem, 6vw, 1.7rem);
	}

	.bh-slider__controls {
		padding: 0 4px;
	}

	/* в”Ђв”Ђ Sections в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-section {
		padding: 24px 0;
	}

	.bh-section-title {
		font-size: clamp(1.4rem, 7vw, 2rem);
		padding-left: 12px;
	}

	/* ── Buttons: полная ширина ──────────────────────────────── */
	.bh-button,
	.bh-button:visited {
		width: 100%;
		justify-content: center;
	}

	/* в”Ђв”Ђ Hero stats: 3 in row в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-hero-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	.bh-hero-stat strong {
		font-size: 1.4rem;
	}

	.bh-hero-stat span {
		font-size: 0.68rem;
	}

	/* в”Ђв”Ђ Slide chip в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-slide__chip {
		font-size: 0.72rem;
		min-height: 30px;
	}

	/* в”Ђв”Ђ Brand story в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-brand-story__media {
		height: 220px;
	}

	.bh-brand-story__body {
		padding: 22px 16px;
	}

	/* в”Ђв”Ђ Newsletter в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-newsletter-panel {
		padding: 22px 14px;
	}

	/* в”Ђв”Ђ Company в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-company-b2b,
	.bh-company-info {
		padding: 20px 14px;
	}

	/* в”Ђв”Ђ Footer в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-footer__main {
		padding: 28px 14px 22px;
	}

	.bh-footer__col-title {
		font-size: 0.65rem;
	}

	/* ── Footer accordion on mobile (≤ 380px) ──────────────────────── */
	/* Col titles become toggles — JS adds/removes .is-open on .bh-footer__col */
	.bh-footer__col:not(.bh-footer__col--brand) .bh-footer__col-title {
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 0;
		user-select: none;
		-webkit-tap-highlight-color: transparent;
	}

	/* Expand/collapse indicator */
	.bh-footer__col:not(.bh-footer__col--brand) .bh-footer__col-title::after {
		content: "+";
		font-size: 1.1rem;
		line-height: 1;
		color: var(--bh-warm);
		transition: transform 0.22s ease;
		flex-shrink: 0;
	}

	.bh-footer__col.is-open .bh-footer__col-title::after {
		content: "−";
	}

	/* Collapse links by default using CSS grid trick */
	.bh-footer__col:not(.bh-footer__col--brand) .bh-footer__links,
	.bh-footer__col:not(.bh-footer__col--brand) .bh-footer__contacts {
		display: grid;
		grid-template-rows: 0fr;
		overflow: hidden;
		transition: grid-template-rows 0.28s ease, padding-top 0.28s ease;
		padding-top: 0;
	}

	.bh-footer__col:not(.bh-footer__col--brand) .bh-footer__links > *,
	.bh-footer__col:not(.bh-footer__col--brand) .bh-footer__contacts > * {
		min-height: 0;
		overflow: hidden;
	}

	/* Expanded state */
	.bh-footer__col.is-open .bh-footer__links,
	.bh-footer__col.is-open .bh-footer__contacts {
		grid-template-rows: 1fr;
		padding-top: 12px;
	}

	/* в”Ђв”Ђ Delivery в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
	.bh-delivery-coverage {
		padding: 12px 14px;
		gap: 6px 10px;
	}

	.bh-carrier-card {
		padding: 20px 16px 18px;
	}
}


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ⑥ 380px — VERY SMALL (iPhone SE, Galaxy A)
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media (max-width: 480px) {

	:root {
		--bh-container: min(1200px, calc(100vw - 12px));
	}

	.bh-hero--cinema .bh-hero-title {
		font-size: 1.45rem;
	}

	.bh-slide__title {
		font-size: 1.25rem;
	}

	.bh-hero-stats {
		grid-template-columns: 1fr 1fr;
	}

	.bh-section-title {
		font-size: 1.35rem;
	}

	.bh-hero-actions {
		gap: 8px;
	}

	.bh-footer__socials {
		gap: 8px;
	}

	.bh-footer__social {
		width: 32px;
		height: 32px;
	}
}


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   KADENCE WRAPPER WIDTH KILLER (глобальный overflow fix)
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media (max-width: 768px) {
	#wrapper,
	#inner-wrap,
	#primary,
	#main,
	.site,
	.site-container,
	.wrap,
	.wrap.kt-clear,
	.content-area,
	.content-container,
	.site-main,
	.entry-content-bg,
	.entry-content-wrap,
	body.single-product #wrapper,
	body.single-product #inner-wrap,
	body.single-product #primary,
	body.single-product #main,
	body.single-product .site,
	body.single-product .site-container,
	body.single-product .wrap,
	body.single-product .content-area,
	body.single-product .content-container,
	body.single-product .site-main,
	body.single-product .entry-content-bg,
	body.single-product .entry-content-wrap {
		width: 100% !important;
		max-width: 100vw !important;
		min-width: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		overflow-x: hidden !important;
		box-sizing: border-box !important;
	}
}


/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   PRINT
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */
@media print {
	.bh-footer__nl,
	.bh-slider__controls,
	#masthead,
	.bh-sticky-atc {
		display: none !important;
	}

	body {
		background: var(--bh-white) !important;
		color: #000 !important;
	}
}

@media (max-width: 640px) {
	.bh-home .bh-top-trust {
		box-sizing: border-box !important;
		width: 100vw !important;
		max-width: 100vw !important;
		overflow: hidden !important;
		padding: 28px 14px 38px !important;
	}

	.bh-home .bh-top-trust__inner {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
		width: calc(100vw - 52px) !important;
		max-width: calc(100vw - 52px) !important;
	}

	.bh-home .bh-top-trust__item {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		grid-template-columns: 30px minmax(0, 1fr) !important;
		gap: 9px !important;
		min-height: 66px !important;
		padding: 10px 11px !important;
	}

	.bh-home .bh-top-trust__icon {
		width: 28px !important;
		height: 28px !important;
	}

	.bh-home .bh-top-trust__icon svg {
		width: 23px !important;
		height: 23px !important;
	}

	.bh-home .bh-top-trust__copy strong {
		font-size: 0.76rem !important;
	}

	.bh-home .bh-top-trust__copy small {
		font-size: 0.68rem !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-panorama {
		min-height: 560px !important;
		background-size: auto, auto, auto, auto, auto 76% !important;
		background-position: 0 0, 0 0, 0 0, 0 0, 70% 60% !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-video {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-panorama__content {
		padding: 28px 14px 58px !important;
		align-items: flex-start !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-copy {
		width: min(100%, 330px) !important;
		max-width: 330px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-title {
		max-width: 12.8ch !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		font-size: clamp(2rem, 8.4vw, 2.42rem) !important;
		line-height: 1.04 !important;
		text-align: left !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-text,
	.bh-home .bh-hero--cinema .bh-hero-actions {
		width: 100% !important;
		max-width: 330px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		text-align: left !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-panorama__shade {
		background:
			linear-gradient(90deg, rgba(2, 9, 16, 0.96) 0%, rgba(2, 9, 16, 0.82) 48%, rgba(2, 9, 16, 0.36) 100%),
			linear-gradient(180deg, rgba(2, 9, 16, 0.10) 0%, rgba(2, 9, 16, 0.72) 100%) !important;
	}

	.bh-home .bh-hero--cinema .bh-hero-actions .bh-button,
	.bh-home .bh-hero--cinema .bh-hero-actions a,
	.bh-home .bh-hero--cinema .bh-button:visited {
		color: var(--bh-white) !important;
		-webkit-text-fill-color: var(--bh-white) !important;
		opacity: 1 !important;
	}
}
/* BH 2026: B2B slider mobile containment */
.bh-wholesale .bh-slider--wholesale a.bh-slider__btn,
.bh-wholesale .bh-slider--wholesale a.bh-slider__btn:visited,
.bh-wholesale .bh-ws-shop-slider .bh-slider a.bh-slider__btn,
.bh-wholesale .bh-ws-shop-slider .bh-slider a.bh-slider__btn:visited {
	background: linear-gradient(135deg, #35caff 0%, #16b7ee 54%, #087eaf 100%) !important;
	color: var(--bh-white) !important;
	-webkit-text-fill-color: var(--bh-white) !important;
	opacity: 1 !important;
	filter: none !important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.26) !important;
	box-shadow: 0 18px 42px rgba(15, 168, 227, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

@media (max-width: 768px) {
	.bh-wholesale .bh-slider--wholesale,
	.bh-wholesale .bh-slider--wholesale .bh-slider__track,
	.bh-wholesale .bh-slider--wholesale .bh-slider__slide,
	.bh-wholesale .bh-slider--wholesale .bh-slider__content,
	.bh-wholesale .bh-ws-shop-slider .bh-slider,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__track,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__slide,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__content {
		box-sizing: border-box !important;
		max-width: 100% !important;
	}

	.bh-wholesale .bh-slider--wholesale,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider,
	.bh-wholesale .bh-ws-shop-slider .bh-slider {
		height: auto !important;
		min-height: 0 !important;
		padding: 14px 0 18px !important;
		overflow: visible !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__track,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__track,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__track {
		height: auto !important;
		min-height: 0 !important;
		align-items: stretch !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__slide,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__slide,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__slide {
		display: grid !important;
		grid-template-columns: 1fr !important;
		align-content: start !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 28px 18px 34px !important;
		overflow: visible !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__content,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__content,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__content {
		width: min(100%, 340px) !important;
		max-width: 340px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		text-align: left !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__title,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__title,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__title {
		max-width: 12.5ch !important;
		font-size: clamp(2rem, 8.2vw, 2.42rem) !important;
		line-height: 1.04 !important;
		text-wrap: balance !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__image,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__image,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__image {
		position: relative !important;
		inset: auto !important;
		display: none !important;
		width: min(300px, calc(100vw - 76px)) !important;
		min-height: 0 !important;
		margin: 2px auto 0 !important;
		opacity: 1 !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__image img,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__image img {
		width: 100% !important;
		max-height: 180px !important;
		border-radius: 16px !important;
		object-fit: cover !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__text,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__text,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__text {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
		font-size: 0.92rem !important;
		line-height: 1.5 !important;
		overflow-wrap: normal !important;
		text-wrap: wrap !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__perks,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__perks,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__perks {
		width: 100% !important;
		max-width: 100% !important;
		margin-right: auto !important;
		margin-left: auto !important;
		gap: 7px !important;
	}

	.bh-wholesale .bh-slider--wholesale a.bh-slider__btn,
	.bh-wholesale .bh-slider--wholesale a.bh-slider__btn:visited,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider a.bh-slider__btn,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider a.bh-slider__btn:visited,
	.bh-wholesale .bh-ws-shop-slider .bh-slider a.bh-slider__btn,
	.bh-wholesale .bh-ws-shop-slider .bh-slider a.bh-slider__btn:visited {
		width: min(100%, 320px) !important;
		max-width: min(100%, 320px) !important;
		min-height: 50px !important;
		margin-top: 12px !important;
		color: var(--bh-white) !important;
		-webkit-text-fill-color: var(--bh-white) !important;
		opacity: 1 !important;
		filter: none !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__controls,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__controls,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__controls {
		position: static !important;
		inset: auto !important;
		justify-content: center !important;
		width: max-content !important;
		max-width: 100% !important;
		margin: 16px auto 24px !important;
	}

	.bh-wholesale .bh-slider--wholesale .bh-slider__counter,
	.bh-wholesale .bh-ws-shop-slider.bh-shop .bh-slider__counter,
	.bh-wholesale .bh-ws-shop-slider .bh-slider__counter {
		display: none !important;
	}

	#mobile-header .site-header-item .drawer-toggle,
	#mobile-header .drawer-toggle,
	#mobile-header .menu-toggle-open,
	body.bh-wholesale-page #mobile-header .site-header-item .drawer-toggle,
	body.bh-wholesale-page #mobile-header .drawer-toggle,
	body.bh-wholesale-page #mobile-header .menu-toggle-open,
	body.page-id-192 #mobile-header .site-header-item .drawer-toggle,
	body.page-id-192 #mobile-header .drawer-toggle,
	body.page-id-192 #mobile-header .menu-toggle-open,
	body.page-id-193 #mobile-header .site-header-item .drawer-toggle,
	body.page-id-193 #mobile-header .drawer-toggle,
	body.page-id-193 #mobile-header .menu-toggle-open {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		border: 1px solid rgba(95, 205, 255, 0.28) !important;
		border-radius: 15px !important;
		background:
			radial-gradient(circle at 36% 20%, rgba(69, 210, 238, 0.18), transparent 58%),
			linear-gradient(145deg, rgba(10, 38, 58, 0.98), rgba(2, 13, 24, 0.98)) !important;
		color: #dffaff !important;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.10) !important;
	}

	#mobile-header .bh-menu-search,
	#mobile-header .bh-header-search,
	#mobile-drawer .bh-menu-search,
	#mobile-drawer .bh-header-search {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
	}

	.bh-wholesale .bh-ws-request__copy .bh-section-intro {
		width: min(320px, 100%) !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
}
/* ============================================================
   Cart UI mobile overrides
   Base cart component styles live in cart.css.
   ============================================================ */
@media (max-width: 768px) {
	body.bh-cart-open::after {
		content: "";
		position: fixed;
		inset: 0;
		background: rgba(2, 8, 16, 0.55);
		pointer-events: none;
		z-index: 180;
		animation: bh-cart-overlay-in 0.28s ease forwards;
	}
	@keyframes bh-cart-overlay-in {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
}

@media (max-width: 640px) {
	.bh-cart-drawer { width: 100vw; }
	.bh-cart-toast { left: 16px; right: 16px; max-width: none; bottom: 80px; }
}

@media (max-width: 480px) {
	.bh-cart-btn svg {
		display: none;
	}

	.bh-cart-panel,
	.bh-cart__panel {
		width: calc(100vw - 24px);
		right: 12px;
	}
	.bh-cart-panel__head {
		padding: 16px 18px 12px;
	}
	.bh-cart-panel__items {
		padding: 8px 10px;
	}
	.bh-cart-panel__foot {
		padding: 12px 18px 16px;
	}
	.bh-cart-panel__trust {
		justify-content: center;
	}
	.bh-cart-panel__trust span {
		font-size: 0.68rem;
	}
}


/* ============================================================
   WooCommerce tabs — horizontal scroll on mobile
   Covers both shop archive and single product page.
   ============================================================ */
@media (max-width: 768px) {
	.woocommerce-tabs,
	.woocommerce .woocommerce-tabs {
		max-width: 100%;
		overflow: hidden;
	}

	.woocommerce-tabs ul.tabs,
	.woocommerce .woocommerce-tabs ul.tabs {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
		gap: 4px;
		padding-bottom: 4px; /* show scrollbar if present */
		/* Hide scrollbar visually but keep scroll behaviour */
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	.woocommerce-tabs ul.tabs::-webkit-scrollbar,
	.woocommerce .woocommerce-tabs ul.tabs::-webkit-scrollbar {
		display: none;
	}

	.woocommerce-tabs ul.tabs li,
	.woocommerce .woocommerce-tabs ul.tabs li {
		flex: 0 0 auto !important;
		scroll-snap-align: start;
	}

	.woocommerce-tabs .panel,
	.woocommerce .woocommerce-tabs .panel {
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box !important;
		overflow-x: auto;
	}
}