/* ComiX Store UX2026 v3.6.173 — canonical product-card bundle.
   Concatenation preserves historical cascade order; no business logic. */

/* ===== BEGIN product-card-36124.css ===== */
/* ComiX Store UX2026 v3.6.124 — Product result card redesign (presentation only). */

ul.products{
	grid-template-columns:repeat(auto-fit,minmax(min(390px,100%),1fr))!important;
	gap:18px!important;
}

ul.products li.product:not(.product-category){
	position:relative!important;
	display:grid!important;
	grid-template-columns:minmax(128px,42%) minmax(0,1fr) auto;
	grid-template-rows:auto auto auto auto auto auto;
	column-gap:14px!important;
	row-gap:5px!important;
	align-items:start!important;
	min-width:0!important;
	padding:12px!important;
	overflow:visible!important;
}

/* Il link WooCommerce resta semanticamente il permalink della card, ma i suoi figli
   partecipano alla griglia per poter affiancare immagine e informazioni senza JS di layout. */
ul.products li.product>a.woocommerce-LoopProduct-link{
	display:contents!important;
}

ul.products li.product .cx-product-cover{
	grid-column:1!important;
	grid-row:1 / span 6!important;
	align-self:stretch!important;
	width:100%!important;
	max-width:none!important;
	min-height:210px!important;
	height:100%!important;
	aspect-ratio:auto!important;
	margin:0!important;
	padding:0!important;
	border-radius:8px!important;
	overflow:hidden!important;
}
ul.products li.product .cx-product-cover>img{
	width:100%!important;
	height:100%!important;
	max-width:100%!important;
	max-height:100%!important;
	padding:2px!important;
	object-fit:contain!important;
	object-position:center!important;
}

ul.products li.product .woocommerce-loop-product__title{
	grid-column:2 / 4!important;
	grid-row:1!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
	font-size:14px!important;
	font-weight:900!important;
	line-height:1.18!important;
	-webkit-line-clamp:3!important;
}
ul.products li.product .cx-product-incentive-line{
	grid-column:2 / 4!important;
	grid-row:2!important;
	margin:0!important;
	font-size:11px!important;
	line-height:1.15!important;
}
ul.products li.product .cx-product-publisher--loop{
	grid-column:2 / 4!important;
	grid-row:3!important;
	margin:2px 0 0!important;
	font-size:14px!important; /* circa +25% */
	font-weight:900!important;
	line-height:1.2!important;
	letter-spacing:.025em!important;
	text-transform:none!important;
	white-space:normal!important;
}
ul.products li.product .price{
	grid-column:2!important;
	grid-row:4!important;
	align-self:center!important;
	min-height:0!important;
	margin:2px 0 0!important;
	font-size:19px!important; /* circa +25% */
	font-weight:900!important;
	line-height:1.1!important;
}
ul.products li.product .star-rating{
	grid-column:2 / 4!important;
	grid-row:5!important;
	margin:0!important;
}
ul.products li.product .comix-stock-qty-inline{
	display:none!important;
}

/* Il 021 fornisce qty + controllo; il wrapper diventa trasparente alla griglia. */
ul.products li.product .comix-home-card-ui{
	display:contents!important;
	margin:0!important;
	padding:0!important;
}
ul.products li.product .comix-home-qty-cell{
	grid-column:3!important;
	grid-row:4!important;
	align-self:center!important;
	justify-self:end!important;
	display:flex!important;
	align-items:center!important;
	gap:5px!important;
	margin:0!important;
	white-space:nowrap!important;
}
ul.products li.product .comix-home-qty-label{
	font-size:12px!important;
	font-weight:900!important;
	line-height:1!important;
}
ul.products li.product .comix-home-qty-cell .quantity,
ul.products li.product .comix-home-qty-cell input.qty{
	height:30px!important;
	min-height:30px!important;
}
ul.products li.product .comix-home-qty-cell input.qty{
	width:54px!important;
	min-width:54px!important;
	border:1px solid #cfd4dc!important;
	border-radius:5px!important;
	background:#fff!important;
	color:#111!important;
	font-size:14px!important;
	font-weight:800!important;
	line-height:28px!important;
}

ul.products li.product .comix-home-control{
	position:relative!important;
	grid-column:2 / 4!important;
	grid-row:6!important;
	display:grid!important;
	grid-template-columns:1fr!important;
	gap:6px!important;
	align-self:end!important;
	min-width:0!important;
	margin-top:3px!important;
}
ul.products li.product .comix-home-desktop-action{
	min-height:44px!important; /* circa +50% rispetto alla barra precedente */
	padding:8px 10px!important;
	border-radius:6px!important;
	font-size:12px!important;
	font-weight:900!important;
	line-height:1.1!important;
}
ul.products li.product .comix-home-icons-row{
	display:flex!important;
	align-items:center!important;
	justify-content:space-evenly!important;
	gap:8px!important;
	min-height:40px!important;
	height:40px!important;
	padding:4px 8px!important;
	border-radius:6px!important;
	background:#e51c23!important;
	overflow:visible!important;
}

/* Niente cerchi/sfondi sulle icone. */
.comix-home-icons-row .c-icon-tip,
.comix-home-icons-row .c-flag{
	position:relative!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:26px!important;
	height:28px!important;
	min-width:26px!important;
	min-height:28px!important;
	padding:0!important;
	margin:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	color:#fff!important;
	overflow:visible!important;
	transform:none!important;
}
.comix-home-icons-row .c-icon-tip::before,
.comix-home-icons-row .c-flag::before{
	display:none!important;
	content:none!important;
}
.comix-home-icons-row .has-event{color:#ffd400!important}
.comix-home-icons-row .c-icon-char{font-size:22px!important;color:inherit!important;transform:none!important}
.comix-home-icons-row .comix-inline-icon{width:21px!important;height:21px!important;color:inherit!important}
.comix-home-icons-row .c-flag-mark{width:20px!important;height:14px!important;border-radius:1px!important;box-shadow:0 0 0 1px rgba(255,255,255,.38)!important}

/* Tooltip di tutte le cinque icone Home. */
.comix-home-icons-row .c-icon-tip[data-tooltip-inline]:hover::after,
.comix-home-icons-row .c-icon-tip[data-tooltip-inline]:focus-visible::after,
.comix-home-icons-row .c-icon-tip[data-tooltip-inline].is-touch-open::after{
	content:attr(data-tooltip-inline)!important;
	position:absolute!important;
	left:50%!important;
	top:calc(100% + 7px)!important;
	transform:translateX(-50%)!important;
	z-index:999!important;
	width:max-content!important;
	max-width:min(280px,82vw)!important;
	padding:7px 9px!important;
	border-radius:6px!important;
	background:#111!important;
	color:#fff!important;
	box-shadow:0 8px 20px rgba(0,0,0,.26)!important;
	font:600 11px/1.3 Arial,sans-serif!important;
	text-align:center!important;
	white-space:normal!important;
	pointer-events:none!important;
}
.comix-home-control .comix-tooltip-layer{
	left:0!important;
	right:0!important;
	bottom:calc(100% + 8px)!important;
}

/* Trademark X: stessa risorsa/funzione, soltanto spostata in basso a sinistra. */
body.cx-has-product-trademark .cx-product-cover::before{
	left:8px!important;
	right:auto!important;
	bottom:8px!important;
}
body.cx-has-product-trademark .cx-product-cover::after{
	left:13px!important;
	right:auto!important;
	bottom:13px!important;
}

/* I ribbon HOT / PRE-ORDER / PRE-ORDER SCADUTO vengono trasferiti nel cover dal JS
   solo per mantenere il corretto ancoraggio quando la card diventa orizzontale. */
.cx-product-cover>.comix-preorder-image-ribbon{
	top:10px!important;
	left:-5px!important;
	right:auto!important;
}
.cx-product-cover>.comix-hot-badge{
	top:8px!important;
	right:8px!important;
	left:auto!important;
}
.cx-product-cover>.comix-hot-admin-toggle{
	top:8px!important;
	left:8px!important;
	right:auto!important;
}

@media(max-width:1100px){
	ul.products{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))!important}
	ul.products li.product:not(.product-category){grid-template-columns:minmax(118px,40%) minmax(0,1fr) auto;column-gap:12px!important}
	ul.products li.product .cx-product-cover{min-height:195px!important}
}

@media(max-width:760px){
	ul.products{
		grid-template-columns:1fr!important;
		gap:12px!important;
	}
	ul.products li.product:not(.product-category){
		grid-template-columns:minmax(118px,44%) minmax(0,1fr)!important;
		grid-template-rows:auto auto auto auto auto auto!important;
		column-gap:10px!important;
		row-gap:5px!important;
		padding:10px!important;
		min-height:0!important;
	}
	ul.products li.product .cx-product-cover{
		grid-column:1!important;
		grid-row:1 / span 6!important;
		align-self:stretch!important;
		min-height:0!important;
		height:100%!important;
		aspect-ratio:2/3!important;
		margin:0!important;
	}
	ul.products li.product .cx-product-cover>img{padding:1px!important}
	ul.products li.product .woocommerce-loop-product__title{
		grid-column:2!important;
		grid-row:1!important;
		font-size:14px!important;
		line-height:1.18!important;
		-webkit-line-clamp:3!important;
	}
	ul.products li.product .cx-product-incentive-line{
		grid-column:2!important;
		grid-row:2!important;
		font-size:10px!important;
	}
	ul.products li.product .cx-product-publisher--loop{
		grid-column:2!important;
		grid-row:3!important;
		font-size:16.5px!important; /* circa +50% */
		line-height:1.08!important;
	}
	ul.products li.product .price{
		grid-column:2!important;
		grid-row:4!important;
		font-size:20px!important; /* circa +30% */
		line-height:1.05!important;
	}
	ul.products li.product .star-rating{display:none!important}
	ul.products li.product .comix-home-qty-cell{display:none!important}
	ul.products li.product .comix-home-control{
		grid-column:2!important;
		grid-row:5 / span 2!important;
		gap:6px!important;
		align-self:end!important;
		margin-top:2px!important;
	}
	ul.products li.product .comix-home-mobile-status,
	ul.products li.product .comix-home-mobile-add{
		min-height:42px!important;
		padding:8px 7px!important;
		font-size:11px!important;
		line-height:1.1!important;
		border-radius:5px!important;
	}
	ul.products li.product .comix-home-icons-row{
		min-height:38px!important;
		height:38px!important;
		gap:5px!important;
		padding:3px 5px!important;
	}
	/* Mobile: ?, nave, libro, bandiera, ! */
	.comix-home-icon-info{order:1!important}
	.comix-home-icon-ship{order:2!important}
	.comix-home-icon-product{order:3!important}
	.comix-home-icon-language{order:4!important}
	.comix-home-icon-alert{order:5!important}
	body.cx-has-product-trademark .cx-product-cover::before{left:6px!important;bottom:6px!important;width:38px!important;height:38px!important}
	body.cx-has-product-trademark .cx-product-cover::after{left:10px!important;bottom:10px!important;width:30px!important;height:30px!important}
}

@media(max-width:430px){
	ul.products li.product:not(.product-category){grid-template-columns:minmax(112px,43%) minmax(0,1fr)!important}
	ul.products li.product .cx-product-publisher--loop{font-size:15px!important}
	ul.products li.product .price{font-size:18px!important}
	ul.products li.product .comix-home-mobile-status,
	ul.products li.product .comix-home-mobile-add{font-size:10px!important;min-height:39px!important}
	.comix-home-icons-row .c-icon-tip,.comix-home-icons-row .c-flag{width:23px!important;min-width:23px!important}
	.comix-home-icons-row .c-icon-char{font-size:20px!important}
	.comix-home-icons-row .comix-inline-icon{width:19px!important;height:19px!important}
}

/* v3.6.124 — stato ESAURITO come controllo inibito. */
.comix-home-card-ui .comix-home-soldout{background:#777!important;color:#fff!important;cursor:not-allowed!important}

/* v3.6.124 — Filter label guard on product/result pages.
   Preventa la compressione verticale delle etichette ANNO/LINGUA/MESE/CATALOGO/TIPO.
   La classe viene applicata dal JS solo ai label che contengono quei select: nessuna logica 028 viene toccata. */
label.cx-result-filter-label{
	display:flex!important;
	flex-direction:column!important;
	align-items:stretch!important;
	justify-content:flex-start!important;
	min-width:0!important;
	width:auto!important;
	max-width:none!important;
	writing-mode:horizontal-tb!important;
	text-orientation:mixed!important;
	white-space:nowrap!important;
	word-break:normal!important;
	overflow-wrap:normal!important;
	hyphens:none!important;
	line-height:1.2!important;
}
label.cx-result-filter-label>strong,
label.cx-result-filter-label>.cx-result-filter-label-text,
label.cx-result-filter-label>span:first-child{
	display:block!important;
	width:auto!important;
	min-width:max-content!important;
	max-width:none!important;
	writing-mode:horizontal-tb!important;
	text-orientation:mixed!important;
	white-space:nowrap!important;
	word-break:normal!important;
	overflow-wrap:normal!important;
	hyphens:none!important;
	line-height:1.2!important;
}
label.cx-result-filter-label>select{
	display:block!important;
	width:100%!important;
	min-width:0!important;
	max-width:100%!important;
	writing-mode:horizontal-tb!important;
	text-orientation:mixed!important;
	white-space:normal!important;
	word-break:normal!important;
	overflow-wrap:normal!important;
}


/* v3.6.125 — Home refinement requested after live visual test. Presentation only. */
/* Trademark ComiX rimosso dalle immagini prodotto, senza alterare file/media originali. */
body.cx-has-product-trademark .cx-product-cover::before,
body.cx-has-product-trademark .cx-product-cover::after,
body.cx-has-product-trademark.single-product .woocommerce-product-gallery__wrapper::before,
body.cx-has-product-trademark.single-product .woocommerce-product-gallery__wrapper::after{
	display:none!important;
	content:none!important;
	background:none!important;
}
/* Home desktop: cinque card, non sei. Le breakpoint inferiori restano quelli già consolidati. */
@media(min-width:1181px){
	.cx-home-content .cx-home-featured ul.products,
	.cx-home-content .cx-home-latest ul.products{
		grid-template-columns:repeat(5,minmax(0,1fr))!important;
		gap:16px!important;
	}
}
/* Più respiro e copertine con area visuale uniforme nella home. */
.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover,
.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover{
	height:220px!important;
	min-height:220px!important;
	max-height:220px!important;
	align-self:start!important;
	padding:8px!important;
	box-sizing:border-box!important;
	background:#fff!important;
}
.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover>img,
.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover>img{
	width:100%!important;
	height:100%!important;
	padding:7px!important;
	object-fit:contain!important;
	object-position:center!important;
}
/* Barre e CTA rettangolari, mai ovali. */
ul.products li.product .comix-home-desktop-action,
ul.products li.product .comix-home-mobile-status,
ul.products li.product .comix-home-mobile-add{
	border-radius:2px!important;
}
/* Rail icone senza banda: il 021 possiede colori/stati delle singole icone. */
ul.products li.product .comix-home-icons-row{
	background:transparent!important;
	border:0!important;
	border-radius:0!important;
	box-shadow:none!important;
	padding-left:0!important;
	padding-right:0!important;
}
/* Tooltip delle card sempre sopra le card vicine/ribbon. */
ul.products li.product .comix-home-control,
ul.products li.product .comix-tooltip-layer,
ul.products li.product .c-tooltip,
ul.products li.product .c-icon-tip[data-tooltip-inline]::after{
	z-index:2147483000!important;
}
ul.products li.product:hover,ul.products li.product:focus-within{z-index:100000!important}
@media(max-width:760px){
	.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover,
	.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover{
		height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:2/3!important;padding:6px!important;
	}
}
/* v3.6.125 — stato attivo delle icone: rosso pieno; ! resta bianco/rosso. */
.comix-home-icons-row .c-icon-tip,
.comix-home-icons-row .c-flag{
	background:#fff!important;
	border:2px solid #e51c23!important;
	border-radius:3px!important;
	color:#e51c23!important;
	box-shadow:none!important;
}
.comix-home-icons-row .has-event{
	background:#e51c23!important;
	border-color:#e51c23!important;
	color:#fff!important;
}
.comix-home-icons-row .c-alert{
	background:#fff!important;
	border-color:#e51c23!important;
	color:#e51c23!important;
}


/* v3.6.126 — fixed proportional cover height / rimozione toppa 300x300.
   Solo presentazione delle card prodotto: nessuna modifica a media originali, 021, stock o business logic. */
:root{--cx-product-card-image-height:200px;--cx-product-card-cover-width:150px}

/* Home + tutte le result page WooCommerce: stessa altezza reale dell'immagine,
   larghezza automatica e proporzionale. Nessun frame quadrato 300x300. */
ul.products li.product:not(.product-category){
	grid-template-columns:minmax(var(--cx-product-card-cover-width),44%) minmax(0,1fr) auto!important;
	column-gap:8px!important;
}
ul.products li.product:not(.product-category) .cx-product-cover{
	width:100%!important;
	max-width:none!important;
	height:calc(var(--cx-product-card-image-height) + 10px)!important;
	min-height:calc(var(--cx-product-card-image-height) + 10px)!important;
	max-height:calc(var(--cx-product-card-image-height) + 10px)!important;
	aspect-ratio:auto!important;
	padding:4px!important;
	align-items:center!important;
	justify-content:center!important;
	box-sizing:border-box!important;
}
ul.products li.product:not(.product-category) .cx-product-cover>img,
ul.products li.product:not(.product-category) .cx-product-cover>img.cx-product-cover-image{
	display:block!important;
	width:auto!important;
	height:var(--cx-product-card-image-height)!important;
	max-width:100%!important;
	max-height:var(--cx-product-card-image-height)!important;
	margin:auto!important;
	padding:0!important;
	aspect-ratio:auto!important;
	object-fit:contain!important;
	object-position:center center!important;
	transform:none!important;
}

/* Home desktop: resta la griglia a 5 card già approvata; cambia solo la geometria cover. */
.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover,
.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover{
	height:calc(var(--cx-product-card-image-height) + 10px)!important;
	min-height:calc(var(--cx-product-card-image-height) + 10px)!important;
	max-height:calc(var(--cx-product-card-image-height) + 10px)!important;
	aspect-ratio:auto!important;
	padding:4px!important;
}
.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover>img,
.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover>img{
	width:auto!important;
	height:var(--cx-product-card-image-height)!important;
	max-width:100%!important;
	max-height:var(--cx-product-card-image-height)!important;
	padding:0!important;
	object-fit:contain!important;
}

@media(max-width:1100px){
	ul.products li.product:not(.product-category){
		grid-template-columns:minmax(140px,42%) minmax(0,1fr) auto!important;
	}
}
@media(max-width:760px){
	ul.products li.product:not(.product-category){
		grid-template-columns:minmax(140px,44%) minmax(0,1fr)!important;
	}
	ul.products li.product:not(.product-category) .cx-product-cover,
	.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover,
	.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover{
		height:calc(var(--cx-product-card-image-height) + 10px)!important;
		min-height:calc(var(--cx-product-card-image-height) + 10px)!important;
		max-height:calc(var(--cx-product-card-image-height) + 10px)!important;
		aspect-ratio:auto!important;
		padding:4px!important;
	}
}
@media(max-width:430px){
	ul.products li.product:not(.product-category){
		grid-template-columns:minmax(136px,43%) minmax(0,1fr)!important;
	}
}


/* v3.6.127 — typographic balance + 10% taller proportional covers + refined US flag
   + single actionable colored bar on mobile. Presentation/proxy only: canonical 021 actions remain untouched. */
:root{--cx-product-card-image-height:220px}

/* Titolo +40% rispetto alla card precedente; editore -40%. */
ul.products li.product .woocommerce-loop-product__title{
	font-size:19.6px!important;
	line-height:1.12!important;
}
ul.products li.product .cx-product-publisher--loop{
	font-size:8.4px!important;
	line-height:1.18!important;
	letter-spacing:.02em!important;
}

/* Altezza immagine fissa +10%: 220px per tutte le cover, proporzioni sempre preservate. */
ul.products li.product:not(.product-category) .cx-product-cover,
.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover,
.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover{
	height:230px!important;
	min-height:230px!important;
	max-height:230px!important;
}
ul.products li.product:not(.product-category) .cx-product-cover>img,
ul.products li.product:not(.product-category) .cx-product-cover>img.cx-product-cover-image,
.cx-home-content .cx-home-featured ul.products li.product .cx-product-cover>img,
.cx-home-content .cx-home-latest ul.products li.product .cx-product-cover>img{
	height:220px!important;
	max-height:220px!important;
	width:auto!important;
	max-width:100%!important;
	object-fit:contain!important;
	object-position:center center!important;
}

/* Bandiera USA ridisegnata: rapporto piu' corretto, 13 strisce e canton con pattern stelle. */
.comix-home-icons-row .c-flag-us .c-flag-mark,
.single-product .c-flag-us .c-flag-mark{
	position:relative!important;
	width:22px!important;
	height:12px!important;
	border-radius:1px!important;
	background:repeating-linear-gradient(
		to bottom,
		#b22234 0 7.6923%,
		#fff 7.6923% 15.3846%
	)!important;
	box-shadow:0 0 0 1px rgba(0,0,0,.18)!important;
	overflow:hidden!important;
}
.comix-home-icons-row .c-flag-us .c-flag-mark::before,
.single-product .c-flag-us .c-flag-mark::before{
	content:''!important;
	display:block!important;
	position:absolute!important;
	left:0!important;
	top:0!important;
	width:40%!important;
	height:53.85%!important;
	background-color:#3c3b6e!important;
	background-image:radial-gradient(circle,#fff 0 0.55px,transparent 0.65px)!important;
	background-size:3px 3px!important;
	background-position:.5px .5px!important;
	transform:none!important;
	border-radius:0!important;
}

/* La CTA separata mobile viene rimossa visivamente. La barra stato eredita il click
   dall'azione canonica nascosta tramite il proxy JS del tema, quindi il comportamento non cambia. */
@media(max-width:760px){
	.comix-home-card-ui .comix-home-mobile-add{display:none!important}
	.comix-home-card-ui .comix-home-mobile-status.cx-mobile-action-proxy{
		display:flex!important;
		flex-direction:column!important;
		align-items:center!important;
		justify-content:center!important;
		gap:2px!important;
		cursor:pointer!important;
		user-select:none!important;
	}
	.comix-home-card-ui .comix-home-mobile-status.cx-mobile-action-proxy:focus-visible{
		outline:2px solid #111!important;
		outline-offset:2px!important;
	}
	.comix-home-card-ui .comix-home-mobile-status.cx-mobile-cart-action:not(.comix-home-cart-added):not(.comix-home-cart-existing)::after{
		content:none!important;
		display:none!important;
		font-size:70%!important;
		font-weight:800!important;
		line-height:1.05!important;
		letter-spacing:.02em!important;
	}
	.comix-home-card-ui .comix-home-mobile-status.cx-mobile-product-action:not(.comix-home-cart-added):not(.comix-home-cart-existing)::after{
		content:'VEDI PRODOTTO'!important;
		display:block!important;
		font-size:70%!important;
		font-weight:800!important;
		line-height:1.05!important;
		letter-spacing:.02em!important;
	}
	ul.products li.product .woocommerce-loop-product__title{
		font-size:19.6px!important;
		line-height:1.12!important;
	}
	ul.products li.product .cx-product-publisher--loop{
		font-size:9.9px!important;
		line-height:1.15!important;
	}
}

/* Desktop: stessa seconda riga, solo quando la barra e' realmente un add-to-cart canonico. */
@media(min-width:761px){
	.comix-home-card-ui .comix-home-desktop-action.comix-cart-trigger:not(.comix-home-cart-added):not(.comix-home-cart-existing){
		flex-direction:column!important;
		gap:2px!important;
	}
	.comix-home-card-ui .comix-home-desktop-action.comix-cart-trigger:not(.comix-021-native-subline):not(.comix-home-cart-added):not(.comix-home-cart-existing)::after{
		content:none!important;
		display:none!important;
		font-size:70%!important;
		font-weight:800!important;
		line-height:1.05!important;
		letter-spacing:.02em!important;
	}
}


/* v3.6.128 — smartphone responsive hardening.
   Impedisce la doppia card per riga vista nel test live: su smartphone una sola card per riga,
   mantenendo la card internamente a due colonne (cover + dati/azioni). Solo presentazione. */
@media (max-width:820px){
	html body .cx-home-content .cx-home-featured ul.products,
	html body .cx-home-content .cx-home-latest ul.products,
	html body.woocommerce ul.products,
	html body.search ul.products,
	html body.post-type-archive-product ul.products,
	html body.tax-product_cat ul.products,
	html body.tax-product_tag ul.products{
		display:grid!important;
		grid-template-columns:minmax(0,1fr)!important;
		gap:12px!important;
		width:100%!important;
		max-width:100%!important;
	}

	html body ul.products li.product:not(.product-category){
		width:100%!important;
		max-width:100%!important;
		min-width:0!important;
		box-sizing:border-box!important;
		grid-template-columns:150px minmax(0,1fr)!important;
		grid-template-rows:auto auto auto auto auto auto!important;
		column-gap:12px!important;
		row-gap:6px!important;
		padding:10px!important;
		overflow:visible!important;
	}

	html body ul.products li.product:not(.product-category) .cx-product-cover,
	html body .cx-home-content .cx-home-featured ul.products li.product .cx-product-cover,
	html body .cx-home-content .cx-home-latest ul.products li.product .cx-product-cover{
		grid-column:1!important;
		grid-row:1 / span 6!important;
		width:150px!important;
		min-width:150px!important;
		max-width:150px!important;
		height:230px!important;
		min-height:230px!important;
		max-height:230px!important;
		align-self:start!important;
		padding:4px!important;
		box-sizing:border-box!important;
		overflow:hidden!important;
	}

	html body ul.products li.product:not(.product-category) .cx-product-cover>img,
	html body ul.products li.product:not(.product-category) .cx-product-cover>img.cx-product-cover-image,
	html body .cx-home-content .cx-home-featured ul.products li.product .cx-product-cover>img,
	html body .cx-home-content .cx-home-latest ul.products li.product .cx-product-cover>img{
		display:block!important;
		width:100%!important;
		height:220px!important;
		max-width:100%!important;
		max-height:220px!important;
		margin:0 auto!important;
		padding:0!important;
		object-fit:contain!important;
		object-position:center center!important;
		transform:none!important;
	}

	html body ul.products li.product .woocommerce-loop-product__title,
	html body ul.products li.product .cx-product-publisher--loop,
	html body ul.products li.product .price,
	html body ul.products li.product .comix-home-control{
		min-width:0!important;
		max-width:100%!important;
		box-sizing:border-box!important;
	}

	html body ul.products li.product .woocommerce-loop-product__title{
		grid-column:2!important;
		grid-row:1!important;
		font-size:19.6px!important;
		line-height:1.12!important;
		white-space:normal!important;
		overflow-wrap:anywhere!important;
		word-break:normal!important;
		-webkit-line-clamp:3!important;
	}

	html body ul.products li.product .cx-product-publisher--loop{
		grid-column:2!important;
		grid-row:3!important;
		font-size:9.9px!important;
		line-height:1.15!important;
		white-space:normal!important;
		text-overflow:clip!important;
		overflow:visible!important;
	}

	html body ul.products li.product .price{
		grid-column:2!important;
		grid-row:4!important;
		font-size:18px!important;
		line-height:1.05!important;
	}

	html body ul.products li.product .comix-home-control{
		grid-column:2!important;
		grid-row:5 / span 2!important;
		width:100%!important;
		align-self:end!important;
		gap:6px!important;
	}

	html body ul.products li.product .comix-home-mobile-status,
	html body ul.products li.product .comix-home-desktop-action{
		width:100%!important;
		max-width:100%!important;
		min-width:0!important;
		box-sizing:border-box!important;
		white-space:normal!important;
		text-align:center!important;
	}

	html body ul.products li.product .comix-home-icons-row{
		width:100%!important;
		max-width:100%!important;
		box-sizing:border-box!important;
		display:flex!important;
		flex-wrap:nowrap!important;
		justify-content:space-between!important;
		gap:4px!important;
		overflow:visible!important;
	}
}

/* Telefoni molto stretti: conserva una sola card e riduce solo la colonna cover,
   senza tornare a due prodotti per riga. */
@media (max-width:350px){
	html body ul.products li.product:not(.product-category){
		grid-template-columns:138px minmax(0,1fr)!important;
		column-gap:9px!important;
	}
	html body ul.products li.product:not(.product-category) .cx-product-cover,
	html body .cx-home-content .cx-home-featured ul.products li.product .cx-product-cover,
	html body .cx-home-content .cx-home-latest ul.products li.product .cx-product-cover{
		width:138px!important;
		min-width:138px!important;
		max-width:138px!important;
	}
	html body ul.products li.product .woocommerce-loop-product__title{font-size:17.5px!important}
}

/* v3.6.128b — final specificity guard against legacy Home rules loaded earlier. */
@media (max-width:820px){
	html body .cx-home-content .woocommerce ul.products{
		grid-template-columns:minmax(0,1fr)!important;
		margin-left:0!important;
		margin-right:0!important;
		padding-left:0!important;
		padding-right:0!important;
	}
	html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
		width:100%!important;
		max-width:100%!important;
		margin-left:0!important;
		margin-right:0!important;
		grid-template-columns:150px minmax(0,1fr)!important;
	}
	html body .cx-home-content .woocommerce ul.products li.product .woocommerce-loop-product__title{
		font-size:19.6px!important;
		line-height:1.12!important;
		min-height:0!important;
		white-space:normal!important;
		overflow-wrap:anywhere!important;
		-webkit-line-clamp:3!important;
	}
	html body .cx-home-content .woocommerce ul.products li.product .cx-product-publisher--loop{
		font-size:9.9px!important;
		line-height:1.15!important;
		white-space:normal!important;
		text-overflow:clip!important;
		overflow:visible!important;
	}
	html body .cx-home-content .woocommerce ul.products li.product .price{
		font-size:18px!important;
		line-height:1.05!important;
	}
}

/* v3.6.128c — narrow-phone guard, placed last to win over Home specificity. */
@media (max-width:350px){
	html body .cx-home-content .woocommerce ul.products li.product:not(.product-category),
	html body ul.products li.product:not(.product-category){
		grid-template-columns:130px minmax(0,1fr)!important;
		column-gap:8px!important;
	}
	html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover,
	html body ul.products li.product:not(.product-category) .cx-product-cover{
		width:130px!important;
		min-width:130px!important;
		max-width:130px!important;
	}
	html body .cx-home-content .woocommerce ul.products li.product .woocommerce-loop-product__title,
	html body ul.products li.product .woocommerce-loop-product__title{font-size:17.5px!important}
	html body ul.products li.product .comix-home-icons-row{gap:2px!important}
	html body ul.products li.product .comix-home-icons-row .c-icon-tip,
	html body ul.products li.product .comix-home-icons-row .c-flag{
		width:22px!important;
		min-width:22px!important;
		height:26px!important;
		min-height:26px!important;
	}
}


/* ==========================================================================\n   v3.6.129 — GENERAL PRODUCT UX CONTRACT / MARKUS\n   Valido per Home, search/result/archive/catalog, single product e ogni supporto.\n   ========================================================================== */

/* Lingua: solo piccolo badge bianco sulla cover, autoesplicativo e non interattivo. */
.cx-product-cover{position:relative!important}
.cx-language-ribbon.cx-language-badge{
	position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:7px!important;
	transform:translateX(-50%)!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
	display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;
	border:1px solid rgba(0,0,0,.16)!important;border-radius:50%!important;background:#fff!important;color:#111!important;
	box-shadow:0 1px 4px rgba(0,0,0,.14)!important;z-index:8!important;pointer-events:none!important;overflow:hidden!important;
}
.cx-language-badge__flag{display:block!important;font-size:18px!important;line-height:1!important;transform:none!important}
.cx-language-ribbon::before,.cx-language-ribbon::after{display:none!important;content:none!important}

/* Publisher + prezzo: stessa riga; aumento richiesto rispetto alla resa 3.6.128. */
ul.products li.product .cx-product-publisher--loop{
	grid-column:2!important;grid-row:3!important;align-self:center!important;margin:0!important;
	font-size:10.1px!important;line-height:1.15!important;font-weight:900!important;white-space:normal!important;
}
ul.products li.product .price{
	grid-column:3!important;grid-row:3!important;justify-self:end!important;align-self:center!important;margin:0!important;
	font-size:24.7px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;
}

/* Disponibilita reale e date informative sotto editore/prezzo. */
ul.products li.product .comix-product-facts{
	grid-column:2 / 4!important;grid-row:4!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
	gap:2px!important;min-width:0!important;margin:1px 0 0!important;font-size:10.5px!important;line-height:1.18!important;
}
ul.products li.product .comix-stock-qty-inline{display:inline-flex!important;align-items:baseline!important;gap:4px!important;margin:0!important;color:#111!important}
.comix-stock-qty-label{font-weight:800!important;letter-spacing:.02em!important}.comix-stock-qty-badge{font-weight:900!important;color:#111!important;background:transparent!important;border:0!important;padding:0!important}
.comix-product-date-notes{display:grid!important;gap:1px!important;margin:0!important}.comix-product-date-line{margin:0!important;color:#444!important}.comix-product-date-label{font-weight:800!important}.comix-product-date-value{font-weight:900!important;color:#111!important}

/* Niente QTY di acquisto e nessuna seconda CTA. */
.comix-home-qty-cell,.comix-home-mobile-status,.comix-home-mobile-add{display:none!important}
ul.products li.product .comix-home-control{grid-column:2 / 4!important;grid-row:5 / span 2!important;margin-top:2px!important;gap:5px!important}
.comix-home-card-ui .comix-home-desktop-action::after{display:none!important;content:none!important}

/* Rail canonica: SOLO categoria + cuore + !; niente barra/box, gruppo centrato. */
.comix-home-icons-row,.single-product .comix-home-icons-row,.single-product .comix-slim-ui-icons-row{
	display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;
	width:100%!important;min-height:32px!important;height:auto!important;padding:1px 0!important;margin:0!important;
	background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
}
.comix-home-icons-row .c-category-icon,.comix-home-icons-row .c-heart,.comix-home-icons-row .c-alert,
.single-product .comix-home-icons-row .c-category-icon,.single-product .comix-home-icons-row .c-heart,.single-product .comix-home-icons-row .c-alert{
	position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
	width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;padding:0!important;margin:0!important;
	border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#e51c23!important;line-height:1!important;
}
.comix-home-icons-row .c-category-icon::before,.comix-home-icons-row .c-heart::before,.comix-home-icons-row .c-alert::before{display:none!important;content:none!important}
.comix-home-icons-row .comix-inline-icon{width:23px!important;height:23px!important;stroke:currentColor!important;color:#e51c23!important}
.comix-home-icons-row .c-heart .comix-inline-icon{fill:#fff!important;stroke:#e51c23!important}
.comix-home-icons-row .c-heart.is-active .comix-inline-icon{fill:#e51c23!important;stroke:#e51c23!important}
.comix-home-icons-row .c-alert{
	width:24px!important;height:24px!important;border-radius:3px!important;background:#e51c23!important;color:#fff!important;
	font-size:20px!important;font-weight:900!important;cursor:pointer!important;
}
.comix-home-icons-row .c-alert .c-icon-char{font-size:19px!important;font-weight:900!important;color:#fff!important;line-height:1!important}
.comix-home-icons-row .c-category-icon{pointer-events:none!important}

/* Single: riga commerciale unica e modulo Storefront canonico. */
.cx-product-commercial-row{display:flex!important;align-items:baseline!important;gap:14px!important;flex-wrap:wrap!important;margin:3px 0 8px!important}
.cx-product-commercial-row .cx-product-publisher--single{margin:0!important;font-size:14.4px!important;line-height:1.15!important;font-weight:900!important}
.cx-product-commercial-row .cx-product-price-inline{margin:0!important;color:var(--cx-primary)!important;font-size:29.9px!important;line-height:1!important;font-weight:900!important}
.cx-store-product .woocommerce div.product form.cart .comix-home-card-ui{display:block!important;width:min(100%,420px)!important;max-width:420px!important;margin:0 auto!important}
.cx-store-product .woocommerce div.product form.cart .comix-product-facts{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;margin:0 0 7px!important;font-size:12px!important;line-height:1.2!important}
.cx-store-product .woocommerce div.product form.cart .comix-home-control{display:grid!important;width:100%!important;gap:7px!important}
.cx-store-product .woocommerce div.product form.cart .comix-home-desktop-action{display:flex!important;width:100%!important;min-height:44px!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;text-align:center!important}

/* Per i prodotti semplici la CTA canonica del 021 sostituisce quella nativa WooCommerce.\n   Per variabili/raggruppati restano i controlli nativi necessari alla selezione opzioni. */
body.cx-store-product-simple .woocommerce div.product form.cart>.single_add_to_cart_button{display:none!important}
.cx-store-product .woocommerce div.product form.cart>.quantity,.cx-store-product .woocommerce div.product .woocommerce-variation-add-to-cart>.quantity{display:none!important}

/* Bandiera anche nella gallery single, al centro in basso. */
.single-product .woocommerce div.product div.images,.single-product .woocommerce-product-gallery{position:relative!important}
.single-product .woocommerce-product-gallery>.cx-language-badge,.single-product .woocommerce div.product div.images>.cx-language-badge{
	left:50%!important;bottom:12px!important;top:auto!important;z-index:30!important;
}

@media(max-width:820px){
	/* Stessa gerarchia su tablet/smartphone: editore e prezzo condividono la riga 3. */
	html body ul.products li.product .cx-product-publisher--loop{grid-column:2!important;grid-row:3!important;font-size:11.9px!important;line-height:1.12!important;padding-right:5px!important}
	html body ul.products li.product .price{grid-column:2!important;grid-row:3!important;justify-self:end!important;font-size:23.4px!important;line-height:1!important;padding-left:42%!important}
	html body ul.products li.product .comix-product-facts{grid-column:2!important;grid-row:4!important;font-size:10px!important;line-height:1.15!important}
	html body ul.products li.product .comix-home-control{grid-column:2!important;grid-row:5 / span 2!important}
	html body ul.products li.product .comix-home-icons-row{justify-content:center!important;gap:24px!important}
	.cx-language-ribbon.cx-language-badge{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;bottom:6px!important}
	.cx-language-badge__flag{font-size:17px!important}
	.cx-product-commercial-row{gap:10px!important}.cx-product-commercial-row .cx-product-publisher--single{font-size:14.4px!important}.cx-product-commercial-row .cx-product-price-inline{font-size:29.9px!important}
}
@media(max-width:430px){
	html body ul.products li.product .cx-product-publisher--loop{font-size:11.2px!important}
	html body ul.products li.product .price{font-size:21.5px!important}
	html body ul.products li.product .comix-home-icons-row{gap:24px!important}
}


/* ==========================================================================\n   v3.6.130 — PRODUCT CARD VERTICAL BALANCE + REAL LANGUAGE FLAG / MARKUS\n   Feedback live 14/09/2026: dati commerciali piu' vicini al titolo, area date stabile,\n   CTA leggermente separata, respiro prima/dopo rail e bandiera reale (no emoji).\n   ========================================================================== */

/* Le righe AUTO non devono stirarsi per riempire l'altezza della cover: questo era
   il motivo del vuoto eccessivo tra titolo ed editore nella prova live. */
html body ul.products li.product:not(.product-category),
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
	grid-template-rows:auto auto auto minmax(54px,auto) auto auto!important;
	row-gap:3px!important;
	align-content:start!important;
}

/* Titolo -> editore/prezzo -> disponibilita': blocco compatto nella parte alta. */
html body ul.products li.product .woocommerce-loop-product__title{margin-bottom:0!important}
html body ul.products li.product .cx-product-publisher--loop,
html body .cx-home-content .woocommerce ul.products li.product .cx-product-publisher--loop{
	margin-top:1px!important;
	align-self:start!important;
}
html body ul.products li.product .price,
html body .cx-home-content .woocommerce ul.products li.product .price{
	margin-top:1px!important;
	align-self:start!important;
}
html body ul.products li.product .comix-product-facts,
html body .cx-home-content .woocommerce ul.products li.product .comix-product-facts{
	margin-top:1px!important;
	align-self:start!important;
	gap:2px!important;
}

/* Lo stock resta subito sotto editore/prezzo. Sotto di lui lo spazio e' riservato
   a PRE-ORDER / DAY ONE USA / DAY ONE ITA senza spostare la CTA tra una card e l'altra. */
html body ul.products li.product .comix-product-date-notes{
	min-height:36px!important;
	align-content:start!important;
	padding-top:1px!important;
}
html body ul.products li.product .comix-product-date-line{
	font-size:10.2px!important;
	line-height:1.14!important;
}

/* CTA: un poco staccata dall'area informativa, ma non spinta sul fondo. */
html body ul.products li.product .comix-home-control,
html body .cx-home-content .woocommerce ul.products li.product .comix-home-control{
	margin-top:5px!important;
	align-self:start!important;
	gap:8px!important;
	padding-bottom:5px!important;
}
html body ul.products li.product .comix-home-icons-row{
	margin-top:2px!important;
	margin-bottom:3px!important;
}

/* Badge lingua: niente emoji (su Windows le regional-indicator possono diventare lettere).
   Se c'e' un'immagine Media Library viene usata dal PHP; USA ha fallback sul PNG ufficiale del tema. */
.cx-language-badge__img{
	display:block!important;
	width:22px!important;
	height:22px!important;
	max-width:22px!important;
	max-height:22px!important;
	object-fit:contain!important;
	object-position:center!important;
	border-radius:1px!important;
	margin:0!important;
	padding:0!important;
}
.cx-language-badge__flag{
	dis:block!important;
	width:21px!important;
	height:15px!important;
	min-width:21px!important;
	min-height:15px!important;
	border-radius:1px!important;
	box-shadow:0 0 0 1px rgba(0,0,0,.10)!important;
	overflow:hidden!important;
	font-size:0!important;
}
.cx-language-badge__flag--ita{background:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666% 100%)!important}
.cx-language-badge__flag--usa{background-color:#fff!important;background-image:radial-gradient(circle at 2px 2px,#fff 0 1px,transparent 1.2px),repeating-linear-gradient(to bottom,#b22234 0 1.15px,#fff 1.15px 2.3px)!important;background-size:4px 4px,100% 100%!important;position:relative!important}
.cx-language-badge__flag--usa::before{content:""!important;position:absolute!important;left:0!important;top:0!important;width:9px!important;height:8px!important;background:#3c3b6e!important;z-index:0!important}
.cx-language-badge__flag--usa::after{content:"···"!important;position:absolute!important;left:1px!important;top:-2px!important;width:8px!important;height:7px!important;color:#fff!important;font:700 5px/5px Arial,sans-serif!important;letter-spacing:0!important;overflow:hidden!important;z-index:1!important}
.cx-language-badge__flag--jap{position:relative!important;background:#fff!important}
.cx-language-badge__flag--jap::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#bc002d!important;transform:translate(-50%,-50%)!important}

@media(max-width:820px){
	html body ul.products li.product:not(.product-category),
	html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
		grid-template-rows:auto auto auto minmax(54px,auto) auto auto!important;
		row-gap:3px!important;
		align-content:start!important;
	}
	html body ul.products li.product .comix-product-date-notes{min-height:35px!important}
	html body ul.products li.product .comix-home-control{margin-top:4px!important;gap:7px!important;padding-bottom:5px!important}
	.cx-language-badge__img{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}
}


/* ==========================================================================\n   v3.6.131 — MOBILE CANONICAL STATUS BAR RESTORE / MARKUS\n   021 v2.6.82 usa una sola CTA canonica (.comix-home-desktop-action) anche nei\n   renderer cross-view. Una regola mobile storica del 021 la nascondeva <760px\n   aspettandosi il vecchio markup .comix-home-mobile-status, ora rimosso.\n   Il tema riattiva quindi LA STESSA CTA canonica: nessuna seconda azione.\n   ========================================================================== */
@media (max-width:760px){
	html body ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action,
	html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action{
		display:flex!important;
		align-items:center!important;
		justify-content:center!important;
		width:100%!important;
		min-height:42px!important;
		box-sizing:border-box!important;
		padding:8px 9px!important;
		border-radius:2px!important;
		text-align:center!important;
		font-size:11px!important;
		font-weight:900!important;
		line-height:1.08!important;
		text-transform:uppercase!important;
	}
	/* Il vecchio markup mobile resta disattivato: non deve ricomparire una CTA duplicata. */
	html body ul.products li.product .comix-home-mobile-status,
	html body ul.products li.product .comix-home-mobile-add{
		display:none!important;
	}
}
@media (max-width:430px){
	html body ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action{
		min-height:40px!important;
		padding:7px 7px!important;
		font-size:10.4px!important;
	}
}


/* ==========================================================================
   v3.6.132 — MOBILE STATUS BAR CROSS-VIEW / MARKUS
   Estende esplicitamente il ripristino v3.6.131 a tutte le superfici prodotto
   WooCommerce: Home, search/result, shop, categorie/tassonomie, cataloghi che
   renderizzano ul.products e relative griglie responsive. Nessuna logica 028.
   ========================================================================== */
@media (max-width:760px){
	html body.cx-store-archive ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action,
	html body.cx-store-search ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action,
	html body.cx-store-taxonomy ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action,
	html body.cx-store-shop ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action,
	html body .cx-catalog-page .woocommerce ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action,
	html body .cx-catalog-page ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action{
		display:flex!important;
		visibility:visible!important;
		opacity:1!important;
		align-items:center!important;
		justify-content:center!important;
		width:100%!important;
		min-height:42px!important;
		box-sizing:border-box!important;
		padding:8px 9px!important;
		border-radius:2px!important;
		text-align:center!important;
		font-size:11px!important;
		font-weight:900!important;
		line-height:1.08!important;
		text-transform:uppercase!important;
	}

	/* Nessuna riattivazione delle vecchie CTA mobili duplicate. */
	html body.cx-store-archive ul.products li.product .comix-home-mobile-status,
	html body.cx-store-archive ul.products li.product .comix-home-mobile-add,
	html body .cx-catalog-page ul.products li.product .comix-home-mobile-status,
	html body .cx-catalog-page ul.products li.product .comix-home-mobile-add{
		display:none!important;
	}
}

/* ==========================================================================\n   v3.6.133 — SINGLE PRODUCT CONTRACT RESTORE / MARKUS\n   Fix live 14/09/2026: la Single Product deve usare lo stesso contratto UX\n   delle card: nessun QTY pre-acquisto, CTA unica piena e leggibile, facts separati.\n   ========================================================================== */

/* WooCommerce continua a generare la quantity nativa nel form simple: sulla Single
   viene soltanto nascosta. La quantità resta modificabile successivamente nel carrello. */
body.single-product.cx-store-product .summary form.cart > .quantity,
body.single-product.cx-store-product .summary form.cart .woocommerce-variation-add-to-cart > .quantity,
body.single-product.cx-store-product-simple .summary form.cart > .quantity {
	display:none!important;
}

/* Il renderer canonico 021 usa anche la classe storica .comix-cart-trigger. Le vecchie
   regole 021 la trattavano come icona tonda (width/height/flex piccoli): qui il Tema
   ristabilisce esplicitamente la CTA commerciale a tutta larghezza nella Single. */
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui{
	display:block!important;
	width:min(100%,420px)!important;
	max-width:420px!important;
	margin:0 auto!important;
	box-sizing:border-box!important;
}
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-home-control{
	display:grid!important;
	grid-template-columns:minmax(0,1fr)!important;
	width:100%!important;
	gap:9px!important;
	margin:0!important;
	padding:0!important;
	box-sizing:border-box!important;
}
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-home-desktop-action{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:100%!important;
	max-width:none!important;
	min-width:0!important;
	height:auto!important;
	min-height:44px!important;
	max-height:none!important;
	flex:1 1 100%!important;
	box-sizing:border-box!important;
	margin:0!important;
	padding:8px 12px!important;
	border-radius:2px!important;
	box-shadow:none!important;
	overflow:visible!important;
	white-space:normal!important;
	text-align:center!important;
	text-decoration:none!important;
	font:900 12px/1.12 Arial,sans-serif!important;
	letter-spacing:.1px!important;
	transform:none!important;
}
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-home-desktop-action:hover,
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-home-desktop-action:focus{
	transform:none!important;
	box-shadow:none!important;
}
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-home-action-label{
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	margin:0!important;
	padding:0!important;
	line-height:1.12!important;
	white-space:normal!important;
	text-align:center!important;
}

/* Facts/date sopra la CTA, senza sovrapposizioni. */
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-product-facts{
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	gap:3px!important;
	width:100%!important;
	margin:0 0 8px!important;
	padding:0!important;
	font-size:12px!important;
	line-height:1.22!important;
	box-sizing:border-box!important;
}
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-product-date-notes{
	display:grid!important;
	gap:2px!important;
	width:100%!important;
	margin:0!important;
}

/* Rail delle 3 icone: separata dalla CTA e centrata. */
body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-home-icons-row{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:24px!important;
	width:100%!important;
	min-height:34px!important;
	margin:3px 0 0!important;
	padding:2px 0!important;
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
	overflow:visible!important;
}

@media(max-width:820px){
	body.single-product.cx-store-product .summary form.cart .comix-home-card-ui{
		width:100%!important;
		max-width:100%!important;
	}
	body.single-product.cx-store-product .summary form.cart .comix-home-card-ui .comix-home-desktop-action{
		min-height:42px!important;
		font-size:12px!important;
		padding:8px 10px!important;
	}
}


/* ==========================================================================
   v3.6.135 — CARD CLEANUP + LIVE CART STEPPER / MARKUS
   Mantiene cover, ribbon, badge, rail icone e CTA commerciali gia' attive.
   Interviene solo sulla gerarchia delle informazioni e sul controllo quantita'
   DOPO che WooCommerce conferma che il prodotto e' nel carrello.
   ========================================================================== */

/* Riga 1: titolo, +30% rispetto alla resa v3.6.134 (12px -> 15.6px). */
html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
	grid-column:2 / 4!important;
	grid-row:1!important;
	font-size:15.6px!important;
	line-height:1.08!important;
	margin:0!important;
	padding:0!important;
}

/* La riga incentivo/rating non deve spezzare la lettura commerciale della card. */
html body ul.products li.product:not(.product-category) .cx-product-incentive-line,
html body ul.products li.product:not(.product-category) .star-rating{
	display:none!important;
}

/* Riga 2: Editore +10% e prezzo +30%, sulla stessa riga. */
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-publisher--loop{
	grid-column:2!important;
	grid-row:2!important;
	align-self:baseline!important;
	margin:1px 0 0!important;
	font-size:11px!important;
	line-height:1.12!important;
	padding-right:5px!important;
}
html body ul.products li.product:not(.product-category) .price,
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .price{
	grid-column:3!important;
	grid-row:2!important;
	align-self:baseline!important;
	justify-self:end!important;
	margin:1px 0 0!important;
	font-size:15.6px!important;
	line-height:1!important;
	white-space:nowrap!important;
}

/* Righe informative: Day One prima, Disponibilita' subito dopo.
   L'ordine DOM viene normalizzato dal JS senza inventare date mancanti. */
html body ul.products li.product:not(.product-category) .comix-product-facts,
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-product-facts{
	grid-column:2 / 4!important;
	grid-row:3!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:flex-start!important;
	gap:2px!important;
	min-width:0!important;
	margin:2px 0 0!important;
	font-size:10.5px!important;
	line-height:1.16!important;
}
html body ul.products li.product:not(.product-category) .comix-product-date-notes{
	order:1!important;
	display:grid!important;
	gap:1px!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
}
html body ul.products li.product:not(.product-category) .comix-product-date-notes[hidden]{display:none!important}
html body ul.products li.product:not(.product-category) .comix-product-date-line{
	font-size:10.5px!important;
	line-height:1.15!important;
}
html body ul.products li.product:not(.product-category) .comix-product-date-line[hidden]{display:none!important}
html body ul.products li.product:not(.product-category) .comix-stock-qty-inline{
	order:2!important;
	display:inline-flex!important;
	align-items:baseline!important;
	gap:4px!important;
	margin:0!important;
	color:#111!important;
}

/* Il selettore QTY pre-acquisto resta definitivamente fuori dalla card. */
html body ul.products li.product:not(.product-category) .comix-home-qty-cell{
	display:none!important;
}

/* Riga azione: stesso pulsante del tema attivo, senza redesign.
   La seconda riga e' soltanto il 10% piu' piccola della principale. */
html body ul.products li.product:not(.product-category) .comix-home-control,
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control{
	grid-column:2 / 4!important;
	grid-row:4 / span 2!important;
	margin-top:5px!important;
	align-self:start!important;
}
.comix-home-card-ui .comix-home-desktop-action.cx-card-action-subline{
	flex-direction:column!important;
	align-items:center!important;
	justify-content:center!important;
	gap:1px!important;
}
.comix-home-card-ui .comix-home-desktop-action.cx-card-action-subline:not(.comix-021-native-subline)::after{
	content:none!important;
	display:none!important;
	font-size:90%!important;
	font-weight:800!important;
	line-height:1!important;
	letter-spacing:.01em!important;
}

/* Quando il prodotto e' realmente nel carrello, la CTA originale resta nel DOM
   (quindi 021 non viene riscritto) ma lascia il posto al controller blu. */
.comix-home-card-ui .comix-home-desktop-action.cx-card-cart-source-hidden{
	display:none!important;
}
.cx-card-cart-stepper{
	width:100%!important;
	min-width:0!important;
	min-height:44px!important;
	display:grid!important;
	grid-template-columns:42px minmax(0,1fr) 42px!important;
	align-items:stretch!important;
	box-sizing:border-box!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:2px!important;
	background:#1268c4!important;
	color:#fff!important;
	box-shadow:none!important;
	overflow:hidden!important;
}
.cx-card-cart-stepper__button{
	appearance:none!important;
	-webkit-appearance:none!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-width:0!important;
	min-height:44px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	color:#fff!important;
	box-shadow:none!important;
	font:900 24px/1 Arial,sans-serif!important;
	cursor:pointer!important;
}
.cx-card-cart-stepper__button:hover,
.cx-card-cart-stepper__button:focus-visible{
	background:rgba(0,0,0,.13)!important;
	outline:0!important;
}
.cx-card-cart-stepper__button:focus-visible{
	box-shadow:inset 0 0 0 2px #fff!important;
}
.cx-card-cart-stepper__value{
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	gap:5px!important;
	min-width:0!important;
	padding:5px 3px!important;
	border-left:1px solid rgba(255,255,255,.28)!important;
	border-right:1px solid rgba(255,255,255,.28)!important;
	color:#fff!important;
	font:900 10.8px/1.05 Arial,sans-serif!important;
	text-align:center!important;
	text-transform:uppercase!important;
	white-space:normal!important;
}
.cx-card-cart-stepper__value strong{
	font-size:15px!important;
	line-height:1!important;
	color:#fff!important;
}
.cx-card-cart-stepper.is-busy{
	opacity:.72!important;
	cursor:wait!important;
}
.cx-card-cart-stepper.is-busy .cx-card-cart-stepper__button{cursor:wait!important}

/* Conferma rimozione dell'ultima copia. */
html.cx-card-remove-dialog-open{overflow:hidden!important}
.cx-card-remove-dialog[hidden]{display:none!important}
.cx-card-remove-dialog{
	position:fixed!important;
	inset:0!important;
	z-index:2147483600!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	padding:18px!important;
	box-sizing:border-box!important;
}
.cx-card-remove-dialog__backdrop{
	position:absolute!important;
	inset:0!important;
	background:rgba(0,0,0,.58)!important;
}
.cx-card-remove-dialog__panel{
	position:relative!important;
	z-index:1!important;
	width:min(430px,100%)!important;
	box-sizing:border-box!important;
	padding:22px!important;
	border:2px solid #111!important;
	border-radius:4px!important;
	background:#fff!important;
	color:#111!important;
	box-shadow:0 16px 42px rgba(0,0,0,.32)!important;
	text-align:center!important;
}
.cx-card-remove-dialog__panel h3{
	margin:0 0 9px!important;
	font-size:20px!important;
	line-height:1.12!important;
	font-weight:900!important;
	text-transform:uppercase!important;
}
.cx-card-remove-dialog__panel p{
	margin:0 0 17px!important;
	font-size:14px!important;
	line-height:1.35!important;
}
.cx-card-remove-dialog__actions{
	display:flex!important;
	gap:10px!important;
	justify-content:center!important;
	flex-wrap:wrap!important;
}
.cx-card-remove-dialog__actions button{
	min-height:40px!important;
	padding:9px 14px!important;
	border:0!important;
	border-radius:2px!important;
	font-size:12px!important;
	font-weight:900!important;
	text-transform:uppercase!important;
	cursor:pointer!important;
}
.cx-card-remove-dialog__yes{background:#e51c23!important;color:#fff!important}
.cx-card-remove-dialog__no{background:#e5e7eb!important;color:#111!important}

/* Le card restano compatte: righe automatiche, nessun vuoto riservato a PRE-ORDER. */
html body ul.products li.product:not(.product-category),
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
	grid-template-rows:auto auto auto auto auto!important;
	row-gap:3px!important;
	align-content:start!important;
}

@media(max-width:820px){
	html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
	html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
		font-size:15.6px!important;
	}
	html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
		grid-column:2!important;
		grid-row:2!important;
		font-size:11px!important;
		padding-right:5px!important;
	}
	html body ul.products li.product:not(.product-category) .price{
		grid-column:2!important;
		grid-row:2!important;
		justify-self:end!important;
		font-size:15.6px!important;
		padding-left:42%!important;
	}
	html body ul.products li.product:not(.product-category) .comix-product-facts{
		grid-column:2!important;
		grid-row:3!important;
		font-size:10px!important;
	}
	html body ul.products li.product:not(.product-category) .comix-home-control{
		grid-column:2!important;
		grid-row:4 / span 2!important;
	}
	.cx-card-cart-stepper{min-height:42px!important;grid-template-columns:40px minmax(0,1fr) 40px!important}
	.cx-card-cart-stepper__button{min-height:42px!important}
}
@media(max-width:430px){
	html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{font-size:25.5px!important}
	html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{font-size:12.3px!important}
	html body ul.products li.product:not(.product-category) .price{font-size:28px!important}
	.cx-card-cart-stepper{min-height:40px!important;grid-template-columns:37px minmax(0,1fr) 37px!important}
	.cx-card-cart-stepper__button{min-height:40px!important;font-size:22px!important}
	.cx-card-cart-stepper__value{font-size:9.7px!important;gap:4px!important}
	.cx-card-remove-dialog__actions{flex-direction:column!important}
	.cx-card-remove-dialog__actions button{width:100%!important}
}


/* v3.6.136 — Admin-only WooCommerce Featured toggle beside 021 HOT star. */
.cx-featured-admin-toggle{
    position:absolute!important;
    top:8px!important;
    left:40px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:47!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #c71920!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#c71920!important;
    box-shadow:0 1px 4px rgba(0,0,0,.2)!important;
    text-decoration:none!important;
    cursor:pointer!important;
}
.cx-featured-admin-toggle svg{display:block!important;width:15px!important;height:15px!important;overflow:visible!important}
.cx-featured-admin-toggle .cx-featured-bookmark{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.cx-featured-admin-toggle .cx-featured-plus{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cx-featured-admin-toggle .cx-featured-check{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cx-featured-admin-toggle.is-active{background:#198754!important;border-color:#126b42!important;color:#fff!important}
.cx-featured-admin-toggle.is-active .cx-featured-bookmark{fill:#198754;stroke:#fff}
.cx-featured-admin-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.24)!important}
.cx-featured-admin-toggle:focus-visible{outline:2px solid #2271b1!important;outline-offset:2px!important}
/* Result card: il JS la sposta nella cover insieme alla stellina HOT. */
li.product .cx-product-cover{position:relative!important}
/* Single product: stessa coppia di controlli sulla gallery. */
.single-product .woocommerce-product-gallery{position:relative!important}
.single-product .cx-featured-admin-toggle{top:8px!important;left:40px!important}


/* ==========================================================================\n   v3.6.137 — BOTTOM-ANCHORED CTA + THEME CTA DEDUPE + INLINE SALE BADGE / MARKUS\n   15/09/2026: il 021 possiede integralmente il testo secondario della CTA.\n   Il tema fissa CTA+icone in basso; l'area informativa centrale puo' restare bianca.\n   ========================================================================== */

/* Il tema non genera MAI una seconda riga CTA: neutralizza tutti i pseudo legacy. */
html body .comix-home-card-ui .comix-home-desktop-action::after,
html body .comix-home-card-ui .comix-home-mobile-status.cx-mobile-action-proxy::after{
    content:none!important;
    display:none!important;
}
html body .comix-home-card-ui .comix-home-desktop-action.cx-card-action-subline{
    flex-direction:column!important;
}

/* Card: alto = contenuti; centro elastico = informazioni/spazio bianco; basso = CTA + icone. */
html body ul.products li.product:not(.product-category),
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
    grid-template-columns:minmax(128px,42%) minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto minmax(34px,1fr) auto!important;
    align-content:stretch!important;
    min-height:246px!important;
}
html body ul.products li.product:not(.product-category) .cx-product-cover,
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover{
    grid-column:1!important;
    grid-row:1 / 5!important;
}
html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
    grid-column:2 / 5!important;
    grid-row:1!important;
}
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
    grid-column:2!important;
    grid-row:2!important;
    align-self:center!important;
}
html body ul.products li.product:not(.product-category) .price{
    grid-column:4!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:end!important;
}
html body ul.products li.product:not(.product-category) .comix-product-facts{
    grid-column:2 / 5!important;
    grid-row:3!important;
    align-self:start!important;
    margin-top:3px!important;
}
html body ul.products li.product:not(.product-category) .comix-home-control,
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control{
    grid-column:2 / 5!important;
    grid-row:4!important;
    align-self:end!important;
    margin-top:6px!important;
    padding-bottom:0!important;
}
html body ul.products li.product:not(.product-category) .comix-home-icons-row{
    margin-top:4px!important;
    margin-bottom:0!important;
}

/* Sconto approvato: badge orizzontale tra editore e prezzo, non piu' balloon sulla cover. */
html body.woocommerce ul.products li.product:not(.product-category) span.onsale.cx-balloon--sale,
html body ul.products li.product:not(.product-category) span.onsale.cx-balloon--sale{
    position:relative!important;
    inset:auto!important;
    grid-column:3!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:center!important;
    z-index:2!important;
    min-width:34px!important;
    min-height:20px!important;
    max-width:none!important;
    margin:0 6px!important;
    padding:3px 7px!important;
    border-radius:4px!important;
    background:#c71920!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
}
html body ul.products li.product:not(.product-category) span.onsale.cx-balloon--sale::after{
    content:none!important;
    display:none!important;
}

@media(max-width:820px){
    html body ul.products li.product:not(.product-category),
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
        grid-template-columns:130px minmax(0,1fr) auto auto!important;
        grid-template-rows:auto auto minmax(34px,1fr) auto!important;
        column-gap:8px!important;
        min-height:220px!important;
    }
    html body ul.products li.product:not(.product-category) .cx-product-cover{grid-column:1!important;grid-row:1 / 5!important}
    html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{grid-column:2 / 5!important;grid-row:1!important}
    html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{grid-column:2!important;grid-row:2!important;padding-right:0!important}
    html body ul.products li.product:not(.product-category) span.onsale.cx-balloon--sale{grid-column:3!important;grid-row:2!important;margin:0 3px!important;padding:3px 5px!important;font-size:9px!important}
    html body ul.products li.product:not(.product-category) .price{grid-column:4!important;grid-row:2!important;padding-left:0!important}
    html body ul.products li.product:not(.product-category) .comix-product-facts{grid-column:2 / 5!important;grid-row:3!important}
    html body ul.products li.product:not(.product-category) .comix-home-control{grid-column:2 / 5!important;grid-row:4!important;align-self:end!important}
}
@media(max-width:430px){
    html body ul.products li.product:not(.product-category),
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
        grid-template-columns:112px minmax(0,1fr) auto auto!important;
        column-gap:6px!important;
        min-height:205px!important;
    }
    html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{font-size:15.6px!important}
    html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{font-size:11px!important}
    html body ul.products li.product:not(.product-category) .price{font-size:15.6px!important}
    html body ul.products li.product:not(.product-category) span.onsale.cx-balloon--sale{min-width:30px!important;padding:3px 4px!important;font-size:8.5px!important}
}

/* ==========================================================================
   v3.6.139 — HOME MOBILE CARD COMPACT CART + TITLE / MARKUS
   Solo Home responsive. Nessuna modifica a logica 021, carrello, stock o CTA.
   - Controller blu "nel carrello": -40% larghezza, altezza invariata.
   - Titolo card: -10% rispetto ai 15.6px correnti (14.04px -> 14px).
   ========================================================================== */
@media(max-width:820px){
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
        font-size:14px!important;
    }
    html body .cx-home-content .cx-card-cart-stepper{
        width:60%!important;
        max-width:60%!important;
        min-height:42px!important;
        justify-self:center!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    html body .cx-home-content .cx-card-cart-stepper__button{
        min-height:42px!important;
    }
}
@media(max-width:430px){
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
        font-size:14px!important;
    }
    html body .cx-home-content .cx-card-cart-stepper{
        width:60%!important;
        max-width:60%!important;
        min-height:40px!important;
    }
    html body .cx-home-content .cx-card-cart-stepper__button{
        min-height:40px!important;
    }
}



/* ==========================================================================
   v3.6.140 — HOME 15 / SALE BADGE NEXT TO LANGUAGE / SALE PRICE HIERARCHY
   - Ultimi arrivi: 5 card x 3 righe = 15, pagination gestita dal shortcode Woo.
   - Nessun badge sconto tra editore e prezzo: percentuale reale accanto alla bandiera.
   - Con prezzo in offerta, il listino (del) e' il 15% piu' piccolo del prezzo offerta (ins).
   ========================================================================== */
html body ul.products li.product:not(.product-category) span.onsale.cx-balloon--sale,
html body.woocommerce ul.products li.product:not(.product-category) span.onsale.cx-balloon--sale,
html body.single-product span.onsale.cx-balloon--sale{display:none!important}

.cx-cover-sale-badge{
    position:absolute!important;
    bottom:7px!important;
    top:auto!important;
    z-index:9!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:34px!important;
    height:28px!important;
    padding:0 7px!important;
    border:1px solid rgba(0,0,0,.12)!important;
    border-radius:14px!important;
    background:#c71920!important;
    color:#fff!important;
    box-shadow:0 1px 4px rgba(0,0,0,.14)!important;
    font:900 10px/1 Arial,sans-serif!important;
    white-space:nowrap!important;
    pointer-events:none!important;
    box-sizing:border-box!important;
}
.cx-cover-sale-badge--adjacent{left:calc(50% + 20px)!important;transform:none!important}
.cx-cover-sale-badge--solo{left:50%!important;transform:translateX(-50%)!important}
.single-product .woocommerce-product-gallery>.cx-cover-sale-badge,
.single-product .woocommerce div.product div.images>.cx-cover-sale-badge{bottom:12px!important;z-index:31!important}

/* Gerarchia prezzo: la regola si applica solo al markup sale WooCommerce (del + ins).
   Un prezzo normale non contiene <del>, quindi resta invariato. */
html body ul.products li.product:not(.product-category) .price del,
html body .cx-product-commercial-row .cx-product-price-inline.price del{
    font-size:.85em!important;
    line-height:1!important;
}
html body ul.products li.product:not(.product-category) .price del .woocommerce-Price-amount,
html body ul.products li.product:not(.product-category) .price del bdi,
html body .cx-product-commercial-row .cx-product-price-inline.price del .woocommerce-Price-amount,
html body .cx-product-commercial-row .cx-product-price-inline.price del bdi{
    font-size:1em!important;
}
html body ul.products li.product:not(.product-category) .price ins,
html body .cx-product-commercial-row .cx-product-price-inline.price ins{
    font-size:1em!important;
    line-height:1!important;
    text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) .price ins .woocommerce-Price-amount,
html body ul.products li.product:not(.product-category) .price ins bdi,
html body .cx-product-commercial-row .cx-product-price-inline.price ins .woocommerce-Price-amount,
html body .cx-product-commercial-row .cx-product-price-inline.price ins bdi{
    font-size:1em!important;
}

@media(max-width:820px){
    .cx-cover-sale-badge{bottom:6px!important;height:26px!important;min-width:32px!important;padding:0 6px!important;font-size:9px!important}
    .cx-cover-sale-badge--adjacent{left:calc(50% + 18px)!important}
    .single-product .woocommerce-product-gallery>.cx-cover-sale-badge,
    .single-product .woocommerce div.product div.images>.cx-cover-sale-badge{bottom:10px!important}
}


/* ==========================================================================
   v3.6.141 — HEADER STACKING CONTRACT
   L'header deve restare sopra ogni card/result. I modali di conferma intenzionali
   restano sopra l'header; tooltip e hover delle card no.
   ========================================================================== */
html body .site-header{position:sticky!important;z-index:999!important;isolation:isolate!important}
html body .site-header .cx-header-shell,
html body .site-header .cx-nav{position:relative!important;z-index:1!important}
html body ul.products li.product:hover,
html body ul.products li.product:focus-within{z-index:60!important}
html body ul.products li.product .comix-home-control,
html body ul.products li.product .comix-tooltip-layer,
html body ul.products li.product .c-tooltip,
html body ul.products li.product .c-icon-tip[data-tooltip-inline]::after{z-index:850!important}


/* ==========================================================================
   v3.6.143 — HOME MOBILE CTA INSIDE INFO COLUMN
   - Su smartphone il CTA card e' ridotto del 30% circa e resta nella colonna info.
   - Nessuna variazione a logica 021; solo presentazione.
   ========================================================================== */
@media(max-width:820px){
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control{
        grid-column:2 / 5!important;
        grid-row:4!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:center!important;
        width:100%!important;
        margin-top:6px!important;
    }
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control > .button,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control > a.button,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control > button{
        width:70%!important;
        max-width:70%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        justify-self:center!important;
    }
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-card-cart-stepper{
        width:70%!important;
        max-width:70%!important;
    }
}
@media(max-width:430px){
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control > .button,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control > a.button,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control > button,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-card-cart-stepper{
        width:70%!important;
        max-width:70%!important;
    }
}

/* ========================================================================== 
   v3.6.148 — MOBILE RIGHT-COLUMN CTA ANCHOR / MARKUS
   Screenshot live 17/09/2026: la CTA mobile non deve essere un elemento
   centrato/ridotto dentro la card. Deve appartenere alla stessa colonna info
   di titolo/prezzo e stare immediatamente sopra la rail icone.
   Presentation only: nessuna logica 021 / carrello / ordinabilita' modificata.
   ========================================================================== */
@media(max-width:820px){
    html body ul.products li.product:not(.product-category) .comix-home-control,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control{
        grid-column:2 / 5!important;
        grid-row:4!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:auto auto!important;
        align-items:stretch!important;
        justify-items:stretch!important;
        align-self:end!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:6px 0 0!important;
        padding:0!important;
        gap:5px!important;
        box-sizing:border-box!important;
    }

    /* CTA canonica 021: piena larghezza DELLA SOLA COLONNA DESTRA. */
    html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
    html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
    html body ul.products li.product:not(.product-category) .comix-home-control > .button,
    html body ul.products li.product:not(.product-category) .comix-home-control > a.button,
    html body ul.products li.product:not(.product-category) .comix-home-control > button,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger{
        grid-column:1!important;
        grid-row:1!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
        justify-self:stretch!important;
        align-self:stretch!important;
        box-sizing:border-box!important;
    }

    /* Controller blu: stessa geometria della CTA, nessun 60/70% centrato. */
    html body ul.products li.product:not(.product-category) .comix-home-control .cx-card-cart-stepper,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .cx-card-cart-stepper{
        grid-column:1!important;
        grid-row:1!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
        justify-self:stretch!important;
        box-sizing:border-box!important;
    }

    /* Rail icone immediatamente sotto la CTA e con la stessa larghezza. */
    html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-icons-row,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-icons-row{
        grid-column:1!important;
        grid-row:2!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin:0!important;
        justify-self:stretch!important;
        box-sizing:border-box!important;
    }
}



/* ========================================================================== 
   v3.6.149 — MOBILE CTA COLORED-WIDTH TRIM / MARKUS
   - Posizione/colonna introdotte in 3.6.148 INVARIATE.
   - Ridotta solo la superficie colorata della CTA di circa il 18% (100 -> 82%).
   - Altezza, testo, rail cuore/book e controller blu invariati.
   ========================================================================== */
@media(max-width:820px){
    html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
    html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
    html body ul.products li.product:not(.product-category) .comix-home-control > .button,
    html body ul.products li.product:not(.product-category) .comix-home-control > a.button,
    html body ul.products li.product:not(.product-category) .comix-home-control > button,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
    html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger{
        width:82%!important;
        max-width:82%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        justify-self:center!important;
    }
}

/* ===== END product-card-36124.css ===== */

/* ===== BEGIN mobile-cta-width-36150.css ===== */
/* ========================================================================== 
   ComiX Store UX2026 v3.6.150 — MOBILE CTA VISUAL WIDTH HARD OVERRIDE / MARKUS
   Scope: product cards on mobile only (<=820px).
   Purpose: keep the v3.6.148 position but trim ONLY the colored CTA width by 18%.
   Desktop/tablet >820px is intentionally untouched.
   New standalone asset avoids stale-cache reuse of product-card-36124.css.
   ========================================================================== */
@media (max-width: 820px) {
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
  html body ul.products li.product:not(.product-category) .comix-home-control > .button,
  html body ul.products li.product:not(.product-category) .comix-home-control > a.button,
  html body ul.products li.product:not(.product-category) .comix-home-control > button,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger {
    width: 82% !important;
    inline-size: 82% !important;
    max-width: 82% !important;
    max-inline-size: 82% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }
}

/* ===== END mobile-cta-width-36150.css ===== */

/* ===== BEGIN smartphone-two-column-36151.css ===== */
/* ========================================================================== 
   ComiX Store UX2026 v3.6.151 — SMARTPHONE TRUE TWO-COLUMN CONTRACT / MARKUS
   Scope: WooCommerce product cards on smartphone widths only (<=600px).
   Purpose:
   - keep exactly two adaptive columns: cover | information/actions;
   - prevent the legacy fixed 150px cover from overflowing into the info column;
   - prevent later 4-column technical rules from collapsing the information column;
   - keep v3.6.150 CTA visual width (82%) inside the right column;
   - do not affect tablet/desktop (>600px) or single-product layout.
   ========================================================================== */
@media (max-width: 600px) {
  html body ul.products li.product:not(.product-category),
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) {
    display: grid !important;
    grid-template-columns: clamp(120px, 40vw, 160px) minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto minmax(34px, 1fr) auto !important;
    column-gap: 10px !important;
    row-gap: 4px !important;
    align-items: start !important;
    align-content: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* The cover must never be wider than column 1. This removes the live overlap. */
  html body ul.products li.product:not(.product-category) .cx-product-cover,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover {
    grid-column: 1 !important;
    grid-row: 1 / 6 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    align-self: start !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body ul.products li.product:not(.product-category) .cx-product-cover > img,
  html body ul.products li.product:not(.product-category) .cx-product-cover > img.cx-product-cover-image,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover > img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 220px !important;
    max-height: 220px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* Every informational block lives ONLY in column 2. No implicit columns 3/4. */
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .woocommerce-loop-product__title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    box-sizing: border-box !important;
  }

  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-publisher--loop {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  html body ul.products li.product:not(.product-category) .price,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .price {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    text-align: right !important;
    box-sizing: border-box !important;
  }

  html body ul.products li.product:not(.product-category) .comix-product-facts,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-product-facts {
    grid-column: 2 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body ul.products li.product:not(.product-category) .comix-home-control,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control {
    grid-column: 2 !important;
    grid-row: 5 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-self: end !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Keep the already approved 18% visual trim, now relative to the TRUE info column. */
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
  html body ul.products li.product:not(.product-category) .comix-home-control > .button,
  html body ul.products li.product:not(.product-category) .comix-home-control > a.button,
  html body ul.products li.product:not(.product-category) .comix-home-control > button,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger {
    width: 82% !important;
    inline-size: 82% !important;
    max-width: 82% !important;
    max-inline-size: 82% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-self: center !important;
    box-sizing: border-box !important;
  }

  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-icons-row,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-icons-row {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ===== END smartphone-two-column-36151.css ===== */

/* ===== BEGIN product-card-36153.css ===== */
/* ========================================================================== 
   ComiX Store UX2026 v3.6.153 — CARD INFORMATION HIERARCHY / MARKUS
   Scope: WooCommerce product cards only. Business state remains owned by 021/023.
   Desktop contract: Title > Authors > Publisher > Day One > Preorder deadline >
   spacer > Price > spacer > Commercial status > CTA.
   Smartphone: preserve the approved two-column cover | information contract.
   ========================================================================== */

/* Shared metadata / links. */
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:1.2!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop{
  color:#30343b!important;
  font-size:12px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
  color:#c71920!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a{
  color:inherit!important;
  text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:hover{
  text-decoration:underline!important;
}

/* 021 facts become real grid children only on loop cards. */
html body ul.products li.product:not(.product-category) .comix-product-facts{
  display:contents!important;
}
html body ul.products li.product:not(.product-category) .comix-product-dayone,
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:#111!important;
  font-size:12px!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}
html body ul.products li.product:not(.product-category) .comix-product-dayone{
  display:grid!important;
  gap:1px!important;
}
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline span,
html body ul.products li.product:not(.product-category) .comix-product-date-label,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status__label{
  font-weight:700!important;
}
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline strong,
html body ul.products li.product:not(.product-category) .comix-product-date-value,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status strong{
  font-weight:900!important;
}

/* Price hierarchy: normal stays black; sale list price -20%, offer +10% and red. */
html body ul.products li.product:not(.product-category) .price{
  color:#111!important;
  font-weight:900!important;
}
html body ul.products li.product:not(.product-category) .price del{
  color:#111!important;
  opacity:1!important;
  font-size:80%!important;
  font-weight:700!important;
  text-decoration:line-through!important;
}
html body ul.products li.product:not(.product-category) .price ins{
  color:#c71920!important;
  font-size:110%!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* CTA: one sentence only; 021 supplies exact state/action text. */
html body ul.products li.product:not(.product-category) .comix-home-desktop-action{
  color:#000!important;
  text-transform:none!important;
  font-weight:900!important;
}
html body ul.products li.product:not(.product-category) .comix-home-card-ui.state-stock-green .comix-home-desktop-action{
  background:#21c45a!important;
  color:#000!important;
}
html body ul.products li.product:not(.product-category) .comix-home-card-ui.state-incoming-lightgreen .comix-home-desktop-action{
  background:#8ee89a!important;
  color:#000!important;
}
html body ul.products li.product:not(.product-category) .comix-home-card-ui.state-preorder-orange .comix-home-desktop-action{
  background:#ff8a00!important;
  color:#000!important;
}
html body ul.products li.product:not(.product-category) .comix-home-card-ui.state-preorder-expired-yellow .comix-home-desktop-action{
  background:#ffd400!important;
  color:#000!important;
}

/* DESKTOP — exact 10-row information hierarchy. */
@media (min-width: 821px) {
  html body ul.products li.product:not(.product-category),
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
    grid-template-columns:minmax(150px,42%) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto 10px auto 10px auto auto!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:start!important;
    align-content:start!important;
    min-height:260px!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-cover,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover{
    grid-column:1!important;
    grid-row:1 / 11!important;
    align-self:start!important;
  }
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{
    grid-column:2!important;
    grid-row:2!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
    grid-column:2!important;
    grid-row:3!important;
    justify-self:start!important;
  }
  /* Incentive remains visible without stealing a new row. */
  html body ul.products li.product:not(.product-category) .cx-product-incentive-line{
    grid-column:2!important;
    grid-row:3!important;
    justify-self:end!important;
    align-self:start!important;
    max-width:45%!important;
    text-align:right!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-dayone{
    grid-column:2!important;
    grid-row:4!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{
    grid-column:2!important;
    grid-row:5!important;
  }
  html body ul.products li.product:not(.product-category) .price{
    grid-column:2!important;
    grid-row:7!important;
    justify-self:start!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
    grid-column:2!important;
    grid-row:9!important;
    align-self:end!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control{
    grid-column:2!important;
    grid-row:10!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-self:end!important;
    margin:0!important;
    padding:0!important;
  }
}

/* TABLET — retain the existing responsive card logic; only keep the new metadata in sequence. */
@media (min-width: 601px) and (max-width: 820px) {
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{
    grid-column:2 / 5!important;
    grid-row:2!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
    grid-column:2 / 5!important;
    grid-row:3!important;
  }
  html body ul.products li.product:not(.product-category) .price{
    grid-column:2 / 5!important;
    grid-row:4!important;
    justify-self:start!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-dayone,
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
    grid-column:2 / 5!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-dayone{grid-row:5!important}
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{grid-row:6!important}
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{grid-row:7!important}
  html body ul.products li.product:not(.product-category) .comix-home-control{grid-column:2 / 5!important;grid-row:8!important}
}

/* SMARTPHONE — same approved two-column card, new information order in right column. */
@media (max-width: 600px) {
  html body ul.products li.product:not(.product-category),
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
    grid-template-columns:clamp(120px,40vw,160px) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto auto auto auto!important;
    column-gap:10px!important;
    row-gap:3px!important;
    align-items:start!important;
    align-content:start!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-cover,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover{
    grid-column:1!important;
    grid-row:1 / 9!important;
    align-self:start!important;
  }
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
    grid-column:2!important;
    grid-row:1!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{
    grid-column:2!important;
    grid-row:2!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
    grid-column:2!important;
    grid-row:3!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-incentive-line{
    grid-column:2!important;
    grid-row:3!important;
    justify-self:end!important;
    max-width:45%!important;
    text-align:right!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-dayone{
    grid-column:2!important;
    grid-row:4!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{
    grid-column:2!important;
    grid-row:5!important;
  }
  html body ul.products li.product:not(.product-category) .price{
    grid-column:2!important;
    grid-row:6!important;
    justify-self:start!important;
    width:auto!important;
    margin:2px 0!important;
    text-align:left!important;
  }
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
    grid-column:2!important;
    grid-row:7!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control{
    grid-column:2!important;
    grid-row:8!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:5px 0 0!important;
    padding:0!important;
    align-self:end!important;
  }
  /* Preserve the approved v3.6.150 CTA visual width inside the right column. */
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger{
    width:82%!important;
    inline-size:82%!important;
    max-width:82%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Cart state always wins over the commercial source color after a real add. */
html body ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action.comix-home-cart-added,
html body ul.products li.product:not(.product-category) .comix-home-card-ui .comix-home-desktop-action.comix-home-cart-existing{
  background:#1268c4!important;
  color:#fff!important;
}


/* ========================================================================== 
   v3.6.154 — STRICT ROW READABILITY / MARKUS
   Mantiene il modello gia' approvato cover | informazioni. Ogni informazione
   della colonna destra e' una riga reale; nessuna disposizione laterale casuale.
   ========================================================================== */
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a{
  text-decoration:none!important;
  text-decoration-line:none!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:focus-visible{
  text-decoration:underline!important;
}
html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .comix-product-dayone,
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
html body ul.products li.product:not(.product-category) .price,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status,
html body ul.products li.product:not(.product-category) .comix-home-control{
  min-width:0!important;
  max-width:100%!important;
  justify-self:stretch!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .comix-product-dayone,
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
  display:block!important;
}
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop .cx-product-publisher__name,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop .cx-product-publisher__incentive{
  display:inline!important;
}
html body ul.products li.product:not(.product-category) .comix-product-date-line,
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
  display:block!important;
  width:100%!important;
}

@media (min-width:821px){
  html body ul.products li.product:not(.product-category),
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
    grid-template-columns:minmax(140px,40%) minmax(0,1fr)!important;
    grid-template-rows:minmax(34px,auto) minmax(16px,auto) minmax(16px,auto) minmax(30px,auto) minmax(16px,auto) 9px minmax(24px,auto) 9px minmax(18px,auto) auto!important;
    column-gap:12px!important;
    row-gap:3px!important;
  }
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
  html body ul.products li.product:not(.product-category) .comix-product-dayone,
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
  html body ul.products li.product:not(.product-category) .price,
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status,
  html body ul.products li.product:not(.product-category) .comix-home-control{
    grid-column:2 / 3!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-incentive-line{
    display:none!important;
  }
  html body ul.products li.product:not(.product-category) .price{
    justify-self:stretch!important;
    text-align:left!important;
  }
}

@media (max-width:820px){
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
  html body ul.products li.product:not(.product-category) .comix-product-dayone,
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
  html body ul.products li.product:not(.product-category) .price,
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
    justify-self:stretch!important;
    text-align:left!important;
  }
}

/* ===== END product-card-36153.css ===== */

/* ===== BEGIN product-card-36155.css ===== */
/* ========================================================================== 
   ComiX Store UX2026 v3.6.155 — CARD TRUE ROW STACK / MARKUS
   Scope: WooCommerce loop/result product cards only.
   Goal: preserve the existing cover | information model while making the
   desktop and smartphone information column a strict vertical stack.
   Business state remains owned by 021/023.
   ========================================================================== */

/* MARKUS readability dogma: taxonomy links are never visually crossed out. */
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a{
  text-decoration:none!important;
  text-decoration-line:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:focus-visible,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:focus-visible{
  text-decoration:underline!important;
}

/* --------------------------------------------------------------------------
   DESKTOP — approved sketch:
   cover | Title / Authors / Publisher / Day One / Preorder deadline /
           spacer / Price / spacer / Availability-status / CTA / icons.
   No nested information columns.
   -------------------------------------------------------------------------- */
@media (min-width:821px){
  html body ul.products li.product:not(.product-category) .cx-product-incentive-line{display:none!important}
  html body ul.products li.product:not(.product-category),
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
    display:grid!important;
    grid-template-columns:minmax(112px,39%) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto 9px auto 9px auto auto!important;
    column-gap:12px!important;
    row-gap:3px!important;
    align-items:start!important;
    align-content:start!important;
    box-sizing:border-box!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-cover,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover{
    grid-column:1!important;
    grid-row:1 / 11!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-self:start!important;
    box-sizing:border-box!important;
  }
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
  html body ul.products li.product:not(.product-category) .comix-product-dayone,
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
  html body ul.products li.product:not(.product-category) .price,
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status,
  html body ul.products li.product:not(.product-category) .comix-home-control{
    grid-column:2!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    justify-self:stretch!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{grid-row:1!important}
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{grid-row:2!important}
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{grid-row:3!important}
  html body ul.products li.product:not(.product-category) .comix-product-dayone{grid-row:4!important}
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{grid-row:5!important}
  html body ul.products li.product:not(.product-category) .price{grid-row:7!important;margin:0!important;align-self:start!important}
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{grid-row:9!important;margin:0!important;align-self:start!important}
  html body ul.products li.product:not(.product-category) .comix-home-control{
    grid-row:10!important;
    margin:0!important;
    align-self:start!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
  html body ul.products li.product:not(.product-category) .comix-home-control > .button,
  html body ul.products li.product:not(.product-category) .comix-home-control > a.button,
  html body ul.products li.product:not(.product-category) .comix-home-control > button{
    order:1!important;
    width:100%!important;
    inline-size:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-icons-row{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    box-sizing:border-box!important;
  }
}

/* --------------------------------------------------------------------------
   SMARTPHONE — explicitly preserve the approved true two-column contract.
   Cover is column 1; all metadata + status + CTA/icons stay in column 2.
   The 82% mobile CTA trim from v3.6.150 remains intentional.
   -------------------------------------------------------------------------- */
@media (max-width:600px){
  html body ul.products li.product:not(.product-category) .cx-product-incentive-line{display:none!important}
  html body ul.products li.product:not(.product-category),
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
    display:grid!important;
    grid-template-columns:clamp(120px,40vw,160px) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto auto auto auto!important;
    column-gap:10px!important;
    row-gap:3px!important;
    align-items:start!important;
    align-content:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-cover,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .cx-product-cover{
    grid-column:1!important;
    grid-row:1 / 9!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-self:start!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
  html body ul.products li.product:not(.product-category) .comix-product-dayone,
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
  html body ul.products li.product:not(.product-category) .price,
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status,
  html body ul.products li.product:not(.product-category) .comix-home-control{
    grid-column:2!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    justify-self:stretch!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{grid-row:1!important}
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{grid-row:2!important}
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{grid-row:3!important}
  html body ul.products li.product:not(.product-category) .comix-product-dayone{grid-row:4!important}
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{grid-row:5!important}
  html body ul.products li.product:not(.product-category) .price{grid-row:6!important;margin:2px 0!important;text-align:left!important}
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{grid-row:7!important}
  html body ul.products li.product:not(.product-category) .comix-home-control{
    grid-row:8!important;
    margin:5px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger,
  html body ul.products li.product:not(.product-category) .comix-home-control > .button,
  html body ul.products li.product:not(.product-category) .comix-home-control > a.button,
  html body ul.products li.product:not(.product-category) .comix-home-control > button{
    order:1!important;
    width:82%!important;
    inline-size:82%!important;
    max-width:82%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-icons-row{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    box-sizing:border-box!important;
  }
}

/* ===== END product-card-36155.css ===== */

/* ===== BEGIN product-card-36156.css ===== */
/* ComiX Store UX2026 v3.6.156 — final row readability + author modal + title trim */

/* Home band headings: current size = 100, new size = 80. */
html body .cx-home-featured .comix-home-band__title a{
  font-size:clamp(14.4px,1.68vw,21.6px)!important;
}
html body .cx-home-featured .comix-home-band__count{
  font-size:.72em!important;
  font-weight:800!important;
  line-height:1!important;
}

/* Card contract: one information column only. No nested price/metadata columns. */
@media (min-width:821px){
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{
    grid-column:2!important;grid-row:1!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{
    grid-column:2!important;grid-row:2!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{
    grid-column:2!important;grid-row:3!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-dayone{
    grid-column:2!important;grid-row:4!important;
  }
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{
    grid-column:2!important;grid-row:5!important;
  }
  html body ul.products li.product:not(.product-category) .price{
    grid-column:2!important;grid-row:7!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    white-space:normal!important;
    align-self:start!important;
  }
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
    grid-column:2!important;grid-row:9!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control{
    grid-column:2!important;grid-row:10!important;
  }
}

/* Publisher and authors are real text rows. */
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-overflow:clip!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  line-height:1.22!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a{
  text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:focus-visible,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:focus-visible{
  text-decoration:underline!important;
}
.cx-card-meta-label{font-weight:900;color:#111;text-transform:none;letter-spacing:0}

/* One-line semantic price. Only the regular sale price is struck through. */
html body ul.products li.product:not(.product-category) .price,
html body ul.products li.product:not(.product-category) .price *{
  float:none!important;
}
html body ul.products li.product:not(.product-category) .price del,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-regular{
  display:inline!important;
  opacity:1!important;
  color:#111!important;
  font-size:.8em!important;
  text-decoration:line-through!important;
  font-weight:700!important;
}
html body ul.products li.product:not(.product-category) .price ins,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-offer{
  display:inline!important;
  margin-left:.2em!important;
  color:#d71920!important;
  font-size:1.1em!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.cx-loop-price-prefix,.cx-loop-price-offer-label{font-weight:800;color:#111}
.cx-loop-price-separator{color:#111;font-weight:700}
.cx-loop-price-current{color:#111;font-weight:900}

/* Authors overflow affordance. */
.cx-authors-more{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:26px;height:22px;margin:0 0 0 4px;padding:0 6px;
  border:1px solid #d71920;border-radius:999px;background:#fff;color:#d71920;
  font:800 11px/1 inherit;cursor:pointer;vertical-align:middle;
}
.cx-authors-more:hover,.cx-authors-more:focus-visible{background:#fff4f4;outline:none}
.cx-authors-modal[hidden]{display:none!important}
.cx-authors-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px}
.cx-authors-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.cx-authors-modal__panel{position:relative;z-index:1;width:min(92vw,520px);max-height:min(78vh,620px);overflow:auto;padding:18px;border-radius:12px;background:#fff;box-shadow:0 18px 60px rgba(0,0,0,.28)}
.cx-authors-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:18px}
.cx-authors-modal__close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f2f2f2;font-size:25px;line-height:1;cursor:pointer}
.cx-authors-modal ul{margin:0;padding:0;list-style:none}
.cx-authors-modal li+li{border-top:1px solid #eee}
.cx-authors-modal li a{display:block;padding:10px 2px;color:#111;font-weight:800;text-decoration:none}
.cx-authors-modal li a:hover,.cx-authors-modal li a:focus-visible{color:#d71920;text-decoration:underline}
body.cx-authors-modal-open{overflow:hidden}

/* Mobile keeps cover | information, with the same semantic order and compact breathing room. */
@media (max-width:600px){
  html body .cx-home-featured .comix-home-band__title a{font-size:14.4px!important}
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{grid-row:1!important}
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{grid-row:2!important}
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{grid-row:3!important}
  html body ul.products li.product:not(.product-category) .comix-product-dayone{grid-row:4!important}
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{grid-row:5!important}
  html body ul.products li.product:not(.product-category) .price{grid-row:6!important;margin:5px 0!important;white-space:normal!important}
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{grid-row:7!important}
  html body ul.products li.product:not(.product-category) .comix-home-control{grid-row:8!important}
  .cx-authors-more{min-width:24px;height:20px;padding:0 5px;font-size:10px}
  .cx-authors-modal{padding:8px}
  .cx-authors-modal__panel{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}

  /* Mobile-only wording requested: − 1 CART +. Desktop keeps NEL CARRELLO. */
  .cx-card-cart-stepper__value > span{font-size:0!important}
  .cx-card-cart-stepper__value > span::after{content:"CART";font-size:11px!important;font-weight:900!important;letter-spacing:.02em}
}

/* ===== END product-card-36156.css ===== */

/* ===== BEGIN product-card-36157.css ===== */
/* ========================================================================== 
   ComiX Store UX2026 v3.6.157 — EXACT CARD SCHEMA / MARKUS
   No redesign. This file only makes the already approved card schema real.

   Cover | Titolo
         | Editore
         | Autore
         | Day One
         | Scadenza Pre-Order
         | [respiro]
         | Prezzo
         | [respiro]
         | Disponibili / In Arrivo / Pre-Ordine
         | CTA
         | icone
   ========================================================================== */

/* The 021 add-to-cart output has one neutral technical wrapper around the
   card UI. On loop cards it must not create a third layout box/column. */
html body ul.products li.product:not(.product-category) > .comix-slim-ui-wrap{
  display:contents!important;
  margin:0!important;
  padding:0!important;
}

/* Keep all approved card UI wrappers transparent to the parent grid. */
html body ul.products li.product:not(.product-category) .comix-home-card-ui,
html body ul.products li.product:not(.product-category) .comix-product-facts{
  display:contents!important;
  margin:0!important;
  padding:0!important;
}

/* MARKUS readability: every information item is one normal horizontal text
   row in the information column; never create an inner column. */
html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .comix-product-dayone,
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
html body ul.products li.product:not(.product-category) .price,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status,
html body ul.products li.product:not(.product-category) .comix-home-control{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
  text-align:left!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}

html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a{
  float:none!important;
  display:inline!important;
  text-decoration:none!important;
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
  word-break:normal!important;
}
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:focus-visible,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:focus-visible{
  text-decoration:underline!important;
}

/* Price is one line/row. Its inline pieces may wrap naturally together, but
   never become separate grid/flex columns. */
html body ul.products li.product:not(.product-category) .price{
  display:block!important;
}
html body ul.products li.product:not(.product-category) .price > *,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-prefix,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-regular,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-separator,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-offer-label,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-offer,
html body ul.products li.product:not(.product-category) .price .cx-loop-price-current{
  float:none!important;
  display:inline!important;
  width:auto!important;
  max-width:none!important;
}

/* Exact approved row order — desktop. */
@media (min-width:821px){
  html body ul.products li.product:not(.product-category){
    grid-template-columns:minmax(112px,39%) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto auto 9px auto 9px auto auto!important;
    column-gap:12px!important;
    row-gap:3px!important;
  }
  html body ul.products li.product:not(.product-category) .cx-product-cover{grid-column:1!important;grid-row:1 / 11!important}
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{grid-column:2!important;grid-row:1!important}
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{grid-column:2!important;grid-row:2!important}
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{grid-column:2!important;grid-row:3!important}
  html body ul.products li.product:not(.product-category) .comix-product-dayone{grid-column:2!important;grid-row:4!important}
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{grid-column:2!important;grid-row:5!important}
  html body ul.products li.product:not(.product-category) .price{grid-column:2!important;grid-row:7!important;margin:0!important}
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{grid-column:2!important;grid-row:9!important;margin:0!important}
  html body ul.products li.product:not(.product-category) .comix-home-control{grid-column:2!important;grid-row:10!important;margin:0!important}
}

/* Mobile: same semantic order, inside the existing approved cover | info card.
   No new mobile behaviour is introduced here. */
@media (max-width:600px){
  html body ul.products li.product:not(.product-category) .woocommerce-loop-product__title{grid-column:2!important;grid-row:1!important}
  html body ul.products li.product:not(.product-category) .cx-product-publisher--loop{grid-column:2!important;grid-row:2!important}
  html body ul.products li.product:not(.product-category) .cx-product-authors--loop{grid-column:2!important;grid-row:3!important}
  html body ul.products li.product:not(.product-category) .comix-product-dayone{grid-column:2!important;grid-row:4!important}
  html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{grid-column:2!important;grid-row:5!important}
  html body ul.products li.product:not(.product-category) .price{grid-column:2!important;grid-row:6!important;margin:5px 0!important}
  html body ul.products li.product:not(.product-category) .comix-card-commercial-status{grid-column:2!important;grid-row:7!important}
  html body ul.products li.product:not(.product-category) .comix-home-control{grid-column:2!important;grid-row:8!important}
}

/* ===== END product-card-36157.css ===== */

/* ===== BEGIN product-card-36158.css ===== */
/* ========================================================================== 
   ComiX Store UX2026 v3.6.158 — STRUCTURAL TWO COLUMN CARD / MARKUS
   Exact approved schema. No inner columns in the information area.

   COVER | TITOLO
         | Editore
         | Autore
         | Day One
         | Scadenza Pre-Order
         | [respiro]
         | Prezzo
         | [respiro]
         | Disponibili / In Arrivo / Pre-Ordine
         | CTA
         | icone
   ========================================================================== */

/* Two real columns only. The former Woo full-card link has been removed in PHP. */
html body ul.products li.product:not(.product-category),
html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
  display:grid!important;
  grid-template-columns:minmax(96px,38%) minmax(0,1fr)!important;
  grid-template-rows:auto auto auto auto auto 8px auto 8px auto auto!important;
  column-gap:12px!important;
  row-gap:3px!important;
  align-content:start!important;
  min-width:0!important;
}

/* Cover occupies column 1 only. */
html body ul.products li.product:not(.product-category) > .cx-product-cover-link{
  grid-column:1!important;
  grid-row:1 / 11!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  align-self:start!important;
  text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) > .cx-product-cover-link .cx-product-cover{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
html body ul.products li.product:not(.product-category) > .cx-product-cover-link .cx-product-cover img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* The 021 wrappers are technical only: their children participate in the card grid. */
html body ul.products li.product:not(.product-category) > .comix-slim-ui-wrap,
html body ul.products li.product:not(.product-category) > .comix-slim-ui-wrap > .comix-home-card-ui,
html body ul.products li.product:not(.product-category) .comix-product-facts{
  display:contents!important;
  margin:0!important;
  padding:0!important;
}

/* Exact row placement: one information column, no internal price/meta columns. */
html body ul.products li.product:not(.product-category) > .woocommerce-loop-product__title{
  grid-column:2!important;grid-row:1!important;
}
html body ul.products li.product:not(.product-category) > .cx-product-publisher--loop{
  grid-column:2!important;grid-row:2!important;
}
html body ul.products li.product:not(.product-category) > .cx-product-authors--loop{
  grid-column:2!important;grid-row:3!important;
}
html body ul.products li.product:not(.product-category) .comix-product-dayone{
  grid-column:2!important;grid-row:4!important;
}
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{
  grid-column:2!important;grid-row:5!important;
}
html body ul.products li.product:not(.product-category) > .price{
  grid-column:2!important;grid-row:7!important;
}
html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
  grid-column:2!important;grid-row:9!important;
}
html body ul.products li.product:not(.product-category) .comix-home-control{
  grid-column:2!important;grid-row:10!important;
}

/* MARKUS readability: all information is normal horizontal text. */
html body ul.products li.product:not(.product-category) > .woocommerce-loop-product__title,
html body ul.products li.product:not(.product-category) > .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) > .cx-product-authors--loop,
html body ul.products li.product:not(.product-category) .comix-product-dayone,
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline,
html body ul.products li.product:not(.product-category) > .price,
html body ul.products li.product:not(.product-category) .comix-card-commercial-status,
html body ul.products li.product:not(.product-category) .comix-home-control{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-align:left!important;
  float:none!important;
}

/* Title remains clickable, without adding a wrapper around the rest of the card. */
html body ul.products li.product:not(.product-category) .cx-product-title-link{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Publisher / authors: one text row each; only their terms are linked. */
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop{
  display:block!important;
  text-transform:none!important;
  letter-spacing:0!important;
  line-height:1.2!important;
  overflow:visible!important;
}
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a{
  display:inline!important;
  float:none!important;
  width:auto!important;
  text-decoration:none!important;
  white-space:normal!important;
  word-break:normal!important;
}
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-publisher--loop a:focus-visible,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:hover,
html body ul.products li.product:not(.product-category) .cx-product-authors--loop a:focus-visible{
  text-decoration:underline!important;
}

/* Price = one semantic line only. */
html body ul.products li.product:not(.product-category) > .price{
  display:block!important;
  justify-self:stretch!important;
  align-self:start!important;
  font-size:inherit!important;
  line-height:1.2!important;
}
html body ul.products li.product:not(.product-category) > .price > *,
html body ul.products li.product:not(.product-category) > .price .cx-loop-price-prefix,
html body ul.products li.product:not(.product-category) > .price .cx-loop-price-regular,
html body ul.products li.product:not(.product-category) > .price .cx-loop-price-separator,
html body ul.products li.product:not(.product-category) > .price .cx-loop-price-offer-label,
html body ul.products li.product:not(.product-category) > .price .cx-loop-price-offer,
html body ul.products li.product:not(.product-category) > .price .cx-loop-price-current{
  display:inline!important;
  float:none!important;
  width:auto!important;
  max-width:none!important;
  white-space:normal!important;
}

/* Status, CTA, icons are stacked vertically in the same information column. */
html body ul.products li.product:not(.product-category) .comix-home-control{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
}
html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
}
html body ul.products li.product:not(.product-category) .comix-home-icons-row{
  width:100%!important;
  margin:0!important;
  justify-content:center!important;
}

/* Admin/editor badges remain overlays, never grid columns. */
html body ul.products li.product:not(.product-category) > .comix-hot-admin-toggle,
html body ul.products li.product:not(.product-category) > .comix-hot-badge,
html body ul.products li.product:not(.product-category) > .comix-preorder-image-badge,
html body ul.products li.product:not(.product-category) > .onsale{
  position:absolute!important;
}

/* Smartphone: same exact two-column semantic structure, narrower cover only. */
@media(max-width:600px){
  html body ul.products li.product:not(.product-category),
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category){
    grid-template-columns:clamp(112px,40vw,150px) minmax(0,1fr)!important;
    column-gap:10px!important;
    grid-template-rows:auto auto auto auto auto 5px auto 5px auto auto!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action{
    width:82%!important;
    max-width:82%!important;
    align-self:center!important;
  }
}

/* ===== END product-card-36158.css ===== */

/* ===== BEGIN mobile-cart-stepper-36166.css ===== */
/*
 * ComiX Store UX2026 v3.6.166
 * Smartphone cart stepper readability contract.
 * Presentation only: the cart logic remains in the existing live cart bridge.
 */
@media (max-width: 820px) {
  html body ul.products li.product:not(.product-category) .comix-home-control .cx-card-cart-stepper,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .cx-card-cart-stepper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    grid-template-columns: minmax(38px, 21%) minmax(0, 1fr) minmax(38px, 21%) !important;
    justify-self: stretch !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .cx-card-cart-stepper__button {
    min-width: 38px !important;
    min-height: 44px !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    touch-action: manipulation !important;
  }

  html body .cx-card-cart-stepper__value {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
    padding: 4px 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    font-size: clamp(8.8px, 2.45vw, 11px) !important;
    line-height: 1 !important;
  }

  html body .cx-card-cart-stepper__value strong {
    flex: 0 0 auto !important;
    font-size: clamp(14px, 3.8vw, 17px) !important;
    line-height: 1 !important;
  }

  /* Revoke the old mobile-only "CART" abbreviation from 3.6.156. */
  html body .cx-card-cart-stepper__value > span {
    display: inline !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    font-size: clamp(8.8px, 2.45vw, 11px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
  html body .cx-card-cart-stepper__value > span::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 360px) {
  html body ul.products li.product:not(.product-category) .comix-home-control .cx-card-cart-stepper,
  html body .cx-home-content .woocommerce ul.products li.product:not(.product-category) .comix-home-control .cx-card-cart-stepper {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    min-height: 42px !important;
  }
  html body .cx-card-cart-stepper__button {
    min-width: 34px !important;
    min-height: 42px !important;
    font-size: 22px !important;
  }
  html body .cx-card-cart-stepper__value,
  html body .cx-card-cart-stepper__value > span {
    font-size: 8.8px !important;
    gap: 3px !important;
  }
  html body .cx-card-cart-stepper__value strong {
    font-size: 14px !important;
  }
}

/* ===== END mobile-cart-stepper-36166.css ===== */