/* ==================================================================
   Lamitex Catalogo — popup.css
   ================================================================== */

/* ------------------------------------------------------------------
   POPUP — contenitore, overlay, dialog
   ------------------------------------------------------------------ */
.lmx-popup {
	--lmx-popup-bg: #ffffff;
	--lmx-popup-border: #e5e5e5;
	--lmx-popup-gap: 2px;
	--lmx-popup-pad-l: 9.2vw;
	--lmx-popup-pad-r: 5.7vw;
	--lmx-popup-radius: 10px;
	--lmx-popup-max-width: calc(100% - 40px);
	--lmx-popup-duration: 500ms;
	--lmx-popup-easing: cubic-bezier(0.32, 0.72, 0, 1);

	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	pointer-events: none;
}
.lmx-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	opacity: 0;
	transition: opacity var(--lmx-popup-duration) ease;
	pointer-events: auto;
}
.lmx-popup__dialog {
	position: relative;
	bottom: 20px;
	width: 100%;
	max-width: var(--lmx-popup-max-width);
	height: calc(100vh - 40px);
	max-height: calc(100vh - 40px);
	background: transparent;
	border-radius: var(--lmx-popup-radius);
	transform: translateY(100%);
	transition: transform var(--lmx-popup-duration) var(--lmx-popup-easing);
	pointer-events: auto;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.25);
}
.lmx-popup.is-open .lmx-popup__overlay { opacity: 1; }
.lmx-popup.is-open .lmx-popup__dialog { transform: translateY(0); }

.lmx-popup__close {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 101;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #000000;
	color: #ffffff;
	border: 0;
	border-radius: 8px;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.15s ease;
}
.lmx-popup__close:hover,
.lmx-popup__close:focus { background: #333333; }

.lmx-popup__content {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0;
	overscroll-behavior: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.lmx-popup__content::-webkit-scrollbar { display: none; }

.lmx-popup__content.is-loading::before {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	margin: 80px auto;
	border: 3px solid #e5e5e5;
	border-top-color: #111111;
	border-radius: 50%;
	animation: lmx-popup-spin 0.7s linear infinite;
}
@keyframes lmx-popup-spin {
	to { transform: rotate(360deg); }
}

/* Scroll lock della pagina sotto (classi dal JS) */
html.lmx-popup-open { overflow: hidden !important; }
body.lmx-popup-open {
	position: fixed !important;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden !important;
}

/* ------------------------------------------------------------------
   SCHEDA PRODOTTO — card separate da micro-gap
   ------------------------------------------------------------------ */
.lmx-popup-prodotto {
	display: flex;
	flex-direction: column;
	gap: var(--lmx-popup-gap);
}
.lmx-popup-prodotto__card {
	background: var(--lmx-popup-bg);
	border-radius: var(--lmx-popup-radius);
	padding: 70px var(--lmx-popup-pad-r) 70px var(--lmx-popup-pad-l);
}
.lmx-popup-prodotto__card--header { padding-top: 20px; }
.lmx-popup-prodotto__card--aside { padding: 20px; }
.lmx-popup-prodotto__header { margin-bottom: 40px; }
.lmx-popup-prodotto__title { margin: 0; }

/* Allineamento titolo header <-> contenuti (verificato al pixel) */
@media (min-width: 960px) {
	.lmx-popup-prodotto__card--header > .lmx-popup-prodotto__header > .uk-grid > [class*="uk-width-1-5"],
	.lmx-popup-prodotto__card--header > .uk-grid > [class*="uk-width-1-5"] {
		width: calc(313px + var(--lmx-popup-gap) - 30px);
	}
	.lmx-popup-prodotto__card--header > .lmx-popup-prodotto__header > .uk-grid > [class*="uk-width-4-5"],
	.lmx-popup-prodotto__card--header > .uk-grid > [class*="uk-width-4-5"] {
		width: calc(100% - 313px - var(--lmx-popup-gap) + 30px);
	}
}

/* Descrizione */
.lmx-popup-prodotto__description {
	display: grid;
	grid-template-columns: 273px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	margin-bottom: 40px;
}
.lmx-popup-prodotto__description-text > p:first-child { margin-top: 0; }
.lmx-popup-prodotto__description-text > p:last-child { margin-bottom: 0; }

/* Hero di copertina */
.lmx-popup-prodotto__hero {
	margin: 0 calc(20px - var(--lmx-popup-pad-r)) 40px calc(20px - var(--lmx-popup-pad-l));
}
.lmx-popup-prodotto__hero-img {
	display: block;
	width: 100%;
	height: 65vh;
	object-fit: cover;
	border-radius: 10px;
}

/* Layout: aside immagine sticky + colonna contenuti */
.lmx-popup-prodotto__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--lmx-popup-gap);
	align-items: start;
}
.lmx-popup-prodotto__layout--has-aside { grid-template-columns: 313px minmax(0, 1fr); }
.lmx-popup-prodotto__aside { align-self: stretch; }
.lmx-popup-prodotto__aside-sticky {
	position: sticky;
	top: 20px;
}
.lmx-popup-prodotto__main {
	display: flex;
	flex-direction: column;
	gap: var(--lmx-popup-gap);
}
.lmx-popup-prodotto__product-img {
	display: block;
	width: 100%;
	aspect-ratio: 273 / 429;
	object-fit: cover;
	border-radius: 5px;
}

/* Sezioni */
.lmx-popup-prodotto__section { margin-bottom: 70px; }
.lmx-popup-prodotto__section + .lmx-popup-prodotto__section {
	border-top: 1px solid #000;
	padding-top: 70px;
}
.lmx-popup-prodotto__card > .lmx-popup-prodotto__section:last-child { margin-bottom: 0; }
.lmx-popup-prodotto__section--divisa {
	border-top: 1px solid #dcdcdc;
	margin-top: 40px;
	padding-top: 40px;
}
.lmx-popup-prodotto__subtitle {
	margin: 0 0 12px;
	text-align: left;
}
.lmx-popup-prodotto__label {
	display: block;
	margin: 0 0 12px;
	text-align: left;
}
.lmx-popup-prodotto__intro {
	max-width: 740px;
	margin: 0 auto 32px 0;
	text-align: left;
}

/* Formati */
.lmx-popup-prodotto__formati {
	display: flex;
	justify-content: left;
	gap: 24px;
	flex-wrap: wrap;
}
.lmx-popup-prodotto__formato {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 24px;
	background: #f7f7f7;
	border-radius: 8px;
}
.lmx-popup-prodotto__formato-img {
	display: block;
	max-width: 100%;
	height: auto;
}
.lmx-popup-prodotto__formato-label { margin: 0; }

/* Tecnologia */
.lmx-popup-prodotto__tech-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
.lmx-popup-prodotto__tech-box {
	padding: 70px 20px;
	background: #f0f0f0;
	border: 1px solid #D3D3D3;
	border-radius: 10px;
}
.lmx-popup-prodotto__tech-img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 16px;
}
.lmx-popup-prodotto__tech-title { margin: 0 0 8px; }
.lmx-popup-prodotto__tech-text {
	margin: 0;
	font-size: 14px;
}

/* Decorativi applicabili: link alle pagine dei decorativi */
.lmx-popup-prodotto__decorativi {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}
.lmx-popup-prodotto__deco {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 5px;
	background: none;
	border: 0;
	border-radius: 5px;
	font: inherit;
	color: inherit;
	text-align: left;
	text-decoration: none;
	cursor: default;
}
a.lmx-popup-prodotto__deco { cursor: pointer; }
.lmx-popup-prodotto__deco:hover {
	color: inherit;
	text-decoration: none;
}
.lmx-popup-prodotto__deco-media {
	display: block;
	aspect-ratio: 270 / 380;
	overflow: hidden;
	border-radius: 6px;
	background: #fff;
}
.lmx-popup-prodotto__deco-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
	transition: transform 0.4s ease;
}
.lmx-popup-prodotto__deco:hover .lmx-popup-prodotto__deco-media img { transform: scale(1.03); }
.lmx-popup-prodotto__deco-code {
	display: block;
	font-size: 16px;
	margin-bottom: -8px;
}
.lmx-popup-prodotto__deco-title {
	display: block;
	font-size: 16px;
}
.lmx-popup-prodotto__deco-more {
	grid-column: 1 / -1;
	display: flex;
	justify-content: center;
	margin-top: 24px;
}
.lmx-popup-prodotto__more {
	padding: 12px 28px;
	border: 0;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	font-family: "Geist Mono", monospace;
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .15s ease;
}
.lmx-popup-prodotto__more:hover { background: #333333; }
a.lmx-popup-prodotto__more {
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
}
a.lmx-popup-prodotto__more:hover { color: #ffffff; text-decoration: none; }
/* Popup decorativo: pulsante "Vedi tutte le finiture" (fascia spenta) */
.lmx-popup-decorativo__fin-cta { margin: 28px 0 0; }

/* Utility */
.d-table { display: table !important; }
.tk-margin-bottom-50 { margin-bottom: 50px !important; }

/* ------------------------------------------------------------------
   FASCIA FINITURE 3D — stack a pannelli sticky
   ------------------------------------------------------------------ */
.lmx-popup-prodotto__card--finiture { padding: 20px; }

.lmx-fin-stack { position: relative; }
.lmx-fin-stack__scroller {
	position: relative;
	border-radius: 5px;
	height: calc((100vh - 80px) * var(--lmx-fin-pages, 1));
}
.lmx-fin {
	position: sticky;
	top: 20px;
	height: calc(100vh - 80px);
	overflow: hidden;
	border-radius: 5px;
}
.lmx-fin-stack__overlay-wrap {
	position: absolute;
	inset: 0;
	z-index: 100;
	pointer-events: none;
}
.lmx-fin-stack__overlay {
	position: sticky;
	top: 20px;
	height: calc(100vh - 80px);
	pointer-events: none;
}
.lmx-fin-stack__overlay-inner {
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.lmx-fin-stack__panel { pointer-events: auto; }
.lmx-fin-stack__deco {
	background: transparent;
	overflow: visible;
}
.lmx-fin-stack .lmx-fin__slide .lmx-fin__deco-tag,
.lmx-fin-stack .lmx-fin > .lmx-fin__panel { visibility: hidden; }

@keyframes lmx-fin-enter {
	from { opacity: 0; transform: translateY(28px); }
	to   { opacity: 1; transform: translateY(0); }
}
.lmx-fin-stack__panel.is-entering .lmx-fin__title,
.lmx-fin-stack__panel.is-entering .lmx-fin__text {
	animation: lmx-fin-enter 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
.lmx-fin-stack__panel.is-entering .lmx-fin__text { animation-delay: 60ms; }

.lmx-fin-stack__media-window {
	position: relative;
	display: block;
	aspect-ratio: 273 / 382;
	flex: 0 1 auto;
	min-height: 0;
	overflow: hidden;
}
.lmx-fin-stack__media-layer {
	position: absolute;
	inset: 0;
	background: var(--lmx-popup-bg, #fff);
	will-change: transform;
}
.lmx-fin-stack__media-layer img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
	.lmx-fin-stack__panel.is-entering .lmx-fin__title,
	.lmx-fin-stack__panel.is-entering .lmx-fin__text { animation: none; }
}

/* Slide: sfondo + cartellino decorativo */
.lmx-fin__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 450ms ease;
}
.lmx-fin__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}
.lmx-fin__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lmx-fin__deco {
	position: absolute;
	left: 15%;
	top: 50%;
	transform: translateY(-50%);
	width: 273px;
	aspect-ratio: 273 / 382;
	border-radius: 8px;
	overflow: hidden;
}
.lmx-fin__deco-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lmx-fin__deco-tag {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	padding: 14px 16px;
	background: #ffffff;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
}
.lmx-fin__deco-tag .lmx-fin__deco-label {
	margin: 0 0 2px;
	padding-top: 10px;
}
.lmx-fin__deco-code {
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #333333;
	font-size: 64px;
}
.lmx-fin__deco-name {
	padding: 8px 0;
	border-bottom: 1px solid #333333;
	font-size: 18px;
}
.lmx-fin__deco-spacer {
	flex: 1 1 auto;
	min-height: 150px;
}
.lmx-fin__deco-fin { font-size: 14px; }

/* Pannello bianco a destra */
.lmx-fin__panel {
	position: absolute;
	z-index: 2;
	top: 20px;
	right: 20px;
	bottom: 20px;
	width: 48%;
	padding: 24px 20px;
	background: #ffffff;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
}
.lmx-fin__header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
    padding-top: 20px;
}
.lmx-fin__number {
	flex: 0 0 auto;
	font-size: 14px;
	color: #A3A3A3;
}
.lmx-fin__label {
	flex: 1 1 auto;
	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
}
.lmx-fin__title {
	margin: 0 0 24px;
	text-align: center;
}
.lmx-fin__media {
	width: min(273px, 70%);
	flex: 0 1 auto;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lmx-fin__media img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	border-radius: 5px;
}
.lmx-fin__text {
	margin: 24px 0 0;
	text-align: center;
}
.lmx-fin__nav {
	margin-top: auto;
	padding-top: 16px;
	display: flex;
	gap: 10px;
}
.lmx-fin__nav-btn {
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #000000;
	color: #ffffff;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	font-size: 14px;
	transition: background 0.15s ease;
}
.lmx-fin__nav-btn:hover { background: #333333; }

/* ------------------------------------------------------------------
   SCHEDA DECORATIVO
   ------------------------------------------------------------------ */
/* Specificita' (0,2,0) voluta: deve vincere su "h1, .uk-h1" del tema */
.lmx-popup-prodotto__header .lmx-popup-decorativo__code-big {
	display: block;
	margin: 0 0 0 calc(20px - var(--lmx-popup-pad-l));
}
.lmx-popup-decorativo__descr {
	max-width: 720px;
	margin-top: 16px;
	font-size: 16px;
}

/* Specifiche */
.lmx-popup-decorativo__specs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	margin-top: 24px;
}
.lmx-popup-decorativo__spec-label {
	display: block;
	margin-bottom: 8px;
}
.lmx-popup-decorativo__spec-value {
	font-size: 16px;
	line-height: 1.5;
}
.lmx-popup-decorativo__spec-note {
	display: block;
	margin-top: 12px;
	font-size: 11px;
	color: #999999;
}
.lmx-popup-decorativo__spec--note { grid-column: 1 / -1; }

/* Caption sotto l'immagine dell'aside */
.lmx-popup-decorativo__aside-caption {
	display: block;
	margin-top: 10px;
}
.lmx-popup-decorativo__aside-code,
.lmx-popup-decorativo__aside-name {
	display: block;
	font-size: 16px;
	line-height: 1.4;
}

/* Tecnologie applicabili */
.lmx-popup-decorativo__tech-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.lmx-popup-decorativo__tech {
	display: flex;
	gap: 16px;
	padding: 10px;
	border: 1px solid var(--lmx-popup-border);
	border-radius: 10px;
}
.lmx-popup-decorativo__tech-media {
	flex: 0 0 84px;
	aspect-ratio: 84 / 96;
	border-radius: 6px;
	overflow: hidden;
}
.lmx-popup-decorativo__tech-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lmx-popup-decorativo__tech-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 4px 0;
	min-width: 0;
}
.lmx-popup-decorativo__tech-meta { display: block; }
.lmx-popup-decorativo__tech-name { margin: 0; }

/* ------------------------------------------------------------------
   RESPONSIVE — scheda prodotto / decorativo / finiture
   ------------------------------------------------------------------ */
@media (max-width: 960px) {
	.lmx-popup-prodotto__decorativi { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	/* Finiture: in flusso una sotto l'altra, overlay spento */
	.lmx-fin-stack__scroller {
		height: auto;
		overflow: visible;
	}
	.lmx-fin-stack__overlay-wrap { display: none; }
	.lmx-fin-stack .lmx-fin__slide .lmx-fin__deco-tag,
	.lmx-fin-stack .lmx-fin > .lmx-fin__panel { visibility: visible; }
	.lmx-fin {
		position: relative;
		top: auto;
		height: auto;
		overflow: visible;
	}
	.lmx-fin + .lmx-fin { margin-top: 32px; }
	.lmx-fin__slide {
		position: relative;
		display: none;
	}
	.lmx-fin__slide.is-active { display: block; }
	.lmx-fin__bg {
		position: relative;
		height: 240px;
		border-radius: 8px;
	}
	.lmx-fin__deco {
		position: static;
		transform: none;
		width: 100%;
		max-width: 273px;
		margin: 16px auto 0;
	}
	.lmx-fin__panel {
		position: static;
		width: 100%;
		margin-top: 16px;
	}

	.lmx-popup-prodotto__tech-grid { grid-template-columns: repeat(2, 1fr); }
	.lmx-popup-decorativo__specs {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.lmx-popup-decorativo__tech-grid { grid-template-columns: 1fr; }
	.lmx-popup-prodotto__header .lmx-popup-decorativo__code-big { margin-left: 0; }
	.lmx-popup-prodotto__layout { grid-template-columns: 1fr; }
	.lmx-popup-prodotto__description {
		grid-template-columns: 1fr;
		gap: 8px;
	}
	.lmx-popup-prodotto__aside-sticky { position: static; }
	.lmx-popup-prodotto__product-img {
		max-width: 273px;
		margin: 0 auto;
	}
}
@media (max-width: 700px) {
	.lmx-popup-prodotto__decorativi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.lmx-popup__dialog {
		height: calc(100vh - 32px);
		max-height: calc(100vh - 32px);
	}
	.lmx-popup-prodotto__card { padding: 20px; }
	.lmx-popup-prodotto__hero {
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: 24px;
	}
	.lmx-popup-prodotto__card--header { padding-top: 10px; }
	.lmx-popup-decorativo { padding: 32px 20px; }
	.lmx-popup-prodotto__hero-img { height: clamp(200px, 32vh, 320px); }
	.lmx-popup-prodotto__tech-grid { grid-template-columns: 1fr; }
	.lmx-popup-prodotto__formato { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.lmx-popup__dialog,
	.lmx-popup__overlay { transition: none; }
}

/* ------------------------------------------------------------------
   PAGINA SINGLE (scheda renderizzata come pagina)
   Le variabili del popup vanno ridichiarate: qui .lmx-popup non c'e'
   ------------------------------------------------------------------ */
.lmx-single {
	--lmx-popup-bg: #ffffff;
	--lmx-popup-border: #e5e5e5;
	--lmx-popup-gap: 2px;
	--lmx-popup-pad-l: 9.2vw;
	--lmx-popup-pad-r: 5.7vw;
	--lmx-popup-radius: 10px;

	padding: 20px;
	background: #e8e8e8;
}

/* Allineamento contenuti main <-> titolo: NON rimuovere (verificato al pixel) */
@media (min-width: 960px) {
	.lmx-popup-prodotto__main > .lmx-popup-prodotto__card,
	.lmx-popup-prodotto__main .lmx-popup-prodotto__card {
		padding-left: calc(var(--lmx-popup-pad-l) - 30px);
	}
}

/* ------------------------------------------------------------------
   POPUP FINITURA
   ------------------------------------------------------------------ */
.lmx-popup-finitura__descr {
	display: grid;
	grid-template-columns: 273px 1fr;
	gap: 10px;
	margin-top: 48px;
	padding-bottom: 90px;
	border-bottom: 1px solid #333333;
}
.lmx-popup-finitura__descr-text {
	margin: 0;
	font-size: 16px;
}
.lmx-popup-finitura__decorativi {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}
@media (max-width: 960px) {
	.lmx-popup-finitura__descr {
		grid-template-columns: 1fr;
		margin-top: 24px;
		padding-bottom: 40px;
	}
	.lmx-popup-finitura__decorativi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ------------------------------------------------------------------
   GRIGLIA FINITURE (elemento lamitex_finiture)
   ------------------------------------------------------------------ */
.lmx-finiture {
	display: grid;
	grid-template-columns: repeat(var(--lmx-fin-cols, 3), minmax(0, 1fr));
	gap: 10px;
}
.lmx-finiture__card {
	display: block;
	color: inherit;
	text-decoration: none;
}
.lmx-finiture__card:hover {
	color: inherit;
	text-decoration: none;
}
.lmx-finiture__media {
	position: relative;
	display: block;
	aspect-ratio: 540 / 350;
	overflow: hidden;
	border-radius: 6px;
	background: #e9e9e9;
}
.lmx-finiture__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.lmx-finiture__card:hover .lmx-finiture__media img { transform: scale(1.03); }
.lmx-finiture__plus {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 20px;
	height: 20px;
	border-radius: 4px;
	background: #fff;
	color: #111111;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.lmx-finiture__card:hover .lmx-finiture__plus {
	background: #111111;
	color: #fff;
}
.lmx-finiture__caption {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	font-size: 16px;
}
.lmx-finiture__code {
	display: inline-block;
	padding: 0 6px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: .04em;
}
@media (max-width: 960px) {
	.lmx-finiture { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
	.lmx-finiture { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------------
   GRIGLIA DECORATIVI (elemento lamitex_decorativi)
   ------------------------------------------------------------------ */
.lmx-decorativi__grid {
	display: grid;
	grid-template-columns: repeat(var(--lmx-deco-cols, 6), minmax(0, 1fr));
	gap: 10px;
}
.lmx-decorativi__card {
	display: block;
	color: inherit;
	text-decoration: none;
	background: #ffffff;
}
.lmx-decorativi__card:hover {
	color: inherit;
	text-decoration: none;
}
.lmx-decorativi__media {
	position: relative;
	display: block;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: #e9e9e9;
	border-radius: 6px;
}
.lmx-decorativi__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.lmx-decorativi__card:hover .lmx-decorativi__media img { transform: scale(1.03); }
.lmx-decorativi__new {
	position: absolute;
	top: 25px;
	left: 20px;
	padding: 0 8px;
	border-radius: 999px;
	background: #ffffff;
	font-size: 10px;
	line-height: 16px;
	letter-spacing: .04em;
}
.lmx-decorativi__caption {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 10px 10px;
}
.lmx-decorativi__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.lmx-decorativi__code {
	font-family: "Geist Mono", monospace;
	font-size: 14px;
	color: #777777;
}
.lmx-decorativi__name {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lmx-decorativi__icons {
	flex: none;
	display: flex;
	align-items: center;
	gap: 6px;
}
.lmx-decorativi__ico {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: #1d1d1b;
	outline: none;
}
.lmx-decorativi__tip {
	position: absolute;
	bottom: calc(100% + 8px);
	right: -6px;
	z-index: 5;
	padding: 5px 12px;
	border-radius: 6px;
	background: #111111;
	color: #ffffff;
	font-size: 11px;
	line-height: 1.4;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
	pointer-events: none;
}
.lmx-decorativi__ico:hover .lmx-decorativi__tip,
.lmx-decorativi__ico:focus-visible .lmx-decorativi__tip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.lmx-decorativi__more-wrap {
	display: flex;
	justify-content: center;
	padding: 40px 0;
}
.lmx-decorativi__more {
	padding: 10px 28px;
	border: 0;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	font-family: 'At Hauss', sans-serif;
	font-size: 13px;
	cursor: pointer;
}
.lmx-decorativi__more:disabled {
	opacity: .5;
	cursor: wait;
}
.lmx-decorativi--loading .lmx-decorativi__grid {
	opacity: .45;
	transition: opacity .15s ease;
}
@media (max-width: 1200px) {
	.lmx-decorativi__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
	.lmx-decorativi__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
	.lmx-decorativi__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ------------------------------------------------------------------
   TAB GAMME (nextVeneer / CPL) — linguette a cartellina
   ------------------------------------------------------------------ */
.lmx-popup-decorativo__gamma-tabs {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	gap: 0;
	margin-bottom: -1px;
}
.lmx-popup-decorativo__gamma-tab {
	min-width: 190px;
	padding: 12px 36px;
	margin-right: -1px;
	border: 1px solid #111111;
	border-bottom-color: transparent;
	background-clip: padding-box;
	border-radius: 10px 10px 0 0;
	background: #ececec;
	color: #111111;
	font-family: 'At Hauss', sans-serif;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	transition: background .15s ease;
}
.lmx-popup-decorativo__gamma-tab:hover { background: #f4f4f4; }
.lmx-popup-decorativo__gamma-tab.is-active {
	position: relative;
	z-index: 3;
	background: #ffffff;
	color: #111111;
	border-bottom-color: #ffffff;
	background-clip: border-box;
	border-top: 2px solid;
}
.lmx-popup-decorativo__gamme .lmx-popup-decorativo__specs {
	margin-top: 0;
	padding: 28px 32px;
	border: 1px solid #111111;
	border-radius: 0 14px 14px 14px;
	background: #ffffff;
}
.lmx-popup-decorativo__gamme [data-lmx-gamma-panel] { display: none; }
.lmx-popup-decorativo__gamme [data-lmx-gamma-panel].is-active { display: grid; }

/* Pannello gamme come prima card della colonna (pagina single) */
.lmx-popup-prodotto__main > .lmx-popup-decorativo__gamme {
	background-color: #fff;
	border-radius: 15px;
	margin-top: -2px;
	margin-bottom: -1px;
}

/* Nel POPUP: niente bordi, la divisione la fa lo stacco */
.lmx-popup .lmx-popup-decorativo__gamme {
	background: transparent;
	border-radius: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.lmx-popup .lmx-popup-decorativo__gamme:has(.lmx-popup-decorativo__gamma-tabs) {
	margin-top: -43px; /* 41px linguette + 2px stacco */
}
.lmx-popup .lmx-popup-decorativo__gamma-tabs { margin-bottom: 2px; }
.lmx-popup .lmx-popup-decorativo__gamma-tab.is-active { box-shadow: 0 2px 0 0 #fff; }
.lmx-popup .lmx-popup-decorativo__specs { border: 0; }
.lmx-popup .lmx-popup-decorativo__gamme:not(:has(.lmx-popup-decorativo__gamma-tabs)) .lmx-popup-decorativo__specs {
	border-radius: 14px;
}

/* ------------------------------------------------------------------
   FILTRI DECORATIVI — barra + pannello laterale
   ------------------------------------------------------------------ */
.lmx-filtri__bar {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 24px;
	padding: 8px 14px;
	border-radius: 6px;
	background: #111111;
	color: #ffffff;
}
.lmx-filtri__toggle {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px;
	border: 0;
	background: transparent;
	color: #ffffff;
	font-family: "Geist Mono", monospace;
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
}
.lmx-filtri__cerca {
	flex: 1;
	max-width: 340px;
	margin: 0 auto;
	padding: 7px 16px;
	border: 0;
	border-radius: 999px;
	background: #3a3a3a;
	color: #ffffff;
	font-family: "Geist Mono", monospace;
	letter-spacing: .06em;
	text-align: center;
}
.lmx-filtri__cerca::placeholder {
	color: #9a9a9a;
	text-transform: uppercase;
}
.lmx-filtri__cerca:focus { outline: 1px solid #6a6a6a; }
.lmx-filtri__count {
	font-family: "Geist Mono", monospace;
	font-size: 11px;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.lmx-filtri__overlay {
	position: fixed;
	inset: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, .55);
}
.lmx-filtri__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	width: 92vw;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: transparent;
	animation: lmx-filtri-in .28s ease;
	scrollbar-width: none;
}
.lmx-filtri__panel::-webkit-scrollbar { display: none; }
@media (min-width: 640px) {
	.lmx-filtri__panel { width: 35vw; } /* = larghezza del menu offcanvas */
}
/* Mobile: pannello centrato con 20px di aria su ogni lato, come il menu offcanvas */
@media (max-width: 639px) {
	.lmx-filtri__panel {
		top: 20px;
		right: 20px;
		bottom: 20px;
		left: 20px;
		width: auto;
		border-radius: 12px;
	}
	body.admin-bar .lmx-filtri__panel { top: calc(20px + 46px); }
}
@keyframes lmx-filtri-in {
	from { transform: translateX(40px); opacity: 0; }
	to   { transform: none; opacity: 1; }
}
html.lmx-filtri-aperti { overflow: hidden; }

.lmx-filtri__sez {
	padding: 16px 22px;
	background: #ffffff;
	border-radius: 12px;
}
.lmx-filtri__sez--reset { flex: 1 0 auto; }
.lmx-filtri__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.lmx-filtri__label {
	display: block;
	margin-bottom: 10px;
	font-family: "Geist Mono", monospace;
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #777777;
}
.lmx-filtri__head .lmx-filtri__label { margin-bottom: 0; }
.lmx-filtri__chiudi {
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 10px;
	background: #111111;
	color: #ffffff;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}
.lmx-filtri__cerca--panel {
	display: block;
	width: 100%;
	max-width: none;
	border-radius: 10px;
	background: #dcdcdc;
	color: #111111;
	text-align: left;
	font-family: 'At Hauss', sans-serif;
	font-size: 24px;
}
.lmx-filtri__cerca--panel::placeholder {
	color: #8a8a8a;
	text-transform: none;
	letter-spacing: .02em;
}

.lmx-filtri__voce {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 3px 0;
	border: 0;
	background: transparent;
	color: #111111;
	font-family: 'At Hauss', sans-serif;
	font-size: 15px;
	text-align: left;
	cursor: pointer;
}
.lmx-filtri__voce-testo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	font-size: 22px;
}
.lmx-filtri__ico { display: inline-flex; color: #1d1d1b; }
.lmx-filtri__ico--rot svg { transform: rotate(90deg); }
.lmx-filtri__new {
	padding: 0 8px;
	border: 1px solid #111111;
	border-radius: 999px;
	font-family: "Geist Mono", monospace;
	font-size: 9px;
	line-height: 16px;
	letter-spacing: .04em;
}
.lmx-filtri__box {
	flex: none;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	background: #d9d9d9;
	transition: background .15s ease;
}
.lmx-filtri__voce.is-on .lmx-filtri__box { background: #111111; }
.lmx-filtri__voce:hover .lmx-filtri__box { background: #9a9a9a; }
.lmx-filtri__voce.is-on:hover .lmx-filtri__box { background: #111111; }

/* Famiglie con sottofamiglie (Legni -> Noce, Rovere...) */
.lmx-filtri__voce--fam {
	padding: 0;
	cursor: default;
}
.lmx-filtri__espandi {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: 1;
	min-width: 0;
	padding: 3px 0;
	border: 0;
	background: transparent;
	color: #111111;
	font-family: 'At Hauss', sans-serif;
	font-size: 24px;
	text-align: left;
	cursor: pointer;
}
.lmx-filtri__caret {
	flex: none;
	transition: transform .18s ease;
}
.lmx-filtri__espandi.is-open .lmx-filtri__caret { transform: rotate(180deg); }
.lmx-filtri__boxbtn {
	flex: none;
	display: inline-flex;
	align-items: center;
	padding: 7px 0 7px 12px;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.lmx-filtri__boxbtn.is-on .lmx-filtri__box { background: #111111; }
.lmx-filtri__figli { padding-left: 14px; }
.lmx-filtri__voce--figlio .lmx-filtri__voce-testo {
	font-size: 14px;
	color: #3a3a3a;
}

.lmx-filtri__reset {
	display: block;
	width: 100%;
	padding: 12px 0;
	border: 0;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	font-family: "Geist Mono", monospace;
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
	cursor: pointer;
}

/* ------------------------------------------------------------------
   Orientamento finiture (15/10/2026): icone come nelle card decorativo
   ------------------------------------------------------------------ */
.lmx-decorativi__ico--rot svg { transform: rotate(90deg); }
.lmx-finiture__caption .lmx-decorativi__icons { margin-left: auto; }
.lmx-popup-finitura__orient { display: block; margin-top: 6px; }
.lmx-popup-finitura__orient .lmx-decorativi__tip { right: auto; left: -6px; }

/* ------------------------------------------------------------------
   POPUP PRODOTTO — tab prodotti (nextVeneer | nextCPL).
   Stesse regole delle tab gamma del decorativo: le linguette risalgono
   nel bianco della card sopra (margin-top negativo = 41px linguette +
   2px stacco), la card attiva e' il pannello.
   ------------------------------------------------------------------ */
.lmx-popup-prodotto__tabs {
	display: flex;
	flex-direction: column;
}
.lmx-popup-prodotto__tabs .lmx-popup-decorativo__gamma-tabs { margin-bottom: -1px; }
.lmx-popup-prodotto__tab-panel { display: none; }
.lmx-popup-prodotto__tab-panel.is-active {
	display: block;
	position: relative;
	z-index: 1;
	border: 1px solid #111111;
	border-radius: 0 14px 14px 14px;
}

/* Pagina single: pannello come prima card della colonna */
.lmx-popup-prodotto__main > .lmx-popup-prodotto__tabs {
	margin-top: -2px;
	margin-bottom: -1px;
}

/* Nel POPUP: niente bordi, la divisione la fa lo stacco (come il decorativo) */
.lmx-popup .lmx-popup-prodotto__tabs {
	margin-top: -43px; /* 41px linguette + 2px stacco */
	margin-bottom: 0;
}
.lmx-popup .lmx-popup-prodotto__tabs .lmx-popup-decorativo__gamma-tabs { margin-bottom: 2px; }
.lmx-popup .lmx-popup-prodotto__tabs .lmx-popup-decorativo__gamma-tab.is-active { box-shadow: 0 2px 0 0 #fff; }
.lmx-popup .lmx-popup-prodotto__tab-panel.is-active {
	border: 0;
	border-radius: 0 var(--lmx-popup-radius) var(--lmx-popup-radius) var(--lmx-popup-radius);
}

.lmx-popup-prodotto__dati-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}
.lmx-popup-prodotto__dati-grid--n1 { grid-template-columns: minmax(0, 1fr); }
.lmx-popup-prodotto__dati-grid--n2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lmx-popup-prodotto__dati-grid--n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lmx-popup-prodotto__dati-box {
	padding: 32px 24px;
	background: #f0f0f0;
	border: 1px solid #D3D3D3;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.5;
}
.lmx-popup-prodotto__dati-title {
	display: block;
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: 600;
}
.lmx-popup-prodotto__dati-text > :first-child { margin-top: 0; }
.lmx-popup-prodotto__dati-text > :last-child { margin-bottom: 0; }
.lmx-popup-prodotto__dati-text p { margin: 0 0 14px; }
.lmx-popup-prodotto__dati-text ul {
	margin: 4px 0 14px;
	padding-left: 18px;
}
.lmx-popup-prodotto__dati-text li { margin: 2px 0; }
.lmx-popup-prodotto__dati-nota {
	margin: 40px 0 0;
	font-size: 1.68vw;
	line-height: 1.4;
	color: #000;
}
@media (max-width: 960px) {
	.lmx-popup-prodotto__dati-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.lmx-popup-prodotto__dati-grid { grid-template-columns: 1fr; }
	.lmx-popup-prodotto__dati-box { padding: 20px 16px; }
	.lmx-popup-decorativo__gamma-tab {
		min-width: 0;
		flex: 1 1 0;
		padding: 10px 12px;
	}
}

@media (max-width: 700px) {
	.lmx-filtri__bar { flex-wrap: wrap; gap: 10px; }
	.lmx-filtri__cerca { order: 3; flex-basis: 100%; max-width: none; }
}

/* ------------------------------------------------------------------
   MOBILE / TABLET — fascia finiture (decorativo in alto, foto che
   fa da sfondo al pannello) e popup a tutto schermo
   ------------------------------------------------------------------ */
@media (max-width: 960px) {
	.lmx-fin {
		display: grid;
		grid-template-columns: 100%;
		grid-template-rows: auto 220px auto; /* decorativo | foto libera | pannello */
	}
	.lmx-fin__slide.is-active { display: contents; }
	.lmx-fin__slide .lmx-fin__deco {
		position: relative;
		z-index: 1;
		left: auto;
		top: auto;
	}
	.lmx-fin__slide.is-active .lmx-fin__deco {
		grid-row: 1;
		grid-column: 1;
		margin-top: 0;
		margin-bottom: 16px;
	}
	.lmx-fin__slide.is-active .lmx-fin__bg {
		grid-row: 2 / 4;
		grid-column: 1;
		position: relative;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 8px;
	}
	.lmx-fin__panel {
		grid-row: 3;
		grid-column: 1;
		position: relative;
		z-index: 1;
		inset: auto;
		margin: 0 10px 10px;
		width: auto;
		box-sizing: border-box;
	}
	.lmx-fin__deco-spacer { min-height: 10px; }
}
@media (max-width: 640px) {
	.lmx-popup__dialog {
		bottom: 0;
		max-width: 100%;
		height: 100vh;  max-height: 100vh;
		height: 100dvh; max-height: 100dvh;
		border-radius: 0;
	}
	.lmx-popup .lmx-popup__content > .lmx-popup-prodotto { padding: 0; }
	.lmx-filtri__voce-testo {
		font-size:14px;
		line-height: 14px;
	}
	.lmx-filtri__cerca--panel{
		font-size:12px;
		line-height:12px;
	}
	.lmx-filtri__label{
		margin-bottom:6px;
	}
}

/* ------------------------------------------------------------------
   MOBILE — la colonna laterale (foto, piu' codice e nome nel decorativo)
   ripete l'intestazione, quindi sotto i 640px non si mostra: vale per
   decorativo, prodotto e finitura (tutti usano lo stesso aside).
   ------------------------------------------------------------------ */
@media (max-width: 640px) {
	.lmx-popup-prodotto__aside { display: none; }
	.lmx-popup-prodotto__layout--has-aside { grid-template-columns: 1fr; }
}

/* Tab (nextVeneer | nextCPL): l'ultima linguetta ha margin-right -1px e
   quando le tab riempiono la riga (mobile) sborda di 1px, facendo
   scorrere il popup in orizzontale. */
.lmx-popup-decorativo__gamma-tab:last-child { margin-right: 0; }

/* ------------------------------------------------------------------
   ZOOM IMMAGINI (16/10/2026): click sull'immagine laterale della scheda
   ------------------------------------------------------------------ */
.lmx-popup-prodotto .lmx-popup-prodotto__product-img { cursor: pointer; }
html.lmx-zoom-open { overflow: hidden !important; }
.lmx-zoom {
	position: fixed;
	inset: 0;
	z-index: 20000;
	opacity: 0;
	transition: opacity .22s ease;
}
.lmx-zoom.is-open { opacity: 1; }
.lmx-zoom__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .88);
	cursor: zoom-out;
}
/* Area scorrevole: l'immagine ingrandita oltre lo schermo si scorre
   (rotella, dita) o si trascina col mouse */
.lmx-zoom__scroll {
	position: absolute;
	inset: 0;
	display: flex; /* niente align/justify center: con l'immagine piu' grande
	                  dello schermo taglierebbe il lato sinistro; ci pensa
	                  margin:auto sull'immagine */
	overflow: auto;
	padding: 20px;
	-webkit-overflow-scrolling: touch;
	cursor: zoom-out;
}
.lmx-zoom__scroll::-webkit-scrollbar { width: 10px; height: 10px; }
.lmx-zoom__scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.5); border-radius: 999px; }
.lmx-zoom__img {
	display: block;
	flex: none;
	margin: auto; /* centrata finche' entra, poi scorre */
	max-width: none;
	max-height: none;
	border-radius: 6px;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .5);
	cursor: zoom-in;   /* lente: click = ingrandisce sul punto */
	opacity: 0;
	transform: scale(.96);
	transition: opacity .22s ease, transform .22s ease;
}
.lmx-zoom.is-ready .lmx-zoom__img { opacity: 1; transform: none; }
.lmx-zoom.is-max .lmx-zoom__img { cursor: zoom-out; }   /* al massimo: click = torna a misura */
.lmx-zoom.is-dragging .lmx-zoom__img { cursor: grabbing; }
/* Pulsanti: - + X in alto a destra, bianchi come la X dei popup */
.lmx-zoom__bar {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	display: flex;
	gap: 8px;
}
.lmx-zoom__btn {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #111111;
	border: 0;
	border-radius: 8px;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	transition: background .15s ease, opacity .15s ease;
}
.lmx-zoom__btn:hover { background: #e8e8e8; }
.lmx-zoom__btn:disabled { opacity: .35; cursor: default; }
.lmx-zoom__btn--close { margin-left: 8px; }
/* Badge "espandi" sull'immagine: box bianco 30x30, radius 5, icona nera,
   a 10px dal bordo in alto a destra */
.lmx-zoom-host { position: relative; }
.lmx-zoom__badge {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
	width: 30px;
	height: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #111111;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	pointer-events: none;
}
.lmx-zoom__badge svg { display: block; width: 18px; height: 18px; }
/* Tablet: l'immagine laterale e' centrata a 273px; il contenitore la segue
   cosi' il badge resta sul bordo dell'immagine */
@media (max-width: 960px) {
	.lmx-popup-prodotto__aside-sticky.lmx-zoom-host {
		max-width: 273px;
		margin: 0 auto;
	}
}