/* ==========================================================================
   Maison du Gant — fondations
   Tokens, base, composants. Les templates Bricks n'utilisent que ces classes
   (champ « CSS classes » des éléments), aucun style n'est stocké dans Bricks.
   ========================================================================== */

:root {
	/* Couleurs */
	--mdg-ground: #F2F0EC;      /* fond pierre */
	--mdg-ground-alt: #E8E4DD;  /* sections secondaires */
	--mdg-ink: #191714;         /* texte, fond sombre */
	--mdg-ink-soft: #3B3732;    /* paragraphes */
	--mdg-muted: #4A4640;       /* étiquettes (8:1 sur ground) */
	--mdg-line: #D5D0C8;        /* filets */
	--mdg-line-strong: #C8C2B8; /* bordures de champs */
	--mdg-accent: #7B4A21;      /* tabac */
	--mdg-accent-ink: #FFFFFF;
	--mdg-on-dark: #F2F0EC;
	--mdg-on-dark-muted: #B4ADA2;

	/* Typo */
	--mdg-font: 'Archivo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
	--mdg-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
	--mdg-stretch-display: 112%;
	--mdg-stretch-title: 108%;
	--mdg-fs-hero: clamp(52px, 25.6px + 5.2vw, 96px);
	--mdg-fs-h1: clamp(44px, 28.8px + 3.4vw, 80px);
	--mdg-fs-h2: clamp(28px, 20.8px + 1.4vw, 44px);
	--mdg-fs-h3: 22px;
	--mdg-fs-body: 17px;  /* 17 px */
	--mdg-fs-lead: 20px;    /* 20 px */
	--mdg-fs-small: 16px;      /* 16 px */
	--mdg-fs-label: 14px;  /* 14 px */

	/* Espacements */
	--mdg-gutter: clamp(20px, 9.6px + 2.2vw, 40px);
	--mdg-section: clamp(64px, 44.8px + 4vw, 96px);
	--mdg-max: 1360px;
	--mdg-tap: 44px;
}

/* --------------------------------------------------------------------------
   Base
   Bricks fixe html { font-size: 62.5% } (1rem = 10px) : toutes les tailles
   de ce fichier sont donc en px, jamais en rem.
   ----------------------------------------------------------------------- */

body {
	background: var(--mdg-ground);
	color: var(--mdg-ink);
	font-family: var(--mdg-font);
	font-size: var(--mdg-fs-body);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

/* Les blocs racine des templates prennent toute la largeur
   (#brx-content et consorts ne les étirent pas). */
#brx-header > *, #brx-content > *, #brx-footer > *,
.mdg-topbar, .mdg-header, .mdg-toolbar, .mdg-related, .mdg-footer,
.mdg-section, .mdg-wrap { width: 100%; box-sizing: border-box; }

/* Textes WooCommerce non stylés (stock, notices) */
.mdg-product .stock, .mdg-product p.stock { font-size: var(--mdg-fs-body); color: var(--mdg-ink-soft); margin: 0; }

body a { color: inherit; text-decoration: none; }
body a:hover { color: var(--mdg-accent); }

:focus-visible { outline: 2px solid var(--mdg-accent); outline-offset: 3px; }

.mdg-wrap {
	width: 100%;
	max-width: var(--mdg-max);
	margin-inline: auto;
	padding-inline: var(--mdg-gutter);
	box-sizing: border-box;
}

.mdg-mono { font-family: var(--mdg-mono); }
.mdg-muted { color: var(--mdg-muted); }

.mdg-eyebrow {
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-label);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--mdg-muted);
}

.mdg-h1 {
	margin: 0;
	font-size: var(--mdg-fs-h1);
	line-height: 0.95;
	font-weight: 500;
	font-stretch: var(--mdg-stretch-display);
	letter-spacing: -0.02em;
}

.mdg-h2 {
	margin: 0;
	font-size: var(--mdg-fs-h2);
	line-height: 1.08;
	font-weight: 500;
	font-stretch: var(--mdg-stretch-title);
}

.mdg-lead {
	margin: 0;
	max-width: 448px;
	font-size: var(--mdg-fs-lead);
	line-height: 1.65;
	color: var(--mdg-ink-soft);
}

.mdg-section { padding-block: var(--mdg-section); }
.mdg-section--alt { background: var(--mdg-ground-alt); }
.mdg-section--dark { background: var(--mdg-ink); color: var(--mdg-on-dark); }
.mdg-section--dark .mdg-eyebrow { color: var(--mdg-on-dark-muted); }

/* --------------------------------------------------------------------------
   Boutons et liens
   ----------------------------------------------------------------------- */

.mdg-btn,
.woocommerce .mdg-product .single_add_to_cart_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 28px;
	border: 0;
	border-radius: 0;
	background: var(--mdg-accent);
	color: var(--mdg-accent-ink);
	font-family: var(--mdg-font);
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: background-color .2s;
}
.mdg-btn:hover { background: var(--mdg-ink); color: var(--mdg-accent-ink); }

.mdg-btn--ghost {
	background: transparent;
	color: var(--mdg-ink);
	border: 1px solid var(--mdg-ink);
}
.mdg-btn--ghost:hover { background: var(--mdg-ink); color: var(--mdg-on-dark); }

.mdg-link {
	display: inline-block;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
	font-size: 17px;
}

/* --------------------------------------------------------------------------
   Bandeau + en-tête
   ----------------------------------------------------------------------- */

.mdg-topbar {
	background: var(--mdg-ink);
	color: #E9E5DE;
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-label);
	letter-spacing: 0.02em;
	text-align: center;
	padding: 10px var(--mdg-gutter);
}

.mdg-header { border-bottom: 1px solid var(--mdg-line); background: var(--mdg-ground); }

.mdg-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-block: 20px;
}

.mdg-header__inner { width: 100%; }
.mdg-header__inner > .mdg-logo { flex: 0 0 auto; }
.mdg-header__inner > .mdg-nav { margin-left: auto; }
.mdg-header__inner > .brxe-shortcode { margin-left: auto; flex: 0 0 auto; }
.mdg-header__inner > .mdg-nav + .brxe-shortcode { margin-left: 0; }

.mdg-logo { display: flex; flex-direction: column; gap: 2px; }
.mdg-logo__name { white-space: nowrap; }
.mdg-logo__name {
	font-weight: 600;
	font-size: 24px;
	letter-spacing: 0.2em;
	font-stretch: 118%;
	line-height: 1.1;
}
.mdg-logo__sub {
	font-family: var(--mdg-mono);
	font-size: 13px;
	letter-spacing: 0.18em;
	color: var(--mdg-muted);
}

/* Menu Bricks (élément « Nav menu ») */
.mdg-nav .bricks-nav-menu { gap: 32px; }
.mdg-nav .bricks-nav-menu > li > a,
.mdg-nav .bricks-nav-menu > li > .brx-submenu-toggle > a { font-size: 17px; padding-block: 8px; }
.mdg-nav .current-menu-item > a,
.mdg-nav .current-menu-ancestor > a,
.mdg-nav .current-menu-ancestor > .brx-submenu-toggle > a { border-bottom: 1px solid var(--mdg-ink); }
.mdg-nav .sub-menu { background: var(--mdg-ground); border: 1px solid var(--mdg-line); padding: 8px 0; min-width: 224px; }
.mdg-nav .sub-menu a { padding: 8px 20px; font-size: 17px; }

.mdg-actions { display: flex; align-items: center; gap: 4px; }

.mdg-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--mdg-tap);
	height: var(--mdg-tap);
	border: 0;
	background: transparent;
	color: var(--mdg-ink);
	cursor: pointer;
}

.mdg-cart-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: var(--mdg-tap);
	padding-left: 8px;
	font-size: 17px;
}
.mdg-cart-count { font-family: var(--mdg-mono); font-size: 15px; }

.mdg-search {
	width: min(640px, calc(100vw - 32px));
	border: 0;
	padding: 32px;
	background: var(--mdg-ground);
	color: var(--mdg-ink);
}
.mdg-search::backdrop { background: rgba(25, 23, 20, 0.55); }
.mdg-search__form { display: grid; grid-template-columns: 1fr auto; gap: 12px; position: relative; }
.mdg-search__form .mdg-label { grid-column: 1 / -1; font-family: var(--mdg-mono); font-size: var(--mdg-fs-label); color: var(--mdg-muted); }
.mdg-search__form input[type=search] {
	min-height: 52px;
	border: 0;
	border-bottom: 1px solid var(--mdg-ink);
	background: transparent;
	font: inherit;
	font-size: 20px;
	color: var(--mdg-ink);
}
.mdg-search__close {
	position: absolute;
	top: -24px;
	right: -16px;
	width: var(--mdg-tap);
	height: var(--mdg-tap);
	border: 0;
	background: transparent;
	font-size: 24px;
	cursor: pointer;
	color: var(--mdg-ink);
}

/* --------------------------------------------------------------------------
   Fil d'Ariane
   ----------------------------------------------------------------------- */

.mdg-breadcrumb,
.mdg-breadcrumb .woocommerce-breadcrumb {
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-label);
	color: var(--mdg-muted);
	margin: 0;
}
.mdg-breadcrumb a { color: var(--mdg-muted); }
.mdg-breadcrumb a:hover { color: var(--mdg-accent); }

/* --------------------------------------------------------------------------
   Archive produits
   ----------------------------------------------------------------------- */

.mdg-archive-hero { padding-block: 32px 48px; }
.mdg-archive-hero__row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-top: 48px;
}
.mdg-archive-hero__row p { margin: 0; }

.mdg-toolbar { border-block: 1px solid var(--mdg-line); }
.mdg-toolbar__inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-block: 14px;
}
.mdg-toolbar__end { display: flex; align-items: center; gap: 20px; }

.mdg-filters { display: flex; flex-wrap: wrap; gap: 8px; }

/* Filtres Bricks : rendu en « boutons » repliables */
.mdg-filter {
	position: relative;
	border: 1px solid var(--mdg-line-strong);
	min-height: var(--mdg-tap);
	padding: 0 16px;
	display: flex;
	align-items: center;
	font-size: var(--mdg-fs-small);
}
.mdg-filter:hover { border-color: var(--mdg-ink); }
.mdg-filter select,
.mdg-orderby select,
.woocommerce-ordering select {
	min-height: var(--mdg-tap);
	padding: 0 32px 0 12px;
	border: 1px solid var(--mdg-line-strong);
	border-radius: 0;
	background-color: var(--mdg-ground);
	font-family: var(--mdg-font);
	font-size: var(--mdg-fs-small);
	color: var(--mdg-ink);
}
.mdg-filter select { border: 0; padding-left: 0; }
.mdg-orderby .woocommerce-ordering { margin: 0; }

.mdg-filter-panel {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	font-size: var(--mdg-fs-small);
}
.mdg-filter-panel input[type=checkbox] { accent-color: var(--mdg-ink); }

.mdg-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
	gap: 48px 24px;
	padding-block: 48px 96px;
}

/* Carte produit (boucle Bricks) */
.mdg-card { display: flex; flex-direction: column; gap: 14px; color: var(--mdg-ink); }
.mdg-card:hover { color: var(--mdg-ink); }
.mdg-card__media {
	position: relative;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--mdg-ground-alt);
}
.mdg-card__img,
.mdg-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity .2s, transform .6s;
}
.mdg-card:hover .mdg-card__media img { opacity: 0.92; }
.mdg-card__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.mdg-card__title { margin: 0; font-size: 19px; font-weight: 500; line-height: 1.3; }
.mdg-card__price,
.mdg-price,
.mdg-price .price { font-family: var(--mdg-mono); font-size: var(--mdg-fs-small); white-space: nowrap; color: var(--mdg-ink); }
.mdg-card__price del,
.mdg-price del { color: var(--mdg-muted); margin-right: 0.5em; }
.mdg-card__price ins,
.mdg-price ins { text-decoration: none; }
.mdg-card__meta {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: -6px;
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-label);
	color: var(--mdg-muted);
}

.mdg-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 1;
	padding: 5px 8px;
	background: var(--mdg-ground);
	color: var(--mdg-ink);
	font-family: var(--mdg-mono);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

/* Pagination Bricks / Woo */
.mdg-pagination { display: flex; justify-content: center; padding-bottom: var(--mdg-section); }
.mdg-pagination .page-numbers { display: flex; gap: 4px; list-style: none; padding: 0; margin: 0; }
.mdg-pagination .page-numbers a,
.mdg-pagination .page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--mdg-tap);
	height: var(--mdg-tap);
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-small);
}
.mdg-pagination .page-numbers .current { background: var(--mdg-ink); color: var(--mdg-on-dark); }

/* --------------------------------------------------------------------------
   Fiche produit
   ----------------------------------------------------------------------- */

.mdg-product { padding-block: 24px var(--mdg-section); }
.mdg-product__layout {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 64px;
	margin-top: 32px;
}
.mdg-product__gallery { flex: 999 1 640px; min-width: 0; }
.mdg-product__info {
	flex: 1 1 400px;
	min-width: 0;
	max-width: 520px;
	display: flex;
	flex-direction: column;
	gap: 28px;
	position: sticky;
	top: 24px;
}
.mdg-product__head { display: flex; flex-direction: column; gap: 10px; }
.mdg-ref { font-family: var(--mdg-mono); font-size: var(--mdg-fs-label); color: var(--mdg-muted); text-transform: uppercase; }
.mdg-product__title,
.mdg-product__title h1 {
	margin: 0;
	font-size: clamp(32px, 24px + 1.6vw, 44px);
	line-height: 1.05;
	font-weight: 500;
	font-stretch: var(--mdg-stretch-title);
	letter-spacing: -0.01em;
}
.mdg-product__subtitle,
.mdg-product__subtitle p { margin: 0; font-size: 18px; color: var(--mdg-ink-soft); }
.mdg-product .mdg-price .price,
.mdg-product .mdg-price { font-size: 20px; margin-top: 6px; }

/* Galerie Woo : grande image + vignettes en grille, pas de carrousel */
.mdg-product__gallery .woocommerce-product-gallery__image img { width: 100%; height: auto; display: block; }
.mdg-product__gallery .flex-control-thumbs {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}
.mdg-product__gallery .flex-control-thumbs img { opacity: 0.7; cursor: pointer; transition: opacity .2s; }
.mdg-product__gallery .flex-control-thumbs img.flex-active,
.mdg-product__gallery .flex-control-thumbs img:hover { opacity: 1; }

/* Formulaire d'ajout au panier / variations */
.mdg-product form.cart { display: flex; flex-direction: column; gap: 20px; margin: 0; }
.mdg-product table.variations { border: 0; margin: 0; width: 100%; }
.mdg-product table.variations tr { display: flex; flex-direction: column; gap: 12px; margin-bottom: 20px; }
.mdg-product table.variations th,
.mdg-product table.variations td { padding: 0; border: 0; text-align: left; background: none; }
.mdg-product table.variations th label { font-size: var(--mdg-fs-small); font-weight: 400; }
.mdg-product table.variations select {
	width: 100%;
	min-height: 48px;
	border: 1px solid var(--mdg-line-strong);
	border-radius: 0;
	background-color: var(--mdg-ground);
	padding: 0 12px;
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-small);
	color: var(--mdg-ink);
}
.mdg-product .reset_variations { font-family: var(--mdg-mono); font-size: var(--mdg-fs-label); color: var(--mdg-muted); }
.mdg-product .woocommerce-variation-price .price { font-family: var(--mdg-mono); }
.mdg-product .woocommerce-variation-add-to-cart,
.mdg-product form.cart:not(.variations_form) { display: flex; gap: 12px; align-items: stretch; flex-direction: row; }
.mdg-product .quantity input.qty {
	width: 64px;
	height: 56px;
	border: 1px solid var(--mdg-line-strong);
	border-radius: 0;
	background: transparent;
	font-family: var(--mdg-mono);
	text-align: center;
}
.woocommerce .mdg-product .single_add_to_cart_button { flex: 1; min-height: 56px; font-size: 16px; }
.woocommerce .mdg-product .single_add_to_cart_button.disabled { background: #8A847B; opacity: 1; cursor: not-allowed; }

/* Swatches natifs Bricks (Produits > Attributs > type de swatch) */
.mdg-product .bricks-variation-swatches { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.mdg-product .bricks-variation-swatches li {
	min-width: 48px;
	min-height: 48px;
	border: 1px solid var(--mdg-line-strong);
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-small);
	cursor: pointer;
	transition: border-color .15s, background-color .15s;
}
.mdg-product .bricks-variation-swatches li:hover { border-color: var(--mdg-ink); }
.mdg-product .bricks-variation-swatches li.bricks-swatch-selected,
.mdg-product .bricks-variation-swatches li[aria-checked="true"],
.mdg-product .bricks-variation-swatches li.selected { background: var(--mdg-ink); border-color: var(--mdg-ink); color: var(--mdg-on-dark); }
/* Swatches couleur : pastilles rondes */
.mdg-product .bricks-variation-swatches.bricks-swatch-color li { min-width: 44px; width: 44px; height: 44px; padding: 3px; border-radius: 50%; border-color: transparent; background-clip: content-box; }
.mdg-product .bricks-variation-swatches.bricks-swatch-color li.bricks-swatch-selected,
.mdg-product .bricks-variation-swatches.bricks-swatch-color li[aria-checked="true"],
.mdg-product .bricks-variation-swatches.bricks-swatch-color li.selected { background-color: transparent; border-color: var(--mdg-ink); }
.mdg-product .bricks-variation-swatches li.disabled,
.mdg-product .bricks-variation-swatches li[aria-disabled="true"] { opacity: 0.35; text-decoration: line-through; cursor: not-allowed; }

.mdg-reassurance { margin: 0; font-family: var(--mdg-mono); font-size: var(--mdg-fs-label); color: var(--mdg-muted); }

/* Accordéons */
.mdg-accordions { border-top: 1px solid var(--mdg-ink); }
.mdg-accordion { border-bottom: 1px solid var(--mdg-line); }
.mdg-accordion summary {
	list-style: none;
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
}
.mdg-accordion summary::-webkit-details-marker { display: none; }
.mdg-accordion__plus { font-size: 20px; font-weight: 300; transition: transform .2s; }
.mdg-accordion[open] .mdg-accordion__plus { transform: rotate(45deg); }
.mdg-accordion__body { padding-bottom: 20px; font-size: 17px; line-height: 1.7; color: var(--mdg-ink-soft); }
.mdg-accordion__body p { margin: 0 0 0.75em; }
.mdg-accordion__body .woocommerce-product-attributes { width: 100%; border: 0; border-collapse: collapse; margin: 0; }
.mdg-accordion__body .woocommerce-product-attributes th,
.mdg-accordion__body .woocommerce-product-attributes td { padding: 6.4px 0; border: 0; background: none; text-align: left; vertical-align: top; font-size: var(--mdg-fs-small); }
.mdg-accordion__body .woocommerce-product-attributes th { width: 144px; font-family: var(--mdg-mono); font-weight: 400; color: var(--mdg-muted); }
.mdg-accordion__body .woocommerce-product-attributes td p { margin: 0; }

/* Produits associés (upsells / related Woo) */
.mdg-related { background: var(--mdg-ground-alt); padding-block: 72px 88px; }
.mdg-related h2 { margin: 0 0 32px; font-size: 28px; font-weight: 500; font-stretch: var(--mdg-stretch-title); }
.mdg-related ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
	gap: 32px 24px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mdg-related ul.products::before,
.mdg-related ul.products::after { display: none; }
.mdg-related ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; gap: 12px; }
.mdg-related ul.products li.product img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; margin: 0; }
.mdg-related ul.products li.product .woocommerce-loop-product__title { font-size: 18px; font-weight: 500; padding: 0; margin: 12px 0 4px; }
.mdg-related ul.products li.product .price { font-family: var(--mdg-mono); font-size: var(--mdg-fs-small); color: var(--mdg-ink); }
.mdg-related ul.products li.product .button { display: none; }

/* --------------------------------------------------------------------------
   Pied de page
   ----------------------------------------------------------------------- */

.mdg-footer { border-top: 1px solid var(--mdg-ink); }
.mdg-footer__top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 48px;
	padding-block: 64px 56px;
}
.mdg-footer__brand { flex: 1 1 320px; max-width: 420px; display: flex; flex-direction: column; gap: 16px; }
.mdg-footer__brand p { margin: 0; color: var(--mdg-ink-soft); font-size: 17px; }
.mdg-footer__cols {
	flex: 2 1 560px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 32px;
}
.mdg-footer__col { display: flex; flex-direction: column; gap: 8px; }
.mdg-footer__col .bricks-nav-menu { flex-direction: column; gap: 4px; }
.mdg-footer__col .bricks-nav-menu a { font-size: 17px; line-height: 1.9; padding: 0; }
.mdg-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 16px;
	padding-block: 24px 32px;
	border-top: 1px solid var(--mdg-line);
	font-family: var(--mdg-mono);
	font-size: var(--mdg-fs-label);
	color: var(--mdg-muted);
}
.mdg-footer__bottom a { color: var(--mdg-muted); }
.mdg-footer__bottom .bricks-nav-menu { gap: 16px; flex-wrap: wrap; }

/* --------------------------------------------------------------------------
   Mobile
   ----------------------------------------------------------------------- */

@media (max-width: 860px) {
	.mdg-header__inner { flex-wrap: wrap; }
	.mdg-product__info { position: static; max-width: none; }
	.mdg-product__layout { gap: 40px; }
	.mdg-grid { gap: 32px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mdg-card__row { flex-direction: column; gap: 4px; }
	.mdg-card__meta { flex-direction: column; gap: 0; margin-top: 0; }
}
