/**
 * Split from contemporaneo.css
 */

/**
 * Contemporáneo 2025 — industrial B2B premium (Hilti/Ryerson vibe).
 * Reglas: #200C80 · Montserrat 300–600 · radius 0 · sin gradients de color · overlays rgba OK.
 */

:root {
	--line: #e5e5e8;
	--paper: #f3f3f5;
	--brand: #200c80;
	--ink: #0e0e14;
	--muted: #5c5c68;
	--font-display: "Montserrat", "Segoe UI", sans-serif;
	--font-body: "Montserrat", "Segoe UI", sans-serif;
}

/* Blueprint accents via SVG pattern (sólido, no rainbow) */
body.hm-site {
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M48 0H0' stroke='%23200c80' stroke-opacity='0.035' stroke-width='1'/%3E%3Cpath d='M0 0V48' stroke='%23200c80' stroke-opacity='0.035' stroke-width='1'/%3E%3C/svg%3E");
	background-size: 48px 48px;
}

body.hm-site .hm-main,
body.hm-site .hm-footer,
body.hm-site .hm-header,
body.hm-site .hm-topbar {
	background-image: none;
}

/* —— Type audaz —— */
body.hm-site {
	font-weight: 300;
	letter-spacing: 0.012em;
	line-height: 1.65;
	color: var(--ink);
}

body.hm-site h1,
body.hm-site .hm-display {
	font-weight: 600;
	letter-spacing: -0.035em;
	line-height: 1.02;
}

body.hm-site h2 {
	font-weight: 500;
	letter-spacing: -0.028em;
	line-height: 1.12;
	font-size: clamp(1.75rem, 3.2vw, 2.45rem);
}

body.hm-site .hm-eyebrow,
body.hm-site .hm-hero__eyebrow {
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

body.hm-site .hm-lead,
body.hm-site .hm-hero__lead,
body.hm-site .hm-section__head p {
	font-weight: 300;
	font-size: clamp(1.02rem, 1.35vw, 1.125rem);
	line-height: 1.7;
	letter-spacing: 0.01em;
	color: var(--muted);
}

body.hm-site .hm-section__head {
	max-width: min(34rem, 92%);
	margin-bottom: clamp(2rem, 4vw, 3rem);
	text-align: left;
}

body.hm-site .hm-section__head--center {
	max-width: min(40rem, 100%);
	margin-inline: 0;
	text-align: left;
}

body.hm-site .hm-section__title--brand {
	font-size: clamp(1.85rem, 3.6vw, 2.65rem);
	font-weight: 500;
	letter-spacing: -0.03em;
}

/* —— Header minimal premium —— */
body.hm-site .hm-topbar {
	background: #0a0428;
	border-bottom: 0;
	min-height: 32px;
	font-size: 0.75rem;
	letter-spacing: 0.04em;
	font-weight: 300;
}

body.hm-site .hm-header {
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid #e5e5e8;
	box-shadow: none;
	backdrop-filter: blur(10px);
}

body.hm-site .hm-header::before { content: none; display: none; }
body.hm-site .hm-header.is-scrolled { box-shadow: none; border-bottom-color: #d8d8de; }

body.hm-site .hm-header__inner {
	min-height: 72px;
}

body.hm-site .hm-nav__link {
	font-weight: 500;
	font-size: 0.8125rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 0.55rem 0.35rem;
}

body.hm-site .hm-nav__item.is-active > .hm-nav__link,
body.hm-site .hm-nav__link.is-active,
body.hm-site .hm-nav__mega-btn.is-active {
	box-shadow: inset 0 -2px 0 var(--brand);
}

body.hm-site .hm-nav__cta,
body.hm-site .hm-header__cta .hm-btn--primary,
body.hm-site .hm-nav__item--cta .hm-nav__cta {
	background: var(--brand);
	color: #fff !important;
	border: 1px solid var(--brand);
	padding: 0.65rem 1.15rem !important;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-size: 0.75rem;
	font-weight: 500;
	box-shadow: none !important;
}

body.hm-site .hm-nav__cta:hover,
body.hm-site .hm-nav__item--cta .hm-nav__cta:hover {
	background: #16085c;
	border-color: #16085c;
	color: #fff !important;
}

/* —— Mega = dropdown compacto (no cartel full-bleed) —— */
body.hm-site .hm-mega {
	width: min(540px, calc(100vw - 1.5rem));
	max-height: min(62vh, 440px);
	border: 1px solid #e5e5e8;
	border-top: 2px solid var(--brand);
	box-shadow: 0 10px 28px rgba(10, 4, 40, 0.1);
	background: #fff;
}

body.hm-site .hm-mega__shell {
	border: 0;
	border-top: 0;
	box-shadow: none;
	background: #fff;
	border-radius: 0;
	padding: 10px 12px 12px;
}

body.hm-site .hm-mega.is-open {
	animation: none;
}

body.hm-site .hm-mega__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px 6px;
	border-left: 0;
}

body.hm-site .hm-mega__col {
	border-right: 0;
	border-bottom: 0;
	padding: 0;
	opacity: 1;
	transform: none;
	transition: none;
}

body.hm-site .hm-mega.is-open .hm-mega__col {
	opacity: 1;
	transform: none;
}

body.hm-site .hm-mega__parent {
	display: flex;
	grid-template-columns: none;
	gap: 8px;
	align-items: center;
	padding: 6px 8px;
	border: 1px solid transparent;
	min-height: 0;
	position: relative;
}

body.hm-site .hm-mega__parent::after {
	content: none;
	display: none;
}

body.hm-site .hm-mega__parent:hover,
body.hm-site .hm-mega__parent:focus-visible {
	background: #f3f3f5;
	border-color: #e5e5e8;
}

body.hm-site .hm-mega__icon {
	width: 28px;
	height: 28px;
	border: 1px solid #e5e5e8;
	background: #f3f3f5;
	display: grid;
	place-items: center;
	color: var(--brand);
	border-radius: 0;
}

body.hm-site .hm-mega__parent:hover .hm-mega__icon {
	border-color: var(--brand);
	background: #fff;
}

body.hm-site .hm-mega__parent strong {
	font-weight: 500;
	font-size: 0.76rem;
	letter-spacing: 0.02em;
	text-transform: none;
	line-height: 1.25;
}

body.hm-site .hm-mega__parent em {
	display: none;
}

body.hm-site .hm-mega__subs {
	padding: 0 8px 4px 36px;
}

body.hm-site .hm-mega__subs a {
	font-size: 0.74rem;
	font-weight: 300;
	padding: 2px 0;
	border-bottom: 0;
}

body.hm-site .hm-mega__subs a:hover {
	color: var(--brand);
	border-bottom-color: transparent;
}

body.hm-site .hm-mega__all {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 8px 0 0;
	padding: 8px 0 0;
	border-top: 1px solid #e5e5e8;
	font-weight: 500;
	font-size: 0.7rem;
	letter-spacing: 0.02em;
	text-transform: none;
	color: var(--brand);
}

@media (max-width: 980px) {
	body.hm-site .hm-mega {
		width: auto;
		max-height: none;
		border: 0;
		box-shadow: none;
		background: transparent;
	}
}

/* —— Shared internal page hero (navy + trama, catalog height) ——
   Applies to all internal page headers. Home / front-page hero is NOT included. */
body.hm-site {
	--hm-page-hero-pad-y: clamp(2.75rem, 5.5vw, 4rem);
	--hm-page-hero-min-h: clamp(14.5rem, 28vw, 18.75rem); /* ~232–300px */
}

body.hm-site .hm-page-hero,
body.hm-site .hm-catalog-hero,
body.hm-site .hm-contact-hero,
body.hm-site .hm-news-hero,
body.hm-site .hm-article-hero,
body.hm-site .hm-ficha-hero {
	position: relative;
	z-index: 0;
	isolation: isolate;
	display: flex;
	align-items: center;
	min-height: var(--hm-page-hero-min-h);
	padding: var(--hm-page-hero-pad-y) 0;
	background-color: #200c80;
	background-image: none;
	overflow: hidden;
	border-bottom: 0;
	color: #fff;
	text-align: left;
}

/* Mobile: avoid clipping breadcrumbs/title when lead wraps (overflow+centered box) */
@media (max-width: 768px) {
	body.hm-site {
		--hm-page-hero-pad-y: clamp(1.85rem, 5vw, 2.5rem);
		--hm-page-hero-min-h: 0;
	}
	body.hm-site .hm-page-hero,
	body.hm-site .hm-catalog-hero,
	body.hm-site .hm-contact-hero,
	body.hm-site .hm-news-hero,
	body.hm-site .hm-article-hero,
	body.hm-site .hm-ficha-hero {
		align-items: flex-start;
		overflow: visible;
		min-height: 0;
		padding-top: max(var(--hm-page-hero-pad-y), 1.85rem);
		padding-bottom: max(var(--hm-page-hero-pad-y), 1.85rem);
	}
	body.hm-site .hm-page-hero h1,
	body.hm-site .hm-catalog-hero h1,
	body.hm-site .hm-contact-hero h1,
	body.hm-site .hm-news-hero h1,
	body.hm-site .hm-article-hero h1 {
		font-size: clamp(1.45rem, 6.2vw, 1.85rem);
		line-height: 1.2;
	}
	body.hm-site .hm-page-hero__lead,
	body.hm-site .hm-page-hero p {
		font-size: 0.95rem;
		line-height: 1.55;
		max-width: none;
	}
}

body.hm-site .hm-page-hero--image {
	background-image: var(--hm-page-hero-image);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

body.hm-site .hm-page-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: rgba(0, 0, 0, 0.55);
}

/* Help / closing CTA bands — brand-dark + trama (not brand #200C80) */
body.hm-site .hm-help-cta,
body.hm-site .hm-cta-band,
body.hm-site .hm-ficha-cta {
	background: #16085c;
	background-image: none;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	color: #fff;
}

/* Navy + trama/grid (SVG pattern — no color gradients) */
body.hm-site .hm-help-cta::before,
body.hm-site .hm-cta-band::before,
body.hm-site .hm-ficha-cta::before,
body.hm-site .hm-ig-strip::before,
body.hm-site .hm-stats::before,
body.hm-site .hm-page-hero::before,
body.hm-site .hm-catalog-hero::before,
body.hm-site .hm-contact-hero::before,
body.hm-site .hm-news-hero::before,
body.hm-site .hm-article-hero::before,
body.hm-site .hm-ficha-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M64 0H0V64' fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='1'/%3E%3C/svg%3E");
	background-size: 64px 64px;
	pointer-events: none;
}

body.hm-site .hm-help-cta > *,
body.hm-site .hm-cta-band > *,
body.hm-site .hm-ficha-cta > *,
body.hm-site .hm-ig-strip > *,
body.hm-site .hm-stats > *,
body.hm-site .hm-page-hero > *,
body.hm-site .hm-catalog-hero > *,
body.hm-site .hm-contact-hero > *,
body.hm-site .hm-news-hero > *,
body.hm-site .hm-article-hero > *,
body.hm-site .hm-ficha-hero > * {
	position: relative;
	z-index: 1;
}

/* Keep .hm-container width/gutter — do not force width:100% (flush-left bug). */
body.hm-site .hm-page-hero__inner,
body.hm-site .hm-catalog-hero__inner {
	position: relative;
	z-index: 1;
	text-align: left;
}

body.hm-site .hm-page-hero h1,
body.hm-site .hm-catalog-hero h1,
body.hm-site .hm-contact-hero h1,
body.hm-site .hm-news-hero h1,
body.hm-site .hm-article-hero h1,
body.hm-site .hm-ficha-hero h1 {
	margin: 0 0 0.5rem;
	font-family: "Montserrat", "Segoe UI", sans-serif;
	font-size: clamp(1.55rem, 2.8vw, 2.15rem);
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.2;
	color: #fff;
	text-align: left;
	text-transform: none;
	max-width: none;
}

body.hm-site .hm-page-hero p,
body.hm-site .hm-page-hero__lead,
body.hm-site .hm-catalog-hero__lead,
body.hm-site .hm-contact-hero__lead,
body.hm-site .hm-news-hero__lead,
body.hm-site .hm-article-hero__lead {
	margin: 0;
	max-width: 52ch;
	font-size: 0.95rem;
	font-weight: 300;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
	text-align: left;
}

body.hm-site .hm-page-hero .hm-breadcrumbs,
body.hm-site .hm-catalog-hero .hm-breadcrumbs,
body.hm-site .hm-contact-hero .hm-breadcrumbs,
body.hm-site .hm-news-hero .hm-breadcrumbs,
body.hm-site .hm-article-hero .hm-breadcrumbs,
body.hm-site .hm-ficha-hero .hm-breadcrumbs {
	margin-bottom: 0.65rem;
}

body.hm-site .hm-page-hero .hm-breadcrumbs ol,
body.hm-site .hm-catalog-hero .hm-breadcrumbs ol,
body.hm-site .hm-contact-hero .hm-breadcrumbs ol,
body.hm-site .hm-news-hero .hm-breadcrumbs ol,
body.hm-site .hm-article-hero .hm-breadcrumbs ol,
body.hm-site .hm-ficha-hero .hm-breadcrumbs ol,
body.hm-site .hm-page-hero .hm-breadcrumbs a,
body.hm-site .hm-catalog-hero .hm-breadcrumbs a,
body.hm-site .hm-contact-hero .hm-breadcrumbs a,
body.hm-site .hm-news-hero .hm-breadcrumbs a,
body.hm-site .hm-article-hero .hm-breadcrumbs a,
body.hm-site .hm-ficha-hero .hm-breadcrumbs a {
	color: rgba(255, 255, 255, 0.78);
}

body.hm-site .hm-page-hero .hm-breadcrumbs a:hover,
body.hm-site .hm-catalog-hero .hm-breadcrumbs a:hover,
body.hm-site .hm-contact-hero .hm-breadcrumbs a:hover,
body.hm-site .hm-news-hero .hm-breadcrumbs a:hover,
body.hm-site .hm-article-hero .hm-breadcrumbs a:hover,
body.hm-site .hm-ficha-hero .hm-breadcrumbs a:hover {
	color: #fff;
}

body.hm-site .hm-page-hero .hm-breadcrumbs li[aria-current="page"],
body.hm-site .hm-catalog-hero .hm-breadcrumbs li[aria-current="page"],
body.hm-site .hm-contact-hero .hm-breadcrumbs li[aria-current="page"],
body.hm-site .hm-news-hero .hm-breadcrumbs li[aria-current="page"],
body.hm-site .hm-article-hero .hm-breadcrumbs li[aria-current="page"],
body.hm-site .hm-ficha-hero .hm-breadcrumbs li[aria-current="page"] {
	color: #fff;
	font-weight: 500;
}

body.hm-site .hm-help-cta h2,
body.hm-site .hm-cta-band h2,
body.hm-site .hm-ficha-cta h2 {
	font-size: clamp(1.7rem, 3.5vw, 2.4rem);
	font-weight: 500;
	letter-spacing: -0.03em;
	max-width: 22ch;
	color: #fff; /* beat design-system h1,h2,h3 { color: ink } on navy bands */
}

body.hm-site .hm-help-cta__text,
body.hm-site .hm-cta-band p,
body.hm-site .hm-ficha-cta p {
	color: rgba(255, 255, 255, 0.88);
}

body.hm-site .hm-stats {
	background: #200C80;
	color: #fff;
	border-radius: 0;
}

body.hm-site .hm-stats__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1.25rem, 3vw, 2rem);
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

body.hm-site .hm-stats__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	min-width: 0;
	width: auto;
	max-width: 100%;
}

body.hm-site .hm-stats__figure,
body.hm-site .hm-stats__prefix,
body.hm-site .hm-stats__num {
	color: #fff;
}

body.hm-site .hm-stats__label {
	color: rgba(255, 255, 255, 0.78);
}

body.hm-site .hm-value-bar {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	list-style: none;
	margin: 0;
}

@media (max-width: 980px) {
	body.hm-site .hm-stats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.hm-site .hm-value-bar { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	body.hm-site .hm-value-bar { grid-template-columns: 1fr 1fr; }
}

body.hm-site .hm-value-bar {
	background: #200C80;
	border-radius: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	border-bottom: none;
	color: #fff;
}

body.hm-site .hm-value-bar li {
	color: #fff;
}

body.hm-site .hm-value-bar__ico,
body.hm-site .hm-value-bar__ico .hm-icon,
body.hm-site .hm-value-bar__ico .hm-icon svg {
	color: #fff;
	stroke: #fff;
	opacity: 1;
}

body.hm-site .hm-value-bar li:hover {
	color: #fff;
}

body.hm-site .hm-value-bar li:hover .hm-value-bar__ico,
body.hm-site .hm-value-bar li:hover .hm-value-bar__ico .hm-icon {
	color: #fff;
	opacity: 1;
}

/* —— Footer —— */
body.hm-site .hm-footer {
	background: #f3f3f5;
	border-top: 1px solid #e5e5e8;
}

body.hm-site .hm-footer h2 {
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: none;
	line-height: 1.35;
}

body.hm-site .hm-footer li,
body.hm-site .hm-footer a {
	font-size: 0.78rem;
}

body.hm-site .hm-footer__base p,
body.hm-site .hm-footer__legal,
body.hm-site .hm-footer__copy,
body.hm-site .hm-footer__base a {
	font-size: 0.7rem;
}

body.hm-site .hm-social--icons a {
	width: 44px;
	height: 44px;
	border: 1px solid #cfd0d6;
	background: #fff;
	color: #200c80;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.hm-site .hm-social--icons a:hover {
	background: var(--brand);
	border-color: var(--brand);
	color: #fff;
}

body.hm-site .hm-social--icons a .hm-icon {
	color: inherit;
	width: 20px;
	height: 20px;
}

/* —— Buttons contemporary —— */
body.hm-site .hm-btn {
	border-radius: 0;
	min-height: 48px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 0.78rem;
	box-shadow: none;
}

body.hm-site .hm-btn:hover {
	transform: translateY(-2px);
	box-shadow: none;
}

body.hm-site .hm-btn--whatsapp,
body.hm-site .hm-btn--wa {
	text-transform: none;
	letter-spacing: 0.01em;
	font-weight: 600;
	background: var(--hm-wa, #0a6b5c);
	border-color: var(--hm-wa, #0a6b5c);
	color: #fff;
}

/* —— Motion reveal —— */
body.hm-site .hm-reveal,
body.hm-site [data-hm-reveal] {
	opacity: 0;
	transform: translateY(14px);
	transition:
		opacity 340ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.hm-site .hm-reveal.is-inview,
body.hm-site .hm-reveal.is-visible,
body.hm-site .hm-reveal.is-in,
body.hm-site [data-hm-reveal].is-inview,
body.hm-site [data-hm-reveal].is-visible,
body.hm-site [data-hm-reveal].is-in {
	opacity: 1;
	transform: none;
}

body.hm-site .hm-stagger > * {
	opacity: 0;
	transform: translateY(12px);
	transition:
		opacity 300ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.hm-site .hm-stagger.is-on > *,
body.hm-site .hm-stagger.is-inview > *,
body.hm-site .hm-stagger.is-visible > *,
body.hm-site .is-inview .hm-stagger > *,
body.hm-site .is-visible .hm-stagger > *,
body.hm-site .hm-reveal.is-inview .hm-stagger > *,
body.hm-site .hm-reveal.is-visible .hm-stagger > * {
	opacity: 1;
	transform: none;
}

body.hm-site .hm-stagger > *:nth-child(1) { transition-delay: 0ms; }
body.hm-site .hm-stagger > *:nth-child(2) { transition-delay: 45ms; }
body.hm-site .hm-stagger > *:nth-child(3) { transition-delay: 90ms; }
body.hm-site .hm-stagger > *:nth-child(4) { transition-delay: 135ms; }
body.hm-site .hm-stagger > *:nth-child(5) { transition-delay: 180ms; }
body.hm-site .hm-stagger > *:nth-child(6) { transition-delay: 225ms; }
body.hm-site .hm-stagger > *:nth-child(7) { transition-delay: 270ms; }
body.hm-site .hm-stagger > *:nth-child(8) { transition-delay: 315ms; }
body.hm-site .hm-stagger > *:nth-child(9) { transition-delay: 360ms; }
body.hm-site .hm-stagger > *:nth-child(10) { transition-delay: 400ms; }
body.hm-site .hm-stagger > *:nth-child(11) { transition-delay: 445ms; }
body.hm-site .hm-stagger > *:nth-child(12) { transition-delay: 490ms; }

/* —— Focus —— */
body.hm-site a:focus-visible,
body.hm-site button:focus-visible,
body.hm-site input:focus-visible,
body.hm-site summary:focus-visible {
	outline: 2px solid var(--brand);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	body.hm-site .hm-reveal,
	body.hm-site [data-hm-reveal],
	body.hm-site .hm-stagger > *,
	body.hm-site .hm-mega__col,
	body.hm-site .hm-services__item,
	body.hm-site .hm-services__icon,
	body.hm-site .hm-services__icon svg,
	body.hm-site .hm-services__icon svg path,
	body.hm-site .hm-services__icon svg rect,
	body.hm-site .hm-services__icon svg circle {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		animation: none !important;
		stroke-dasharray: none !important;
		stroke-dashoffset: 0 !important;
	}

	body.hm-site .hm-services__item[data-hm-icon="clipboard"] .hm-ico-check {
		opacity: 0 !important;
	}
}

/* —— QA polish pass (mobile overflow / contrast / taps) —— */
body.hm-site .hm-page-hero p,
body.hm-site .hm-page-hero__lead,
body.hm-site .hm-contact-hero__lead {
	color: rgba(255, 255, 255, 0.96);
}

body.hm-site .hm-page-hero .hm-breadcrumbs,
body.hm-site .hm-page-hero .hm-breadcrumbs a,
body.hm-site .hm-contact-hero .hm-breadcrumbs,
body.hm-site .hm-contact-hero .hm-breadcrumbs a,
body.hm-site .hm-catalog-hero .hm-breadcrumbs,
body.hm-site .hm-catalog-hero .hm-breadcrumbs a {
	color: rgba(255, 255, 255, 0.92);
}

body.hm-site .hm-topbar__social a {
	min-width: 36px;
	min-height: 36px;
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
}

body.hm-site .hm-topbar__social a .hm-icon {
	width: 16px;
	height: 16px;
}

@media (max-width: 980px) {
	body.hm-site .hm-nav__panel {
		position: fixed;
		top: var(--header-h, 72px);
		left: auto;
		right: 0;
		width: min(100vw, 22rem);
		max-width: 100%;
		height: calc(100dvh - var(--header-h, 72px));
	}
	body.hm-site .hm-nav:not(.is-open) .hm-nav__panel {
		width: 0;
		max-width: 0;
		min-width: 0;
		padding: 0;
		border: 0;
		overflow: hidden;
		transform: none;
	}
	body.hm-site .hm-nav.is-open .hm-nav__panel {
		width: min(100vw, 22rem);
		max-width: 100%;
		transform: none;
	}
	body.hm-site .hm-mega__parent,
	body.hm-site .hm-catalog-cats__subs a {
		min-height: 44px;
		display: flex;
		align-items: center;
	}
}