/* ==========================================================================
   AGNON STUDIO — feuille de style principale
   Toutes les mesures sont calibrées sur la maquette 1920 px :
   calc(N * var(--px)) = N pixels de la maquette, mis à l'échelle de l'écran.
   ========================================================================== */

:root {
	--px: calc(100vw / 1920);
	--agnon-black: #000;
	--agnon-white: #fff;
	--agnon-grey: #8a8a8a;
	--agnon-line: #c9c9c9;
	--pad: calc(80 * var(--px));

	--f-nav: "Courier Prime", "Courier New", Courier, monospace;
	--f-title: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;
	--f-product: "Smokum", "Rockwell Extra Bold", "Clarendon", Georgia, serif;
	--f-price: "Archivo", "Arial Black", Arial, sans-serif;
	--f-tagline: "Oswald", Impact, "Arial Narrow", sans-serif;
	--f-body: "Arimo", Arial, Helvetica, sans-serif;
	--f-cond: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
	--f-big: "Anton", Impact, sans-serif;
}
@media (min-width: 1920px) {
	:root { --px: 1px; }
}
@media (max-width: 767px) {
	:root { --pad: 20px; }
}

/* Base ------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: #fff;
	color: #000;
	font-family: var(--f-body);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
.agnon-splash :focus-visible, .agnon-overlay :focus-visible { outline-color: #fff; }

.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0;
	position: absolute !important; word-wrap: normal !important;
}
.agnon-skip:focus {
	clip: auto; clip-path: none; height: auto; width: auto; z-index: 999;
	top: 10px; left: 10px; background: #000; color: #fff; padding: 10px 16px;
}
.agnon-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

/* En-tête ---------------------------------------------------------------- */
.agnon-header {
	position: relative;
	z-index: 50;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	height: calc(170 * var(--px));
	min-height: 64px;
	padding: calc(22 * var(--px)) var(--pad) 0;
	background: #fff;
}
.agnon-sticky-header .agnon-header { position: sticky; top: 0; }
.admin-bar.agnon-sticky-header .agnon-header { top: 32px; }
.agnon-header__nav ul {
	display: flex;
	gap: calc(72 * var(--px));
	margin: 0;
	padding: 0;
	list-style: none;
}
.agnon-header__nav a,
.agnon-header__cart,
.agnon-header__burger {
	font-family: var(--f-nav);
	font-weight: 700;
	font-size: max(13px, calc(30 * var(--px)));
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	color: #000;
	white-space: nowrap;
}
.agnon-header__nav a,
.agnon-header__cart { background: linear-gradient(currentColor, currentColor) 0 100% / 0 1.5px no-repeat; transition: background-size .25s; padding-bottom: 2px; }
.agnon-header__nav a:hover,
.agnon-header__cart:hover { background-size: 100% 1.5px; }
.agnon-header__nav li { display: flex; }
.agnon-header__cart { display: inline-block; }
.agnon-header__logo {
	justify-self: center;
	display: block;
	width: calc(var(--agnon-logo-w, 282) * var(--px));
	min-width: 140px;
	color: #000;
}
.agnon-header__logo .agnon-logo { width: 100%; height: auto; }
.agnon-header__cart { justify-self: end; }
.agnon-header__burger {
	display: none;
	justify-self: start;
	background: none;
	border: 0;
	padding: 0;
}
@media (max-width: 900px) {
	.agnon-header { height: 64px; padding: 0 var(--pad); }
	.agnon-header__nav { display: none; }
	.agnon-header__burger { display: block; }
	.agnon-header__nav a, .agnon-header__cart, .agnon-header__burger { font-size: 15px; }
	.agnon-header__logo { width: 150px; min-width: 0; }
}
@media (max-width: 380px) {
	.agnon-header__logo { width: 120px; }
	.agnon-header__nav a, .agnon-header__cart, .agnon-header__burger { font-size: 13px; }
}

/* Logo ------------------------------------------------------------------- */
.agnon-logo { display: block; width: 100%; height: auto; }
.agnon-logo-widget { display: block; color: #000; }

/* Intro plein écran (PAGE 1) + menu overlay ------------------------------ */
.agnon-splash {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 100vh;
	min-height: 100svh;
	padding: 24.5vh calc(362 * var(--px)) 8vh;
	background: #1a1612 center / cover no-repeat;
	color: #fff;
	overflow: hidden;
	isolation: isolate;
}
.agnon-splash::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-color: transparent;
	pointer-events: none;
}
.agnon-splash__video {
	position: absolute;
	inset: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}
.agnon-splash__logo {
	display: block;
	width: calc(973 * var(--px));
	max-width: 100%;
	margin: 0;
	color: inherit;
	line-height: 0;
}
.agnon-splash__menu {
	margin: calc(150 * var(--px)) 0 0;
	padding: 0;
	list-style: none;
}
.agnon-splash__menu li { margin: 0 0 calc(42 * var(--px)); }
.agnon-splash__menu a,
.agnon-splash__menu span {
	display: inline-block;
	font-family: var(--f-nav);
	font-weight: 700;
	font-size: max(18px, calc(38 * var(--px)));
	line-height: 1;
	text-transform: uppercase;
	color: inherit;
	white-space: pre;
	transition: opacity .2s, transform .2s;
}
.agnon-splash__menu a:hover { opacity: .75; transform: translateX(6px); }
@media (max-width: 767px) {
	.agnon-splash { padding: 0 24px; justify-content: center; }
	.agnon-splash__logo { width: 100%; }
	.agnon-splash__menu { margin-top: 56px; }
	.agnon-splash__menu li { margin-bottom: 26px; }
	.agnon-splash__menu a, .agnon-splash__menu span { font-size: 20px; }
}

.agnon-overlay {
	position: fixed;
	inset: 0;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s;
}
.agnon-overlay.is-open { opacity: 1; visibility: visible; }
.agnon-overlay .agnon-splash { height: 100%; min-height: 100%; }
.agnon-overlay__close {
	position: absolute;
	top: 14px;
	right: 18px;
	background: none;
	border: 0;
	color: #fff;
	font-family: var(--f-nav);
	font-size: 42px;
	line-height: 1;
	padding: 4px 10px;
}
body.agnon-menu-open { overflow: hidden; }

/* Hero ------------------------------------------------------------------- */
.agnon-hero {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1920 / 1098;
	overflow: hidden;
	background: #111;
}
.agnon-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.agnon .agnon-hero img, .agnon .agnon-hero picture, .agnon-hero img { width: 100%; height: 100%; max-width: none; object-fit: cover; }
@media (max-width: 767px) {
	.agnon-hero { aspect-ratio: 4 / 5; }
}

/* Titres ----------------------------------------------------------------- */
.agnon-section-title,
.agnon-title--section {
	margin: 0;
	padding: 0 var(--pad);
	font-family: var(--f-title);
	font-weight: 400;
	font-size: max(38px, calc(60 * var(--px)));
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
}
.agnon-title { margin: 0; }
.agnon-title a { color: inherit; }
.agnon-title--tagline {
	font-family: var(--f-tagline);
	font-weight: 700;
	font-size: max(30px, calc(84 * var(--px)));
	line-height: 1.1;
	text-transform: uppercase;
	text-align: center;
}
.agnon-title--handle {
	padding: 0 calc(82 * var(--px));
	font-family: var(--f-price);
	font-stretch: 125%;
	font-weight: 600;
	font-size: max(28px, calc(54 * var(--px)));
	line-height: 1;
	text-transform: uppercase;
}
.agnon-title--contact {
	font-family: var(--f-cond);
	font-weight: 700;
	font-size: max(36px, calc(64 * var(--px)));
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}
.agnon-title--product {
	font-family: var(--f-product);
	font-weight: 400;
	font-size: max(22px, calc(38 * var(--px)));
	line-height: 1.1;
	text-transform: uppercase;
}

/* Grilles produits ------------------------------------------------------- */
.agnon-products {
	/* Gabarit « grand » (accueil, 3 colonnes) */
	--img-h: 540;
	--name-fs: 38;
	--name-mt: 22;
	--price-fs: 24;
	--price-mt: 12;
	--row-gap: 132;
	--grid-pr: 112;
	--cols-base: var(--cols-d, 3);
	padding-top: calc(111 * var(--px));
}
.agnon-products--cols-4,
.agnon-products--cols-5,
.agnon-products--cols-6,
.agnon-products--small {
	/* Gabarit « compact » (boutique / nouveautés, 4 colonnes) */
	--img-h: 400;
	--name-fs: 28;
	--name-mt: 16;
	--price-fs: 18;
	--price-mt: 8;
	--row-gap: 100;
	--grid-pr: 148;
}
.agnon-products--large {
	--img-h: 540; --name-fs: 38; --name-mt: 22; --price-fs: 24; --price-mt: 12; --row-gap: 132; --grid-pr: 112;
}
.agnon-products--shop { padding-top: calc(6 * var(--px)); }
.agnon-products--related { padding-top: calc(135 * var(--px)); }
.agnon-products__title { margin-bottom: calc(92 * var(--px)); }
.agnon-grid {
	display: grid;
	grid-template-columns: repeat(var(--cols, var(--cols-base)), minmax(0, 1fr));
	row-gap: calc(var(--row-gap) * var(--px));
	column-gap: 0;
	margin: 0 auto;
	padding: 0 calc(var(--grid-pr) * var(--px)) 0 calc(112 * var(--px));
	list-style: none;
}
.agnon-card {
	position: relative;
	min-width: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}
.agnon-card__media {
	position: relative;
	height: calc(var(--img-h) * var(--px));
	min-height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.agnon-card__link { display: block; width: 100%; height: 100%; }
.agnon .agnon-card__image,
.agnon .agnon-card__media img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	transition: transform .4s ease;
}
.agnon-card__title {
	margin: calc(var(--name-mt) * var(--px)) 0 0;
	padding: 0 8px;
	font-family: var(--f-product);
	font-weight: 400;
	font-size: max(16px, calc(var(--name-fs) * var(--px)));
	line-height: 1.1;
	letter-spacing: .01em;
	text-transform: uppercase;
}
.agnon-card__price,
.agnon-single__price {
	font-family: var(--f-price);
	font-stretch: 125%;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}
.agnon-card__price {
	margin-top: calc(var(--price-mt) * var(--px));
	font-size: max(12px, calc(var(--price-fs) * var(--px)));
}
.agnon-card__price del, .agnon-single__price del { opacity: .45; font-weight: 600; margin-right: .4em; }
.agnon-card__price ins, .agnon-single__price ins { text-decoration: none; }

/* Ajout rapide au survol */
.agnon-quick {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	width: max(160px, 37%);
	max-width: calc(100% - 8px);
	overflow: hidden;
	padding: 10px 12px 12px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s, visibility .2s;
}
@media (hover: none) {
	.agnon-quick { display: none; }
}
@media (hover: hover) {
	.agnon-card:hover .agnon-quick,
	.agnon-card:focus-within .agnon-quick { opacity: 1; visibility: visible; }
}
.agnon-quick__sizes {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 2px;
}
.agnon-size {
	min-width: 20px;
	height: 20px;
	padding: 0 3px;
	background: none;
	border: 1px solid transparent;
	font-family: var(--f-body);
	font-weight: 700;
	font-size: 10px;
	line-height: 1;
	text-transform: uppercase;
	color: #000;
}
.agnon-size.is-active { border-color: #000; }
.agnon-size:disabled { opacity: .3; text-decoration: line-through; cursor: not-allowed; }
.agnon-quick__add {
	display: block;
	width: 100%;
	padding: 8px 6px;
	background: #000;
	border: 0;
	color: #fff;
	font-family: var(--f-body);
	font-weight: 700;
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
	white-space: normal;
}
.agnon-quick__add.is-loading { opacity: .6; cursor: progress; }
.agnon-quick__add.is-disabled { background: #777; cursor: default; }

.agnon-pagination {
	display: flex;
	justify-content: center;
	gap: 18px;
	margin-top: calc(90 * var(--px));
	font-family: var(--f-nav);
	font-weight: 700;
	font-size: 20px;
}
.agnon-pagination .current { text-decoration: underline; text-underline-offset: 4px; }
.agnon-empty, .agnon-notice { padding: 0 var(--pad); font-family: var(--f-body); }

@media (max-width: 1024px) {
	.agnon-products--cols-4, .agnon-products--cols-5, .agnon-products--cols-6 { --cols-base: 3; }
}
@media (max-width: 767px) {
	.agnon-products { --cols-base: 2; padding-top: 56px; }
	.agnon-products__title { margin-bottom: 28px; }
	.agnon-grid { padding: 0 12px; column-gap: 12px; row-gap: 40px; }
	.agnon-card__media { height: 44vw; min-height: 0; }
	.agnon-card__title { margin-top: 12px; font-size: 17px; }
	.agnon-card__price { margin-top: 6px; font-size: 12px; }
	.agnon-products--related { padding-top: 64px; }
	.agnon-products--shop { padding-top: 20px; }
}

/* Galerie @AGNONSTUDIO --------------------------------------------------- */
.agnon-insta { padding-top: calc(245 * var(--px)); }
.agnon-insta__title {
	margin: 0 0 calc(70 * var(--px));
	padding: 0 calc(82 * var(--px));
	font-family: var(--f-price);
	font-stretch: 125%;
	font-weight: 600;
	font-size: max(26px, calc(54 * var(--px)));
	line-height: 1;
	text-transform: uppercase;
}
.agnon-insta__track {
	display: flex;
	gap: calc(24 * var(--px));
	padding: 0 calc(83 * var(--px));
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
}
.agnon-insta__track::-webkit-scrollbar { display: none; }
.agnon-insta__track.is-drag { cursor: grabbing; }
.agnon-insta__item {
	flex: 0 0 calc(474 * var(--px));
	width: calc(474 * var(--px));
	min-width: 180px;
	aspect-ratio: 474 / 664;
	overflow: hidden;
	background: #eee;
}
.agnon .agnon-insta__item img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
	transition: transform .5s ease;
}
a.agnon-insta__item:hover img { transform: scale(1.03); }
.agnon-insta__bar {
	position: relative;
	height: 6px;
	margin: calc(92 * var(--px)) 0 0 calc(445 * var(--px));
	cursor: pointer;
}
.agnon-insta__bar::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 1px;
	height: 4px;
	border-radius: 2px;
	background: var(--agnon-line);
}
.agnon-insta__thumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 40%;
	border-radius: 3px;
	background: #000;
	cursor: grab;
	touch-action: none;
}
@media (max-width: 767px) {
	.agnon-insta { padding-top: 72px; }
	.agnon-insta__title { padding: 0 20px; margin-bottom: 24px; }
	.agnon-insta__track { padding: 0 20px; gap: 10px; }
	.agnon-insta__item { flex-basis: 68vw; width: 68vw; }
	.agnon-insta__bar { margin: 28px 20px 0 30%; }
}

/* Newsletter ------------------------------------------------------------- */
.agnon-newsletter {
	padding: calc(240 * var(--px)) var(--pad) 0;
	text-align: center;
}
.agnon-newsletter--with-title { padding-top: calc(170 * var(--px)); }
.agnon-newsletter__title {
	margin: 0 0 calc(92 * var(--px));
	font-family: var(--f-tagline);
	font-weight: 700;
	font-size: max(28px, calc(84 * var(--px)));
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: uppercase;
}
.agnon-newsletter__text {
	margin: 0 0 calc(54 * var(--px));
	font-family: var(--f-body);
	font-size: max(16px, calc(30 * var(--px)));
	line-height: 1.2;
}
.agnon-newsletter__form {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: calc(17 * var(--px));
	margin: 0 auto;
}
.agnon-newsletter__input {
	flex: 0 1 calc(752 * var(--px));
	min-width: 0;
	height: calc(76 * var(--px));
	min-height: 46px;
	padding: 0 calc(33 * var(--px));
	border: 1px solid #9a9a9a;
	border-radius: 0;
	background: #fff;
	font-family: var(--f-body);
	font-size: max(15px, calc(30 * var(--px)));
	-webkit-appearance: none;
	appearance: none;
}
.agnon-newsletter__input::placeholder { color: var(--agnon-grey); opacity: 1; }
.agnon-newsletter__btn {
	flex: 0 0 calc(306 * var(--px));
	min-width: 130px;
	height: calc(76 * var(--px));
	min-height: 46px;
	padding: 0 12px;
	background: #000;
	border: 1px solid #000;
	border-radius: 0;
	color: #fff;
	font-family: var(--f-body);
	font-size: max(15px, calc(32 * var(--px)));
	line-height: 1;
	text-transform: uppercase;
	transition: background .2s, color .2s;
}
.agnon-newsletter__btn:hover { background: #fff; color: #000; }
.agnon-form-msg {
	flex-basis: 100%;
	min-height: 1.4em;
	margin: 12px 0 0;
	font-family: var(--f-body);
	font-size: 15px;
}
.agnon-form-msg.is-error { color: #c00; }
.agnon-newsletter__form .agnon-form-msg { position: absolute; left: 0; right: 0; top: 100%; }
@media (max-width: 767px) {
	.agnon-newsletter, .agnon-newsletter--with-title { padding-top: 80px; }
	.agnon-newsletter__title { margin-bottom: 28px; }
	.agnon-newsletter__text { margin-bottom: 20px; }
	.agnon-newsletter__form { flex-direction: column; gap: 10px; }
	.agnon-newsletter__input, .agnon-newsletter__btn { flex: 0 0 auto; width: 100%; height: 52px; }
}

/* Pied de page ----------------------------------------------------------- */
.agnon-footer {
	padding-top: calc(180 * var(--px));
	overflow: hidden;
}
.agnon-socials {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: calc(42 * var(--px));
	margin: 0;
	padding: 0 calc(75 * var(--px));
	list-style: none;
}
.agnon-socials li { margin: 0; }
.agnon-socials__link { display: block; color: #000; transition: opacity .2s; }
.agnon-socials__link:hover { opacity: .6; }
.agnon-socials svg {
	width: max(24px, calc(40 * var(--px)));
	height: max(24px, calc(40 * var(--px)));
}
.agnon-bigtext {
	margin-top: calc(128 * var(--px));
	color: #000;
	line-height: 0;
	overflow: hidden;
}
.agnon-bigtext--svg svg { width: 100%; height: auto; }
.agnon-bigtext--text {
	position: relative;
	height: 8vw;
	line-height: 1;
}
.agnon-bigtext--text span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	font-family: var(--f-big);
	font-weight: 400;
	font-size: 14vw;
	line-height: .86;
	letter-spacing: -.01em;
	white-space: nowrap;
	text-transform: uppercase;
	-webkit-text-stroke: .045em currentColor;
	paint-order: stroke fill;
}
@media (max-width: 767px) {
	.agnon-footer { padding-top: 56px; }
	.agnon-socials { justify-content: center; gap: 28px; padding: 0 20px; }
	.agnon-bigtext { margin-top: 40px; }
}

/* Fiche produit ---------------------------------------------------------- */
.agnon-single {
	display: grid;
	grid-template-columns: minmax(0, 1fr) calc(512 * var(--px)) minmax(0, 1fr);
	align-items: center;
	padding: calc(80 * var(--px)) 0 0;
}
.agnon-single__info {
	width: 100%;
	max-width: calc(704 * var(--px));
	padding-left: calc(131 * var(--px));
	text-align: center;
}
.agnon-single__title {
	margin: 0;
	font-family: var(--f-product);
	font-weight: 400;
	font-size: max(24px, calc(36 * var(--px)));
	line-height: 1.1;
	letter-spacing: .01em;
	text-transform: uppercase;
}
.agnon-single__price {
	margin: calc(12 * var(--px)) 0 calc(30 * var(--px));
	font-size: max(16px, calc(24 * var(--px)));
}
.agnon-single__desc {
	font-family: var(--f-body);
	font-weight: 700;
	font-size: max(15px, calc(22 * var(--px)));
	line-height: 1.3;
	text-align: justify;
	word-spacing: .08em;
}
.agnon-single__desc p { margin: 0 0 .8em; }
.agnon-single__desc p:last-child { margin-bottom: 0; }
.agnon-single__media { position: relative; }
.agnon-single__image { width: 100%; height: auto; object-fit: contain; }
.agnon-single__thumbs {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-top: 16px;
}
.agnon-single__thumb {
	width: 54px;
	height: 54px;
	padding: 0;
	background: #fff;
	border: 1px solid transparent;
	opacity: .6;
}
.agnon-single__thumb.is-active, .agnon-single__thumb:hover { border-color: #000; opacity: 1; }
.agnon .agnon-single__thumb img { width: 100%; height: 100%; object-fit: contain; }
.agnon-single__buy {
	justify-self: end;
	padding-right: calc(130 * var(--px));
}
.agnon-buy { display: flex; flex-direction: column; align-items: flex-end; margin: 0; }
.agnon-sizes {
	display: flex;
	gap: 4px;
	margin: 0 0 calc(23 * var(--px));
	padding: 0;
	border: 0;
}
.agnon-sizes__item { position: relative; cursor: pointer; }
.agnon-sizes__item input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.agnon-sizes__item span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: max(38px, calc(48 * var(--px)));
	height: max(38px, calc(48 * var(--px)));
	padding: 0 4px;
	border: 2px solid transparent;
	font-family: var(--f-body);
	font-weight: 700;
	font-size: max(18px, calc(32 * var(--px)));
	line-height: 1;
	text-transform: uppercase;
}
.agnon-sizes__item input:checked + span { border-color: #000; }
.agnon-sizes__item input:focus-visible + span { outline: 2px solid #000; outline-offset: 2px; }
.agnon-sizes__item input:disabled + span { opacity: .28; text-decoration: line-through; }
.agnon-buy__btn,
.agnon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .3em;
	min-width: max(240px, calc(287 * var(--px)));
	height: max(42px, calc(46 * var(--px)));
	padding: 0 calc(9 * var(--px));
	background: #000;
	border: 1px solid #000;
	border-radius: 0;
	color: #fff;
	font-family: var(--f-body);
	font-weight: 700;
	font-size: max(13px, calc(16 * var(--px)));
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background .2s, color .2s;
}
.agnon-buy__btn:hover, .agnon-btn:hover { background: #fff; color: #000; }
.agnon-buy__btn:disabled { opacity: .4; cursor: not-allowed; }
.agnon-buy__soldout {
	font-family: var(--f-body);
	font-weight: 700;
	font-size: max(16px, calc(24 * var(--px)));
	text-transform: uppercase;
}
.agnon-buy--native { align-items: stretch; }
.agnon-buy--native .variations { margin-bottom: 16px; }
.agnon-buy--native .single_add_to_cart_button { background: #000 !important; color: #fff !important; border-radius: 0 !important; }
.agnon-notices { padding: 0 var(--pad); }
@media (max-width: 900px) {
	.agnon-single { grid-template-columns: 1fr; gap: 28px; padding-top: 16px; }
	.agnon-single__media { order: 1; padding: 0 12%; }
	.agnon-single__info { order: 2; max-width: none; padding: 0 var(--pad); }
	.agnon-single__buy { order: 3; justify-self: center; padding: 0 var(--pad); }
	.agnon-buy { align-items: center; }
	.agnon-sizes { margin-bottom: 16px; }
}

/* Contact & FAQ ---------------------------------------------------------- */
.agnon-contact { padding: calc(160 * var(--px)) var(--pad) 0; }
.agnon-contact__title {
	margin: 0 0 calc(100 * var(--px));
	font-family: var(--f-cond);
	font-weight: 700;
	font-size: max(36px, calc(64 * var(--px)));
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}
.agnon-form {
	display: flex;
	flex-direction: column;
	gap: calc(31 * var(--px));
	width: 100%;
	max-width: max(300px, calc(699 * var(--px)));
	margin: 0 auto;
}
.agnon-form input,
.agnon-form textarea {
	display: block;
	width: 100%;
	height: max(48px, calc(78 * var(--px)));
	padding: 0 calc(21 * var(--px));
	border: 2px solid #000;
	border-radius: 0;
	background: #fff;
	font-family: var(--f-body);
	font-size: max(16px, calc(26 * var(--px)));
	-webkit-appearance: none;
	appearance: none;
}
.agnon-form input { padding-left: max(12px, calc(21 * var(--px))); }
.agnon-form textarea {
	height: max(180px, calc(391 * var(--px)));
	padding: max(12px, calc(22 * var(--px))) max(12px, calc(21 * var(--px)));
	resize: vertical;
}
.agnon-form input::placeholder, .agnon-form textarea::placeholder { color: #777; opacity: 1; }
.agnon-form .agnon-hp { position: absolute !important; }
.agnon-form__submit {
	height: max(52px, calc(80 * var(--px)));
	margin-top: calc(7 * var(--px));
	background: #000;
	border: 2px solid #000;
	border-radius: 0;
	color: #fff;
	font-family: var(--f-cond);
	font-weight: 700;
	font-size: max(18px, calc(30 * var(--px)));
	letter-spacing: .02em;
	text-transform: uppercase;
	transition: background .2s, color .2s;
}
.agnon-form__submit:hover { background: #fff; color: #000; }
.agnon-form__submit:disabled { opacity: .5; }
.agnon-form .agnon-form-msg { margin: 0; text-align: center; }

.agnon-faq {
	max-width: max(300px, calc(1349 * var(--px)));
	margin: calc(160 * var(--px)) auto calc(56 * var(--px));
	padding: 0;
}
.agnon-faq__item { border-bottom: 1px solid #000; }
.agnon-faq__item:first-child { border-bottom-width: 2px; }
.agnon-faq__q {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	padding: calc(64 * var(--px)) 0 calc(22 * var(--px));
	background: none;
	border: 0;
	color: #000;
	font-family: var(--f-cond);
	font-weight: 700;
	font-size: max(17px, calc(28 * var(--px)));
	line-height: 1.2;
	text-align: left;
	text-transform: uppercase;
}
.agnon-faq__icon {
	position: relative;
	flex: 0 0 auto;
	width: max(16px, calc(26 * var(--px)));
	height: max(16px, calc(26 * var(--px)));
}
.agnon-faq__icon::before,
.agnon-faq__icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: currentColor;
	transform: translate(-50%, -50%);
	transition: transform .25s;
}
.agnon-faq__icon::before { width: 100%; height: 2px; }
.agnon-faq__icon::after { width: 2px; height: 100%; }
.agnon-faq__item.is-open .agnon-faq__icon::after { transform: translate(-50%, -50%) scaleY(0); }
.agnon-faq__a { height: 0; overflow: hidden; transition: height .3s ease; }
.agnon-faq__a-inner {
	padding: 0 0 calc(30 * var(--px));
	font-family: var(--f-body);
	font-size: max(15px, calc(20 * var(--px)));
	line-height: 1.5;
}
.agnon-faq__a-inner p { margin: 0 0 .8em; }
@media (max-width: 767px) {
	.agnon-contact { padding-top: 48px; }
	.agnon-contact__title { margin-bottom: 32px; }
	.agnon-form { gap: 14px; }
	.agnon-faq { margin-top: 72px; padding: 0 20px; }
	.agnon-faq__q { padding: 26px 0 14px; }
	.agnon-faq__a-inner { padding-bottom: 18px; }
}

/* Pages classiques (panier, commande, compte, mentions…) ----------------- */
.agnon-page { padding: calc(40 * var(--px)) 0 0; }
.agnon-page__title { margin-bottom: calc(60 * var(--px)); }
.agnon-page__content {
	padding: 0 var(--pad);
	font-family: var(--f-body);
	font-size: 17px;
	line-height: 1.6;
}
.agnon-page__content > *:not(.woocommerce):not(.wp-block-woocommerce-cart):not(.wp-block-woocommerce-checkout):not(.alignwide):not(.alignfull) { max-width: 900px; }
.agnon-page__content h2, .agnon-page__content h3 { font-family: var(--f-title); font-weight: 400; letter-spacing: .01em; text-transform: uppercase; }
.agnon-page__content a:not(.button):not(.wc-block-components-button) { text-decoration: underline; text-underline-offset: 3px; }
.agnon-entry--excerpt { padding: 24px 0; border-bottom: 1px solid #000; }
.agnon-entry__title { margin: 0 0 8px; font-family: var(--f-product); font-weight: 400; font-size: 28px; }
@media (max-width: 767px) {
	.agnon-page { padding-top: 24px; }
	.agnon-page__title { margin-bottom: 24px; }
}

/* WooCommerce : boutons, champs, notices, panier & commande -------------- */
.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link),
.wp-block-button__link {
	background: #000 !important;
	color: #fff !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	font-family: var(--f-body) !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: .02em;
}
.woocommerce .button:hover,
.wc-block-components-button:not(.is-link):hover { background: #fff !important; color: #000 !important; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty,
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-blocks-components-select__select {
	border-radius: 0 !important;
	border-color: #000 !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	margin: 0 0 24px !important;
	padding: 14px 18px !important;
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #000 !important;
	font-family: var(--f-body);
	list-style: none;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { display: none !important; }
.woocommerce-message .button { float: right; margin-left: 12px; }
.woocommerce table.shop_table { border-radius: 0; border-color: #000; }
.wc-block-components-product-name { font-family: var(--f-product); font-size: 20px; text-transform: uppercase; }
.wc-block-components-title, .wc-block-cart__totals-title { font-family: var(--f-title) !important; font-weight: 400 !important; font-size: 28px !important; text-transform: uppercase !important; }

/* Elementor : les widgets AGNON occupent toute la largeur ---------------- */
.elementor-widget[class*="elementor-widget-agnon-"] { width: 100%; }
.elementor-widget[class*="elementor-widget-agnon-"] > .elementor-widget-container { padding: 0; margin: 0; }