/* =========================================================
   Boutique PcLanD GP — nouvel en-tête « verre » (inc/en-tete-verre.php)
   Bloc logo bleu marine en biais + barre en verre dépoli. Ordinateur uniquement (992 px et plus) :
   en dessous, l'en-tête mobile actuel est affiché tel quel.
   ========================================================= */

/* ---------- 1. Tablette et mobile : rien ne change ---------- */
@media (max-width: 991px) {
	.pcl-verre {
		display: none !important;
	}
}

/* Le fil d'Ariane est sorti de l'en-tête (pour que l'en-tête reste collant) : pas de marge en double */
body.pcl-entete-verre #page > header.pcl-verre-ariane {
	padding: 0 !important;
}

@media (min-width: 992px) {

	/* ---------- 2. Conteneur collant + fond décoratif ---------- */
	body.pcl-entete-verre #page > header.pcl-verre-hd {
		position: sticky;
		top: var(--wp-admin--admin-bar--height, 0px);
		z-index: 1001;
		margin: 0;
		padding: 0;
		border: 0 !important;
		background: transparent;
		box-shadow: none !important;
	}

	/* « Haut de page » : un bouton rond en bas à droite, au-dessus de « Besoin d'aide » */
	html body.pcl-entete-verre #scrollUp {
		top: auto !important;
		bottom: 100px !important;
		right: 32px !important;
		width: 48px !important;
		height: 48px !important;
		border-radius: 50% !important;
		background: var(--pcl-marine) !important;
		border: 2px solid rgba(255, 255, 255, .85) !important;
		box-shadow: 0 8px 22px rgba(20, 39, 90, .28);
		font-size: 26px !important;
		line-height: 46px !important;
		z-index: 998 !important;
	}

	html body.pcl-entete-verre #scrollUp:hover {
		background: var(--pcl-bleu) !important;
	}

	.pcl-verre {
		position: relative;
		padding: 18px 24px 12px;
		font-family: var(--pcl-police);
		transition: padding .35s cubic-bezier(.2, .7, .2, 1);
	}

	.pcl-verre__deco {
		position: absolute;
		inset: 0;
		z-index: -1;
		overflow: hidden;
		background: #eef2fb;
		transition: opacity .35s ease;
	}

	/* Trois taches de couleur floues qui glissent et changent lentement de teinte
	   (ambre → bleu → turquoise), chacune avec un temps de décalage */
	.pcl-verre__deco span {
		position: absolute;
		border-radius: 50%;
		filter: blur(60px);
		opacity: .85;
		animation: pclVerreDrift 16s ease-in-out infinite, pclVerreTeinte 24s ease-in-out infinite;
	}

	.pcl-verre__deco span:nth-child(1) {
		left: 8%;
		top: -90px;
		width: 420px;
		height: 300px;
		background: #ffd27a;
	}

	.pcl-verre__deco span:nth-child(2) {
		right: 10%;
		top: -80px;
		width: 460px;
		height: 320px;
		background: #9fc0ff;
		animation-delay: -5s, -8s;
	}

	.pcl-verre__deco span:nth-child(3) {
		left: 45%;
		top: 60px;
		width: 360px;
		height: 200px;
		background: #a8f0e8;
		animation-delay: -9s, -16s;
	}

	@keyframes pclVerreDrift {
		0%, 100% { transform: translate(0, 0) scale(1); }
		33% { transform: translate(90px, -20px) scale(1.08); }
		66% { transform: translate(-60px, 14px) scale(.94); }
	}

	@keyframes pclVerreTeinte {
		0%, 100% { background-color: #ffd27a; }
		33% { background-color: #9fc0ff; }
		66% { background-color: #a8f0e8; }
	}

	/* ---------- 3. La barre en verre ---------- */
	.pcl-verre__barre {
		position: relative;
		display: flex;
		max-width: 1392px;
		height: 112px;
		margin: 0 auto;
		border: 1px solid rgba(255, 255, 255, .85);
		border-radius: 22px;
		background: rgba(255, 255, 255, .58);
		-webkit-backdrop-filter: blur(18px) saturate(1.2);
		backdrop-filter: blur(18px) saturate(1.2);
		box-shadow: 0 10px 40px rgba(20, 39, 90, .10);
		transition: height .35s cubic-bezier(.2, .7, .2, 1), border-radius .35s ease, box-shadow .35s ease;
	}

	/* Navigateurs sans verre dépoli : fond blanc presque opaque, aussi lisible */
	@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
		.pcl-verre__barre {
			background: rgba(255, 255, 255, .96);
		}
	}

	/* ---------- 4. Bloc logo en biais ---------- */
	.pcl-verre__logo {
		position: relative;
		overflow: hidden;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 290px;
		padding: 0 58px 0 30px;
		box-sizing: border-box;
		border-radius: 22px 0 0 22px;
		clip-path: polygon(0 0, 100% 0, 84% 100%, 0 100%);
		background: var(--pcl-marine);
		text-decoration: none !important;
		transition: width .35s cubic-bezier(.2, .7, .2, 1), padding .35s ease, border-radius .35s ease;
	}

	.pcl-verre__reflet {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 60px;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .18), transparent);
		animation: pclVerreReflet 5s ease-in-out infinite;
		pointer-events: none;
	}

	@keyframes pclVerreReflet {
		0% { transform: translateX(-120%) skewX(-20deg); }
		60%, 100% { transform: translateX(520%) skewX(-20deg); }
	}

	.pcl-verre__logo-img {
		display: block;
		width: 100%;
		max-width: 220px;
		height: auto;
		transition: max-width .35s ease;
	}

	.pcl-verre__logo-texte {
		display: flex;
		flex-direction: column;
		color: #ffffff;
		font-size: 32px;
		font-weight: 800;
		line-height: 1;
		letter-spacing: -.01em;
		transition: font-size .35s ease;
	}

	.pcl-verre__logo-texte small {
		color: #9fb0d9;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .2em;
		text-transform: uppercase;
	}

	.pcl-verre__devise {
		margin-top: 7px;
		color: var(--pcl-ambre);
		font-size: 12px;
		font-weight: 700;
		white-space: nowrap;
		transition: opacity .25s ease;
	}

	/* ---------- 5. Partie droite en grille ----------
	   En haut : téléphone + liens | recherche | compte + panier. En dessous : les rayons sur toute la largeur. */
	.pcl-verre__droite {
		flex: 1 1 auto;
		display: grid;
		grid-template-columns: minmax(0, 1fr) 320px auto auto;
		grid-template-rows: 54px 58px;
		grid-template-areas:
			"infos recherche panier panier"
			"rayons rayons rayons nouveautes";
		align-items: center;
		column-gap: 14px;
		min-width: 0;
		padding-right: 12px;
	}

	/* Trait fin entre les deux lignes (dessiné en fond : le méga-menu reste calé sur toute la barre) */
	.pcl-verre__droite {
		background: linear-gradient(rgba(20, 39, 90, .08), rgba(20, 39, 90, .08)) no-repeat 4px 54px / calc(100% - 16px) 1px;
	}

	.pcl-verre__infos {
		grid-area: infos;
		display: flex;
		align-items: center;
		gap: 22px;
		min-width: 0;
		padding-left: 4px;
		overflow: hidden;
		color: #4a5470;
		font-size: 13px;
		line-height: 1.3;
		white-space: nowrap;
	}

	.pcl-verre__tel {
		flex: 0 0 auto;
	}

	.pcl-verre__infos strong {
		color: var(--pcl-marine);
	}

	.pcl-verre__infos a {
		color: inherit;
		text-decoration: none;
	}

	.pcl-verre__infos a:hover strong {
		color: #d48a00;
	}

	/* Liens du menu « top-right » (Blog, Activation et installation, Nouveautés…) : ils cèdent la place si besoin */
	.pcl-verre__liens {
		flex: 1 1 auto;
		min-width: 0;
	}

	/* Un lien qui ne tient pas passe sur une 2e ligne masquée : jamais de lien coupé en deux */
	.pcl-verre__liens ul {
		display: flex;
		flex-wrap: wrap;
		gap: 0 16px;
		max-height: 18px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}

	.pcl-verre__liens li {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.pcl-verre__liens a {
		padding: 0 !important;
		color: #4a5470 !important;
		font-size: 13px !important;
		font-weight: 500;
		line-height: 1.3 !important;
		text-decoration: none !important;
	}

	.pcl-verre__liens a:hover {
		color: var(--pcl-marine) !important;
	}

	.pcl-verre__liens .dropdown-menu,
	.pcl-verre__liens .caret {
		display: none !important;
	}

	/* ---------- 6. Recherche en direct ---------- */
	.pcl-verre__recherche {
		grid-area: recherche;
		min-width: 0;
	}

	.pcl-verre .mc-search-bar,
	.pcl-verre .mc-search-bar form {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}

	.pcl-verre .mc-search-bar .input-group {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
		border: 1px solid rgba(20, 39, 90, .12) !important;
		border-radius: 999px !important;
		background: rgba(255, 255, 255, .9);
		transition: box-shadow .15s ease, border-color .15s ease;
	}

	.pcl-verre .mc-search-bar .input-group:focus-within {
		border-color: var(--pcl-marine) !important;
		box-shadow: 0 0 0 3px rgba(20, 39, 90, .12);
	}

	.pcl-verre .mc-search-bar .twitter-typeahead {
		flex: 1 1 auto;
		display: block !important;
		min-width: 0;
	}

	.pcl-verre .mc-search-bar .search-field {
		width: 100% !important;
		height: 38px !important;
		margin: 0 !important;
		padding: 0 6px 0 16px !important;
		border: 0 !important;
		background: none !important;
		box-shadow: none !important;
		outline: 0 !important;
		color: #1b2440;
		font-size: 14px;
	}

	.pcl-verre .mc-search-bar .search-field::placeholder {
		color: #6b7590;
	}

	.pcl-verre .mc-search-bar .pcl-ds-hint {
		left: 16px;
		right: 46px;
		font-size: 14px;
	}

	.pcl-verre .mc-search-bar .input-group-addon {
		display: flex !important;
		align-items: center;
		width: auto !important;
		padding: 3px !important;
		border: 0 !important;
		background: none !important;
	}

	/* Le choix de catégorie ne tient pas dans cette barre : la recherche porte sur tout le site */
	.pcl-verre .mc-search-bar select,
	.pcl-verre .mc-search-bar .mc-search-bar-select {
		display: none !important;
	}

	.pcl-verre .mc-search-bar .input-group-addon button {
		display: grid;
		place-items: center;
		width: 32px;
		height: 32px;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-radius: 50% !important;
		background: var(--pcl-marine) !important;
		color: #ffffff !important;
		font-size: 13px;
		cursor: pointer;
	}

	.pcl-verre .mc-search-bar .input-group-addon button:hover {
		background: var(--pcl-ambre) !important;
		color: var(--pcl-marine) !important;
	}

	/* Résultats de la recherche : alignés à droite du champ pour ne pas sortir de l'écran */
	body.pcl-entete-verre header .mc-search-bar .tt-menu {
		left: auto !important;
		right: -4px !important;
		min-width: 460px;
	}

	/* ---------- 7. Ligne du bas : rayons en pastilles, loupe, compte, panier ---------- */
	.pcl-verre__rayons {
		grid-area: rayons;
		min-width: 0;
	}

	/* S'il reste des rayons hors de la barre (petit écran), un fondu à droite l'indique */
	.pcl-verre__rayons.est-coupe .pcl-menu__barre {
		-webkit-mask-image: linear-gradient(90deg, #000 88%, transparent);
		mask-image: linear-gradient(90deg, #000 88%, transparent);
	}

	/* Le méga-menu s'ouvre sous toute la barre en verre */
	body.pcl-entete-verre #top-megamenu-nav.pcl-menu {
		position: static;
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}

	body.pcl-entete-verre .pcl-verre__rayons .sticky-wrapper {
		height: auto !important;
	}

	body.pcl-entete-verre .pcl-menu__conteneur.container {
		width: auto;
		max-width: none;
		margin: 0;
		padding: 0;
	}

	body.pcl-entete-verre .pcl-menu__barre {
		flex-wrap: nowrap;
		gap: 2px;
		padding: 4px;
		overflow-x: auto;
		border-radius: 999px;
		background: rgba(255, 255, 255, .45);
		scrollbar-width: none;
	}

	body.pcl-entete-verre .pcl-menu__barre::-webkit-scrollbar {
		display: none;
	}

	body.pcl-entete-verre .pcl-menu .pcl-menu__lien,
	body.pcl-entete-verre .pcl-menu__barre > li:first-child > .pcl-menu__lien {
		height: auto;
		padding: 8px 11px;
		border-radius: 999px;
		color: #1b2440;
		font-size: 14px;
		font-weight: 600;
		line-height: 18px;
		transition: background .2s ease, color .2s ease;
	}

	body.pcl-entete-verre .pcl-menu .pcl-menu__lien::after {
		display: none;
	}

	body.pcl-entete-verre .pcl-menu .pcl-menu__lien .pcl-icone {
		display: none;
	}

	body.pcl-entete-verre .pcl-menu .pcl-menu__item:hover > .pcl-menu__lien,
	body.pcl-entete-verre .pcl-menu .pcl-menu__item.est-ouvert > .pcl-menu__lien {
		background: rgba(255, 255, 255, .95);
		color: var(--pcl-marine);
	}

	body.pcl-entete-verre .pcl-menu .pcl-menu__item.est-courant > .pcl-menu__lien {
		background: var(--pcl-marine);
		color: #ffffff;
	}

	body.pcl-entete-verre .pcl-menu__panneau {
		top: calc(100% + 10px);
		left: 0;
		right: 0;
		overflow: hidden;
		border: 1px solid rgba(255, 255, 255, .9);
		border-top: 3px solid var(--pcl-ambre);
		border-radius: 20px;
		background: rgba(255, 255, 255, .985);
		-webkit-backdrop-filter: blur(18px);
		backdrop-filter: blur(18px);
	}

	body.pcl-entete-verre .pcl-menu__panneau > .container {
		width: auto;
		max-width: none;
		padding: 0 6px;
	}

	/* Petit pont invisible : la souris peut descendre de la pastille au panneau sans le refermer */
	body.pcl-entete-verre .pcl-menu__panneau::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: -14px;
		height: 14px;
	}

	.pcl-verre__loupe {
		grid-area: loupe;
		display: none;
		place-items: center;
		flex: 0 0 auto;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: rgba(255, 255, 255, .9);
		color: var(--pcl-marine);
		cursor: pointer;
	}

	.pcl-verre__loupe:hover {
		background: #ffffff;
	}

	/* Compte + mini-panier (mêmes éléments qu'aujourd'hui : le panier latéral s'ouvre pareil) */
	.pcl-verre__panier {
		grid-area: panier;
	}

	/* Bouton « Nouveautés » : sous le panier, au bout de la ligne des rayons */
	.pcl-verre__nouveautes {
		grid-area: nouveautes;
		justify-self: end;
		display: inline-flex;
		align-items: center;
		gap: 7px;
		height: 38px;
		padding: 0 16px;
		border-radius: 999px;
		background: var(--pcl-ambre);
		color: var(--pcl-marine) !important;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		text-decoration: none !important;
		white-space: nowrap;
		box-shadow: 0 6px 16px rgba(255, 176, 32, .35);
		transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
	}

	.pcl-verre__nouveautes:hover,
	.pcl-verre__nouveautes:focus-visible {
		background: #ffc24d;
		transform: translateY(-2px);
		box-shadow: 0 10px 22px rgba(255, 176, 32, .45);
	}

	.pcl-verre__nouveautes svg {
		animation: pclVerreEtincelle 3s ease-in-out infinite;
	}

	@keyframes pclVerreEtincelle {
		0%, 70%, 100% { transform: scale(1) rotate(0); }
		80% { transform: scale(1.25) rotate(15deg); }
		90% { transform: scale(.95) rotate(-8deg); }
	}

	.pcl-verre .top-cart-row-container {
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0;
		padding: 0;
		float: none;
	}

	.pcl-verre .top-cart-row-container .my-account {
		margin: 0;
		padding: 0;
		float: none;
	}

	.pcl-verre .top-cart-row-container .my-account a {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		padding: 0 !important;
		border-radius: 50%;
		background: rgba(255, 255, 255, .9);
		color: var(--pcl-marine) !important;
		font-size: 17px;
		text-decoration: none !important;
	}

	.pcl-verre .top-cart-row-container .my-account a:hover {
		background: #ffffff;
	}

	.pcl-verre .top-cart-row-container .my-account span {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	.pcl-verre .top-cart-row-container .my-account i {
		margin: 0 !important;
	}

	.pcl-verre .top-cart-holder {
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		border: 0 !important;
		background: none !important;
	}

	.pcl-verre .pcl-cart-toggle {
		display: flex !important;
		align-items: center;
		gap: 10px;
		height: 44px;
		padding: 0 8px 0 16px !important;
		border-radius: 999px;
		background: var(--pcl-marine) !important;
		color: #ffffff !important;
		text-decoration: none !important;
		white-space: nowrap;
		transition: background .2s ease;
	}

	.pcl-verre .pcl-cart-toggle:hover {
		background: var(--pcl-bleu) !important;
	}

	.pcl-verre .pcl-cart-toggle::after,
	.pcl-verre .pcl-cart-toggle::before {
		display: none !important;
		content: none !important;
	}

	.pcl-verre .pcl-cart-toggle .basket-item-count {
		order: 2;
		position: static !important;
		display: block;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
	}

	.pcl-verre .pcl-cart-toggle .pcl-cart-img {
		display: none !important;
	}

	.pcl-verre .pcl-cart-toggle .cart-items-count {
		position: static !important;
		display: grid !important;
		place-items: center;
		min-width: 24px;
		height: 24px;
		margin: 0 !important;
		padding: 0 6px !important;
		box-sizing: border-box;
		border-radius: 999px !important;
		background: var(--pcl-ambre) !important;
		color: var(--pcl-marine) !important;
		font-size: 12px !important;
		font-weight: 800 !important;
		line-height: 24px !important;
	}

	.pcl-verre .pcl-cart-toggle .total-price-basket {
		order: 1;
		display: flex;
		align-items: center;
		gap: 8px;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		color: #ffffff !important;
		font-size: 14px !important;
		font-weight: 700;
		line-height: 1 !important;
	}

	/* Icône panier dessinée à la place du libellé « Panier : » */
	.pcl-verre .pcl-cart-toggle .total-price-basket .lbl {
		width: 19px;
		height: 19px;
		overflow: hidden;
		color: transparent !important;
		font-size: 0 !important;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.5L21 8H6'/%3E%3Ccircle cx='10' cy='20' r='1.4'/%3E%3Ccircle cx='17' cy='20' r='1.4'/%3E%3C/svg%3E") center / 19px 19px no-repeat;
	}

	.pcl-verre .pcl-cart-toggle .total-price,
	.pcl-verre .pcl-cart-toggle .total-price * {
		color: #ffffff !important;
		font-size: 14px !important;
		font-weight: 700 !important;
	}

	/* Fil d'Ariane : un peu d'air sous l'en-tête */
	body.pcl-entete-verre #page > header.pcl-verre-ariane {
		position: relative;
		z-index: 1;
		padding-top: 10px !important;
	}

	/* ---------- 9. Après défilement : une seule ligne, plus fine ---------- */
	body.pcl-verre-compact .pcl-verre {
		padding-top: 10px;
		padding-bottom: 8px;
	}

	body.pcl-verre-compact .pcl-verre__deco {
		opacity: 0;
	}

	body.pcl-verre-compact .pcl-verre__barre {
		height: 64px;
		border-radius: 18px;
		box-shadow: 0 14px 40px rgba(20, 39, 90, .18);
	}

	body.pcl-verre-compact .pcl-verre__logo {
		width: 200px;
		padding-left: 22px;
		padding-right: 50px;
		border-radius: 18px 0 0 18px;
	}

	/* Pastilles un peu plus serrées : tous les rayons tiennent sur la barre fine */
	body.pcl-verre-compact .pcl-menu .pcl-menu__lien,
	body.pcl-verre-compact .pcl-menu__barre > li:first-child > .pcl-menu__lien {
		padding: 8px 10px;
		font-size: 13.5px;
	}

	body.pcl-verre-compact .pcl-verre__logo-img {
		max-width: 150px;
	}

	body.pcl-verre-compact .pcl-verre__logo-texte {
		font-size: 24px;
	}

	body.pcl-verre-compact .pcl-verre__logo-texte small,
	body.pcl-verre-compact .pcl-verre__devise {
		display: none;
	}

	body.pcl-verre-compact .pcl-verre__droite {
		grid-template-columns: minmax(0, 1fr) auto auto;
		grid-template-rows: 64px;
		grid-template-areas: "rayons loupe panier";
	}

	body.pcl-verre-compact .pcl-verre__droite {
		background: none;
	}

	body.pcl-verre-compact .pcl-verre__infos,
	body.pcl-verre-compact .pcl-verre__recherche,
	body.pcl-verre-compact .pcl-verre__nouveautes {
		display: none;
	}

	body.pcl-verre-compact .pcl-verre__loupe {
		display: grid;
	}

	/* Barre compacte plus opaque : le contenu qui passe dessous ne gêne pas la lecture des rayons */
	body.pcl-verre-compact .pcl-verre__barre {
		background: rgba(255, 255, 255, .93);
	}

	/* ---------- 9 bis. Fiches produit : grande barre « Ajouter au panier » ----------
	   Quand le vrai bouton est dépassé, la barre produit prend la place de l'en-tête (qui s'efface) :
	   même style flottant que la barre en verre, en plus grand. */
	body.pcl-entete-verre #page > header.pcl-verre-hd {
		transition: transform .35s cubic-bezier(.22, 1, .36, 1), opacity .25s ease;
	}

	html.pcl-pbar-on body.pcl-entete-verre #page > header.pcl-verre-hd {
		transform: translateY(-120%);
		opacity: 0;
		pointer-events: none;
	}

	body.pcl-entete-verre .pcl-pbar {
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 12px);
		left: 24px;
		right: 24px;
		max-width: 1392px;
		margin: 0 auto;
		border: 1px solid rgba(255, 255, 255, .9);
		border-radius: 22px;
		background: rgba(255, 255, 255, .96);
		-webkit-backdrop-filter: blur(18px) saturate(1.2);
		backdrop-filter: blur(18px) saturate(1.2);
		box-shadow: 0 16px 44px rgba(20, 39, 90, .22);
		transform: translateY(-150%);
	}

	body.pcl-entete-verre .pcl-pbar.is-visible {
		transform: none;
	}

	body.pcl-entete-verre .pcl-pbar__inner.container {
		width: auto;
		max-width: none;
		height: 92px;
		gap: 22px;
		padding: 0 16px 0 14px;
	}

	body.pcl-entete-verre .pcl-pbar__inner.container::before,
	body.pcl-entete-verre .pcl-pbar__inner.container::after {
		display: none;
	}

	body.pcl-entete-verre .pcl-pbar__img {
		flex-basis: 68px;
		width: 68px;
		height: 68px;
		border-radius: 14px;
	}

	body.pcl-entete-verre .pcl-pbar__name {
		font-size: 19px;
	}

	body.pcl-entete-verre .pcl-pbar__meta {
		margin-top: 4px;
		font-size: 14px;
	}

	body.pcl-entete-verre .pcl-pbar__price {
		font-size: 30px;
		color: var(--pcl-marine);
	}

	body.pcl-entete-verre .pcl-pbar__price del {
		font-size: 16px;
	}

	body.pcl-entete-verre .pcl-pbar__btn {
		height: 60px;
		padding: 0 38px;
		font-size: 18px;
		box-shadow: 0 5px 0 #e09400, 0 10px 24px rgba(255, 176, 32, .35);
	}

	body.pcl-entete-verre .pcl-pbar__btn:active {
		transform: translateY(4px);
		box-shadow: 0 1px 0 #e09400;
	}

	body.pcl-entete-verre .pcl-pbar__btn .pcl-ico {
		width: 26px;
		height: 26px;
	}

	body.pcl-entete-verre .pcl-pbar__top {
		width: 48px;
		height: 48px;
	}

	/* ---------- 10. Écrans moyens : tout se resserre pour que les 10 rayons tiennent ---------- */
	@media (max-width: 1419px) {
		.pcl-verre__logo {
			width: 260px;
			padding-right: 52px;
		}

		body.pcl-entete-verre .pcl-menu .pcl-menu__lien,
		body.pcl-entete-verre .pcl-menu__barre > li:first-child > .pcl-menu__lien {
			padding: 8px 9px;
			font-size: 13.5px;
		}
	}

	@media (max-width: 1349px) {
		body.pcl-entete-verre .pcl-menu .pcl-menu__lien,
		body.pcl-entete-verre .pcl-menu__barre > li:first-child > .pcl-menu__lien {
			padding: 8px 8px;
		}

		body.pcl-verre-compact .pcl-verre__logo {
			width: 180px;
			padding-right: 44px;
		}
	}

	@media (max-width: 1279px) {
		/* « Nouveautés » en rond avec l'étoile seule (le nom reste lu par les lecteurs d'écran) */
		.pcl-verre__nouveautes {
			width: 38px;
			padding: 0;
			justify-content: center;
		}

		.pcl-verre__nouveautes span {
			position: absolute;
			width: 1px;
			height: 1px;
			overflow: hidden;
			clip: rect(0 0 0 0);
			white-space: nowrap;
		}

		.pcl-verre {
			padding-left: 14px;
			padding-right: 14px;
		}

		.pcl-verre__logo {
			width: 220px;
			padding-left: 22px;
			padding-right: 46px;
		}

		.pcl-verre__liens {
			display: none;
		}

		.pcl-verre__droite {
			grid-template-columns: minmax(0, 1fr) 250px auto auto;
		}

		body.pcl-entete-verre .pcl-menu .pcl-menu__lien,
		body.pcl-entete-verre .pcl-menu__barre > li:first-child > .pcl-menu__lien {
			padding: 8px 7px;
			font-size: 13px;
		}

		body.pcl-verre-compact .pcl-verre__logo {
			width: 180px;
		}
	}
}

/* ---------- 11. Moins d'animations si le visiteur l'a demandé ---------- */
@media (prefers-reduced-motion: reduce) {
	.pcl-verre__deco span,
	.pcl-verre__reflet,
	.pcl-verre__nouveautes svg {
		animation: none !important;
	}

	.pcl-verre,
	.pcl-verre__barre,
	.pcl-verre__logo {
		transition: none !important;
	}
}

/* =========================================================
   12. Mobile et tablette (moins de 992 px) : l'en-tête mobile actuel, habillé « verre »
   Mêmes éléments et mêmes réglages qu'aujourd'hui (menu, recherche plein écran, rayons, barre d'onglets) :
   seul l'habillage change.
   - Accueil : [bloc logo en biais · menu] en barre de verre, recherche, rayons en pastilles (« Nouveautés » en tête).
     Au défilement vers le bas, seule la recherche reste (comme aujourd'hui).
   - Autres pages : barre de verre [retour · titre · loupe].
   ========================================================= */
@media (max-width: 991px) {

	/* Hauteur réservée : barre 64 (dont 8 de marge) + recherche 60 + rayons 56 */
	body.pcl-entete-verre.pcl-mh-home {
		--m-head-h: 124px;
	}

	body.pcl-entete-verre.pcl-mh-home.pcl-mh-rayons {
		--m-head-h: 180px;
	}

	body.pcl-entete-verre:not(.pcl-mh-home) {
		--m-head-h: 76px;
	}

	/* Fond : les mêmes taches de couleur que sur ordinateur */
	body.pcl-entete-verre .pcl-mh {
		overflow: hidden;
		background: #eef2fb;
		transition: background-color .3s ease, box-shadow .3s ease;
	}

	body.pcl-entete-verre .pcl-mh::before,
	body.pcl-entete-verre .pcl-mh::after {
		content: "";
		position: absolute;
		z-index: -1;
		border-radius: 50%;
		filter: blur(40px);
		opacity: .85;
		pointer-events: none;
		animation: pclVerreDriftM 16s ease-in-out infinite, pclVerreTeinteM 24s ease-in-out infinite;
		transition: opacity .3s ease;
	}

	body.pcl-entete-verre .pcl-mh::before {
		left: -50px;
		top: -60px;
		width: 240px;
		height: 180px;
		background: #ffd27a;
	}

	body.pcl-entete-verre .pcl-mh::after {
		right: -60px;
		top: 30px;
		width: 260px;
		height: 170px;
		background: #9fc0ff;
		animation-delay: -6s, -10s;
	}

	@keyframes pclVerreDriftM {
		0%, 100% { transform: translate(0, 0) scale(1); }
		33% { transform: translate(36px, -8px) scale(1.08); }
		66% { transform: translate(-26px, 8px) scale(.94); }
	}

	@keyframes pclVerreRefletM {
		0% { transform: translateX(-120%) skewX(-20deg); }
		60%, 100% { transform: translateX(520%) skewX(-20deg); }
	}

	@keyframes pclVerreTeinteM {
		0%, 100% { background-color: #ffd27a; }
		33% { background-color: #9fc0ff; }
		66% { background-color: #a8f0e8; }
	}

	/* Toutes les rangées : transparentes, le verre est porté par la barre et les champs */
	body.pcl-entete-verre .pcl-mh .pcl-mh__row,
	body.pcl-entete-verre .pcl-mh .pcl-mh__row--top,
	body.pcl-entete-verre .pcl-mh .pcl-mh__row--search,
	body.pcl-entete-verre .pcl-mh .pcl-mh__row--rayons {
		background: transparent !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		box-shadow: none !important;
	}

	body.pcl-entete-verre .pcl-mh .pcl-mh__row--trust {
		display: none !important;
	}

	/* ----- Barre du haut (accueil et autres pages) ----- */
	body.pcl-entete-verre .pcl-mh .pcl-mh__row--top {
		height: 56px !important;
		margin: 8px 10px 0;
		padding: 0 6px 0 0 !important;
		overflow: hidden;
		border: 1px solid rgba(255, 255, 255, .9);
		border-radius: 18px;
		background: rgba(255, 255, 255, .62) !important;
		-webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
		backdrop-filter: blur(16px) saturate(1.2) !important;
		box-shadow: 0 8px 24px rgba(20, 39, 90, .10) !important;
	}

	body.pcl-entete-verre .pcl-mh .pcl-mh__btn {
		width: 42px;
		height: 42px;
		border-radius: 50%;
		background: rgba(255, 255, 255, .88);
		color: var(--pcl-marine) !important;
	}

	body.pcl-entete-verre .pcl-mh .pcl-mh__btn:active {
		background: #ffffff;
	}

	/* Accueil : bloc logo en biais à gauche, menu à droite */
	body.pcl-entete-verre .pcl-mh--home .pcl-mh__row--top {
		grid-template-columns: auto 1fr 42px !important;
	}

	body.pcl-entete-verre .pcl-mh--home .pcl-mh__logo {
		position: relative;
		grid-column: 1;
		grid-row: 1;
		align-self: stretch;
		justify-content: flex-start;
		width: 168px;
		height: auto;
		padding: 0 38px 0 14px;
		box-sizing: border-box;
		clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
		background: var(--pcl-marine);
	}

	body.pcl-entete-verre .pcl-mh--home .pcl-mh__logo::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 36px;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .2), transparent);
		animation: pclVerreRefletM 5s ease-in-out infinite;
		pointer-events: none;
	}

	body.pcl-entete-verre .pcl-mh--home .pcl-mh__logo-img {
		height: 24px !important;
		max-height: 24px !important;
	}

	body.pcl-entete-verre .pcl-mh--home .pcl-mh__burger {
		grid-column: 3;
		grid-row: 1;
	}

	body.pcl-entete-verre .pcl-mh--home .pcl-mh__spacer {
		grid-column: 2;
		grid-row: 1;
	}

	/* ----- Accueil : recherche ----- */
	body.pcl-entete-verre .pcl-mh .pcl-mh__row--search {
		height: 60px !important;
		padding: 8px 10px 4px !important;
	}

	body.pcl-entete-verre .pcl-mh .pcl-mh__search {
		height: 48px;
		padding: 0 5px 0 16px;
		border: 1px solid rgba(20, 39, 90, .12);
		border-radius: 999px;
		background: rgba(255, 255, 255, .92);
		box-shadow: 0 4px 14px rgba(20, 39, 90, .08);
	}

	body.pcl-entete-verre .pcl-mh .pcl-mh__search-ok {
		height: 38px;
		padding: 0 16px;
		border-radius: 999px;
	}

	/* ----- Accueil : rayons en pastilles, « Nouveautés » en premier (en ambre) ----- */
	body.pcl-entete-verre .pcl-mh .pcl-mh__row--rayons {
		height: 56px !important;
		padding-top: 8px !important;
	}

	body.pcl-entete-verre .pcl-mh .pcl-rayons a {
		border: 1px solid rgba(255, 255, 255, .9);
		border-radius: 999px;
		background: rgba(255, 255, 255, .78);
		font-weight: 600;
	}

	body.pcl-entete-verre .pcl-mh .pcl-rayons li:first-child a {
		padding-left: 12px;
		border-color: var(--pcl-ambre);
		background: var(--pcl-ambre);
		color: var(--pcl-marine) !important;
		font-weight: 700;
		box-shadow: 0 4px 12px rgba(255, 176, 32, .35);
	}

	body.pcl-entete-verre .pcl-mh .pcl-rayons li:first-child a::before {
		content: "";
		width: 15px;
		height: 15px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314275a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3C/svg%3E") center / 15px 15px no-repeat;
	}

	/* Dégradé de fin de liste : vers le fond clair (et plus vers le blanc) */
	body.pcl-entete-verre .pcl-mh .pcl-mh__row--rayons::after {
		background: linear-gradient(90deg, rgba(238, 242, 251, 0), rgba(238, 242, 251, .95) 60%);
	}

	body.pcl-entete-verre .pcl-rayons__more {
		top: 18px;
		background: var(--pcl-marine);
	}

	/* ----- Accueil : repli au défilement (seule la recherche reste, sur fond transparent) ----- */
	body.pcl-entete-verre .pcl-mh--home.is-compact {
		background: transparent;
	}

	body.pcl-entete-verre .pcl-mh--home.is-compact::before,
	body.pcl-entete-verre .pcl-mh--home.is-compact::after {
		opacity: 0;
	}

	body.pcl-entete-verre .pcl-mh--home.is-compact .pcl-mh__row {
		transform: translateY(-64px);
	}

	body.pcl-entete-verre .pcl-mh--home.is-compact .pcl-mh__row--top {
		opacity: 0;
		pointer-events: none;
	}

	body.pcl-entete-verre .pcl-mh--home.is-compact .pcl-mh__row--rayons {
		transform: translateY(-124px);
		opacity: 0;
		pointer-events: none;
	}

	body.pcl-entete-verre .pcl-mh--home.is-compact .pcl-mh__search {
		box-shadow: 0 10px 26px rgba(20, 39, 90, .22);
	}

	/* ----- Autres pages : barre de verre [retour · titre · loupe] ----- */
	body.pcl-entete-verre .pcl-mh--page {
		padding-bottom: 8px;
	}

	body.pcl-entete-verre .pcl-mh--page .pcl-mh__row--top {
		grid-template-columns: 50px minmax(0, 1fr) auto !important;
		padding-left: 4px !important;
	}

	body.pcl-entete-verre .pcl-mh--page .pcl-mh__back {
		background: var(--pcl-marine);
		color: #ffffff !important;
	}

	body.pcl-entete-verre .pcl-mh--page .pcl-mh__title {
		color: var(--pcl-marine);
	}

	body.pcl-entete-verre .pcl-mh--page .pcl-mh__sub {
		color: #5b6577;
	}

	body.pcl-entete-verre .pcl-mh--page.is-scrolled .pcl-mh__row--top {
		background: rgba(255, 255, 255, .9) !important;
		box-shadow: 0 10px 26px rgba(20, 39, 90, .18) !important;
	}

	/* Barre d'onglets du bas : même verre */
	body.pcl-entete-verre .pcl-tabbar {
		background: rgba(255, 255, 255, .9);
		-webkit-backdrop-filter: blur(16px) saturate(1.2);
		backdrop-filter: blur(16px) saturate(1.2);
	}
}

@media (max-width: 991px) and (prefers-reduced-motion: reduce) {
	body.pcl-entete-verre .pcl-mh::before,
	body.pcl-entete-verre .pcl-mh::after,
	body.pcl-entete-verre .pcl-mh--home .pcl-mh__logo::after {
		animation: none !important;
	}
}

/* ==========================================================================
   13. Menu « onglets pleine largeur » (démo 27) — 1.1.19
   Réglage : Personnaliser → « Boutique PcLanD : en-tête » → Menu des rayons → Onglets.
   Rayons répartis sur toute la ligne dans une barre blanche, texte extra-gras, rayon actif en pastille marine.
   Blog et Activation regroupés dans un bloc « Aide » marine. La barre reste en verre (y compris en compact).
   Ordinateur seulement (992 px et plus) ; le mobile ne change pas.
   ========================================================================== */
@media (min-width: 992px) {

	body.pcl-menu-onglets .pcl-verre__barre {
		height: 118px;
	}

	body.pcl-menu-onglets .pcl-verre__droite {
		grid-template-rows: 58px 60px;
		background: linear-gradient(rgba(20, 39, 90, .08), rgba(20, 39, 90, .08)) no-repeat 4px 58px / calc(100% - 16px) 1px;
	}

	body.pcl-menu-onglets .pcl-verre__infos {
		gap: 14px;
		overflow: visible;
	}

	/* ---------- Blog / Activation et installation : boutons blancs avec icône ambre ---------- */
	body.pcl-menu-onglets .pcl-verre__liens ul {
		display: inline-flex;
		flex-wrap: nowrap;
		max-width: 100%;
		align-items: center;
		gap: 8px;
		max-height: 40px;
	}

	body.pcl-menu-onglets .pcl-verre__liens a {
		display: inline-flex !important;
		align-items: center;
		gap: 7px;
		height: 36px;
		padding: 0 14px !important;
		border: 1px solid rgba(20, 39, 90, .14);
		border-radius: 999px;
		background: #ffffff;
		box-shadow: 0 2px 8px rgba(20, 39, 90, .06);
		color: var(--pcl-marine) !important;
		font-size: 13.5px !important;
		font-weight: 700;
		line-height: 1 !important;
		white-space: nowrap;
		transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
	}

	body.pcl-menu-onglets .pcl-verre__liens a:hover,
	body.pcl-menu-onglets .pcl-verre__liens a:focus-visible {
		border-color: var(--pcl-marine);
		background: var(--pcl-marine);
		color: #ffffff !important;
		transform: translateY(-1px);
	}

	body.pcl-menu-onglets .pcl-verre__liens a::before {
		content: "";
		flex: none;
		width: 16px;
		height: 16px;
		background: #e0930a;
		-webkit-mask: var(--pcl-icone-lien) center / contain no-repeat;
		mask: var(--pcl-icone-lien) center / contain no-repeat;
		--pcl-icone-lien: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");
	}

	body.pcl-menu-onglets .pcl-verre__liens a:hover::before,
	body.pcl-menu-onglets .pcl-verre__liens a:focus-visible::before {
		background: var(--pcl-ambre);
	}

	body.pcl-menu-onglets .pcl-verre__liens a[href*="blog"]::before {
		--pcl-icone-lien: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5z'/%3E%3Cpath d='M8 7h8M8 11h6'/%3E%3C/svg%3E");
	}

	body.pcl-menu-onglets .pcl-verre__liens a[href*="activation"]::before,
	body.pcl-menu-onglets .pcl-verre__liens a[href*="installation"]::before {
		--pcl-icone-lien: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='7.5' cy='15.5' r='4.5'/%3E%3Cpath d='m10.7 12.3 8.8-8.8M16 7l2.5 2.5M14 9l2 2'/%3E%3C/svg%3E");
	}

	/* ---------- Rayons en onglets sur toute la ligne ---------- */
	body.pcl-menu-onglets .pcl-verre__rayons,
	body.pcl-menu-onglets .pcl-verre__rayons #top-megamenu-nav.pcl-menu,
	body.pcl-menu-onglets .pcl-verre__rayons .pcl-menu__conteneur {
		width: 100%;
	}

	body.pcl-menu-onglets .pcl-menu__barre {
		display: flex;
		width: 100%;
		box-sizing: border-box;
		gap: 4px;
		padding: 5px;
		border-radius: 16px;
		background: #ffffff;
		box-shadow: inset 0 0 0 1px rgba(20, 39, 90, .08);
	}

	body.pcl-menu-onglets .pcl-menu__barre > li {
		flex: 1 1 auto;
	}

	body.pcl-menu-onglets .pcl-menu .pcl-menu__lien,
	body.pcl-menu-onglets .pcl-menu__barre > li:first-child > .pcl-menu__lien {
		justify-content: center;
		width: 100%;
		padding: 9px 8px;
		border-radius: 12px;
		color: var(--pcl-marine);
		font-size: 15px;
		font-weight: 800;
		text-align: center;
		white-space: nowrap;
	}

	body.pcl-menu-onglets .pcl-menu .pcl-menu__item:hover > .pcl-menu__lien,
	body.pcl-menu-onglets .pcl-menu .pcl-menu__item.est-ouvert > .pcl-menu__lien {
		background: #eef3ff;
		color: var(--pcl-marine);
	}

	body.pcl-menu-onglets .pcl-menu .pcl-menu__item.est-courant > .pcl-menu__lien {
		background: var(--pcl-marine);
		color: #ffffff;
		box-shadow: 0 6px 14px rgba(20, 39, 90, .25);
	}

	body.pcl-menu-onglets .pcl-verre__rayons.est-coupe .pcl-menu__barre {
		-webkit-mask-image: linear-gradient(90deg, #000 92%, transparent);
		mask-image: linear-gradient(90deg, #000 92%, transparent);
	}

	/* Barre compacte : même menu en onglets, sur une ligne (la barre reste en verre) */
	body.pcl-verre-compact.pcl-menu-onglets .pcl-verre__barre {
		height: 64px;
	}

	body.pcl-verre-compact.pcl-menu-onglets .pcl-verre__droite {
		grid-template-rows: 64px;
		background: none;
	}

	body.pcl-verre-compact.pcl-menu-onglets .pcl-menu__barre {
		padding: 4px;
	}

	body.pcl-verre-compact.pcl-menu-onglets .pcl-menu .pcl-menu__lien,
	body.pcl-verre-compact.pcl-menu-onglets .pcl-menu__barre > li:first-child > .pcl-menu__lien {
		padding: 8px 6px;
		font-size: 14px;
	}

	@media (max-width: 1419px) {
		body.pcl-menu-onglets .pcl-menu .pcl-menu__lien,
		body.pcl-menu-onglets .pcl-menu__barre > li:first-child > .pcl-menu__lien {
			padding: 9px 6px;
			font-size: 14px;
		}
	}

	@media (max-width: 1349px) {
		body.pcl-menu-onglets .pcl-verre__tel {
			font-size: 0;
		}

		body.pcl-menu-onglets .pcl-verre__tel a {
			font-size: 13px;
		}
	}

	@media (max-width: 1199px) {
		body.pcl-menu-onglets .pcl-verre__tel {
			display: none;
		}
	}

	@media (max-width: 1279px) {
		body.pcl-menu-onglets .pcl-verre__liens {
			display: block;
		}

		body.pcl-menu-onglets .pcl-menu .pcl-menu__lien,
		body.pcl-menu-onglets .pcl-menu__barre > li:first-child > .pcl-menu__lien,
		body.pcl-verre-compact.pcl-menu-onglets .pcl-menu .pcl-menu__lien {
			padding: 8px 4px;
			font-size: 13.5px;
		}
	}
}

/* ==========================================================================
   14. Méga-menu au-dessus du bandeau cookies (1.1.19)
   Tant que le visiteur n'a pas fait son choix, la fenêtre tarteaucitron (au milieu de l'écran) passait
   par-dessus le méga-menu ouvert et en cachait le centre. Quand un rayon est ouvert, l'en-tête passe devant.
   ========================================================================== */
@media (min-width: 992px) {
	body.pcl-entete-verre header.pcl-verre-hd:has(.pcl-menu__item.est-ouvert),
	body.pcl-entete-verre header.pcl-verre-hd:has(.pcl-menu__item:hover) {
		z-index: 2147483647 !important;
	}
}