/**
 * prodotto-vivo.css — la scheda prodotto col vestito del negozio Shopify.
 *
 * ⭐ Targhette sopra al titolo (la terza obliqua col lampo che passa), titolo grande, prezzo
 * grosso con la spia verde «disponibile» a destra, riga di chi vende, consegna col cerchio
 * scuro, pulsante d'acquisto rosso col fulmine.
 *
 * ⛔ Misure in px come sul negozio (lì la radice è 10px, qui 16: i rem cambierebbero tutto).
 * ⚠️ Solo aspetto: nessun elemento del modulo d'acquisto viene spostato o nascosto.
 */

/* ── targhette: marca · reparto · tipo ───────────────────────────────────────────────────── */
.ntc-prodotto-vivo .ntc-targhe {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
}
.ntc-prodotto-vivo .ntc-targa {
	display: inline-flex;
	align-items: center;
	height: 26px;
	padding: 0 11px;
	border: 1px solid var(--ntc-bordo);
	border-radius: 4px;
	background: #fff;
	color: #12161c;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease;
}
.ntc-prodotto-vivo a.ntc-targa:hover { border-color: var(--ntc-rosso); color: var(--ntc-rosso); }
.ntc-prodotto-vivo .ntc-targa--reparto {
	background: var(--ntc-rosso);
	border-color: var(--ntc-rosso);
	color: #fff;
}
.ntc-prodotto-vivo a.ntc-targa--reparto:hover { background: var(--ntc-rosso-scuro); border-color: var(--ntc-rosso-scuro); color: #fff; }

.ntc-prodotto-vivo .ntc-targa--tipo {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	height: 26px;
	padding: 0 13px 0 10px;
	border-radius: 4px;
	transform: skewX(-10deg);
	overflow: hidden;
	text-decoration: none;
	background: linear-gradient(100deg, #12161c 0%, #2b323c 100%);
	color: #fff;
	box-shadow: 0 8px 16px -8px rgba(18, 22, 28, .6);
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.ntc-prodotto-vivo .ntc-targa--tipo > * { transform: skewX(10deg); }
.ntc-prodotto-vivo .ntc-targa__righe { display: inline-flex; gap: 3px; }
.ntc-prodotto-vivo .ntc-targa__righe i { display: block; width: 3px; height: 12px; border-radius: 1px; background: #e2554f; transform: skewX(-18deg); }
.ntc-prodotto-vivo .ntc-targa__righe i:nth-child(2) { opacity: .7; }
.ntc-prodotto-vivo .ntc-targa__righe i:nth-child(3) { opacity: .4; }
.ntc-prodotto-vivo .ntc-targa--tipo::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 45%;
	pointer-events: none;
	background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .24), rgba(255, 255, 255, 0));
	transform: translateX(-160%);
	animation: ntc-targa-lampo 4.2s cubic-bezier(.4, 0, .2, 1) 1.2s infinite;
}
@keyframes ntc-targa-lampo { 0%, 70% { transform: translateX(-160%); } 100% { transform: translateX(300%); } }

/* ⛔ La categoria a testo sopra al titolo sparisce: ora è la targhetta rossa. */
.ntc-prodotto-vivo .summary .ntct-prod-cat { display: none; }

/* ── titolo e codice ─────────────────────────────────────────────────────────────────────── */
.ntc-prodotto-vivo .summary .product_title {
	margin: 0 0 6px;
	font-size: clamp(26px, 2.6vw, 40px);
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: -.02em;
}
.ntc-prodotto-vivo .summary .ntct-sku {
	margin: 0 0 14px;
	font-size: 12.5px;
	color: var(--ntc-tenue);
	letter-spacing: .02em;
}

/* ── le auto su cui monta ────────────────────────────────────────────────────────────────── */
.ntc-auto { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.ntc-auto__occhiello {
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ntc-tenue);
}
.ntc-auto__pastiglia {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid var(--ntc-bordo);
	border-radius: 999px;
	background: #fff;
	color: #12161c;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease;
}
.ntc-auto__pastiglia svg { width: 16px; height: 16px; color: var(--ntc-rosso); }
a.ntc-auto__pastiglia:hover { border-color: var(--ntc-rosso); color: var(--ntc-rosso); }

/* ── prezzo, IVA e spia della disponibilità sulla stessa riga ────────────────────────────── */
.ntc-prodotto-vivo .summary .price {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 10px;
	font-size: clamp(30px, 3vw, 44px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.02em;
	color: #12161c;
	font-variant-numeric: tabular-nums;
}
.ntc-prodotto-vivo .summary .price del { font-size: .45em; font-weight: 600; color: var(--ntc-tenue); }
.ntc-prodotto-vivo .summary .price ins { color: #12161c; text-decoration: none; }
.ntc-prodotto-vivo .summary .price .woocommerce-price-suffix,
.ntc-prodotto-vivo .summary .price small { font-size: 12.5px; font-weight: 600; color: var(--ntc-tenue); letter-spacing: 0; }

.ntc-prodotto-vivo .summary .ntct-prod-scorta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 6px 13px;
	border-radius: 999px;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.ntc-prodotto-vivo .summary .ntct-scorta-si { background: #e9f7ef; color: #13733c; }
.ntc-prodotto-vivo .summary .ntct-prod-scorta::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	animation: ntc-battito 1.8s ease-out infinite;
}
@keyframes ntc-battito {
	0% { box-shadow: 0 0 0 0 rgba(31, 157, 85, .45); }
	70% { box-shadow: 0 0 0 8px rgba(31, 157, 85, 0); }
	100% { box-shadow: 0 0 0 0 rgba(31, 157, 85, 0); }
}

/* ── chi vende ───────────────────────────────────────────────────────────────────────────── */
.ntc-marchio {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	padding: 9px 12px;
	border-radius: 12px;
	background: #f2f3f6;
	border: 1px solid #e8eaef;
	color: #12161c;
	text-decoration: none;
	font-size: 13.5px;
	line-height: 1.35;
}
a.ntc-marchio:hover { background: #eceef2; border-color: #d9dce3; color: #12161c; }
.ntc-marchio__icona {
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	display: grid;
	place-items: center;
	background: #fff;
	border: 1px solid #e8eaef;
	color: var(--ntc-rosso);
}
.ntc-marchio__icona svg { width: 17px; height: 17px; }
.ntc-marchio__testo { flex: 1 1 auto; min-width: 0; }
.ntc-marchio__testo strong { font-weight: 800; }
.ntc-marchio__dopo { color: #5d6572; }
.ntc-marchio__punto { white-space: pre; }
.ntc-marchio__vai { flex: 0 0 auto; font-weight: 700; color: var(--ntc-rosso); white-space: nowrap; }

/* ── il pulsante d'acquisto: rosso pieno col fulmine ─────────────────────────────────────── */
.ntc-prodotto-vivo .summary form.cart button.single_add_to_cart_button {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 54px;
	padding: 0 26px;
	border: 0;
	border-radius: 12px;
	background: linear-gradient(135deg, #cf4447 0%, var(--ntc-rosso) 52%, #8f2a2d 100%);
	color: #fff;
	box-shadow: 0 14px 26px -16px rgba(179, 55, 58, .95);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	transition: transform .2s ease, box-shadow .25s ease, filter .25s ease;
}
.ntc-prodotto-vivo .summary form.cart button.single_add_to_cart_button::before {
	content: "";
	flex: none;
	width: 16px;
	height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (hover: hover) {
	.ntc-prodotto-vivo .summary form.cart button.single_add_to_cart_button:hover {
		transform: translateY(-2px);
		box-shadow: 0 18px 30px -16px rgba(179, 55, 58, 1);
		filter: saturate(1.08);
	}
}

/* ── la consegna: cerchio scuro e trattini, come sul negozio ─────────────────────────────── */
.ntc-prodotto-vivo .summary .pi-edd {
	padding: 12px 14px;
	border: 1px solid var(--ntc-bordo);
	border-radius: 12px;
	background: #fff;
	font-size: 13.5px;
}

@media (max-width: 749px) {
	.ntc-prodotto-vivo .summary .product_title { font-size: 24px; }
	.ntc-prodotto-vivo .summary .price { font-size: 30px; }
	.ntc-marchio { font-size: 13px; padding: 8px 10px; }
	.ntc-marchio__vai { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.ntc-prodotto-vivo .ntc-targa--tipo::after { display: none; }
	.ntc-prodotto-vivo .summary .ntct-prod-scorta::before { animation: none; }
}