/*
 * Scheda prodotto Armani Dolci — stile dal design system Armani.com (Figma "Design System Light").
 * Vale SOLO con body.hi-armani (prodotti con il template "Template prodotto Armani Dolci").
 * Valori dal Figma: colori, scala tipografica (interlinea 1.5, spaziatura lettere 0.4px), spaziature 4/8/16/24,
 * CTA "Add to bag" 176x48, quantita' compatta con gap 4px, focus blu, errore rosso.
 * (dedotto) = non letto nel Figma per il limite del connettore: da confermare.
 */

/* Font Giorgio Armani (GA, file del cliente 2026-11-10): solo le pagine che caricano questo CSS (look Armani). */
@font-face {
	font-family: "GA";
	src: url("../fonts/GA-Light.woff2") format("woff2"), url("../fonts/GA-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "GA";
	src: url("../fonts/GA-LightItalic.woff2") format("woff2"), url("../fonts/GA-LightItalic.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "GA";
	src: url("../fonts/GA.woff2") format("woff2"), url("../fonts/GA.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "GA";
	src: url("../fonts/GA-Italic.woff2") format("woff2"), url("../fonts/GA-Italic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "GA";
	src: url("../fonts/GA-Medium.woff2") format("woff2"), url("../fonts/GA-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "GA";
	src: url("../fonts/GA-MediumItalic.woff2") format("woff2"), url("../fonts/GA-MediumItalic.woff") format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "GA";
	src: url("../fonts/GA-Bold.woff2") format("woff2"), url("../fonts/GA-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "GA";
	src: url("../fonts/GA-BoldItalic.woff2") format("woff2"), url("../fonts/GA-BoldItalic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

body.hi-armani {
	/* Font: GA (Giorgio Armani) dal 2026-11-10; riserve Futura LT Pro / Afacad. */
	--hi-a-font: "GA", "Futura LT Pro", Afacad, sans-serif;
	--hi-a-black: #000000;
	--hi-a-white: #ffffff;
	--hi-a-offwhite: #fbfbfb;
	--hi-a-grey-50: #f2f2f2;
	--hi-a-grey-100: #ebebeb;
	--hi-a-text-muted: rgba(0, 0, 0, 0.6); /* (dedotto) */
	--hi-a-focus: #2f6eb4;
	--hi-a-error: #ff002e;
	--hi-a-ls: 0.4px;
	--hi-a-s1: 4px;
	--hi-a-s2: 8px;
	--hi-a-s3: 16px;
	--hi-a-s4: 24px;
}

/* Fondo e testo di base del contenuto (le sezioni con immagine di sfondo restano come sono). */
body.hi-armani .l-main .l-section:not(.with_img) {
	background-color: var(--hi-a-offwhite);
}
body.hi-armani .l-main {
	font-family: var(--hi-a-font);
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black);
}

/* Titolo prodotto (armani.com): 16/24, peso 400, maiuscolo, spaziatura 0.4px. */
body.hi-armani .l-main .w-post-elm.post_title {
	font-family: var(--hi-a-font) !important;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: var(--hi-a-ls);
	text-transform: uppercase;
	color: var(--hi-a-black) !important;
	margin-bottom: var(--hi-a-s3);
}

/* Prezzo (armani.com): 13/19.5, peso 300, nero, senza decorazioni. */
body.hi-armani .l-main .w-post-elm.product_field.price,
body.hi-armani .l-main .w-post-elm.product_field.price * {
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 19.5px;
	font-weight: 300;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black) !important;
}

/* Quantita': selettore compatto, "-" e "+" senza riquadro, gap 4px. */
body.hi-armani .l-main .add_to_cart .quantity {
	display: inline-flex;
	align-items: center;
	gap: var(--hi-a-s1);
	border: 0;
	background: transparent;
	margin-right: var(--hi-a-s3);
}
body.hi-armani .l-main .add_to_cart .quantity input.minus,
body.hi-armani .l-main .add_to_cart .quantity input.plus {
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--hi-a-black);
	font-family: var(--hi-a-font);
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
}
body.hi-armani .l-main .add_to_cart .quantity input.minus:disabled {
	opacity: 0.3;
	cursor: default;
}
body.hi-armani .l-main .add_to_cart .quantity input.qty {
	width: 32px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	font-family: var(--hi-a-font);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: var(--hi-a-ls);
	-moz-appearance: textfield;
}
body.hi-armani .l-main .add_to_cart .quantity input.qty::-webkit-outer-spin-button,
body.hi-armani .l-main .add_to_cart .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* CTA Primary "Add to bag": 176x48, nero, testo bianco maiuscolo, angoli vivi. Hover/attivo (dedotto). */
body.hi-armani .l-main .add_to_cart .single_add_to_cart_button {
	min-width: 176px;
	height: 48px;
	padding: 0 var(--hi-a-s4);
	border: 1px solid var(--hi-a-black) !important;
	border-radius: 0 !important;
	background: var(--hi-a-black) !important;
	color: var(--hi-a-white) !important;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 19.5px;
	font-weight: 500;
	letter-spacing: var(--hi-a-ls);
	text-transform: uppercase;
	box-shadow: none !important;
	transition: background-color 0.2s ease, color 0.2s ease;
}
body.hi-armani .l-main .add_to_cart .single_add_to_cart_button:hover {
	background: var(--hi-a-white) !important;
	color: var(--hi-a-black) !important;
}
/* Il plugin Gobino hi-gg-utilities (add-to-cart.css, classe .hi-btn-add-product-to-cart) in hover/focus/attivo mette
   border-color: var(--hi-atc-border-color-hover) !important = arancione #e77d35. Nelle pagine Armani le sue variabili
   diventano nere (2026-11-10): niente bordo arancione, senza gara di specificita' con le sue regole. */
body.hi-armani .hi-btn-add-product-to-cart {
	--hi-atc-bg: var(--hi-a-black);
	--hi-atc-color: var(--hi-a-white);
	--hi-atc-border-color: var(--hi-a-black);
	--hi-atc-bg-hover: var(--hi-a-white);
	--hi-atc-color-hover: var(--hi-a-black);
	--hi-atc-border-color-hover: var(--hi-a-black);
	--hi-atc-qty-border-color: var(--hi-a-black);
}
/* Dopo il clic il pulsante resta in :focus e hi-gg-utilities gli da' il colore "hover" (testo nero) mentre il fondo
   Armani resta nero: scritta invisibile. Senza il mouse sopra torna come a riposo. */
body.hi-armani .l-main .add_to_cart .single_add_to_cart_button:focus:not(:hover) {
	background: var(--hi-a-black) !important;
	color: var(--hi-a-white) !important;
}
body.hi-armani .l-main .add_to_cart .single_add_to_cart_button:focus-visible,
body.hi-armani .l-main .add_to_cart .quantity input:focus-visible {
	outline: 2px solid var(--hi-a-focus);
	outline-offset: 2px;
}
body.hi-armani .l-main .add_to_cart .single_add_to_cart_button:disabled,
body.hi-armani .l-main .add_to_cart .single_add_to_cart_button.disabled {
	background: var(--hi-a-grey-100) !important;
	border-color: var(--hi-a-grey-100) !important;
	color: var(--hi-a-text-muted) !important;
	cursor: not-allowed;
}

/* Pulsanti secondari del template (es. "Scopri" sostenibilita'): Secondary, bordo nero, angoli vivi (dedotto). */
body.hi-armani .l-main .w-btn {
	border-radius: 0 !important;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	font-weight: 500;
	letter-spacing: var(--hi-a-ls);
	text-transform: uppercase;
}

/* Mobile: CTA a tutta larghezza. */
@media (max-width: 767px) {
	body.hi-armani .l-main .add_to_cart .single_add_to_cart_button {
		min-width: 0;
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.hi-armani .l-main .add_to_cart .single_add_to_cart_button {
		transition: none;
	}
}

/* ===== Header Armani (copia "Header 2026 Armani Dolci", assegnata dall'importer) ===== */
body.hi-armani .l-header .l-subheader.at_top {
	font-family: var(--hi-a-font);
	font-size: 13px;
	letter-spacing: var(--hi-a-ls);
	text-transform: none;
}
body.hi-armani .l-header .l-subheader.at_middle {
	border-bottom: 1px solid var(--hi-a-grey-100);
}
/* "Menu": icona e testo sulla stessa linea, come su armani.com. */
body.hi-armani .l-header .ush_menu_2 .w-nav-control {
	display: inline-flex;
	align-items: center;
	gap: var(--hi-a-s2);
	color: var(--hi-a-black);
}
body.hi-armani .l-header .ush_menu_2 .w-nav-control > span {
	font-family: var(--hi-a-font);
	font-size: 16px;
	line-height: 24px;
	letter-spacing: var(--hi-a-ls);
	text-transform: none;
}
/* Lingua: testo nero, attiva sottolineata in nero (il tema la colora di bianco/arancione). */
body.hi-armani .l-header .hi-lang-switcher__item {
	color: var(--hi-a-text-muted) !important;
	font-family: var(--hi-a-font);
	font-size: 13px;
	letter-spacing: var(--hi-a-ls);
}
body.hi-armani .l-header .hi-lang-switcher__item.is-active {
	color: var(--hi-a-black) !important;
}
body.hi-armani .l-header .hi-lang-switcher__item::after {
	background: var(--hi-a-black) !important;
	height: 1px !important;
}
/* Account. */
body.hi-armani .l-header .ush_text_4,
body.hi-armani .l-header .ush_text_4 a {
	font-family: var(--hi-a-font);
	font-size: 13px;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black) !important;
}
/* Borsa: icona disegnata (l'icona Font Awesome Pro non e' affidabile sul sito). */
body.hi-armani .l-header .w-cart .w-cart-icon > i {
	display: none;
}
body.hi-armani .l-header .w-cart .w-cart-icon {
	width: 20px;
	height: 20px;
	background: none !important;
}
body.hi-armani .l-header .w-cart .w-cart-icon::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background-color: var(--hi-a-black);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.2'%3E%3Cpath d='M3.5 6.5h13l-1 11h-11z'/%3E%3Cpath d='M7 6.5V5a3 3 0 0 1 6 0v1.5'/%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 20 20' fill='none' stroke='black' stroke-width='1.2'%3E%3Cpath d='M3.5 6.5h13l-1 11h-11z'/%3E%3Cpath d='M7 6.5V5a3 3 0 0 1 6 0v1.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.hi-armani .l-header .w-cart .w-cart-quantity {
	background: var(--hi-a-black) !important;
	color: var(--hi-a-white) !important;
	font-family: var(--hi-a-font);
	font-size: 10px;
}
body.hi-armani .l-header .hi-armani-logo {
	display: inline-block;
	color: var(--hi-a-black);
	line-height: 0;
}
/* Logo "ARMANI / DOLCI" (SVG da locations.armani.com, assets/img/armani-dolci.svg): alto 40px, 28px su mobile. */
body.hi-armani .l-header .hi-armani-logo img {
	display: block;
	width: auto;
	height: 40px;
	max-width: none;
}
@media (max-width: 767px) {
	body.hi-armani .l-header .hi-armani-logo img {
		height: 28px !important; /* l'header ha height:40px in linea, come riserva senza CSS */
	}
}
body.hi-armani .l-header .ush_menu_2 {
	align-self: center;
}
body.hi-armani .l-header .ush_menu_2 .w-nav-control {
	height: auto !important;
	line-height: 1;
}

/* ===== Colonna informazioni: badge, prezzo, acquisto ===== */
body.hi-armani .hi-armani-info .hi-armani-price {
	margin: 0 0 var(--hi-a-s4);
}
body.hi-armani .hi-armani-info .hi-armani-badges {
	margin: 0 0 var(--hi-a-s3);
}
body.hi-armani .hi-armani-info .hi-armani-badges:not(:has(img, span, a)) {
	display: none;
}
/* Quantita' + Aggiungi: una riga, il pulsante occupa lo spazio restante. */
body.hi-armani .hi-armani-buy form.cart {
	display: flex;
	align-items: center;
	gap: var(--hi-a-s3);
	margin: 0;
}
body.hi-armani .hi-armani-buy form.cart .single_add_to_cart_button {
	flex: 1 1 auto;
	width: auto;
	margin: 0;
}
body.hi-armani .hi-armani-buy .quantity {
	margin: 0 !important;
}

/* ===== Footer Armani (copia "Footer 2026 Armani Dolci") ===== */
body.hi-armani .l-footer,
body.hi-armani .l-footer .l-section.hi-armani-footer {
	background: var(--hi-a-white) !important;
	color: var(--hi-a-black) !important;
}
body.hi-armani .l-footer .l-section.hi-armani-footer-top {
	border-top: 1px solid var(--hi-a-grey-100);
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}
/* Newsletter da sola nella riga: centrata, testo su una misura leggibile. */
body.hi-armani .l-footer .l-section.hi-armani-footer-top .wpb_column,
body.hi-armani .l-footer .l-section.hi-armani-footer-top .hi-armani-fh {
	text-align: center !important;
}
body.hi-armani .l-footer .l-section.hi-armani-footer-top .hi-armani-ftext {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
body.hi-armani .l-footer .l-section.hi-armani-footer-links {
	border-top: 1px solid var(--hi-a-grey-100);
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}
body.hi-armani .l-footer .l-section.hi-armani-footer-bottom {
	border-top: 1px solid var(--hi-a-grey-100);
	padding-top: var(--hi-a-s4) !important;
	padding-bottom: var(--hi-a-s4) !important;
}
body.hi-armani .l-footer .hi-armani-fh,
body.hi-armani .l-footer .hi-armani-fh * {
	font-family: var(--hi-a-font) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black) !important;
	text-transform: none !important;
	margin: 0 0 var(--hi-a-s3) !important;
}
body.hi-armani .l-footer .hi-armani-ftext,
body.hi-armani .l-footer .hi-armani-ftext *,
body.hi-armani .l-footer .hi-armani-fmenu a {
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 19.5px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black) !important;
	text-transform: none !important;
}
body.hi-armani .l-footer .hi-armani-nl-btn {
	margin-top: var(--hi-a-s3);
	min-width: 176px;
	height: 48px;
	border: 1px solid var(--hi-a-black) !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--hi-a-black) !important;
}
body.hi-armani .l-footer .hi-armani-nl-btn:hover {
	background: var(--hi-a-black) !important;
	color: var(--hi-a-white) !important;
}
/* Social ed Exclusive Brands: le immagini sono bianche (footer viola Gobino), qui in nero. */
body.hi-armani .l-footer .hi-armani-social img {
	width: 20px;
	height: 20px;
	filter: invert(1);
}
body.hi-armani .l-footer .hi-armani-ebt img {
	height: 56px;
	width: auto;
	filter: invert(1);
}
@media (max-width: 767px) {
	body.hi-armani .l-footer .hi-armani-ebt img {
		margin: var(--hi-a-s3) 0 0;
	}
}

/* Correzioni dopo verifica a schermo (2026-10-13). */
body.hi-armani .l-header .ush_menu_2 {
	margin: 0 !important;
	display: flex;
	align-items: center;
}
body.hi-armani .l-footer .hi-lang-switcher__item::after,
body.hi-armani .l-header .hi-lang-switcher__item::after {
	background-color: var(--hi-a-black) !important;
}
/* Mobile: nell'header restano Menu, logo e borsa; la lingua e' nel footer. */
@media (max-width: 767px) {
	body.hi-armani .l-header .ush_hwrapper_2 .ush_html_1 {
		display: none !important;
	}
}

/* ===== Colori: l'arancione del tema (#ff6b00) diventa nero sulle pagine Armani ===== */
body.hi-armani {
	--color-header-middle-text-hover: var(--hi-a-black);
	--color-header-transparent-text-hover: var(--hi-a-black);
	--color-header-top-text-hover: var(--hi-a-white);
	--color-header-top-transparent-text-hover: var(--hi-a-white);
	--color-content-link: var(--hi-a-black);
	--color-content-link-hover: var(--hi-a-black);
	--color-content-primary: var(--hi-a-black);
	--color-content-primary-grad: var(--hi-a-black);
	--color-alt-content-link: var(--hi-a-black);
	--color-alt-content-link-hover: var(--hi-a-black);
	--color-alt-content-primary: var(--hi-a-black);
	--color-alt-content-primary-grad: var(--hi-a-black);
	--color-footer-link: var(--hi-a-black);
	--color-footer-link-hover: var(--hi-a-black);
	--color-subfooter-link: var(--hi-a-black);
	--color-subfooter-link-hover: var(--hi-a-black);
}
body.hi-armani .single_add_to_cart_button:hover {
	background: #333 !important;
	color: var(--hi-a-white) !important;
}
body.hi-armani .quantity .minus:hover,
body.hi-armani .quantity .plus:hover {
	background: var(--hi-a-grey-50, #f2f2f2) !important;
	color: var(--hi-a-black) !important;
}

/* ===== Avvisi WooCommerce ("aggiunto al carrello", errori) ===== */
body.hi-armani .woocommerce-notices-wrapper .woocommerce-message,
body.hi-armani .woocommerce-notices-wrapper .woocommerce-info,
body.hi-armani .woocommerce-notices-wrapper .woocommerce-error {
	background: var(--hi-a-white) !important;
	color: var(--hi-a-black) !important;
	border: 1px solid var(--hi-a-black) !important;
	border-radius: 0 !important;
	padding: var(--hi-a-s3) !important;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 19.5px !important;
	letter-spacing: var(--hi-a-ls);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--hi-a-s2) var(--hi-a-s3);
}
body.hi-armani .woocommerce-notices-wrapper .woocommerce-error {
	border-color: #b00020 !important;
}
body.hi-armani .woocommerce-notices-wrapper .woocommerce-message a,
body.hi-armani .woocommerce-notices-wrapper .woocommerce-info a {
	order: 2;
	margin: 0 !important;
	color: var(--hi-a-black) !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	background-color: transparent !important;
	padding: 0 !important;
}

/* ===== Footer: "Torna a guidogobino.com" ===== */
/* Spazio sopra: prima lo dava la riga newsletter, tolta dai footer il 2026-10-26. */
body.hi-armani .l-footer .l-section.hi-armani-footer-back {
	padding-top: 64px !important;
	padding-bottom: 48px !important;
}
@media (max-width: 767px) {
	body.hi-armani .l-footer .l-section.hi-armani-footer-back {
		padding-top: 48px !important;
	}
}
/* Centrato come la newsletter sopra. */
body.hi-armani .l-footer .l-section.hi-armani-footer-back .wpb_column,
body.hi-armani .l-footer .l-section.hi-armani-footer-back .w-btn-wrapper {
	text-align: center !important;
}
body.hi-armani .l-footer .l-section.hi-armani-footer-back .w-btn-wrapper {
	margin-right: 0 !important; /* Impreza: 9px a destra dei pulsanti affiancati, qui sbilancia la centratura */
}
body.hi-armani .l-footer .hi-armani-back-btn {
	min-width: 176px;
	height: 48px;
	padding: 0 var(--hi-a-s4) !important;
	border-radius: 0 !important;
	background: var(--hi-a-black) !important;
	color: var(--hi-a-white) !important;
	border: 1px solid var(--hi-a-black) !important;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: var(--hi-a-ls);
	text-transform: uppercase;
}
body.hi-armani .l-footer .hi-armani-back-btn:hover {
	background: var(--hi-a-white) !important;
	color: var(--hi-a-black) !important;
}
body.hi-armani .woocommerce-notices-wrapper .woocommerce-message,
body.hi-armani .woocommerce-notices-wrapper .woocommerce-info {
	flex-wrap: nowrap;
	text-align: left !important;
}
body.hi-armani .woocommerce-notices-wrapper .woocommerce-message a,
body.hi-armani .woocommerce-notices-wrapper .woocommerce-info a {
	flex: 0 0 auto;
	margin-left: auto !important;
}
body.hi-armani .l-footer .hi-armani-back-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1 !important;
}
body.hi-armani .w-toplink.active {
	background: var(--hi-a-black) !important;
	color: var(--hi-a-white) !important;
	border-radius: 0 !important;
}
body.hi-armani .woocommerce-notices-wrapper .woocommerce-message,
body.hi-armani .woocommerce-notices-wrapper .woocommerce-info {
	flex-direction: row !important;
	align-items: center !important;
}
body.hi-armani .woocommerce-notices-wrapper .woocommerce-message:focus,
body.hi-armani .woocommerce-notices-wrapper .woocommerce-message:focus-visible {
	outline: none !important;
}
/* Quantita' alta quanto il pulsante, contenuto centrato. */
body.hi-armani .hi-armani-buy .quantity {
	display: inline-flex !important;
	align-items: center;
	height: 48px;
}
/* Allineamento: il contenitore YITH WAPO vuoto (solo campi nascosti, largh. 0) e' un flex item e col gap sposta
 * la quantita' a destra del bordo; "- 1 +" si centrano sulla riga del pulsante (la regola Gobino li stira in alto). */
body.hi-armani .hi-armani-buy form.cart > .yith-wapo-container:not(:has(.yith-wapo-addon)) {
	display: none;
}
body.hi-armani .hi-armani-buy form.cart .quantity > * {
	align-self: center !important;
}
/* Avvisi di altri plugin Gobino (es. omaggio): icone arancioni in nero. */
body.hi-armani .woocommerce-notices-wrapper img,
body.hi-armani .woocommerce-notices-wrapper svg {
	filter: grayscale(1) brightness(0);
}

/* ===== Container come armani.com: header e footer a tutta larghezza con margini 3vw (43px a 1440) ===== */
body.hi-armani .l-header .l-subheader,
body.hi-armani .l-footer .l-section {
	padding-left: 3vw !important;
	padding-right: 3vw !important;
}
body.hi-armani .l-header .l-subheader-h,
body.hi-armani .l-footer .l-section-h {
	max-width: none !important;
}
/* Barra nera 36px (il tema ne genera 32): la variabile del tema regola anche lo spazio sotto l'header fisso. */
body.hi-armani .l-subheader.at_top {
	--header-area-height: 36px;
}
body.hi-armani {
	--header-height: 108px;
}
@media (max-width: 1024px) {
	body.hi-armani {
		--header-height: 92px;
	}
}
/* "Menu" a filo del margine sinistro, borsa a filo del destro. */
body.hi-armani .l-header .ush_menu_2 .w-nav-control {
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body.hi-armani .l-header .ush_hwrapper_2 {
	padding-right: 0 !important;
}
body.hi-armani .l-header .w-cart {
	margin-right: 0 !important;
}
/* Logo al centro della pagina (come armani.com), indipendente dalla larghezza delle celle laterali. */
body.hi-armani .l-header .l-subheader.at_middle .l-subheader-h {
	position: relative;
}
body.hi-armani .l-header .l-subheader.at_middle .l-subheader-cell.at_center {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	transform: translateX(-50%);
}
body.hi-armani .l-header .w-cart .w-cart-link {
	padding-left: 0;
	padding-right: 0;
}
/* La tendina Impreza del menu non si usa: il pulsante "Menu" apre il pannello laterale. */
body.hi-armani .l-header .ush_menu_2 .w-nav-list {
	display: none !important;
}

/* ===== Menu a pannello laterale (HI_ADI_Menu_Panel, assets/js/armani-menu.js) ===== */
body.hi-armani .hi-adi-menu-overlay {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	opacity: 0;
	transition: opacity 0.3s ease;
}
body.hi-armani .hi-adi-menu-overlay.is-open {
	opacity: 1;
}
body.hi-armani .hi-adi-menu-overlay[hidden] {
	display: none;
}
body.hi-armani .hi-adi-menu {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	display: flex;
	flex-direction: column;
	width: 480px;
	max-width: 100vw;
	height: 100vh;
	height: 100dvh;
	background: var(--hi-a-white);
	border-right: 1px solid var(--hi-a-grey-100);
	color: var(--hi-a-black);
	font-family: var(--hi-a-font);
	letter-spacing: var(--hi-a-ls);
	transform: translateX(-100%);
	visibility: hidden;
	transition: transform 0.3s ease, visibility 0s linear 0.3s;
}
body.hi-armani .hi-adi-menu.is-visible {
	transform: translateX(0);
	visibility: visible;
	transition: transform 0.3s ease, visibility 0s linear 0s;
}
@media (max-width: 767px) {
	body.hi-armani .hi-adi-menu {
		width: 100vw;
		border-right: 0;
	}
}
body.hi-adi-menu-open {
	overflow: hidden;
}
body.hi-armani .hi-adi-menu :where(button) {
	appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-transform: none;
	cursor: pointer;
}
body.hi-armani .hi-adi-menu :where(a) {
	color: inherit;
	text-decoration: none;
}
body.hi-armani .hi-adi-menu :where(ul) {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.hi-armani .hi-adi-menu :where(li) {
	margin: 0;
	padding: 0;
}
body.hi-armani .hi-adi-menu :focus-visible {
	outline: 2px solid var(--hi-a-focus);
	outline-offset: 2px;
}
body.hi-armani .hi-adi-menu__icon {
	display: block;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}
/* Riga alta 72px con la × a 43px dal bordo sinistro. */
body.hi-armani .hi-adi-menu__top {
	display: flex;
	flex: 0 0 72px;
	align-items: center;
	height: 72px;
	padding: 0 43px;
	border-bottom: 1px solid var(--hi-a-grey-100);
}
body.hi-armani .hi-adi-menu__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
}
/* Due livelli affiancati: il secondo entra scorrendo da destra. */
body.hi-armani .hi-adi-menu__viewport {
	position: relative;
	flex: 1 1 auto;
	min-height: 0;
	overflow: hidden;
}
body.hi-armani .hi-adi-menu__track {
	display: flex;
	height: 100%;
	transition: transform 0.3s ease;
}
body.hi-armani .hi-adi-menu__track.is-sub {
	transform: translateX(-100%);
}
body.hi-armani .hi-adi-menu__level {
	display: flex;
	flex: 0 0 100%;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 48px 42px 40px 43px; /* a destra 42 + 1px di bordo = 43px dal bordo esterno */
	overflow-y: auto;
	box-sizing: border-box;
}
body.hi-armani .hi-adi-menu__level[hidden] {
	display: none;
}
/* Voci: 16/24, peso 400, 40px fra l'inizio di una riga e la successiva (16px di spazio). */
body.hi-armani .hi-adi-menu__list > li + li {
	margin-top: 16px;
}
body.hi-armani .hi-adi-menu__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 24px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	letter-spacing: var(--hi-a-ls);
	text-align: left;
	color: var(--hi-a-black);
}
/* Secondo livello: "Indietro" e titolo della voce. */
body.hi-armani .hi-adi-menu__back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	align-self: flex-start;
	font-size: 13px;
	line-height: 19.5px;
}
body.hi-armani .hi-adi-menu__title {
	margin: 24px 0 24px;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: var(--hi-a-ls);
	text-transform: uppercase;
}
/* Link di servizio in fondo: 13px con icona. */
body.hi-armani .hi-adi-menu__service {
	margin-top: auto !important;
	padding-top: 40px !important;
}
body.hi-armani .hi-adi-menu__service > li + li {
	margin-top: 22px;
}
body.hi-armani .hi-adi-menu__service-link,
body.hi-armani .hi-adi-menu__langs-group {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	line-height: 19.5px;
	font-weight: 400;
	letter-spacing: var(--hi-a-ls);
}
body.hi-armani .hi-adi-menu__lang {
	color: var(--hi-a-text-muted) !important;
}
body.hi-armani .hi-adi-menu__lang.is-active {
	color: var(--hi-a-black) !important;
}
body.hi-armani .hi-adi-menu__sep {
	color: var(--hi-a-text-muted);
}
@media (prefers-reduced-motion: reduce) {
	body.hi-armani .hi-adi-menu,
	body.hi-armani .hi-adi-menu.is-visible,
	body.hi-armani .hi-adi-menu__track,
	body.hi-armani .hi-adi-menu-overlay {
		transition: none;
	}
}

/* ===== Pagine categoria Armani (template "Template categoria Armani Dolci", body.hi-armani-category) =====
 * Come la pagina elenco di armani.com: pagina bianca, barra sotto l'header ("N prodotti" a sinistra, sottocategorie
 * al centro), griglia a tutta larghezza 4 colonne (2 sotto 1025px) con celle #fbfbfb separate da 1px #ebebeb.
 */
body.hi-armani-category .l-main .l-section:not(.with_img) {
	background-color: var(--hi-a-white);
}
body.hi-armani-category .l-section.hi-adi-cat-bar-row,
body.hi-armani-category .l-section.hi-adi-cat-grid-row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body.hi-armani-category .l-section.hi-adi-cat-bar-row {
	padding-left: 3vw !important;
	padding-right: 3vw !important;
}
/* Solo i lati: il padding-top della prima sezione e' lo spazio del tema sotto l'header fisso. */
body.hi-armani-category .l-section.hi-adi-cat-bar-row > .l-section-h,
body.hi-armani-category .l-section.hi-adi-cat-grid-row > .l-section-h {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body.hi-armani-category .hi-adi-cat-bar-row .g-cols,
body.hi-armani-category .hi-adi-cat-grid-row .g-cols {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* Riga griglia: il bordo destro dell'ultima colonna sborda di 1px (celle sovrapposte), niente barra orizzontale. */
body.hi-armani-category .l-section.hi-adi-cat-grid-row {
	overflow: hidden;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body.hi-armani-category .hi-adi-cat-bar-row .vc_column-inner,
body.hi-armani-category .hi-adi-cat-grid-row .vc_column-inner {
	padding: 0 !important;
}

/* Barra: tre colonne (conteggio | sottocategorie | vuota) per tenere le sottocategorie al centro. */
body.hi-armani .hi-adi-catbar {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: var(--hi-a-s3);
	padding: var(--hi-a-s4) 0;
	font-family: var(--hi-a-font);
	font-size: 13px;
	line-height: 19.5px;
	font-weight: 400;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black);
}
/* Titolo: su armani.com non c'e' sopra la griglia; resta come h1 per lettori di schermo e motori di ricerca. */
body.hi-armani .hi-adi-catbar__title {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
body.hi-armani .hi-adi-catbar__count {
	justify-self: start;
	white-space: nowrap;
}
body.hi-armani .hi-adi-catbar__nav {
	display: flex;
	align-items: center;
	gap: var(--hi-a-s3);
	min-width: 0;
}
/* Etichetta come "DONNA:" su armani.com: la categoria (o il genitore, sulle foglie). */
body.hi-armani .hi-adi-catbar__label {
	font-weight: 500;
	text-transform: uppercase;
	white-space: nowrap;
}
body.hi-armani .hi-adi-catbar__label::after {
	content: ":";
}
/* L'etichetta e' un link alla sua categoria: sulle foglie riporta al livello superiore. */
body.hi-armani a.hi-adi-catbar__label,
body.hi-armani a.hi-adi-catbar__label:visited {
	color: inherit !important;
	text-decoration: none;
}
body.hi-armani a.hi-adi-catbar__label:hover,
body.hi-armani a.hi-adi-catbar__label:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.hi-armani .hi-adi-catbar__list {
	display: flex;
	align-items: center;
	gap: var(--hi-a-s4);
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
body.hi-armani .hi-adi-catbar__list > li {
	margin: 0 !important;
	padding: 0;
	white-space: nowrap;
}
body.hi-armani .hi-adi-catbar__list a {
	color: var(--hi-a-black) !important;
	text-decoration: none !important;
}
body.hi-armani .hi-adi-catbar__list a.is-active {
	font-weight: 500;
}
/* Da 1025px: se le sottocategorie non ci stanno vanno a capo (prima uscivano dalla pagina fino a ~1500px); il conteggio
   resta sulla prima riga. Sotto 1025px resta la riga scorrevole. */
@media (min-width: 1025px) {
	body.hi-armani .hi-adi-catbar {
		grid-template-columns: minmax(max-content, 1fr) minmax(0, max-content) minmax(max-content, 1fr);
		align-items: start;
	}
	body.hi-armani .hi-adi-catbar__nav {
		align-items: flex-start;
	}
	body.hi-armani .hi-adi-catbar__list {
		flex-wrap: wrap;
		min-width: 0;
		row-gap: var(--hi-a-s2);
	}
}

/* Effetto "appear" di armani.com: la linea entra da sinistra al passaggio ed esce a destra. Attiva: sempre visibile.
   Dal 2026-11-10 la linea e' uno sfondo dell'elemento inline con box-decoration-break: clone, cosi' un testo su piu'
   righe (es. "Giandujottini, cialdine, dragees e cioccolata calda" nelle schede) e' sottolineato su ogni riga
   (prima un ::before in fondo al blocco sottolineava solo l'ultima). */
body.hi-armani .hi-adi-fx {
	display: inline;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-size: 0% 1px;
	background-position: right 0 bottom 0;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 0.2s ease-out;
}
body.hi-armani .hi-adi-fx-appear:hover .hi-adi-fx,
body.hi-armani .hi-adi-fx-appear:focus-visible .hi-adi-fx,
body.hi-armani .hi-adi-fx-appear.is-active .hi-adi-fx {
	background-size: 100% 1px;
	background-position: left 0 bottom 0;
}

/* Griglia: celle sovrapposte di 1px (bordo condiviso), al passaggio contorno nero sopra le vicine. */
body.hi-armani .hi-adi-cat-grid .w-grid-list {
	gap: 0 !important;
}
body.hi-armani .hi-adi-cat-grid .w-grid-item {
	position: relative;
	margin: 0 -1px -1px 0 !important;
	padding: 0 !important;
	border: 1px solid var(--hi-a-grey-100);
	background-color: var(--hi-a-offwhite);
}
body.hi-armani .hi-adi-cat-grid .w-grid-item:hover,
body.hi-armani .hi-adi-cat-grid .w-grid-item:focus-within {
	z-index: 2;
	outline: 1px solid var(--hi-a-black);
	outline-offset: -1px;
}
body.hi-armani .hi-adi-cat-grid .w-grid-item-h {
	background: transparent !important;
	height: 100%;
	display: flex;
	flex-direction: column;
}
/* Immagine 4:5 su #fbfbfb; il segnaposto bianco di WooCommerce si fonde con lo sfondo. */
body.hi-armani .hi-adi-cat-grid .hi-adi-card-image {
	margin: 0 !important;
	background-color: var(--hi-a-offwhite);
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-image img {
	object-fit: contain !important;
	mix-blend-mode: multiply;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-body {
	flex: 1 0 auto;
	padding: var(--hi-a-s3) var(--hi-a-s4) var(--hi-a-s4);
	text-align: center;
}
/* Nome 13/19.5 maiuscolo, una riga con ellissi. */
body.hi-armani .l-main .hi-adi-cat-grid .w-post-elm.post_title.hi-adi-card-title {
	width: 100%;
	margin: 0 !important;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 19.5px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls);
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
body.hi-armani .l-main .hi-adi-cat-grid .hi-adi-card-title a {
	color: var(--hi-a-black) !important;
	text-decoration: none !important;
}
/* Prezzo 13px peso 300. */
body.hi-armani .l-main .hi-adi-cat-grid .w-post-elm.product_field.price,
body.hi-armani .l-main .hi-adi-cat-grid .w-post-elm.product_field.price * {
	font-size: 13px !important;
	line-height: 19.5px !important;
	font-weight: 300 !important;
}
body.hi-armani .l-main .hi-adi-cat-grid .w-post-elm.product_field.price {
	margin: var(--hi-a-s2) 0 0 !important;
	text-align: center;
}
/* "Aggiungi al carrello": link 13px sottolineato, effetto "default" di armani.com
 * (al passaggio la linea esce a destra e rientra da sinistra). */
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart {
	margin: var(--hi-a-s3) 0 0 !important;
	text-align: center;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button {
	display: inline-flex;
	align-items: center;
	gap: var(--hi-a-s2);
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--hi-a-black) !important;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 19.5px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls) !important;
	text-transform: none !important;
	text-decoration: none !important;
}
/* In hover il tema (".no-touch .woocommerce .button:is(.add_to_cart_button):hover", piu' specifico) mette il testo
 * nel colore di sfondo, bianco, contando sul suo sfondo nero che qui e' trasparente: resta nero. */
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button:hover,
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button:focus-visible {
	color: var(--hi-a-black) !important;
}
/* Il tema disegna bordo/sfondo del pulsante con ::before e la spunta "aggiunto" con ::after: via entrambi. */
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button::before,
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button::after {
	display: none !important;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .w-btn-label {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .w-btn-label::before,
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .w-btn-label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 1px;
	background-color: currentColor;
	transition: transform 0.3s ease-in-out;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .w-btn-label::before {
	transform-origin: right center;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .w-btn-label::after {
	transform: scaleX(0);
	transform-origin: left center;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button:hover .w-btn-label::before,
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button:focus-visible .w-btn-label::before {
	transform: scaleX(0);
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button:hover .w-btn-label::after,
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button:focus-visible .w-btn-label::after {
	transform: scaleX(1);
	transition-delay: 0.3s;
}
body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .button .g-preloader {
	color: var(--hi-a-black);
}
/* Caricamento allo scorrimento ("come oggi"): rotella nera. */
body.hi-armani .hi-adi-cat-grid .g-preloader,
body.hi-armani .hi-adi-cat-grid + .g-loadmore .g-preloader {
	color: var(--hi-a-black);
}

/* Sotto 1025px (dove l'header mostra il burger): niente sottocategorie, si naviga dal menu a pannello; resta il
   conteggio (scelta dell'utente del 2026-10-27, prima era una riga scorrevole). */
@media (max-width: 1024px) {
	body.hi-armani .hi-adi-catbar {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--hi-a-s2);
		padding: var(--hi-a-s3) 0;
	}
	body.hi-armani .hi-adi-catbar__nav {
		display: none;
	}
	body.hi-armani .hi-adi-catbar__end {
		display: none;
	}
	/* Pagina d'ingresso (mode="links", 2026-11-10): senza link e senza conteggio la barra resterebbe una striscia vuota. */
	body.hi-armani .hi-adi-catbar--links {
		display: none;
	}
	body.hi-armani .hi-adi-cat-grid .hi-adi-card-body {
		padding: var(--hi-a-s3) var(--hi-a-s2) var(--hi-a-s4);
	}
}
@media (prefers-reduced-motion: reduce) {
	body.hi-armani .hi-adi-fx,
	body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .w-btn-label::before,
	body.hi-armani .hi-adi-cat-grid .hi-adi-card-cart .w-btn-label::after {
		transition: none;
	}
}

/* ===== Scheda 3 colonne (template "Template prodotto Armani Dolci", riga .hi-armani-3col) =====
 * Misure armani.com a 1440: margini 3vw (43px), info 324 | 25 | immagine 655 | 25 | destra 324. Larghezze
 * proporzionali (22.5 / 45.5 / 22.5) dentro i margini, cosi' restano giuste a ogni larghezza senza sbordare.
 * Immagine subito sotto l'header, 4:5 su #fbfbfb; colonne laterali ferme (sticky) sotto l'header, testo a 56px.
 */
body.hi-armani .l-main .l-section.hi-armani-3col {
	padding: 0 3vw !important;
	background-color: var(--hi-a-white);
}
body.hi-armani .l-section.hi-armani-3col > .l-section-h {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 64px !important;
}
body.hi-armani .hi-armani-3col .g-cols {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	margin: 0 !important;
	gap: 0;
}
body.hi-armani .hi-armani-3col .g-cols > .wpb_column {
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}
body.hi-armani .hi-armani-3col .g-cols > .wpb_column > .vc_column-inner {
	padding: 0 !important;
}
body.hi-armani .hi-armani-3col .wpb_text_column,
body.hi-armani .hi-armani-3col .wpb_text_column .wpb_wrapper > :last-child {
	margin-bottom: 0;
}
body.hi-armani .hi-armani-3col .wpb_text_column .wpb_wrapper > .hi-adi-thumbs {
	margin-bottom: var(--hi-a-s4);
}
body.hi-armani .hi-armani-info .w-post-elm.post_title {
	margin: 0 0 var(--hi-a-s2);
}
/* CTA alta 48px. */
body.hi-armani .hi-armani-3col .hi-armani-buy .single_add_to_cart_button {
	height: 48px;
	min-height: 48px;
}
body.hi-armani .single_add_to_cart_button.loading {
	background: #343434 !important;
}
@media (min-width: 1025px) {
	body.hi-armani .hi-armani-3col .g-cols {
		grid-template-columns: minmax(0, 22.5fr) minmax(0, 45.5fr) minmax(0, 22.5fr);
		column-gap: 25px;
	}
	body.hi-armani .hi-armani-3col .g-cols > .hi-armani-info > .vc_column-inner,
	body.hi-armani .hi-armani-3col .g-cols > .hi-armani-side > .vc_column-inner {
		position: sticky;
		top: var(--header-height);
		padding-top: 56px !important;
	}
	/* Colonna informazioni alta quanto la finestra sotto l'header: il breadcrumb sta in fondo, come armani.com. */
	body.hi-armani .hi-armani-3col .g-cols > .hi-armani-info > .vc_column-inner {
		display: flex;
		flex-direction: column;
		min-height: calc(100vh - var(--header-height));
		padding-bottom: 32px !important;
		box-sizing: border-box;
	}
	body.hi-armani .hi-armani-info .hi-armani-crumbs-wrap {
		margin-top: auto !important;
		padding-top: 40px;
	}
}

/* Breadcrumb [hi_adi_breadcrumb] (armani.com): 12/18 peso 300, tutto nero, "/" fra le voci, testo come nel nome. */
body.hi-armani .hi-adi-crumbs ol {
	display: flex;
	flex-wrap: wrap;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
body.hi-armani .hi-adi-crumbs li {
	margin: 0 !important;
	padding: 0;
	font-family: var(--hi-a-font);
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black);
}
body.hi-armani .hi-adi-crumbs li + li::before {
	content: "/";
	margin: 0 8px;
}
body.hi-armani .hi-adi-crumbs a {
	color: var(--hi-a-black) !important;
}

/* ===== Galleria [hi_adi_gallery] ===== */
body.hi-armani .hi-adi-gallery-main {
	position: relative;
	background-color: var(--hi-a-offwhite);
}
body.hi-armani .hi-adi-gallery-item {
	aspect-ratio: 4 / 5;
}
body.hi-armani .hi-adi-gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply; /* il fondo bianco delle foto e del segnaposto si fonde con #fbfbfb */
}
/* Miniature (armani.com): 68x85 (4:5) affiancate senza spazio, bordo 1px grigio condiviso; la selezionata ha il
 * bordo nero e l'immagine al 50%. Vanno a capo dopo 4 (324px di colonna). */
body.hi-armani .hi-adi-thumbs {
	display: flex;
	flex-wrap: wrap;
	padding: 1px 0 0 1px;
}
body.hi-armani .hi-adi-thumb {
	position: relative;
	display: block;
	flex: 0 0 69px; /* 69 - 1px di bordo condiviso = passo di 68px, come armani.com */
	width: 69px;
	height: 85px;
	margin: -1px 0 0 -1px;
	padding: 0;
	border: 1px solid var(--hi-a-grey-50) !important;
	border-radius: 0;
	background: var(--hi-a-offwhite) !important;
	box-shadow: none !important;
	box-sizing: border-box;
	cursor: pointer;
}
body.hi-armani .hi-adi-thumb[aria-pressed="true"] {
	z-index: 1;
	border-color: var(--hi-a-black) !important;
}
body.hi-armani .hi-adi-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}
body.hi-armani .hi-adi-thumb[aria-pressed="true"] img {
	opacity: 0.5;
}
body.hi-armani .hi-adi-dots {
	display: none;
}
@media (min-width: 1025px) {
	body.hi-armani .hi-adi-gallery-item:not(.is-active) {
		display: none;
	}
}

/* ===== Voci dei pannelli [hi_adi_panels] (armani.com): righe alte 48px, 13px, chevron a destra, senza linee ===== */
body.hi-armani .hi-adi-panel-links {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
body.hi-armani .hi-adi-panel-links li {
	margin: 0 !important;
	padding: 0;
}
body.hi-armani .hi-adi-panel-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none;
	color: var(--hi-a-black) !important;
	font-family: var(--hi-a-font);
	font-size: 13px;
	line-height: 19.5px;
	font-weight: 400;
	letter-spacing: var(--hi-a-ls);
	text-align: left;
	text-transform: none;
	cursor: pointer;
}
body.hi-armani .hi-adi-chevron {
	flex: 0 0 auto;
}

/* ===== Pannelli laterali (dettagli; dal Task 6 anche il drawer) e overlay condiviso =====
 * armani.com: overlay rgba(0,0,0,.6); pannello con bordo sinistro #ebebeb, intestazione 56px sopra / 24px sotto,
 * margini laterali 3vw (43px a 1440), titolo 16/24 maiuscolo, × 24px a filo del margine destro.
 */
body.hi-armani .hi-adi-overlay {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	transition: opacity 0.3s ease;
}
body.hi-armani .hi-adi-overlay.is-open {
	opacity: 1;
}
body.hi-armani .hi-adi-overlay[hidden],
body.hi-armani .hi-adi-panel[hidden] {
	display: none;
}
body.hi-adi-lock {
	overflow: hidden;
}
body.hi-armani .hi-adi-panel {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10001;
	display: flex;
	flex-direction: column;
	width: 467px; /* armani.com: 466.9px, stessa misura per pannelli e drawer */
	max-width: 100vw;
	height: 100vh;
	height: 100dvh;
	padding: 56px 3vw 40px;
	box-sizing: border-box;
	border-left: 1px solid var(--hi-a-grey-100);
	background: var(--hi-a-white);
	color: var(--hi-a-black);
	font-family: var(--hi-a-font);
	letter-spacing: var(--hi-a-ls);
	transform: translateX(100%);
	transition: transform 0.3s ease;
}
body.hi-armani .hi-adi-panel.is-open {
	transform: translateX(0);
}
body.hi-armani .hi-adi-panel__head {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: space-between;
	gap: var(--hi-a-s3);
	margin: 0 0 var(--hi-a-s4);
}
body.hi-armani .hi-adi-panel__title {
	margin: 0 !important;
	padding: 0;
	font-family: var(--hi-a-font) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls) !important;
	text-transform: uppercase;
	color: var(--hi-a-black) !important;
}
body.hi-armani .hi-adi-panel-close {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none;
	color: var(--hi-a-black) !important;
	cursor: pointer;
}
body.hi-armani .hi-adi-panel__body {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
	font-size: 13px;
	line-height: 19.5px;
	font-weight: 400;
}
body.hi-armani .hi-adi-panel__body,
body.hi-armani .hi-adi-panel__body * {
	font-family: var(--hi-a-font) !important;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black);
}
body.hi-armani .hi-adi-panel__body p,
body.hi-armani .hi-adi-panel__body li,
body.hi-armani .hi-adi-panel__body td,
body.hi-armani .hi-adi-panel__body th {
	font-size: 13px;
	line-height: 19.5px;
}
body.hi-armani .hi-adi-panel__body p {
	margin: 0 0 var(--hi-a-s3);
}
body.hi-armani .hi-adi-panel__sub {
	margin: var(--hi-a-s4) 0 var(--hi-a-s1) !important;
	font-weight: 500;
}
body.hi-armani .hi-adi-panel :focus-visible,
body.hi-armani .hi-adi-panel-link:focus-visible,
body.hi-armani .hi-adi-thumb:focus-visible,
body.hi-armani .hi-adi-dot:focus-visible {
	outline: 2px solid var(--hi-a-focus);
	outline-offset: 2px;
}

/* ===== Drawer "Aggiunto al carrello" (HI_ADI_Drawer; e' un .hi-adi-panel) =====
 * armani.com (1440, 2026-10-13): riga prodotto con miniatura 120x150 su #fbfbfb e testo a 16px; CTA alte 48px a
 * 44px dal prodotto; "oppure" fra due linee #ebebeb; "Continua a fare acquisti" 16/24 sottolineato a 24px;
 * "Potrebbero piacerti anche" 20/30 maiuscolo (40px sopra, 24px sotto); card affiancate larghe meta' colonna,
 * fila scorrevole fino al bordo destro del pannello.
 */
body.hi-armani .hi-adi-drawer__body {
	margin-right: -3vw;
	padding-right: 3vw;
}
body.hi-armani .hi-adi-drawer__body p {
	margin: 0;
}
body.hi-armani .hi-adi-drawer__item {
	display: flex;
	gap: var(--hi-a-s3);
	align-items: flex-start;
}
body.hi-armani .hi-adi-drawer__thumb {
	display: block;
	flex: 0 0 120px;
	width: 120px;
	height: 150px;
	background: var(--hi-a-offwhite);
}
body.hi-armani .hi-adi-drawer__thumb img,
body.hi-armani .hi-adi-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
body.hi-armani .hi-adi-drawer__info {
	flex: 1 1 auto;
	min-width: 0;
}
body.hi-armani .hi-adi-drawer__body .hi-adi-drawer__name,
body.hi-armani .hi-adi-card__name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	font-weight: 400;
}
body.hi-armani .hi-adi-drawer__body .hi-adi-drawer__name {
	margin-bottom: var(--hi-a-s1);
}
body.hi-armani .hi-adi-drawer__body .hi-adi-drawer__price {
	margin-bottom: var(--hi-a-s3);
	font-weight: 300;
}
body.hi-armani .hi-adi-drawer__qty {
	font-weight: 300;
}
body.hi-armani .hi-adi-drawer__qty span {
	font-weight: 400;
}
body.hi-armani .hi-adi-drawer__actions {
	display: flex;
	flex-direction: column;
	margin-top: 44px;
}
body.hi-armani .hi-adi-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	min-height: 48px;
	margin: 0;
	padding: 0 var(--hi-a-s3);
	border: 1px solid var(--hi-a-black) !important;
	border-radius: 0;
	box-shadow: none;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 15.6px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls) !important;
	text-transform: none;
	text-decoration: none !important;
	cursor: pointer;
	transition: background-color 0.2s ease;
}
/* Primaria: nessun cambio colore al passaggio. Secondaria: sfondo #f2f2f2. */
body.hi-armani .hi-adi-cta--primary,
body.hi-armani .hi-adi-cta--primary:hover,
body.hi-armani .hi-adi-cta--primary:focus {
	background: var(--hi-a-black) !important;
	color: var(--hi-a-white) !important;
}
body.hi-armani .hi-adi-cta--secondary,
body.hi-armani .hi-adi-cta--secondary:focus {
	background: var(--hi-a-white) !important;
	color: var(--hi-a-black) !important;
}
body.hi-armani .hi-adi-cta--secondary:hover {
	background: var(--hi-a-grey-50) !important;
	color: var(--hi-a-black) !important;
}
body.hi-armani .hi-adi-drawer__body .hi-adi-drawer__or {
	display: flex;
	align-items: center;
	gap: var(--hi-a-s3);
	margin: var(--hi-a-s3) 0;
	font-weight: 300;
}
body.hi-armani .hi-adi-drawer__or::before,
body.hi-armani .hi-adi-drawer__or::after {
	content: "";
	flex: 1 1 auto;
	border-top: 1px solid var(--hi-a-grey-100);
}
body.hi-armani .hi-adi-continue {
	align-self: center;
	margin: var(--hi-a-s4) 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent !important;
	box-shadow: none;
	color: var(--hi-a-black) !important;
	font-family: var(--hi-a-font) !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls) !important;
	cursor: pointer;
}
body.hi-armani .hi-adi-drawer__body .hi-adi-drawer__related-title {
	margin: 40px 0 var(--hi-a-s4) !important;
	padding: 0;
	font-family: var(--hi-a-font) !important;
	font-size: 20px !important;
	line-height: 30px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls) !important;
	text-transform: uppercase;
}
body.hi-armani .hi-adi-drawer__cards {
	display: flex;
	gap: 1px;
	margin: 0 -3vw 0 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
body.hi-armani .hi-adi-drawer__cards::-webkit-scrollbar {
	display: none;
}
/* Meta' della colonna di contenuto: la fila e' larga contenuto + 3vw (fino al bordo). */
body.hi-armani .hi-adi-card {
	display: flex;
	flex: 0 0 calc((100% - 3vw - 1px) / 2);
	flex-direction: column;
	min-width: 0; /* altrimenti la larghezza minima e' quella dell'immagine (300px) */
	margin: 0;
	padding: 0;
	background: var(--hi-a-offwhite);
	scroll-snap-align: start;
}
body.hi-armani .hi-adi-card__image {
	display: block;
	aspect-ratio: 190 / 242;
}
body.hi-armani .hi-adi-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: var(--hi-a-s4);
	text-align: left;
}
body.hi-armani .hi-adi-card__name {
	display: block;
	color: var(--hi-a-black) !important;
	text-decoration: none !important;
}
body.hi-armani .hi-adi-drawer__body .hi-adi-card__price {
	margin: var(--hi-a-s2) 0 var(--hi-a-s3);
	font-weight: 300;
}
body.hi-armani .hi-adi-card__add {
	align-self: center;
	margin-top: auto;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--hi-a-black) !important;
	font-family: var(--hi-a-font) !important;
	font-size: 13px !important;
	line-height: 19.5px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls) !important;
	text-transform: none !important;
	text-decoration: none !important;
}
body.hi-armani .hi-adi-card__add.loading {
	opacity: 0.5;
	pointer-events: none;
}
body.hi-armani .hi-adi-card__add::before,
body.hi-armani .hi-adi-card__add::after {
	display: none !important;
}
body.hi-armani .hi-adi-card__add:hover .hi-ue-appear,
body.hi-armani .hi-adi-card__add:focus-visible .hi-ue-appear {
	background-size: 100% 1px;
	background-position: left bottom;
}
body.hi-armani .hi-adi-drawer__errors {
	margin: 0 0 var(--hi-a-s4);
	padding: 0;
	list-style: none;
}
body.hi-armani .hi-adi-drawer__body .hi-adi-drawer__errors li {
	margin: 0 0 var(--hi-a-s2);
	color: var(--hi-a-error);
}
/* Il drawer sostituisce le conferme di WooCommerce (link "Visualizza carrello" dopo il pulsante) e di Impreza
 * (avviso a comparsa dell'icona carrello). */
body.hi-armani .added_to_cart.wc-forward,
body.hi-armani .w-cart-notification {
	display: none !important;
}

/* ===== Sotto 1025px: immagini (carosello) → informazioni → voci; pannelli a tutto schermo ===== */
@media (max-width: 1024px) {
	body.hi-armani .l-main .l-section.hi-armani-3col {
		padding: 0 !important;
	}
	body.hi-armani .hi-armani-media {
		order: 1;
	}
	body.hi-armani .hi-armani-info {
		order: 2;
	}
	body.hi-armani .hi-armani-side {
		order: 3;
	}
	body.hi-armani .hi-armani-3col .g-cols > .hi-armani-info > .vc_column-inner,
	body.hi-armani .hi-armani-3col .g-cols > .hi-armani-side > .vc_column-inner {
		padding: var(--hi-a-s4) 3vw 0 !important;
	}
	body.hi-armani .hi-armani-info .hi-armani-crumbs-wrap {
		margin-top: var(--hi-a-s4) !important;
	}
	body.hi-armani .hi-adi-gallery-main {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}
	body.hi-armani .hi-adi-gallery-main::-webkit-scrollbar {
		display: none;
	}
	body.hi-armani .hi-adi-gallery-item {
		flex: 0 0 100%;
		scroll-snap-align: start;
	}
	body.hi-armani .hi-adi-dots {
		display: flex;
		justify-content: center;
		gap: var(--hi-a-s2);
		padding: 12px 0 0;
	}
	body.hi-armani .hi-adi-dot {
		width: 6px;
		height: 6px;
		min-height: 0;
		margin: 0;
		padding: 0;
		border: 1px solid var(--hi-a-black) !important;
		border-radius: 50%;
		background: transparent !important;
		box-shadow: none;
		cursor: pointer;
	}
	body.hi-armani .hi-adi-dot[aria-current="true"] {
		background: var(--hi-a-black) !important;
	}
	body.hi-armani .hi-adi-thumbs {
		display: none;
	}
	body.hi-armani .hi-adi-panel {
		width: 100vw;
		padding: var(--hi-a-s4) 3vw;
		border-left: 0;
	}
}
/* Drawer: 467px fino a 768px (i pannelli dettagli vanno a tutto schermo gia' sotto 1025px). */
@media (min-width: 768px) and (max-width: 1024px) {
	body.hi-armani .hi-adi-drawer {
		width: 467px;
		padding: 56px 3vw 40px;
		border-left: 1px solid var(--hi-a-grey-100);
	}
}

/* ===== Hover come armani.com =====
 * "appear": la linea entra da sinistra al passaggio ed esce a destra (0.2s ease-out).
 * "default" (link gia' sottolineati): la linea esce a destra e rientra da sinistra dopo 0.3s (0.3s ease-in-out).
 * Il breadcrumb di armani.com non e' sottolineato a riposo: usa "appear".
 */
body.hi-armani .hi-ue-appear,
body.hi-armani .l-header .w-nav-anchor,
body.hi-armani .l-header .w-text a,
body.hi-armani .hi-lang-switcher__item,
body.hi-armani .hi-adi-crumbs a {
	text-decoration: none !important;
	background-image: linear-gradient(currentColor, currentColor);
	background-size: 0 1px;
	background-position: right bottom;
	background-repeat: no-repeat;
	transition: background-size 0.2s ease-out;
}
body.hi-armani .hi-ue-appear:hover,
body.hi-armani .hi-adi-panel-link:hover .hi-ue-appear,
body.hi-armani .hi-adi-panel-link:focus-visible .hi-ue-appear,
body.hi-armani .hi-adi-menu__item:hover .hi-ue-appear,
body.hi-armani .hi-adi-menu__item:focus-visible .hi-ue-appear,
body.hi-armani .hi-adi-menu__service-link:hover .hi-ue-appear,
body.hi-armani .hi-adi-menu__lang:hover .hi-ue-appear,
body.hi-armani .l-header .w-nav-anchor:hover,
body.hi-armani .l-header .w-text a:hover,
body.hi-armani .hi-lang-switcher__item:hover,
body.hi-armani .hi-adi-crumbs a:hover,
body.hi-armani .hi-adi-crumbs a:focus-visible {
	background-size: 100% 1px;
	background-position: left bottom;
}
body.hi-armani .hi-ue-default,
body.hi-armani .l-footer .hi-armani-fmenu a,
body.hi-armani .l-footer .hi-armani-ftext a,
body.hi-armani .woocommerce-message a {
	text-decoration: none !important;
	background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
	background-size: 100% 1px, 0 1px;
	background-position: right bottom, left bottom;
	background-repeat: no-repeat;
	transition: background-size 0.3s ease-in-out;
}
body.hi-armani .hi-ue-default:hover,
body.hi-armani .l-footer .hi-armani-fmenu a:hover,
body.hi-armani .l-footer .hi-armani-ftext a:hover,
body.hi-armani .woocommerce-message a:hover {
	background-size: 0 1px, 100% 1px;
	transition-delay: 0s, 0.3s;
}

@media (prefers-reduced-motion: reduce) {
	body.hi-armani .hi-adi-overlay,
	body.hi-armani .hi-adi-panel,
	body.hi-armani .hi-adi-cta,
	body.hi-armani .hi-ue-appear,
	body.hi-armani .hi-ue-default,
	body.hi-armani .l-header .w-nav-anchor,
	body.hi-armani .l-header .w-text a,
	body.hi-armani .hi-lang-switcher__item,
	body.hi-armani .hi-adi-crumbs a,
	body.hi-armani .l-footer .hi-armani-fmenu a,
	body.hi-armani .l-footer .hi-armani-ftext a,
	body.hi-armani .woocommerce-message a {
		transition: none;
	}
}

/* ===== Scheda classica (template "Template prodotto Armani Dolci Classico", riga .hi-armani-classic) =====
 * Come il vecchio armanidolci.com (Wayback 2026-01, a 1440): galleria a sinistra dal bordo della pagina, larga 936px
 * (65%), con tutte le foto grandi in griglia a 2 colonne (464x653, proporzioni delle foto del catalogo); a destra le
 * informazioni centrate in una colonna di circa 346px, ferma sotto l'header. Sotto 1025px: carosello, poi informazioni.
 */
body.hi-armani .l-main .l-section.hi-armani-classic {
	padding: 0 !important;
	background-color: var(--hi-a-white);
}
body.hi-armani .l-section.hi-armani-classic > .l-section-h {
	max-width: none !important;
	padding: 0 0 64px !important;
}
body.hi-armani .hi-armani-classic .g-cols {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr);
	margin: 0 !important;
	gap: 0;
}
body.hi-armani .hi-armani-classic .g-cols > .wpb_column {
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
}
body.hi-armani .hi-armani-classic .g-cols > .wpb_column > .vc_column-inner {
	padding: 0 !important;
}
body.hi-armani .hi-armani-classic .wpb_text_column,
body.hi-armani .hi-armani-classic .wpb_text_column .wpb_wrapper > :last-child {
	margin-bottom: 0;
}
body.hi-armani .hi-armani-classic .hi-armani-info {
	text-align: center;
}
/* Breadcrumb in cima alla colonna (sul vecchio sito era sopra la pagina), centrato. */
body.hi-armani .hi-armani-classic .hi-armani-info .hi-armani-crumbs-wrap {
	margin: 0 0 var(--hi-a-s4) !important;
	padding-top: 0 !important;
}
body.hi-armani .hi-armani-classic .hi-adi-crumbs ol {
	justify-content: center;
}
body.hi-armani .hi-armani-classic .hi-armani-info .w-post-elm.post_title {
	margin: 0 0 var(--hi-a-s2);
}
body.hi-armani .hi-armani-classic .hi-armani-info .hi-armani-price {
	margin-bottom: var(--hi-a-s4);
}
body.hi-armani .hi-armani-classic .hi-armani-buy {
	padding-top: var(--hi-a-s4);
	border-top: 1px solid var(--hi-a-grey-100);
}
body.hi-armani .hi-armani-classic .hi-armani-buy .single_add_to_cart_button {
	height: 48px;
	min-height: 48px;
}
body.hi-armani .hi-adi-gallery--grid .hi-adi-gallery-main {
	background-color: var(--hi-a-white);
}
body.hi-armani .hi-adi-gallery--grid .hi-adi-gallery-item {
	aspect-ratio: 464 / 653;
	background-color: var(--hi-a-offwhite);
}

/* Fisarmoniche [hi_adi_panels style="accordion"]: righe 48px come le voci della scheda nuova, linea sopra ciascuna. */
body.hi-armani .hi-adi-accordion {
	margin-top: var(--hi-a-s4);
	border-bottom: 1px solid var(--hi-a-grey-100);
	text-align: left;
}
body.hi-armani .hi-adi-acc {
	border-top: 1px solid var(--hi-a-grey-100);
}
body.hi-armani .hi-adi-acc__title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 48px;
	list-style: none;
	color: var(--hi-a-black);
	font-family: var(--hi-a-font);
	font-size: 13px;
	line-height: 19.5px;
	font-weight: 400;
	letter-spacing: var(--hi-a-ls);
	cursor: pointer;
}
body.hi-armani .hi-adi-acc__title::-webkit-details-marker {
	display: none;
}
body.hi-armani .hi-adi-acc__title .hi-adi-chevron {
	transform: rotate(90deg);
	transition: transform 0.2s ease;
}
body.hi-armani .hi-adi-acc[open] > .hi-adi-acc__title .hi-adi-chevron {
	transform: rotate(-90deg);
}
body.hi-armani .hi-adi-acc__title:focus-visible {
	outline: 2px solid var(--hi-a-focus);
	outline-offset: 2px;
}
body.hi-armani .hi-adi-acc__body {
	padding: 0 0 var(--hi-a-s3);
	font-size: 13px;
	line-height: 19.5px;
	font-weight: 300;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-black);
}
body.hi-armani .hi-adi-acc__body img {
	max-width: 100%;
	height: auto;
}
body.hi-armani .hi-adi-acc__body > :last-child {
	margin-bottom: 0;
}
body.hi-armani .hi-adi-sku {
	margin: var(--hi-a-s3) 0 0;
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	letter-spacing: var(--hi-a-ls);
	color: var(--hi-a-text-muted);
}

@media (min-width: 1025px) {
	body.hi-armani .hi-armani-classic .g-cols {
		grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
	}
	body.hi-armani .hi-armani-classic .g-cols > .hi-armani-info > .vc_column-inner {
		position: sticky;
		top: var(--header-height);
		box-sizing: border-box;
		max-width: calc(346px + 6vw);
		margin: 0 auto;
		padding: 56px 3vw 32px !important;
	}
	/* Tutte le foto visibili, 2 per riga (la scheda nuova ne mostra una sola alla volta). */
	body.hi-armani .hi-adi-gallery--grid .hi-adi-gallery-main {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 4px;
	}
	body.hi-armani .hi-adi-gallery--grid .hi-adi-gallery-item:not(.is-active) {
		display: block;
	}
	/* Una sola foto: occupa la riga intera, come una foto grande. */
	body.hi-armani .hi-adi-gallery--grid .hi-adi-gallery-item:only-child {
		grid-column: 1 / -1;
		aspect-ratio: auto;
		height: calc(100vh - var(--header-height));
	}
}
@media (max-width: 1024px) {
	body.hi-armani .hi-armani-classic .g-cols > .hi-armani-info > .vc_column-inner {
		padding: var(--hi-a-s4) 3vw 0 !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	body.hi-armani .hi-adi-acc__title .hi-adi-chevron {
		transition: none;
	}
}

/* ===== Header "Header 2026 Armani Dolci Gobino" (body.hi-armani-hdr-gobino, bin/header-armani-gobino.php) =====
   top = barra nera Gobino 60px (logo esteso bianco + contatti), middle = barra grigia "Consegna gratuita" 36px,
   bottom = riga Armani (Menu, logo, account/borsa). Scorrendo restano solo menu, logo e borsa (top e middle a 0 dal tema).
   Le regole qui rimettono le altezze del tema (il blocco "Container" sopra forza la barra in alto a 36px) e spostano
   sulla riga bottom quello che l'header Armani classico fa sulla middle. */
body.hi-armani.hi-armani-hdr-gobino {
	--header-height: 168px; /* 60 + 36 + 72 */
}
@media (max-width: 1024px) {
	body.hi-armani.hi-armani-hdr-gobino {
		--header-height: 152px; /* 60 + 36 + 56 */
	}
}
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_top {
	--header-area-height: 60px;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_middle {
	--header-area-height: 36px;
	border-bottom: 0;
	font-family: var(--hi-a-font);
	font-size: 13px;
	letter-spacing: var(--hi-a-ls);
}
body.hi-armani.hi-armani-hdr-gobino .l-header.sticky .l-subheader.at_top,
body.hi-armani.hi-armani-hdr-gobino .l-header.sticky .l-subheader.at_middle {
	--header-area-height: 0px;
}
/* La cella centrale torna nel flusso (sulla middle classica e' centrata in assoluto per il logo). */
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_middle .l-subheader-cell.at_center {
	position: static;
	height: auto;
	transform: none;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_bottom {
	border-bottom: 1px solid var(--hi-a-grey-100);
}
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_bottom .l-subheader-h {
	position: relative;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_bottom .l-subheader-cell.at_center {
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	transform: translateX(-50%);
}
/* Barra nera: logo Gobino a sinistra, contatti bianchi a destra. */
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-logo img {
	display: block;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact a {
	display: inline-flex;
	align-items: center;
}
/* Lo spazio fra email e telefono (il tema usa i margini, azzerati sopra per allinearli). */
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact + .hi-adi-gobino-contact {
	margin-left: 24px !important;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact,
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact a {
	color: var(--hi-a-white) !important;
	font-family: var(--hi-a-font);
	font-size: 13px;
	letter-spacing: var(--hi-a-ls);
	text-decoration: none;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact a:hover,
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact i {
	margin-right: 8px;
}
/* Mobile: solo le icone (busta e telefono), il testo resta per i lettori di schermo; scritta grigia su una riga. */
@media (max-width: 767px) {
	body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact .w-text-value {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-gobino-contact i {
		margin-right: 0;
		font-size: 18px;
	}
	body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_middle {
		font-size: 11px;
	}
}

/* ===== Header v2 (2026-11-10, bin/header-armani-gobino-v2.php): nella barra nera contatti al centro, a destra lingua
   (.hi-adi-hdr-lang) e account (.hi-adi-hdr-account); nella riga Armani resta solo la borsa. Le classi esistono solo
   nell'header v2: con il v1 queste regole non fanno nulla. */
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_top,
body.hi-armani.hi-armani-hdr-gobino .l-header .l-subheader.at_top a {
	font-family: var(--hi-a-font);
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-lang .hi-lang-switcher__item {
	color: rgba(255, 255, 255, 0.6) !important;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-lang .hi-lang-switcher__item.is-active,
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-lang .hi-lang-switcher__item:hover {
	color: var(--hi-a-white) !important;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-lang .hi-lang-switcher__item::after {
	background: var(--hi-a-white) !important;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account,
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account a {
	display: inline-flex;
	align-items: center;
	color: var(--hi-a-white) !important;
	font-family: var(--hi-a-font);
	font-size: 13px;
	letter-spacing: var(--hi-a-ls);
	text-decoration: none;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account a:hover,
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account i {
	margin-right: 8px;
}
/* Borsa nella barra nera (2026-11-10, header-armani-gobino-v2.php carrello-in-alto): bianca. La copia nella riga
   Armani (cart:2) compare solo a header fisso, quando la barra nera e' chiusa. */
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-cart {
	margin: 0 !important;
	line-height: 1;
}
/* Da 768px lo spazio fra account e borsa (sotto lo da' il gap di .hi-adi-hdr-right). */
@media (min-width: 768px) {
	body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-cart {
		margin-left: 1.5rem !important;
	}
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-cart .w-cart-link {
	color: var(--hi-a-white) !important;
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-cart .w-cart-icon::before {
	background-color: var(--hi-a-white);
}
body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-cart .w-cart-quantity {
	background: var(--hi-a-white) !important;
	color: var(--hi-a-black) !important;
}
/* Telefono: account solo icona (il testo resta per i lettori di schermo), come email e telefono. */
@media (max-width: 767px) {
	body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account .w-text-value {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-account i {
		margin-right: 0;
		font-size: 18px;
	}
	body.hi-armani.hi-armani-hdr-gobino .l-header .hi-adi-hdr-right {
		gap: 1rem;
	}
}

/* Link "indietro" stampato da [hi_adi_breadcrumb]: nascosto, lo mostra solo il template quadrata su telefono/tablet. */
body.hi-armani .hi-adi-back {
	display: none;
}

/* ===== Intro e schede delle categorie Armani ([hi_adi_category_intro], [hi_adi_category_tiles]) =====
 * Come armanidolci.com (pagina Pasqua 2025): immagine a tutta larghezza, poi "Armani/Dolci by Guido Gobino", titolo e
 * descrizione centrati in una colonna stretta. Sulla radice l'immagine e' un banner (riempie la fascia); sulle
 * sottocategorie e' la foto prodotto intera su bianco. Le schede: 4 colonne (2 sotto 1025px), foto quadrata + nome.
 */
body.hi-armani-category .l-section.hi-adi-cat-intro-row,
body.hi-armani-category .l-section.hi-adi-cat-tiles-row {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body.hi-armani-category .l-section.hi-adi-cat-intro-row > .l-section-h,
body.hi-armani-category .l-section.hi-adi-cat-tiles-row > .l-section-h {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
body.hi-armani-category .hi-adi-cat-intro-row .g-cols,
body.hi-armani-category .hi-adi-cat-tiles-row .g-cols {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
body.hi-armani-category .hi-adi-cat-intro-row .vc_column-inner,
body.hi-armani-category .hi-adi-cat-tiles-row .vc_column-inner {
	padding: 0 !important;
}
body.hi-armani .hi-adi-catintro {
	font-family: var(--hi-a-font);
	color: var(--hi-a-black);
}
body.hi-armani .hi-adi-catintro__media {
	width: 100%;
	overflow: hidden;
	background: var(--hi-a-white);
}
body.hi-armani .hi-adi-catintro__img {
	display: block;
	width: 100%;
	height: 100%;
}
/* Radice: banner intero nelle sue proporzioni (nessun ritaglio), altezza dalle dimensioni dell'immagine. Se un
 * giorno la fascia lo ritagliasse, si perde la parte alta e restano i prodotti in basso (scelta dell'utente). */
body.hi-armani .hi-adi-catintro--root .hi-adi-catintro__img {
	height: auto;
	object-position: center bottom;
}
body.hi-armani .hi-adi-catintro--category .hi-adi-catintro__media {
	height: clamp(240px, 34vw, 480px);
	padding: var(--hi-a-s4) 0;
	box-sizing: border-box;
}
body.hi-armani .hi-adi-catintro--category .hi-adi-catintro__img {
	object-fit: contain;
}
body.hi-armani .hi-adi-catintro__text {
	max-width: 760px;
	margin: 0 auto;
	padding: 48px 3vw 40px;
	text-align: center;
}
body.hi-armani .hi-adi-catintro__eyebrow {
	margin: 0 0 var(--hi-a-s2) !important;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: var(--hi-a-ls);
	text-transform: uppercase;
}
body.hi-armani .hi-adi-catintro__title {
	margin: 0 0 var(--hi-a-s3) !important;
	padding: 0 !important;
	font-family: var(--hi-a-font) !important;
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 400 !important;
	letter-spacing: var(--hi-a-ls) !important;
	text-transform: uppercase;
	color: var(--hi-a-black) !important;
}
body.hi-armani .hi-adi-catintro__desc,
body.hi-armani .hi-adi-catintro__desc p {
	margin: 0 !important;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: var(--hi-a-ls);
}
body.hi-armani .hi-adi-catintro__desc p + p {
	margin-top: var(--hi-a-s3) !important;
}
body.hi-armani .hi-adi-cattiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0 0 64px !important;
	padding: 0 !important;
	list-style: none;
	border-top: 1px solid var(--hi-a-grey-100);
}
body.hi-armani .hi-adi-cattiles__item {
	margin: 0 !important;
	padding: 0;
	border-right: 1px solid var(--hi-a-grey-100);
	border-bottom: 1px solid var(--hi-a-grey-100);
}
body.hi-armani .hi-adi-cattiles__item:nth-child(4n) {
	border-right: 0;
}
body.hi-armani a.hi-adi-cattiles__link,
body.hi-armani a.hi-adi-cattiles__link:visited {
	display: block;
	height: 100%;
	color: var(--hi-a-black) !important;
	text-decoration: none;
	background: var(--hi-a-offwhite);
}
body.hi-armani .hi-adi-cattiles__media {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--hi-a-white);
}
body.hi-armani .hi-adi-cattiles__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.6s ease;
}
body.hi-armani a.hi-adi-cattiles__link:hover .hi-adi-cattiles__img,
body.hi-armani a.hi-adi-cattiles__link:focus-visible .hi-adi-cattiles__img {
	transform: scale(1.03);
}
body.hi-armani .hi-adi-cattiles__name {
	display: block;
	padding: var(--hi-a-s3) var(--hi-a-s3) var(--hi-a-s4);
	font-family: var(--hi-a-font);
	font-size: 13px;
	line-height: 19.5px;
	letter-spacing: var(--hi-a-ls);
	text-align: center;
	text-transform: uppercase;
}
@media (max-width: 1024px) {
	body.hi-armani .hi-adi-cattiles {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	body.hi-armani .hi-adi-cattiles__item:nth-child(4n) {
		border-right: 1px solid var(--hi-a-grey-100);
	}
	body.hi-armani .hi-adi-cattiles__item:nth-child(2n) {
		border-right: 0;
	}
	body.hi-armani .hi-adi-catintro__text {
		padding: 32px 16px 28px;
	}
}
@media (prefers-reduced-motion: reduce) {
	body.hi-armani .hi-adi-cattiles__img {
		transition: none;
	}
}

/* ===== Footer "Footer 2026 Armani Dolci BN" (2026-11-10, bin/footer-armani-bn.php): struttura del footer Gobino in
   bianco e nero. Il fondo nero e' nel contenuto (css delle righe); qui testi, link e font. */
body.hi-armani .l-section.hi-armani-footer-bn {
	background-color: var(--hi-a-black) !important;
	color: var(--hi-a-white);
}
/* Font del footer: quello di Gobino (Afacad), non il GA (richiesta dell'utente 2026-11-10); i colori restano Armani.
   Le regole Armani del footer usano var(--hi-a-font): ridefinita solo dentro il footer. */
body.hi-armani .l-footer {
	--hi-a-font: Afacad, sans-serif;
}
body.hi-armani .hi-armani-footer-bn,
body.hi-armani .hi-armani-footer-bn .wpb_text_column,
body.hi-armani .hi-armani-footer-bn .vc_custom_heading,
body.hi-armani .hi-armani-footer-bn a,
body.hi-armani .hi-armani-footer-bn a:hover,
body.hi-armani .hi-armani-footer-bn .w-menu-item-title {
	color: var(--hi-a-white) !important;
}
/* Pulsante newsletter sul nero: bordo e testo bianchi (fuori dal BN resta nero, regola sopra). */
body.hi-armani .l-footer .hi-armani-footer-bn .hi-armani-nl-btn {
	border-color: var(--hi-a-white) !important;
	color: var(--hi-a-white) !important;
	font-family: var(--hi-a-font) !important;
}
body.hi-armani .l-footer .hi-armani-footer-bn .hi-armani-nl-btn:hover,
body.hi-armani .l-footer .hi-armani-footer-bn .hi-armani-nl-btn:focus-visible {
	background: var(--hi-a-white) !important;
	color: var(--hi-a-black) !important;
}

/* ===== Barra categorie → pulsante Menu appena la barra va a capo (2026-11-10) =====
   Da 1025px il pulsante Menu (menu:2, bottom_left dell'header v2 dopo "burger-dinamico") e' nascosto finche' le voci
   della barra stanno su una riga; quando vanno a capo armani-product.js mette body.hi-adi-catbar-compact: via le voci
   (e la barra della landing, che ha solo quelle), si vede il pulsante. Sotto 1025px vale gia' la regola mobile. */
@media (min-width: 1025px) {
	body.hi-armani.hi-armani-hdr-gobino:not(.hi-adi-catbar-compact) .l-header .ush_menu_2 {
		display: none !important;
	}
	body.hi-armani.hi-adi-catbar-compact .hi-adi-catbar__nav,
	body.hi-armani.hi-adi-catbar-compact .hi-adi-catbar__end {
		display: none;
	}
	body.hi-armani.hi-adi-catbar-compact .hi-adi-catbar--links {
		display: none;
	}
	body.hi-armani.hi-adi-catbar-compact .hi-adi-catbar {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ===== Pagina d'ingresso: barra delle categorie centrata (richiesta dell'utente del 2026-11-11) =====
   La barra mode="links" non ha conteggio ne' etichetta: nella griglia a tre colonne le voci restavano a sinistra.
   Da 1025px (sotto e' nascosta); quando va a capo la regola .hi-adi-catbar-compact, piu' specifica, la nasconde comunque. */
@media (min-width: 1025px) {
	body.hi-armani .hi-adi-catbar--links {
		display: flex;
		justify-content: center;
	}
	body.hi-armani .hi-adi-catbar--links .hi-adi-catbar__nav,
	body.hi-armani .hi-adi-catbar--links .hi-adi-catbar__list {
		justify-content: center;
	}
	body.hi-armani .hi-adi-catbar--links .hi-adi-catbar__end {
		display: none;
	}
}