/**
 * Primene (/primene/) — architectural decision guide
 * Prefix: lm-applications-
 * Tags/chips: border-radius 6px (--lm-surface-tag-radius). Nav tabs: pill (999px).
 */

/* ── Tokens + reset ─────────────────────────────────────────────────────── */

body.lm-surface-applications-page,
.lm-applications-page {
	--lm-surface-tag-radius: 6px;
	--lm-content-max: 1440px;
	--lm-app-feature-max: 1920px;
	--lm-app-bg: #faf9f7;
	--lm-app-surface: #ffffff;
	--lm-app-border: rgba(0, 42, 58, 0.1);
	--lm-app-border-soft: rgba(0, 42, 58, 0.07);
	--lm-app-focus-bg: #eef4f6;
	--lm-app-warning-bg: #faf6f0;
	/* Brand spacing: 4px base (--space-1 … --space-7). */
	--lm-app-section-gap: clamp(1.35rem, 2.8vw, 2rem);
	--lm-app-inner-gap: clamp(0.85rem, 1.6vw, 1.25rem);
	--lm-app-card-gap: 0.75rem;
	--lm-app-card-pad: clamp(0.95rem, 1.8vw, 1.25rem);
	--lm-app-stack-gap: 0.75rem;
}

body.lm-surface-applications-page {
	--lm-page-padding-x: 40px;
	--lm-page-padding-y: 24px;
	--laminam-z-page: 10;
	--laminam-z-header: 1200;
	--laminam-z-header-mega: 1201;
	background: var(--lm-app-bg, #faf9f7);
}

@media (max-width: 1120px) {
	body.lm-surface-applications-page { --lm-page-padding-x: 20px; --lm-page-padding-y: 20px; }
}
@media (max-width: 767px) {
	body.lm-surface-applications-page { --lm-page-padding-x: 16px; --lm-page-padding-y: 16px; }
}

body.lm-surface-applications-page #primary,
body.lm-surface-applications-page .site-content,
body.lm-surface-applications-page .elementor-section .elementor-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.lm-applications-page h1, .lm-applications-page h2,
.lm-applications-page h3, .lm-applications-page h4 {
	font-weight: inherit;
	text-transform: none;
	letter-spacing: normal;
	margin-top: 0;
}

.lm-applications-page p:not(.lm-applications-checklist__disclaimer):not(.lm-applications-focus__note) { margin-top: 0; }
.lm-applications-page ul, .lm-applications-page ol { margin: 0; padding: 0; list-style: none; }
.lm-applications-page img { max-width: 100%; height: auto; display: block; }

.lm-applications-panel[hidden] { display: none !important; }
.lm-applications-panel.lm-surface-enter.is-open.lm-surface-enter-active {
	animation: lm-surface-enter var(--lm-motion-duration, 320ms) var(--lm-motion-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}

/* ── Shared utilities ─────────────────────────────────────────────────── */

/* Page-level eyebrow — typography: lm-surface-engine.css (.lm-surface-page-head) */
.lm-applications-eyebrow {
	margin: 0;
}

.lm-applications-section-title {
	margin: 0 0 0.85rem;
	font-family: "Bricolage Grotesque", "Work Sans", Arial, sans-serif;
	font-size: clamp(1.2rem, 2vw, 1.45rem);
	font-weight: 400;
	line-height: 1.25;
	color: var(--lm-navy, #002a3a);
}

/* Tags — 6px radius, NEVER pill */
.lm-applications-tag {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.65rem;
	border: 1px solid var(--lm-app-border);
	border-radius: var(--lm-surface-tag-radius, 6px);
	background: var(--lm-app-surface, #fff);
	font-family: "Work Sans", Arial, sans-serif;
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--lm-navy-mid, #073343);
	white-space: normal;
}

.lm-applications-tag--tech {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	background: var(--lm-app-bg, #faf9f7);
}

.lm-applications-tag--muted {
	color: var(--lm-muted, #626b6d);
	font-size: 0.72rem;
}

.lm-application-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--lm-navy-light, #7fa9b6);
}
.lm-application-icon svg { width: 100%; height: 100%; display: block; }

/* ── 1. Hero ────────────────────────────────────────────────────────────── */

.lm-applications-hero {
	margin-bottom: clamp(0.85rem, 1.8vw, 1.25rem);
	padding-top: 0;
	max-width: min(44rem, 100%);
}

.lm-applications-hero__title {
	margin: 0;
}

.lm-applications-hero__title + .lm-applications-hero__lead {
	margin-top: 0.5rem;
}

.lm-applications-hero__lead {
	margin: 0 0 0.85rem;
	max-width: 58ch;
	font-family: "Work Sans", Arial, sans-serif;
	font-size: clamp(0.9375rem, 1.4vw, 1.05rem);
	line-height: 1.65;
	color: var(--lm-muted, #626b6d);
}

.lm-applications-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

/* ── 2. Switcher (sticky tabs) — matches /vodici/ hub nav card + pill tabs ─ */

body.lm-surface-applications-page .laminam-mega {
	z-index: var(--laminam-z-header-mega, 1201) !important;
}

.lm-applications-tabs-sentinel { height: 1px; }

.lm-applications-switcher {
	position: sticky;
	top: var(--lm-applications-sticky-top, var(--lm-site-header-bottom, 5.875rem));
	z-index: 8;
	margin: 0 0 clamp(0.75rem, 1.6vw, 1.1rem);
	padding: 0.2rem 0;
	background: transparent;
}

.lm-applications-tabs-spacer {
	display: none !important;
}

.lm-applications-switcher__track {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.lm-applications-switcher__nav {
	width: 100%;
}

.lm-applications-switcher__scroll {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	overflow-y: clip;
	overscroll-behavior-x: contain;
	overscroll-behavior-y: auto;
	touch-action: pan-x pan-y pinch-zoom;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding: 0.35rem;
	border: 1px solid var(--lm-app-border-soft);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 10px 28px rgba(0, 42, 58, 0.05);
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.lm-applications-switcher.is-docked .lm-applications-switcher__scroll {
	background: rgba(255, 255, 255, 0.97);
	box-shadow: 0 12px 32px rgba(0, 42, 58, 0.07);
}

.lm-applications-switcher__scroll::-webkit-scrollbar { display: none; }

.lm-applications-switcher__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.lm-applications-switcher__item { flex-shrink: 0; }

/*
 * Kill Elementor kit `.elementor-kit-6 button` navy CTA chrome on Primene tabs.
 * Kit sets background #002A3A + white text + 13px 24px padding on every button.
 */
body.elementor-kit-6.lm-surface-applications-page button.lm-applications-switcher__btn,
body.lm-surface-applications-page button.lm-applications-switcher__btn,
body.elementor-kit-6 .lm-applications-page button.lm-applications-switcher__btn,
.lm-applications-page button.lm-applications-switcher__btn {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.45rem !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	min-height: 34px !important;
	margin: 0 !important;
	padding: 0.35rem 0.75rem !important;
	border: 1px solid transparent !important;
	border-radius: 999px !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
	font-family: "Work Sans", Arial, sans-serif !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-transform: none !important;
	color: #4c5659 !important;
	-webkit-text-fill-color: #4c5659 !important;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.elementor-kit-6.lm-surface-applications-page button.lm-applications-switcher__btn:hover,
body.elementor-kit-6.lm-surface-applications-page button.lm-applications-switcher__btn:focus,
body.elementor-kit-6.lm-surface-applications-page button.lm-applications-switcher__btn:focus-visible,
body.elementor-kit-6.lm-surface-applications-page button.lm-applications-switcher__btn.is-active,
body.lm-surface-applications-page button.lm-applications-switcher__btn:hover,
body.lm-surface-applications-page button.lm-applications-switcher__btn:focus-visible,
body.lm-surface-applications-page button.lm-applications-switcher__btn.is-active,
body.elementor-kit-6 .lm-applications-page button.lm-applications-switcher__btn:hover,
body.elementor-kit-6 .lm-applications-page button.lm-applications-switcher__btn:focus-visible,
body.elementor-kit-6 .lm-applications-page button.lm-applications-switcher__btn.is-active,
.lm-applications-page button.lm-applications-switcher__btn:hover,
.lm-applications-page button.lm-applications-switcher__btn:focus-visible,
.lm-applications-page button.lm-applications-switcher__btn.is-active {
	border-color: rgba(127, 169, 182, 0.35) !important;
	background: var(--lm-app-focus-bg, #eef4f6) !important;
	background-color: var(--lm-app-focus-bg, #eef4f6) !important;
	background-image: none !important;
	color: #002a3a !important;
	-webkit-text-fill-color: #002a3a !important;
	box-shadow: none !important;
	outline: none;
}

.lm-applications-switcher__icon {
	width: 17px;
	height: 17px;
	flex-shrink: 0;
	opacity: 0.65;
	transition: opacity 0.2s ease;
}

.lm-applications-switcher__btn:hover .lm-applications-switcher__icon,
.lm-applications-switcher__btn:focus-visible .lm-applications-switcher__icon,
.lm-applications-switcher__btn.is-active .lm-applications-switcher__icon {
	opacity: 1;
}

@media (max-width: 767px) {
	.lm-applications-switcher__list {
		flex-wrap: nowrap;
	}
}

.lm-applications-panels {
	display: flex;
	flex-direction: column;
}

/* ── Panel wrapper ──────────────────────────────────────────────────────── */

.lm-applications-panel {
	display: flex;
	flex-direction: column;
	gap: var(--lm-app-section-gap);
	padding-bottom: var(--lm-app-section-gap);
}

/* ── 3. Summary card ──────────────────────────────────────────────────── */

.lm-applications-summary {
	padding: clamp(0.95rem, 1.8vw, 1.25rem);
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border);
	border-radius: 12px;
}

.lm-applications-summary__head {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	margin-bottom: 0;
}

.lm-applications-summary__head:has(+ .lm-applications-summary__group),
.lm-applications-summary__head:has(+ .lm-applications-summary__warning) {
	margin-bottom: 1rem;
}

.lm-applications-summary__copy {
	flex: 1;
	min-width: 0;
}

.lm-applications-summary__icon {
	width: 28px;
	height: 28px;
	margin-top: 0.15rem;
	flex-shrink: 0;
}

.lm-applications-summary__title {
	margin: 0 0 0.4rem;
	font-family: "Bricolage Grotesque", "Work Sans", Arial, sans-serif;
	font-size: clamp(1.5rem, 2.8vw, 2rem);
	font-weight: 400;
	line-height: 1.15;
	color: var(--lm-navy, #002a3a);
}

.lm-applications-summary__subtitle {
	margin: 0;
	max-width: 58ch;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--lm-muted, #626b6d);
}

.lm-applications-summary__subtitle + .lm-applications-summary__subtitle {
	margin-top: 0.55rem;
}

.lm-applications-summary__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1rem;
}

.lm-applications-summary__actions .laminam-btn {
	margin: 0;
}

.lm-applications-summary--hero .lm-applications-summary__subtitle {
	max-width: 68ch;
}

.lm-applications-summary--hero .lm-applications-summary__head {
	max-width: 52rem;
}

.lm-applications-summary__group {
	margin-bottom: 0.85rem;
}
.lm-applications-summary__group:last-of-type { margin-bottom: 0; }

.lm-applications-summary__label {
	margin: 0 0 0.4rem;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lm-navy-light, #7fa9b6);
}

.lm-applications-summary__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.lm-applications-summary__warning {
	margin-top: 0.9rem;
	padding: 0.7rem 0.85rem;
	background: var(--lm-app-warning-bg, #faf6f0);
	border-left: 3px solid rgba(0, 42, 58, 0.18);
	border-radius: 0 var(--lm-surface-tag-radius, 6px) var(--lm-surface-tag-radius, 6px) 0;
}

.lm-applications-summary__warning-label {
	margin: 0 0 0.25rem;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lm-navy-light, #7fa9b6);
}

.lm-applications-summary__warning-text {
	max-width: 58ch;
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.55;
	color: var(--lm-navy-mid, #073343);
}

/* ── 4. Feature image (full-bleed up to 1920px) ─────────────────────────── */

.lm-applications-feature {
	margin: 0;
}

.lm-applications-feature__bleed {
	width: min(100vw, var(--lm-app-feature-max, 1920px));
	max-width: var(--lm-app-feature-max, 1920px);
	margin-left: calc(50% - min(50vw, calc(var(--lm-app-feature-max, 1920px) / 2)));
	margin-right: calc(50% - min(50vw, calc(var(--lm-app-feature-max, 1920px) / 2)));
	border-radius: 0;
	overflow: hidden;
	background: var(--lm-warm-100, #f4f1ec);
}

.lm-applications-feature img {
	width: 100%;
	aspect-ratio: 21 / 9;
	object-fit: cover;
}

.lm-applications-feature__caption {
	padding: 0.5rem 0 0;
	font-size: 0.78rem;
	line-height: 1.45;
	color: var(--lm-muted, #626b6d);
	font-style: italic;
}

.lm-applications-feature__caption a.lm-applications-caption__material,
.lm-applications-gallery__caption a.lm-applications-caption__material,
.lm-application-gallery-v3__caption a.lm-applications-caption__material {
	color: inherit;
	font-style: inherit;
	text-decoration: underline;
	text-decoration-color: rgba(7, 51, 67, 0.35);
	text-underline-offset: 2px;
}

.lm-applications-feature__caption a.lm-applications-caption__material:hover,
.lm-applications-feature__caption a.lm-applications-caption__material:focus-visible,
.lm-applications-gallery__caption a.lm-applications-caption__material:hover,
.lm-applications-gallery__caption a.lm-applications-caption__material:focus-visible,
.lm-application-gallery-v3__caption a.lm-applications-caption__material:hover,
.lm-application-gallery-v3__caption a.lm-applications-caption__material:focus-visible {
	color: var(--lm-navy, #073343);
	text-decoration-color: currentColor;
}

.lm-applications-feature--desktop {
	display: block;
}

@media (max-width: 767px) {
	.lm-applications-feature--desktop { display: none; }
}

/* ── 5. Decision section ──────────────────────────────────────────────── */

.lm-applications-decision__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: clamp(1.1rem, 2.2vw, 1.75rem);
	align-items: start;
}

.lm-applications-decision__prose {
	font-size: 0.9375rem;
	line-height: 1.75;
	color: var(--lm-text, #2d3436);
	max-width: 62ch;
}

.lm-applications-decision__prose p { margin: 0; }

.lm-applications-decision__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.6rem;
}

.lm-applications-decision-card {
	padding: 0.85rem 0.95rem;
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border);
	border-radius: 12px;
}

.lm-applications-decision-card__title {
	margin: 0 0 0.4rem;
	font-family: "Work Sans", Arial, sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--lm-navy, #002a3a);
}

.lm-applications-decision-card__text {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.55;
	color: var(--lm-muted, #626b6d);
	max-width: none;
	overflow-wrap: anywhere;
}

@media (max-width: 900px) {
	.lm-applications-decision__grid { grid-template-columns: 1fr; }
}

/* ── 6. Technical checklist ───────────────────────────────────────────── */

.lm-applications-checklist__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.6rem;
}

.lm-applications-checklist-card {
	padding: 0.8rem 0.9rem;
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border-soft);
	border-radius: 10px;
}

.lm-applications-checklist-card__title {
	margin: 0 0 0.35rem;
	font-family: "Work Sans", Arial, sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.35;
	color: var(--lm-navy, #002a3a);
}

.lm-applications-checklist-card__text {
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.5;
	color: var(--lm-muted, #626b6d);
	max-width: 52ch;
}

.lm-applications-checklist__foot {
	margin-top: clamp(1.1rem, 2vw, 1.5rem);
	padding-top: clamp(0.85rem, 1.5vw, 1rem);
	border-top: 1px solid rgba(0, 42, 58, 0.12);
}

.lm-applications-checklist__disclaimer {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	max-width: 72ch;
	font-family: "Work Sans", Arial, sans-serif;
	font-size: 0.75rem;
	line-height: 1.55;
	color: var(--lm-muted, #626b6d);
	font-style: italic;
}

@media (max-width: 1024px) {
	.lm-applications-checklist__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── 8. Focus block (bento grid) ──────────────────────────────────────── */

.lm-applications-focus {
	padding: clamp(0.95rem, 1.8vw, 1.25rem);
	background: var(--lm-app-focus-bg, #eef4f6);
	border: 1px solid rgba(127, 169, 182, 0.25);
	border-radius: 12px;
}

.lm-applications-focus__bento {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 0.6rem;
	align-items: start;
}

.lm-applications-focus__bento.is-no-sidebar {
	grid-template-columns: 1fr;
}

.lm-applications-focus__cell--header {
	grid-column: 1 / -1;
}

.lm-applications-focus__cell--intro {
	grid-column: 1;
	grid-row: 2;
	align-self: stretch;
}

.lm-applications-focus__bento.is-no-sidebar .lm-applications-focus__cell--intro {
	grid-column: 1 / -1;
	max-width: 62ch;
}

.lm-applications-focus__sidebar {
	grid-column: 2;
	grid-row: 2;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.lm-applications-focus__cell--uses {
	grid-column: 1 / -1;
}

.lm-applications-focus__cell--footer {
	grid-column: 1 / -1;
}

.lm-applications-focus__tile {
	padding: 0.8rem 0.95rem;
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border-soft, rgba(127, 169, 182, 0.2));
	border-radius: 10px;
}

.lm-applications-focus__label {
	margin: 0 0 0.35rem;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--lm-navy-light, #7fa9b6);
}

.lm-applications-focus__title {
	margin: 0;
	font-family: "Bricolage Grotesque", "Work Sans", Arial, sans-serif;
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	font-weight: 400;
	line-height: 1.25;
	color: var(--lm-navy, #002a3a);
}

.lm-applications-focus__tile-label {
	margin: 0 0 0.5rem;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--lm-navy-light, #7fa9b6);
}

.lm-applications-focus__intro {
	max-width: 58ch;
}

.lm-applications-focus__intro p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.65;
	color: var(--lm-text, #2d3436);
}

.lm-applications-focus__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.lm-applications-focus__checks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45rem 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lm-applications-focus__checks li {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--lm-navy-mid, #073343);
}

.lm-applications-focus__checks li::before {
	content: "";
	flex-shrink: 0;
	width: 5px;
	height: 5px;
	margin-top: 0.45em;
	border-radius: 1px;
	background: var(--lm-navy-light, #7fa9b6);
}

.lm-applications-focus__uses {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.lm-applications-focus__uses li {
	padding: 0.35rem 0.65rem;
	font-size: 0.78rem;
	line-height: 1.35;
	color: var(--lm-navy-mid, #073343);
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border-soft, rgba(127, 169, 182, 0.2));
	border-radius: var(--lm-surface-tag-radius, 6px);
}

.lm-applications-focus__cell--uses.lm-applications-focus__tile {
	background: transparent;
	border-style: dashed;
}

.lm-applications-focus__cell--footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.15rem;
	margin-top: clamp(1rem, 2vw, 1.35rem);
	padding-top: clamp(0.85rem, 1.5vw, 1rem);
	border-top: 1px solid rgba(0, 42, 58, 0.12);
}

.lm-applications-focus__note {
	flex: 1 1 20rem;
	max-width: 62ch;
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--lm-muted, #626b6d);
	font-style: italic;
}

.lm-applications-focus__cta {
	flex-shrink: 0;
	margin: 0;
}

.lm-applications-page .lm-applications-focus__cta.laminam-btn--primary {
	--btn-bg: #002a3a;
	--btn-bg-hover: #073343;
	--btn-color: #fff;
	--btn-color-hover: #fff;
	--btn-border: #002a3a;
	--btn-border-hover: #073343;
}

.lm-applications-page .lm-applications-focus__cta.laminam-btn--primary:hover,
.lm-applications-page .lm-applications-focus__cta.laminam-btn--primary:focus-visible {
	background: var(--btn-bg-hover) !important;
	border-color: var(--btn-border-hover) !important;
	color: var(--btn-color-hover) !important;
}

@media (max-width: 820px) {
	.lm-applications-focus__bento,
	.lm-applications-focus__bento.is-no-sidebar {
		grid-template-columns: 1fr;
	}

	.lm-applications-focus__cell--intro,
	.lm-applications-focus__bento.is-no-sidebar .lm-applications-focus__cell--intro {
		grid-column: 1;
		grid-row: auto;
		align-self: start;
		max-width: none;
	}

	.lm-applications-focus__sidebar {
		grid-column: 1;
		grid-row: auto;
	}

	.lm-applications-focus__checks {
		grid-template-columns: 1fr;
	}

	.lm-applications-focus__cell--footer {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		align-self: start;
		gap: 0.65rem;
	}

	.lm-applications-focus__note {
		flex: 0 1 auto;
		max-width: none;
	}
}

@media (max-width: 520px) {
	.lm-applications-focus__uses {
		flex-direction: column;
	}

	.lm-applications-focus__uses li {
		width: 100%;
	}
}

/* ── 7. Materials ─────────────────────────────────────────────────────── */

.lm-applications-materials__grid {
	margin: 0 0 1rem;
}

.lm-applications-materials__hints {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.6rem;
}

.lm-applications-material-hint {
	padding: 0.8rem 0.9rem;
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border-soft);
	border-radius: 10px;
}

.lm-applications-material-hint__title {
	margin: 0 0 0.35rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: var(--lm-navy, #002a3a);
}

.lm-applications-material-hint__text {
	margin: 0 0 0.65rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: var(--lm-muted, #626b6d);
}

.lm-applications-material-hint__link {
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--lm-navy-mid, #073343);
	text-decoration: none;
	border-bottom: 1px solid rgba(0, 42, 58, 0.2);
}

.lm-applications-material-hint__link:hover {
	color: var(--lm-navy, #002a3a);
	border-bottom-color: var(--lm-navy, #002a3a);
}

@media (max-width: 768px) {
	.lm-applications-materials__hints { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Material cards — listing styles from materijali-page.css (enqueued on /primene/) */

.lm-applications-page .lm-surface-material-grid:not(.lm-applications-closer__grid) {
	margin: 0;
}

/* ── 9. Gallery ───────────────────────────────────────────────────────── */

.lm-applications-gallery__head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 0.65rem;
}

.lm-applications-gallery__head .lm-applications-section-title { margin: 0; }

.lm-applications-gallery__lead {
	margin: 0 0 0.65rem;
	font-size: 0.9rem;
	line-height: 1.62;
	color: var(--lm-muted, #626b6d);
}

.lm-applications-gallery--mobile-hero {
	display: none;
	margin: 0;
}

.lm-applications-gallery--footer {
	display: block;
}

@media (max-width: 767px) {
	.lm-applications-gallery--mobile-hero {
		display: block;
	}

	.lm-applications-gallery--footer {
		display: none;
	}
}

@media (max-width: 767px) {
	.lm-applications-feature img { aspect-ratio: 16 / 10; }
}

/* Horizontal scroll rail (same interaction pattern as material page gallery). */
.lm-applications-gallery .lm-surface-gallery-rail {
	position: relative;
	width: 100%;
}

.lm-applications-gallery .lm-surface-gallery-rail__stage {
	position: relative;
}

.lm-applications-gallery .lm-surface-gallery-rail__viewport {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	overflow-y: clip;
	overscroll-behavior-x: contain;
	overscroll-behavior-y: auto;
	touch-action: pan-x pan-y pinch-zoom;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	cursor: grab;
	padding-bottom: 0.2rem;
}

.lm-applications-gallery .lm-surface-gallery-rail__viewport::-webkit-scrollbar {
	display: none;
}

.lm-applications-gallery .lm-surface-gallery-rail__viewport.is-dragging {
	cursor: grabbing;
	scroll-snap-type: none;
	user-select: none;
}

.lm-applications-gallery .lm-surface-gallery--scroll,
.lm-applications-gallery .lm-applications-gallery__track {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 0.75rem;
	width: max-content;
	margin: 0;
	padding-right: 1.25rem;
}

.lm-applications-gallery .lm-applications-gallery__item {
	--lm-app-gallery-card: min(22rem, calc((100vw - (2 * var(--lm-page-padding-x, 40px)) - 2.5rem) / 2.45));
	flex: 0 0 var(--lm-app-gallery-card);
	width: var(--lm-app-gallery-card);
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border-soft, rgba(7, 51, 67, 0.08));
	scroll-snap-align: start;
}

.lm-applications-gallery .lm-applications-gallery__item .lm-surface-texture-zoom {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: zoom-in;
	line-height: 0;
	text-align: left;
	font: inherit;
	color: inherit;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.lm-applications-gallery .lm-applications-gallery__item .lm-surface-texture-zoom:hover,
.lm-applications-gallery .lm-applications-gallery__item .lm-surface-texture-zoom:focus,
.lm-applications-gallery .lm-applications-gallery__item .lm-surface-texture-zoom:active,
.lm-applications-gallery .lm-applications-gallery__item .lm-surface-texture-zoom:focus-visible {
	background: transparent !important;
	box-shadow: none !important;
	outline: none;
}

.lm-applications-gallery .lm-applications-gallery__item .lm-surface-texture-zoom:focus-visible {
	outline: 2px solid var(--lm-navy-mid, #073343);
	outline-offset: -2px;
}

.lm-applications-gallery .lm-applications-gallery__item img,
.lm-applications-gallery .lm-applications-gallery__item .lm-surface-texture-img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-drag: none;
	user-select: none;
}

/* Lightbox Elementor button resets (same pattern as material page). */
body.lm-surface-applications-page .lm-surface-lightbox button:not(.lm-surface-lightbox__dock-btn--reset) {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-family: "Work Sans", Arial, sans-serif !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}

body.lm-surface-applications-page .lm-surface-lightbox__backdrop {
	border: 0 !important;
	border-radius: 0 !important;
	background: rgba(0, 24, 34, 0.84) !important;
}

body.lm-surface-applications-page .lm-surface-lightbox__backdrop:hover,
body.lm-surface-applications-page .lm-surface-lightbox__backdrop:focus,
body.lm-surface-applications-page .lm-surface-lightbox__backdrop:active,
body.lm-surface-applications-page .lm-surface-lightbox__backdrop:focus-visible {
	background: rgba(0, 24, 34, 0.84) !important;
	outline: none !important;
	box-shadow: none !important;
}

.lm-applications-gallery__caption {
	padding: 0.45rem 0.65rem;
	font-size: 0.78rem;
	line-height: 1.45;
	color: var(--lm-navy-mid, #073343);
	background: var(--lm-app-surface, #fff);
	border-top: 1px solid var(--lm-app-border-soft);
}

.lm-applications-gallery .lm-surface-gallery-rail__scroll {
	display: block;
	margin-top: 0.7rem;
	padding: 0.1rem 0 0;
}

.lm-applications-gallery .lm-surface-gallery-rail__scroll[hidden] {
	display: none;
}

.lm-applications-gallery .lm-surface-gallery-rail__scroll-track {
	position: relative;
	width: 100%;
	height: 2px;
	border-radius: 999px;
	background: rgba(0, 42, 58, 0.07);
	cursor: pointer;
	outline: none;
	overflow: visible;
	touch-action: none;
}

.lm-applications-gallery .lm-surface-gallery-rail__scroll-thumb {
	position: absolute;
	top: 50%;
	left: 0;
	height: 3px;
	border-radius: 999px;
	background: rgba(0, 42, 58, 0.34);
	transform: translateY(-50%);
	transition: transform 0.14s ease-out, width 0.14s ease-out, background-color 0.18s ease;
	will-change: transform, width;
}

.lm-applications-gallery .lm-surface-gallery-rail__scroll-track:hover .lm-surface-gallery-rail__scroll-thumb,
.lm-applications-gallery .lm-surface-gallery-rail__scroll-track:focus-visible .lm-surface-gallery-rail__scroll-thumb {
	background: rgba(0, 42, 58, 0.52);
}

.lm-applications-gallery .lm-surface-gallery-rail__scroll-track:focus-visible .lm-surface-gallery-rail__scroll-thumb {
	background: var(--lm-navy-mid, #1a4d66);
	box-shadow: 0 0 0 3px rgba(94, 184, 217, 0.28);
}

@media (prefers-reduced-motion: reduce) {
	.lm-applications-gallery .lm-surface-gallery-rail__scroll-thumb {
		transition: none;
	}
}

.lm-applications-gallery.is-placeholder .lm-applications-gallery__item img { opacity: 0.85; }

/* ── 10. FAQ ──────────────────────────────────────────────────────────── */

.lm-applications-faq {
	max-width: 50%;
	width: 100%;
}

@media (max-width: 900px) {
	.lm-applications-faq {
		max-width: 100%;
	}
}

/* ── 11. Materials closer (featured slabs + explorer CTA) ─────────────── */

.lm-applications-closer {
	padding: clamp(0.95rem, 1.8vw, 1.3rem);
	background: var(--lm-app-surface, #fff);
	border: 1px solid var(--lm-app-border);
	border-radius: 12px;
}

.lm-applications-closer__head {
	margin-bottom: clamp(0.85rem, 1.5vw, 1.1rem);
	max-width: 62ch;
}

.lm-applications-closer__title {
	margin: 0 0 0.35rem;
	font-family: "Bricolage Grotesque", "Work Sans", Arial, sans-serif;
	font-size: clamp(1.1rem, 2vw, 1.3rem);
	font-weight: 400;
	line-height: 1.3;
	color: var(--lm-navy, #002a3a);
}

.lm-applications-closer__lead {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.62;
	color: var(--lm-muted, #626b6d);
}

.lm-applications-closer__lead p {
	margin: 0 0 0.5rem;
}

.lm-applications-closer__lead p:last-child {
	margin-bottom: 0;
}

.lm-applications-closer__grid,
.lm-applications-closer .lm-applications-closer__grid.lm-surface-material-grid {
	margin: 0 0 clamp(1.1rem, 2vw, 1.5rem);
}

.lm-applications-closer__foot {
	padding-top: 0;
	border-top: 0;
}

.lm-applications-closer__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

.lm-applications-empty {
	padding: 2rem 0;
	text-align: center;
	color: var(--lm-muted, #626b6d);
}

.lm-applications-page .laminam-btn {
	--btn-bg: transparent;
	--btn-bg-hover: transparent;
	--btn-color: #002a3a;
	--btn-color-hover: #002a3a;
	--btn-border: transparent;
	--btn-border-hover: transparent;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	min-height: 44px;
	padding: 12px 1.1rem !important;
	border: 1px solid var(--btn-border) !important;
	border-radius: 999px !important;
	background: var(--btn-bg) !important;
	color: var(--btn-color) !important;
	box-shadow: none !important;
	font-family: "Work Sans", Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.035em !important;
	text-decoration: none !important;
	transform: none !important;
	transition: background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.lm-applications-page .laminam-btn--primary {
	--btn-bg: #002a3a;
	--btn-bg-hover: #073343;
	--btn-color: #fff;
	--btn-color-hover: #fff;
	--btn-border: #002a3a;
	--btn-border-hover: #073343;
}

.lm-applications-page .laminam-btn--primary:hover,
.lm-applications-page .laminam-btn--primary:focus-visible {
	background: var(--btn-bg-hover) !important;
	border-color: var(--btn-border-hover) !important;
	color: var(--btn-color-hover) !important;
	transform: translateY(-1px);
}

.lm-applications-page .laminam-btn--secondary {
	--btn-bg: rgba(0, 42, 58, 0.035);
	--btn-bg-hover: #eef4f6;
	--btn-color: #002a3a;
	--btn-color-hover: #002a3a;
	--btn-border: rgba(0, 42, 58, 0.16);
	--btn-border-hover: rgba(0, 42, 58, 0.34);
}

.lm-applications-page .laminam-btn--secondary:hover,
.lm-applications-page .laminam-btn--secondary:focus-visible {
	background: var(--btn-bg-hover) !important;
	border-color: var(--btn-border-hover) !important;
	color: var(--btn-color-hover) !important;
	transform: none;
}

@media (max-width: 540px) {
	.lm-applications-closer__actions {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Embedded guide sections (process, tables) on application panels */
.lm-applications-sections {
	margin: 1.35rem 0 0;
	padding-top: 0.15rem;
}

.lm-applications-sections .lm-guides-section {
	margin-bottom: 1.1rem;
	padding: 0.95rem 1rem 1.05rem;
	border: 1px solid var(--lm-app-border);
	border-radius: 14px;
	background: var(--lm-app-surface, #fff);
}

.lm-applications-sections .lm-guides-section__head {
	margin-bottom: 0.5rem;
}

.lm-applications-sections .lm-guides-section__title {
	margin: 0;
	font-family: "Bricolage Grotesque", "Work Sans", Arial, sans-serif;
	font-size: clamp(1.2rem, 2.4vw, 1.4rem);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--lm-navy, #002a3a);
}

.lm-applications-sections .lm-guides-prose--table-intro {
	margin: 0 0 0.65rem;
	max-width: none;
}

.lm-applications-sections .lm-guides-prose--table-intro p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--lm-muted, #626b6d);
}

.lm-applications-sections .lm-data-table {
	margin-top: 0;
}

/* ── Mobile spacing revision (≤767px) — brand 4px grid: 8 / 12 / 16 / 20 / 24 / 32px ── */

@media (max-width: 767px) {
	body.lm-surface-applications-page,
	.lm-applications-page {
		--lm-app-section-gap: 2rem; /* 32px between panel blocks */
		--lm-app-inner-gap: 1rem; /* 16px inside sections */
		--lm-app-card-gap: 0.75rem; /* 12px card grids */
		--lm-app-card-pad: 1.25rem; /* 20px card padding */
		--lm-app-stack-gap: 0.75rem; /* 12px stacked items */
	}

	/* Hero */
	.lm-applications-hero {
		margin-bottom: 1.5rem;
	}

	.lm-applications-hero__title + .lm-applications-hero__lead {
		margin-top: 0.75rem;
	}

	.lm-applications-hero__lead {
		margin-bottom: 1rem;
	}

	.lm-applications-hero__actions {
		gap: 0.75rem;
	}

	/* Tab switcher */
	.lm-applications-switcher {
		margin-bottom: 1.25rem;
		padding: 0;
	}

	.lm-applications-switcher__scroll {
		padding: 0.5rem;
	}

	.lm-applications-switcher__list {
		gap: 0.5rem;
	}

	/* Panel rhythm */
	.lm-applications-panel {
		gap: var(--lm-app-section-gap);
		padding-bottom: var(--lm-app-section-gap);
	}

	.lm-applications-section-title {
		margin-bottom: 1rem;
	}

	/* Summary */
	.lm-applications-summary {
		padding: var(--lm-app-card-pad);
	}

	.lm-applications-summary__head {
		gap: 1rem;
	}

	.lm-applications-summary__head:has(+ .lm-applications-summary__group),
	.lm-applications-summary__head:has(+ .lm-applications-summary__warning) {
		margin-bottom: 1.25rem;
	}

	.lm-applications-summary__title {
		margin-bottom: 0.5rem;
	}

	.lm-applications-summary__subtitle + .lm-applications-summary__subtitle {
		margin-top: 0.75rem;
	}

	.lm-applications-summary__actions {
		gap: 0.75rem;
		margin-top: 1.25rem;
	}

	.lm-applications-summary__group {
		margin-bottom: 1rem;
	}

	.lm-applications-summary__label {
		margin-bottom: 0.5rem;
	}

	.lm-applications-summary__chips {
		gap: 0.5rem;
	}

	.lm-applications-summary__warning {
		margin-top: 1rem;
		padding: 0.75rem 1rem;
	}

	/* Decision cards */
	.lm-applications-decision__grid {
		gap: 1.25rem;
	}

	.lm-applications-decision__prose + .lm-applications-decision__cards,
	.lm-applications-decision__cards {
		margin-top: 0;
	}

	.lm-applications-decision__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--lm-app-card-gap);
	}

	.lm-applications-decision-card {
		padding: 1rem 0.75rem;
	}

	.lm-applications-decision-card__title {
		margin-bottom: 0.5rem;
		font-size: 0.8125rem;
	}

	.lm-applications-decision-card__text {
		font-size: 0.75rem;
		line-height: 1.5;
	}

	/* Checklist */
	.lm-applications-checklist__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--lm-app-card-gap);
	}

	.lm-applications-checklist-card {
		padding: 0.75rem;
	}

	.lm-applications-checklist-card__title {
		margin-bottom: 0.5rem;
	}

	.lm-applications-checklist__foot {
		margin-top: 1.5rem;
		padding-top: 1rem;
	}

	/* Focus block */
	.lm-applications-focus {
		padding: var(--lm-app-card-pad);
	}

	.lm-applications-focus__bento,
	.lm-applications-focus__bento.is-no-sidebar {
		gap: var(--lm-app-card-gap);
	}

	.lm-applications-focus__sidebar {
		gap: var(--lm-app-card-gap);
	}

	.lm-applications-focus__tile {
		padding: 1rem;
	}

	.lm-applications-focus__label {
		margin-bottom: 0.5rem;
	}

	.lm-applications-focus__tile-label {
		margin-bottom: 0.5rem;
	}

	.lm-applications-focus__tags {
		gap: 0.5rem;
	}

	.lm-applications-focus__checks {
		gap: 0.5rem 0.75rem;
	}

	.lm-applications-focus__cell--footer {
		margin-top: 1.25rem;
		padding-top: 1rem;
		gap: 1rem;
	}

	/* Materials */
	.lm-applications-materials__grid {
		margin-bottom: 1.25rem;
	}

	.lm-applications-materials__hints {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--lm-app-card-gap);
	}

	.lm-applications-material-hint {
		padding: 0.75rem;
	}

	.lm-applications-material-hint__text {
		margin-bottom: 0.75rem;
	}

	/* Gallery */
	.lm-applications-gallery__head {
		gap: 0.5rem;
		margin-bottom: 0.75rem;
	}

	.lm-applications-gallery__lead {
		margin-bottom: 0.75rem;
	}

	.lm-applications-gallery .lm-surface-gallery--scroll,
	.lm-applications-gallery .lm-applications-gallery__track {
		gap: var(--lm-app-card-gap, 0.75rem);
	}

	.lm-applications-gallery .lm-applications-gallery__item {
		--lm-app-gallery-card: min(17.5rem, calc((100vw - 2.5rem) / 1.35));
	}

	.lm-applications-gallery__caption {
		padding: 0.5rem 0.75rem;
	}

	/* Closer */
	.lm-applications-closer {
		padding: var(--lm-app-card-pad);
	}

	.lm-applications-closer__head {
		margin-bottom: 1.25rem;
	}

	.lm-applications-closer__title {
		margin-bottom: 0.5rem;
	}

	.lm-applications-closer__lead p {
		margin-bottom: 0.75rem;
	}

	.lm-applications-closer__grid,
	.lm-applications-closer .lm-applications-closer__grid.lm-surface-material-grid {
		margin-bottom: 1.5rem;
	}

	.lm-applications-closer__actions {
		gap: 0.75rem;
	}

	/* Embedded guide sections */
	.lm-applications-sections {
		margin-top: 0;
		padding-top: 0;
	}

	.lm-applications-sections .lm-guides-section {
		margin-bottom: 1.25rem;
		padding: var(--lm-app-card-pad);
	}

	.lm-applications-sections .lm-guides-section__head {
		margin-bottom: 0.75rem;
	}

	.lm-applications-sections .lm-guides-prose--table-intro {
		margin-bottom: 0.75rem;
	}

	.lm-applications-sections .lm-guides-prose--table-intro p {
		font-size: 0.875rem;
		line-height: 1.55;
	}

	.lm-applications-sections .lm-guides-section--table .lm-data-table {
		border: 0;
		background: transparent;
	}
}

@media (max-width: 420px) {
	.lm-applications-materials__hints {
		grid-template-columns: 1fr;
	}
}