/* Meilleure Gourde – Comparateur. Tout est préfixé .mgc pour ne pas toucher au reste du thème. */
.mgc {
	--mgc-ink: #393939;
	--mgc-muted: #5f6368;
	--mgc-line: #ececec;
	--mgc-bg-soft: #f9fafb;
	--mgc-peach: #fff3e3;
	--mgc-peach-line: #ffd9b0;
	--mgc-teal: #2d6a73;
	--mgc-teal-ink: #24555c;
	--mgc-teal-soft: #e6f2f4;
	--mgc-cta: #a8433f;
	--mgc-cta-hover: #8f3733;
	--mgc-cta-ink: #fff;            /* texte sur un bouton --mgc-cta */
	--mgc-accent: var(--mgc-cta);   /* couleur d'accent utilisée en texte (surtitres, libellés) */
	--mgc-link-hover: #1f4c53;
	--mgc-teal-line: #cfe3e6;
	--mgc-on-teal-muted: #e1eef0;   /* texte secondaire sur fond --mgc-teal */
	--mgc-peach-bg: #fff8ef;
	--mgc-peach-strong: #ffe2c2;
	--mgc-peach-shadow: #f3dcc0;
	--mgc-ph: #9aa5b1;
	--mgc-radius: 18px;
	--mgc-font: Montserrat, Arial, sans-serif;
	--mgc-heading-font: inherit;
	/* Une niche peut remplacer ces variables (config/niche.php, clé `theme`). */
	font-family: var(--mgc-font);
	color: var(--mgc-ink);
	line-height: 1.5;
	width: 100%;
}
.mgc *, .mgc *::before, .mgc *::after { box-sizing: border-box; }
.mgc a { color: var(--mgc-teal); }
.mgc a:hover { color: var(--mgc-link-hover); }
.mgc img { max-width: 100%; height: auto; }
.mgc p { margin: 0; }
.mgc-wrap { max-width: 1200px; margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.mgc-narrow { max-width: 820px; }
.mgc-section { padding-top: 32px; padding-bottom: 48px; }
.mgc-band { padding: 40px 0; }
.mgc-band--peach { background: var(--mgc-peach); }
.mgc-band--grey { background: var(--mgc-bg-soft); }
.mgc .mgc-h1 { margin: 0; font-family: var(--mgc-heading-font); font-size: clamp(28px, 4vw, 38px); line-height: 1.15; font-weight: 800; color: var(--mgc-ink); letter-spacing: 0; }
.mgc .mgc-h2 { margin: 0 0 16px; font-family: var(--mgc-heading-font); font-size: clamp(21px, 2.6vw, 25px); line-height: 1.25; font-weight: 800; color: var(--mgc-ink); letter-spacing: 0; }
.mgc-crumbs { font-size: 13px; color: var(--mgc-muted); padding: 18px 0 0; }
.mgc-crumbs a { color: var(--mgc-muted); }
.mgc-small { font-size: 12.5px; color: var(--mgc-muted); }
.mgc-center { text-align: center; }
.mgc-na { color: #6b6b6b; }
.mgc-kicker { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--mgc-accent) !important; text-decoration: none; }
.mgc-meta { font-size: 13px; color: var(--mgc-muted); }

/* Boutons */
.mgc a.mgc-btn, .mgc button.mgc-btn { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; border-radius: 22px; font-family: inherit; font-weight: 700; font-size: 14px; text-decoration: none; cursor: pointer; text-align: center; line-height: 1.2; border: 0; }
.mgc a.mgc-btn--amazon { background: var(--mgc-cta); color: var(--mgc-cta-ink); }
.mgc a.mgc-btn--amazon:hover, .mgc a.mgc-btn--amazon:focus-visible { background: var(--mgc-cta-hover); color: var(--mgc-cta-ink); }
.mgc a.mgc-btn--ghost { min-height: 40px; border: 1.5px solid #d9d9d9; color: var(--mgc-ink); background: #fff; }
.mgc a.mgc-btn--ghost:hover { border-color: var(--mgc-ink); color: var(--mgc-ink); }
.mgc a.mgc-btn--xl { min-height: 54px; border-radius: 27px; font-size: 16px; font-weight: 800; }
.mgc button.mgc-btn--outline { background: #fff !important; color: var(--mgc-ink) !important; border: 1.5px solid var(--mgc-ink) !important; min-height: 48px; padding: 0 28px !important; margin: 8px auto 0; border-radius: 24px !important; font-size: 15px !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; }
.mgc button.mgc-btn--outline[hidden] { display: none; }

/* Notes */
.mgc-score { display: inline-flex; align-items: baseline; gap: 2px; background: var(--mgc-teal); color: #fff; border-radius: 10px; padding: 4px 10px; font-weight: 800; line-height: 1.2; }
.mgc-score__max { font-size: .6em; font-weight: 600; }
.mgc-score--sm { font-size: 20px; padding: 5px 11px; }
.mgc-score--lg { font-size: 34px; padding: 10px 16px; border-radius: 14px; }
.mgc-score--na { background: #e3e7e8; color: var(--mgc-muted); font-size: 12px; font-weight: 600; padding: 5px 9px; }

/* Grille de cartes */
.mgc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.mgc-card { display: flex; flex-direction: column; gap: 10px; padding: 14px; border: 1px solid var(--mgc-line); border-radius: var(--mgc-radius); background: #fff; }
.mgc-card[hidden] { display: none; }
.mgc-card__media { position: relative; height: 200px; border-radius: 12px; background: #f4f6f7; display: flex; align-items: center; justify-content: center; color: var(--mgc-ph); overflow: hidden; }
.mgc-card__media img { max-height: 180px; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.mgc-card__media .mgc-score { position: absolute; top: 10px; right: 10px; z-index: 2; box-shadow: 0 2px 8px rgba(0,0,0,.18); }
.mgc-rank { position: absolute; top: 10px; left: 10px; width: 28px; height: 28px; border-radius: 14px; background: var(--mgc-ink); color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; z-index: 1; }
.mgc-card__brand { font-size: 12px; font-weight: 700; color: var(--mgc-muted); text-transform: uppercase; letter-spacing: .04em; }
.mgc .mgc-card__title { margin: 0; font-family: var(--mgc-heading-font); font-size: 17px; line-height: 1.3; font-weight: 700; letter-spacing: 0; }
.mgc .mgc-card__title a { color: var(--mgc-ink); text-decoration: none; }
.mgc .mgc-card__title a:hover { text-decoration: underline; }
.mgc-card__line { font-size: 13.5px; color: #4a4a4a; }
.mgc-card__actions { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
.mgc-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mgc-chip { font-size: 12px; padding: 3px 9px; border-radius: 11px; background: var(--mgc-teal-soft); color: var(--mgc-teal-ink); font-weight: 600; }

/* PLP */
.mgc-plp-head { display: flex; flex-direction: column; gap: 12px; }
.mgc-plp-head .mgc-crumbs { padding-top: 0; }
.mgc-lead { font-size: 16px; color: #4a4a4a; max-width: 760px; display: flex; flex-direction: column; gap: 8px; }
.mgc-prose p { margin: 0 0 .8em; }
.mgc-prose { font-size: 16px; line-height: 1.7; color: #3f3f3f; }
.mgc-prose > :last-child { margin-bottom: 0; }
.mgc-prose h3 { margin: 1.4em 0 .5em; font-size: 18px; font-weight: 700; color: var(--mgc-ink); }
.mgc-prose h4 { margin: 1.2em 0 .4em; font-size: 16px; font-weight: 700; }
.mgc-prose ul, .mgc-prose ol { margin: 0 0 1em 1.25em; padding: 0; }
.mgc-prose li { margin: 0 0 .35em; }
.mgc-prose img { border-radius: 12px; margin: .4em 0 1em; }
.mgc-prose blockquote { margin: 1em 0; padding: 4px 0 4px 16px; border-left: 3px solid var(--mgc-peach-line); color: #555; }
.mgc-prose table { width: 100%; border-collapse: collapse; margin: 0 0 1em; font-size: 15px; }
.mgc-prose th, .mgc-prose td { border-bottom: 1px solid var(--mgc-line); padding: 8px 10px; text-align: left; }
.mgc-picks { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; padding-top: 28px; }
.mgc a.mgc-pick { display: flex; gap: 14px; align-items: center; padding: 14px; border-radius: var(--mgc-radius); border: 1.5px solid var(--mgc-peach-line); background: #fff; text-decoration: none; color: var(--mgc-ink); }
.mgc a.mgc-pick:hover { border-color: var(--mgc-cta); }
.mgc-pick__img { width: 64px; height: 84px; border-radius: 10px; background: #f4f6f7; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--mgc-ph); overflow: hidden; }
.mgc-pick__img img { max-height: 76px; width: auto; mix-blend-mode: multiply; }
.mgc-pick__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mgc-pick__label { font-size: 12px; font-weight: 700; color: var(--mgc-accent); text-transform: uppercase; letter-spacing: .04em; }
.mgc-pick__name { font-weight: 700; font-size: 16px; }
.mgc-pick__why { font-size: 13px; color: var(--mgc-muted); }
.mgc-plp-body { display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; padding-top: 24px; padding-bottom: 48px; }
.mgc-filters { flex: 1 1 230px; display: flex; flex-direction: column; padding: 20px; border-radius: var(--mgc-radius); background: var(--mgc-bg-soft); border: 1px solid var(--mgc-line); }
.mgc-filters__box { display: flex; flex-direction: column; gap: 18px; }
.mgc-filters__box[open] > summary { margin-bottom: 4px; }
.mgc-filters__title { font-weight: 800; font-size: 17px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.mgc-filters__title::-webkit-details-marker { display: none; }
.mgc-filters__title::after { content: '+'; font-size: 22px; font-weight: 600; line-height: 1; }
.mgc-filters__box[open] > .mgc-filters__title::after { content: '−'; }
.mgc-filters__box fieldset + fieldset { margin-top: 14px; }
.mgc-filters fieldset { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mgc-filters legend { font-weight: 700; font-size: 14px; margin-bottom: 6px; padding: 0; }
.mgc-filters label { display: flex; align-items: center; gap: 10px; font-size: 14px; min-height: 32px; cursor: pointer; }
.mgc-filters label span { flex: 1; }
.mgc-filters label em { font-style: normal; font-size: 12px; color: var(--mgc-muted); }
.mgc-filters input[type="checkbox"] { width: 18px; height: 18px; margin: 0; accent-color: var(--mgc-teal); }
.mgc-results { flex: 999 1 600px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.mgc-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.mgc-usages { display: flex; flex-wrap: wrap; gap: 8px; }
.mgc button.mgc-chipbtn { min-height: 40px; padding: 0 16px !important; border-radius: 20px !important; border: 1.5px solid #d9d9d9 !important; background: #fff !important; color: var(--mgc-ink) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; line-height: 1.2 !important; }
.mgc button.mgc-chipbtn.is-active { background: var(--mgc-teal) !important; border-color: var(--mgc-teal) !important; color: #fff !important; }
.mgc-count { font-size: 14px; color: var(--mgc-muted); }
.mgc-empty { padding: 24px; text-align: center; color: var(--mgc-muted); }
.mgc-faq { border: 1px solid #e3e3e3; background: #fff; border-radius: 14px; padding: 16px 20px; margin-bottom: 12px; }
.mgc-faq summary { font-weight: 700; font-size: 16px; cursor: pointer; }
.mgc-faq p { margin-top: 10px; font-size: 15px; color: #4a4a4a; }

/* Fiche produit */
.mgc-hero-product { display: flex; flex-wrap: wrap; gap: 40px; padding-top: 20px; padding-bottom: 40px; }
.mgc-gallery { flex: 1 1 400px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.mgc-gallery__main { height: 440px; border-radius: 20px; background: #f4f6f7; display: flex; align-items: center; justify-content: center; color: var(--mgc-ph); overflow: hidden; }
.mgc-gallery__main img { max-height: 400px; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.mgc-gallery__thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.mgc button.mgc-thumb { height: 84px; border-radius: 12px !important; background: #f4f6f7 !important; border: 2px solid transparent !important; padding: 4px !important; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: none !important; }
.mgc button.mgc-thumb.is-active, .mgc button.mgc-thumb:hover { border-color: var(--mgc-teal) !important; }
.mgc-thumb img { max-height: 70px; mix-blend-mode: multiply; }
.mgc-info { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.mgc-info__head { display: flex; flex-direction: column; gap: 8px; }
.mgc-scorebox { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 16px; border-radius: var(--mgc-radius); background: var(--mgc-teal-soft); }
.mgc-scorebox__na { font-size: 14px; color: var(--mgc-teal-ink); }
.mgc-usage-scores { display: flex; flex-wrap: wrap; gap: 8px; flex: 1 1 220px; }
.mgc-usage-score { display: inline-flex; flex-direction: column; padding: 6px 12px; border-radius: 12px; background: #fff; font-size: 12px; color: var(--mgc-muted); }
.mgc-usage-score strong { font-size: 16px; color: var(--mgc-ink); }
.mgc-sizes { display: flex; flex-direction: column; gap: 10px; }
.mgc-sizes__label { font-weight: 700; font-size: 15px; }
.mgc-sizes__list { display: flex; flex-wrap: wrap; gap: 8px; }
.mgc button.mgc-size { min-width: 76px; min-height: 44px; padding: 0 14px !important; border-radius: 12px !important; border: 2px solid #d9d9d9 !important; background: #fff !important; color: var(--mgc-ink) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 700 !important; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; line-height: 1.2 !important; }
.mgc button.mgc-size[aria-checked="true"] { border-color: var(--mgc-teal) !important; background: var(--mgc-teal-soft) !important; }
.mgc-facts { font-size: 14px; color: #4a4a4a; }
.mgc-verdict { padding: 18px; border-radius: var(--mgc-radius); border: 1.5px solid var(--mgc-verdict-line, var(--mgc-peach-line)); background: var(--mgc-verdict-bg, var(--mgc-peach-bg)); display: flex; flex-direction: column; gap: 8px; font-size: 15px; }
.mgc-verdict__title { font-weight: 800; font-size: 16px; }
.mgc-two { display: flex; flex-wrap: wrap; gap: 32px; }
.mgc-criteria { flex: 1 1 360px; display: flex; flex-direction: column; gap: 16px; }
.mgc-crit { display: flex; flex-direction: column; gap: 6px; }
.mgc-crit__head { display: flex; justify-content: space-between; font-size: 15px; font-weight: 700; }
.mgc-bar { height: 10px; border-radius: 5px; background: #e3e7e8; overflow: hidden; }
.mgc-bar span { display: block; height: 10px; border-radius: 5px; background: var(--mgc-teal); }
.mgc-crit__note { font-size: 13px; color: var(--mgc-muted); }
.mgc-proscons { flex: 1 1 360px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; align-content: start; }
.mgc-box { padding: 18px; border-radius: 16px; background: #fff; border: 1px solid var(--mgc-line); display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.mgc-box ul { margin: 0; padding-left: 18px; line-height: 1.7; }
.mgc-box--wide { grid-column: 1 / -1; }
.mgc-box__title { font-weight: 800; font-size: 16px; }
.mgc-pos { color: var(--mgc-teal-ink); }
.mgc-neg { color: var(--mgc-accent); }
.mgc-editorial, .mgc-specs { padding-top: 40px; padding-bottom: 40px; }
.mgc-table-wrap { overflow-x: auto; border: 1px solid var(--mgc-line); border-radius: 16px; margin-bottom: 10px; }
.mgc-table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 460px; margin: 0; border: 0; }
.mgc-table th, .mgc-table td { text-align: left; padding: 12px 18px; border: 0; border-bottom: 1px solid #f0f0f0; }
.mgc-table th { width: 40%; font-weight: 600; color: var(--mgc-muted); background: #fafafa; }
.mgc-table tr:last-child th, .mgc-table tr:last-child td { border-bottom: 0; }

@media (max-width: 600px) {
	.mgc-gallery__main { height: 300px; }
	.mgc-gallery__main img { max-height: 270px; }
	.mgc-band { padding: 28px 0; }
	.mgc-wrap { padding-left: 16px; padding-right: 16px; }
}

/* Variantes */
.mgc-variants { display: flex; flex-direction: column; gap: 16px; }
.mgc-variants__group { display: flex; flex-direction: column; gap: 10px; }
.mgc-variants__label { font-size: 15px; }
.mgc-variants__count { color: var(--mgc-muted); font-size: 13px; }
.mgc-swatches { display: flex; flex-wrap: wrap; gap: 8px; }
.mgc button.mgc-swatch { width: 60px; height: 60px; padding: 3px !important; border-radius: 12px !important; border: 2px solid #d9d9d9 !important; background: #fff !important; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: none !important; overflow: hidden; }
.mgc button.mgc-swatch img { max-width: 100%; max-height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.mgc button.mgc-swatch--photo { width: 54px; height: 72px; padding: 2px !important; }
.mgc button.mgc-swatch--photo img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; transform: scale(1.18); }
.mgc button.mgc-swatch--text { width: auto; min-width: 60px; height: 44px; padding: 0 12px !important; color: var(--mgc-ink) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; }
.mgc button.mgc-swatch[aria-checked="true"] { border-color: var(--mgc-teal) !important; box-shadow: 0 0 0 2px var(--mgc-teal-soft) !important; }
.mgc button.mgc-size.is-unavailable { border-style: dashed !important; color: var(--mgc-muted) !important; }
.mgc-card__colors { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.mgc a.mgc-mini { width: 30px; height: 30px; border-radius: 7px; border: 1px solid var(--mgc-line); background: #fff; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
.mgc a.mgc-mini:hover { border-color: var(--mgc-teal); }
.mgc-mini img { max-width: 26px; max-height: 26px; mix-blend-mode: multiply; }
.mgc a.mgc-mini--photo { width: 26px; height: 36px; }
.mgc-mini--photo img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; transform: scale(1.25); }
.mgc-card__colors-txt { font-size: 12px; color: var(--mgc-muted); font-weight: 600; margin-left: 2px; }

/* Couleurs */
.mgc-dot { display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(0,0,0,.18); flex: 0 0 16px; vertical-align: middle; }
.mgc-filter-colors label { align-items: center; }
.mgc-filters label span.mgc-dot { flex: 0 0 16px; margin-right: -2px; }

/* Marques */
.mgc-brand-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.mgc-brand-card { display: flex; flex-direction: column; gap: 10px; padding: 18px; border: 1px solid var(--mgc-line); border-radius: var(--mgc-radius); background: #fff; }
.mgc a.mgc-brand-card__link { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--mgc-ink); }
.mgc-brand-card__name { font-weight: 800; font-size: 18px; }
.mgc-brand-card__meta { font-size: 14px; color: #4a4a4a; }
.mgc-brand-card__best { font-size: 13.5px; color: var(--mgc-muted); }
.mgc-brand-card .mgc-btn { margin-top: auto; }
.mgc-logo { width: 64px; height: 64px; flex: 0 0 auto; border-radius: 14px; border: 1px solid var(--mgc-line); background: #fff; display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
.mgc-logo__img { max-width: 56px; max-height: 56px; width: auto; height: auto; object-fit: contain; }
.mgc-logo--letter { background: var(--mgc-teal-soft); color: var(--mgc-teal-ink); font-weight: 800; font-size: 28px; border-color: transparent; }
.mgc-brand-head { display: flex; align-items: center; gap: 16px; }

/* Contenu de bas de page */
.mgc-content--split { background: #fff; padding: 56px 0; border-top: 1px solid var(--mgc-line); }
.mgc-split { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.mgc-split__bar { display: block; width: 48px; height: 5px; border-radius: 3px; background: var(--mgc-cta); margin-bottom: 16px; }
.mgc-split__head .mgc-h2 { font-size: clamp(24px, 3vw, 30px); margin: 0; }
@media (min-width: 900px) {
	.mgc-split { grid-template-columns: minmax(0, 5fr) minmax(0, 8fr); gap: 56px; }
	.mgc-split__head { position: sticky; top: 32px; align-self: start; }
}
.mgc-content--callout { padding: 8px 0 56px; background: #fff; }
.mgc-callout { position: relative; overflow: hidden; padding: 36px 40px; border-radius: var(--mgc-radius); background: var(--mgc-teal-soft); border-left: 6px solid var(--mgc-teal); }
.mgc-callout .mgc-h2 { position: relative; margin-bottom: 14px; color: var(--mgc-teal-ink); padding-right: 60px; }
.mgc-callout .mgc-prose { position: relative; max-width: 860px; }
.mgc-callout__icon { position: absolute; right: -18px; top: -14px; width: 150px; height: 150px; color: var(--mgc-teal); opacity: .08; }
@media (max-width: 600px) { .mgc-callout { padding: 26px 20px; } }
.mgc-faq__a { margin-top: 10px; font-size: 15px; color: #4a4a4a; }
.mgc-faq__a p { margin: 0 0 .6em; }
.mgc-faq__a > :last-child { margin-bottom: 0; }
.mgc-related-band { background: #fff; border-top: 1px solid var(--mgc-line); }
.mgc-related { padding-top: 36px; padding-bottom: 56px; }
.mgc .mgc-related__title { margin: 0 0 14px; font-family: var(--mgc-heading-font); font-size: 18px; font-weight: 800; color: var(--mgc-ink); letter-spacing: 0; }
.mgc-related__links { display: flex; flex-wrap: wrap; gap: 8px; }
.mgc a.mgc-pill { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 99px; border: 1.5px solid var(--mgc-line); background: #fff; color: var(--mgc-ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.mgc a.mgc-pill:hover { border-color: var(--mgc-teal); color: var(--mgc-teal); }
.mgc a.mgc-pill em { font-style: normal; font-size: 12px; color: var(--mgc-muted); font-weight: 600; }
.mgc a.mgc-pill--all { border-color: var(--mgc-teal); color: var(--mgc-teal); }

.mgc-filters fieldset.is-long:not(.is-open) label:nth-of-type(n+7) { display: none; }
.mgc button.mgc-filters__more { align-self: flex-start; margin: 2px 0 0; padding: 4px 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: var(--mgc-teal) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; cursor: pointer; }

.mgc-related__group + .mgc-related__group { margin-top: 26px; }
.mgc-related > p { margin-top: 18px; }

/* Accueil */
.mgc a.mgc-btn--cta { background: var(--mgc-cta); color: var(--mgc-cta-ink); min-height: 48px; border-radius: 24px; padding: 0 24px; font-size: 15px; align-self: flex-start; }
.mgc a.mgc-btn--cta:hover { background: var(--mgc-cta-hover); color: var(--mgc-cta-ink); }
.mgc-home-hero { background: var(--mgc-peach); }
.mgc-home-hero__in { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; padding-top: 56px; padding-bottom: 56px; }
.mgc-home-hero__txt { flex: 999 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 18px; }
.mgc-home-kicker { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mgc-accent); }
.mgc .mgc-home-h1 { font-size: clamp(32px, 5vw, 48px); line-height: 1.1; }
.mgc-home-lead { font-size: 18px; line-height: 1.55; color: #4a4a4a; max-width: 600px; }
.mgc-home-lead .mgc-prose { font-size: 18px; color: #4a4a4a; }
.mgc-home-picker { background: #fff; border-radius: var(--mgc-radius); padding: 20px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 2px 0 var(--mgc-peach-shadow); max-width: 640px; }
.mgc-home-picker__q { font-weight: 700; font-size: 15px; }
.mgc-home-picker__opts { display: flex; flex-wrap: wrap; gap: 10px; }
.mgc button.mgc-hero-opt { height: 44px; padding: 0 18px !important; border-radius: 22px !important; border: 1.5px solid #d9d9d9 !important; background: #fff !important; color: var(--mgc-ink) !important; font-family: inherit !important; font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; cursor: pointer; }
.mgc button.mgc-hero-opt[aria-pressed="true"] { background: var(--mgc-peach-strong) !important; border-color: var(--mgc-cta) !important; }
.mgc-home-hero__imgs { flex: 1 1 300px; display: flex; justify-content: center; align-items: flex-end; gap: 10px; min-height: 240px; }
.mgc-home-hero__img { width: 132px; height: 200px; border-radius: 22px; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; box-shadow: 0 6px 18px rgba(168, 67, 63, .12); }
.mgc-home-hero__img img { max-height: 180px; max-width: 120px; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.mgc-home-hero__img--1 { margin-bottom: 40px; }
.mgc-home-figures { border-bottom: 1px solid var(--mgc-line); background: #fff; }
.mgc-home-figures__in { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; padding-top: 24px; padding-bottom: 24px; }
.mgc-home-figures strong { display: block; font-size: 28px; font-weight: 800; color: var(--mgc-ink); }
.mgc-home-figures span { font-size: 14px; color: var(--mgc-muted); }
.mgc-home-hubs { padding-top: 56px; padding-bottom: 24px; display: flex; flex-direction: column; gap: 28px; }
.mgc-home-hubs > .mgc-h2 { font-size: clamp(24px, 3vw, 30px); margin: 0; }
.mgc .mgc-hub__title { margin: 0 0 12px; font-family: inherit; font-size: 17px; font-weight: 800; color: var(--mgc-ink); letter-spacing: 0; }
.mgc-hub__tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.mgc a.mgc-hub-tile { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 12px; border-radius: var(--mgc-radius); background: var(--mgc-bg-soft); border: 1px solid var(--mgc-line); text-decoration: none; color: var(--mgc-ink); text-align: center; }
.mgc a.mgc-hub-tile:hover { border-color: var(--mgc-teal); }
.mgc-hub-tile__img { width: 80px; height: 96px; display: flex; align-items: center; justify-content: center; color: var(--mgc-ph); }
.mgc-hub-tile__img img { max-height: 96px; max-width: 80px; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.mgc-hub-tile__name { font-weight: 700; font-size: 15px; }
.mgc-hub-tile__n { font-size: 13px; color: var(--mgc-muted); }
.mgc-hub__brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.mgc a.mgc-hub-brand { display: grid; grid-template-columns: 52px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--mgc-line); border-radius: 14px; text-decoration: none; color: var(--mgc-ink); background: #fff; }
.mgc a.mgc-hub-brand:hover { border-color: var(--mgc-teal); }
.mgc-hub-brand .mgc-logo { width: 52px; height: 52px; grid-row: 1 / 3; }
.mgc-hub-brand .mgc-logo--letter { font-size: 22px; }
.mgc-hub-brand__name { font-weight: 800; font-size: 15px; }
.mgc-hub-brand__meta { font-size: 13px; color: var(--mgc-muted); }
.mgc-hub__more { margin-top: 10px; font-weight: 700; }
.mgc a.mgc-pill .mgc-dot { width: 14px; height: 14px; flex-basis: 14px; }
.mgc-home-section { padding-top: 40px; }
.mgc-home-section .mgc-h2 { font-size: clamp(24px, 3vw, 30px); margin-bottom: 0; }
.mgc-home-picks .mgc-picks { padding-top: 18px; }
.mgc-home-ranking .mgc-plp-body { padding-top: 18px; }
.mgc-home-method { background: var(--mgc-teal-soft); }
.mgc-home-method__in { display: flex; flex-wrap: wrap; gap: 40px; padding-top: 56px; padding-bottom: 56px; }
.mgc-home-method__txt { flex: 1 1 320px; display: flex; flex-direction: column; gap: 14px; font-size: 16px; line-height: 1.6; color: #4a4a4a; }
.mgc-home-method__txt .mgc-h2 { margin: 0; }
.mgc-home-method__grid { flex: 2 1 520px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.mgc-crit { padding: 18px; border-radius: 16px; background: #fff; display: flex; flex-direction: column; gap: 6px; }
.mgc-crit__w { font-size: 13px; font-weight: 700; color: var(--mgc-accent); }
.mgc-crit__t { font-weight: 700; font-size: 17px; }
.mgc-crit__d { font-size: 14px; line-height: 1.5; color: var(--mgc-muted); }
.mgc-crit.is-soon { opacity: .7; }
.mgc-crit.is-soon .mgc-crit__w { color: var(--mgc-muted); }
@media (max-width: 600px) {
	.mgc-home-hero__in { padding-top: 36px; padding-bottom: 36px; gap: 24px; }
	.mgc-home-hero__imgs { min-height: 0; }
	.mgc-home-hero__img { width: 96px; height: 140px; }
	.mgc-home-hero__img img { max-height: 124px; max-width: 86px; }
	.mgc-home-hero__img--1 { margin-bottom: 24px; }
	.mgc-hub__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Note globale (0.6) */
.mgc-scorebox__txt { display: flex; flex-direction: column; gap: 4px; }
.mgc-scorebox__label { font-weight: 800; font-size: 16px; color: var(--mgc-ink); }
.mgc-scorebox__crit { font-size: 14px; color: #4a4a4a; }
.mgc-scorebox__crit strong { color: var(--mgc-teal-ink); }
.mgc-ideal { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; }
.mgc-ideal > span:first-child { font-weight: 700; margin-right: 4px; }
.mgc a.mgc-chip { text-decoration: none; }
.mgc a.mgc-chip:hover { background: var(--mgc-teal); color: #fff; }

/* Lisibilité des textes (0.7) */
.mgc-verdict { padding: 22px 24px; gap: 10px; }
.mgc-verdict__body { display: flex; flex-direction: column; gap: 10px; line-height: 1.65; }
.mgc-verdict__body p { margin: 0; }
.mgc-verdict__body strong { color: var(--mgc-ink); font-weight: 700; }
.mgc-verdict__body p > strong:first-child { color: var(--mgc-accent); font-weight: 800; }
.mgc-prose strong { font-weight: 700; color: var(--mgc-ink); }
.mgc-prose h3 + p { margin-top: 0; }
.mgc-box p { line-height: 1.6; }
.mgc-prose table { border: 1px solid var(--mgc-line); border-radius: 12px; overflow: hidden; border-collapse: separate; border-spacing: 0; max-width: 640px; }
.mgc-prose th { background: var(--mgc-teal-soft); color: var(--mgc-teal-ink); font-weight: 700; }
.mgc-prose tr:last-child td { border-bottom: 0; }
.mgc-prose ul li::marker { color: var(--mgc-teal); }

/* ---------- Guide « Comment choisir » ---------- */
.mgc-guide-hero { background: var(--mgc-peach); border-bottom: 1px solid var(--mgc-peach-line); }
.mgc-guide-hero__in { max-width: 828px; padding-bottom: 28px; }
.mgc-guide-hero .mgc-crumbs { padding-bottom: 14px; }
.mgc-guide-hero__kicker { margin: 0 0 6px !important; }
.mgc-guide-hero .mgc-meta { margin-top: 10px; }
.mgc-guide-content { max-width: 1100px; margin: 0 auto; padding: 28px 0 56px; }
.mgc .mgc-guide-content > * { max-width: 780px; margin-left: auto; margin-right: auto; }
.mgc .mgc-guide-content > p { margin-bottom: .9em; }
.mgc .mgc-guide-content > .mgc-quiz, .mgc .mgc-guide-content > .mgc-figures { max-width: none; }
.mgc-guide-content > p:first-child { font-size: 18px; color: #4a4a4a; }
.mgc-guide-content h2 { margin: 2em auto .6em; font-size: clamp(22px, 2.6vw, 27px); line-height: 1.25; font-weight: 800; color: var(--mgc-ink); scroll-margin-top: 90px; }
.mgc-guide-content h3 { scroll-margin-top: 90px; }
.mgc-guide-content strong { color: var(--mgc-ink); }
.mgc-guide-content figure.wp-block-table { margin: 0 auto 1.4em; overflow-x: auto; }
.mgc-guide-content .wp-block-table table, .mgc-guide-content table { border: 1px solid var(--mgc-line); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; font-size: 14.5px; }
.mgc-guide-content thead th { background: var(--mgc-teal-soft); color: var(--mgc-teal-ink); font-weight: 700; border-bottom: 1px solid var(--mgc-teal-line); }
.mgc-guide-content td, .mgc-guide-content th { vertical-align: top; line-height: 1.5; }
.mgc-guide-content tbody tr:last-child td { border-bottom: 0; }
.mgc-guide-content details { border: 1px solid var(--mgc-line); border-radius: 12px; padding: 0 16px; margin: 0 auto 10px; background: #fff; }
.mgc-guide-content details[open] { padding-bottom: 12px; }
.mgc-guide-content summary { cursor: pointer; font-weight: 700; color: var(--mgc-ink); padding: 14px 24px 14px 0; position: relative; list-style: none; }
.mgc-guide-content summary::-webkit-details-marker { display: none; }
.mgc-guide-content summary::after { content: "+"; position: absolute; right: 0; top: 10px; font-size: 22px; font-weight: 500; color: var(--mgc-teal); }
.mgc-guide-content details[open] summary::after { content: "–"; }
.mgc-guide-content .wp-block-quote, .mgc-guide-content blockquote { background: var(--mgc-teal-soft); border-left: 4px solid var(--mgc-teal); border-radius: 0 12px 12px 0; padding: 14px 18px; color: var(--mgc-ink); }
.mgc-guide-content .wp-block-quote p:last-child { margin-bottom: 0; }
.mgc .mgc-guide-content .mgc-sources { font-size: 13.5px; color: var(--mgc-muted); margin-top: 28px; }
.mgc-toc { border: 1px solid var(--mgc-line); border-radius: 14px; padding: 16px 20px; background: var(--mgc-bg-soft); margin: 8px auto 24px !important; }
.mgc-toc__t { font-weight: 800; color: var(--mgc-ink); margin: 0 0 6px !important; }
.mgc-toc ol { margin: 0 0 0 1.2em !important; columns: 2; column-gap: 32px; }
.mgc-toc li { break-inside: avoid; font-size: 15px; }
.mgc-toc a { text-decoration: none; }
@media (max-width: 640px) { .mgc-toc ol { columns: 1; } }

.mgc-figures { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 8px auto 28px; max-width: 1000px !important; }
.mgc-figures__tile { background: #fff; border: 1px solid var(--mgc-line); border-radius: 14px; padding: 16px; text-align: center; }
.mgc-figures__tile strong { display: block; font-size: 28px; font-weight: 800; color: var(--mgc-teal); line-height: 1.1; }
.mgc-figures__tile span { display: block; font-size: 13px; color: var(--mgc-muted); margin-top: 4px; line-height: 1.35; }
@media (max-width: 720px) { .mgc-figures { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Quiz */
.mgc-quiz { margin: 12px auto 36px; scroll-margin-top: 80px; }
.mgc-quiz__panel { max-width: 860px; margin: 0 auto; background: #fff; border: 1px solid var(--mgc-line); border-radius: 22px; box-shadow: 0 10px 30px rgba(45, 106, 115, .08); padding: 22px 26px 18px; }
.mgc-quiz__top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.mgc-quiz__kicker { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--mgc-accent); margin: 0 !important; }
.mgc-quiz__step-n { font-size: 13px; color: var(--mgc-muted); font-weight: 600; margin: 0 !important; }
.mgc-quiz__bar { height: 6px; background: var(--mgc-teal-soft); border-radius: 99px; margin: 10px 0 18px; overflow: hidden; }
.mgc-quiz__bar span { display: block; height: 100%; width: 0; background: var(--mgc-teal); border-radius: 99px; transition: width .3s ease; }
.mgc-quiz__step { border: 0; margin: 0; padding: 0; min-width: 0; }
.mgc-quiz .mgc-quiz__q { font-size: clamp(20px, 2.6vw, 24px); font-weight: 800; color: var(--mgc-ink); line-height: 1.25; padding: 0; margin: 0 0 4px; outline: none; }
.mgc-quiz__help { font-size: 14px; color: var(--mgc-muted); margin: 0 0 14px !important; }
.mgc-quiz__opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.mgc-quiz__opts--colors { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
.mgc-quiz button.mgc-qopt { all: unset; box-sizing: border-box; display: flex; flex-direction: column; gap: 3px; padding: 13px 40px 13px 15px; border: 1.5px solid var(--mgc-line); border-radius: 14px; background: #fff; cursor: pointer; position: relative; font-family: inherit; transition: border-color .15s, background .15s; min-height: 56px; justify-content: center; }
.mgc-quiz button.mgc-qopt:hover { border-color: var(--mgc-teal); }
.mgc-quiz button.mgc-qopt:focus-visible, .mgc-quiz button.mgc-qtoggle:focus-visible, .mgc-quiz button.mgc-qchip:focus-visible { outline: 3px solid rgba(45, 106, 115, .35); outline-offset: 2px; }
.mgc-quiz button.mgc-qopt::after { content: ""; position: absolute; right: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; border: 1.5px solid #cfd4d8; background: #fff; }
.mgc-quiz button.mgc-qopt[aria-pressed="true"] { border-color: var(--mgc-teal); background: var(--mgc-teal-soft); }
.mgc-quiz button.mgc-qopt[aria-pressed="true"]::after { border-color: var(--mgc-teal); background: var(--mgc-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
.mgc-qopt__l { font-weight: 700; font-size: 15.5px; color: var(--mgc-ink); line-height: 1.3; }
.mgc-qopt__d { font-size: 13px; color: var(--mgc-muted); line-height: 1.35; }
.mgc-qopt__rec { display: inline-block; font-style: normal; font-size: 11px; font-weight: 700; color: var(--mgc-accent); background: var(--mgc-peach); border-radius: 99px; padding: 2px 8px; margin-left: 4px; vertical-align: 2px; }
.mgc-quiz button.mgc-qopt--color { flex-direction: row; align-items: center; gap: 10px; padding: 10px 36px 10px 10px; min-height: 48px; }
.mgc-quiz button.mgc-qopt--color::after { right: 10px; }
.mgc-qopt__dot { width: 26px; height: 26px; border-radius: 50%; flex: 0 0 auto; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
.mgc-qopt--color .mgc-qopt__l { font-size: 14px; }
.mgc-quiz__toggles { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--mgc-line); }
.mgc-quiz button.mgc-qtoggle { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font-family: inherit; font-size: 14.5px; font-weight: 600; color: var(--mgc-ink); padding: 4px 0; }
.mgc-qtoggle__box { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid #bfc6cb; background: #fff; flex: 0 0 auto; }
.mgc-qtoggle[aria-pressed="true"] .mgc-qtoggle__box { border-color: var(--mgc-teal); background: var(--mgc-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat; }
.mgc-quiz__nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
.mgc-quiz button.mgc-quiz__back { all: unset; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 600; color: var(--mgc-muted); padding: 10px 4px; }
.mgc-quiz button.mgc-quiz__back[hidden] { visibility: hidden; display: inline; }
.mgc-quiz button.mgc-quiz__back:hover { color: var(--mgc-ink); }
.mgc-quiz__live { font-size: 14px; color: var(--mgc-muted); text-align: center; margin: 0 !important; flex: 1; }
.mgc-quiz__live strong { color: var(--mgc-teal); font-size: 16px; }
.mgc-quiz button.mgc-quiz__next { all: unset; box-sizing: border-box; cursor: pointer; font-family: inherit; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px; border-radius: 24px; background: var(--mgc-cta); color: var(--mgc-cta-ink); font-weight: 800; font-size: 15px; white-space: nowrap; }
.mgc-quiz button.mgc-quiz__next:hover { background: var(--mgc-cta-hover); }
@media (max-width: 600px) {
	.mgc-quiz__panel { padding: 18px 16px 14px; border-radius: 18px; }
	.mgc-quiz__opts { grid-template-columns: 1fr; }
	.mgc-quiz__opts--colors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mgc-quiz__nav { flex-wrap: wrap; }
	.mgc-quiz__live { order: -1; flex-basis: 100%; }
	.mgc-quiz button.mgc-quiz__next { flex: 1; }
}

/* Résumé des réponses et résultats */
.mgc-quiz__summary { max-width: 1100px; margin: 0 auto 18px; background: var(--mgc-bg-soft); border: 1px solid var(--mgc-line); border-radius: 16px; padding: 14px 18px; }
.mgc-quiz__sumhead { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.mgc-quiz__sumt { font-weight: 800; color: var(--mgc-ink); margin: 0 !important; }
.mgc-quiz__sumact { display: flex; gap: 14px; flex-wrap: wrap; }
.mgc-quiz button.mgc-qlink { all: unset; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 700; color: var(--mgc-teal); }
.mgc-quiz button.mgc-qlink:hover { text-decoration: underline; }
.mgc-quiz__chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mgc-quiz button.mgc-qchip { all: unset; cursor: pointer; font-family: inherit; font-size: 13px; color: var(--mgc-ink); background: #fff; border: 1px solid var(--mgc-line); border-radius: 99px; padding: 6px 12px; line-height: 1.3; }
.mgc-quiz button.mgc-qchip b { font-weight: 700; color: var(--mgc-muted); margin-right: 2px; }
.mgc-quiz button.mgc-qchip:hover { border-color: var(--mgc-teal); }
.mgc-quiz__results { max-width: 1100px; margin: 0 auto; }
.mgc-quiz .mgc-quiz__rt { font-size: clamp(22px, 2.6vw, 27px); font-weight: 800; margin: 6px 0 4px !important; }
.mgc-quiz__rsub { font-size: 15px; color: var(--mgc-muted); margin: 0 0 16px !important; }
.mgc-quiz__rsub strong { color: var(--mgc-teal); }
.mgc-quiz__grid { margin-bottom: 18px; }
.mgc-qcard--top { border-color: var(--mgc-teal); box-shadow: 0 6px 22px rgba(45, 106, 115, .12); }
.mgc-qcard__match { position: relative; background: var(--mgc-teal-soft); border-radius: 10px; overflow: hidden; height: 28px; display: flex; align-items: center; }
.mgc-qcard__match i { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(45, 106, 115, .2); }
.mgc-qcard__match span { position: relative; z-index: 1; padding: 0 10px; font-size: 12.5px; font-weight: 800; color: var(--mgc-teal-ink); }
.mgc-qcard__why { list-style: none; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; }
.mgc-qcard__why li { font-size: 12px; font-weight: 600; border-radius: 99px; padding: 3px 9px 3px 22px; margin: 0 !important; position: relative; line-height: 1.4; }
.mgc-qcard__why li::before { position: absolute; left: 8px; top: 3px; font-weight: 800; }
.mgc-qcard__why li.is-ok { background: #e7f4ea; color: #1f6b35; }
.mgc-qcard__why li.is-ok::before { content: "✓"; }
.mgc-qcard__why li.is-ko { background: #f6eeee; color: #8f3733; }
.mgc-qcard__why li.is-ko::before { content: "×"; }
.mgc-qcard__color { font-size: 12.5px; color: var(--mgc-muted); }
.mgc-quiz__more { border-top: 1px solid var(--mgc-line); margin-top: 18px; padding-top: 16px; }
.mgc-quiz__moret { font-weight: 800; color: var(--mgc-ink); margin: 0 0 10px !important; }
.mgc-quiz__morel { display: flex; flex-wrap: wrap; gap: 8px; }

/* Home : entrée vers le quiz */
.mgc-home-quiz { padding: 8px 0 28px; }
.mgc-home-quiz__in { display: flex; align-items: center; gap: 24px; justify-content: space-between; flex-wrap: wrap; background: var(--mgc-teal); color: #fff; border-radius: 22px; padding: 24px 28px; }
.mgc-home-quiz__txt { flex: 1 1 360px; }
.mgc .mgc-home-quiz__t { margin: 0 0 4px; font-size: clamp(20px, 2.4vw, 24px); font-weight: 800; color: #fff; line-height: 1.25; }
.mgc-home-quiz__d { font-size: 15px; color: var(--mgc-on-teal-muted); }
.mgc-home-quiz__opts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.mgc a.mgc-home-quiz__opt { display: inline-flex; padding: 7px 14px; border-radius: 99px; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .35); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.mgc a.mgc-home-quiz__opt:hover { background: #fff; color: var(--mgc-teal-ink); }
.mgc a.mgc-home-quiz__go { background: #fff; color: var(--mgc-teal-ink); min-height: 50px; border-radius: 25px; padding: 0 26px; font-weight: 800; font-size: 15px; }
.mgc a.mgc-home-quiz__go:hover { background: var(--mgc-peach); color: var(--mgc-teal-ink); }
.mgc-home-picker__quiz { margin-top: 10px; font-size: 14px; }

/* Le thème ne doit pas restyler les boutons du quiz */
.mgc-quiz button.mgc-qopt, .mgc-quiz button.mgc-qtoggle, .mgc-quiz button.mgc-quiz__back, .mgc-quiz button.mgc-qlink, .mgc-quiz button.mgc-qchip {
	background-color: #fff !important; background-image: none; color: var(--mgc-ink) !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; text-shadow: none !important; line-height: 1.35 !important; width: auto; margin: 0 !important;
}
.mgc-quiz button.mgc-qopt { border: 1.5px solid var(--mgc-line) !important; border-radius: 14px !important; padding: 13px 40px 13px 15px !important; text-align: left !important; }
.mgc-quiz button.mgc-qopt--color { padding: 10px 36px 10px 10px !important; }
.mgc-quiz button.mgc-qopt:hover { border-color: var(--mgc-teal) !important; }
.mgc-quiz button.mgc-qopt[aria-pressed="true"] { border-color: var(--mgc-teal) !important; background-color: var(--mgc-teal-soft) !important; }
.mgc-quiz button.mgc-qtoggle, .mgc-quiz button.mgc-quiz__back, .mgc-quiz button.mgc-qlink { background-color: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 4px 0 !important; font-size: 14.5px !important; }
.mgc-quiz button.mgc-quiz__back { color: var(--mgc-muted) !important; padding: 10px 4px !important; font-weight: 600 !important; }
.mgc-quiz button.mgc-qlink { color: var(--mgc-teal) !important; font-weight: 700 !important; font-size: 14px !important; }
.mgc-quiz button.mgc-qchip { border: 1px solid var(--mgc-line) !important; border-radius: 99px !important; padding: 6px 12px !important; font-size: 13px !important; font-weight: 400 !important; }
.mgc-quiz button.mgc-qchip:hover { border-color: var(--mgc-teal) !important; }
.mgc-quiz button.mgc-quiz__next { background: var(--mgc-cta) !important; color: var(--mgc-cta-ink) !important; border: 0 !important; border-radius: 24px !important; padding: 0 26px !important; text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important; font-size: 15px !important; font-weight: 800 !important; }
.mgc-quiz button.mgc-quiz__next:hover { background: var(--mgc-cta-hover) !important; }
.mgc-qopt__l, .mgc-qopt__d { text-align: left; }
.mgc .mgc-guide-content figure.wp-block-table table { width: 100%; table-layout: auto; background: #fff; }
.mgc .mgc-guide-content figure.wp-block-table td, .mgc .mgc-guide-content figure.wp-block-table th { border: 0; border-bottom: 1px solid var(--mgc-line); padding: 10px 12px; word-break: normal; overflow-wrap: normal; hyphens: manual; }
.mgc .mgc-guide-content figure.wp-block-table thead th { border-bottom: 1px solid var(--mgc-teal-line); }
.mgc .mgc-guide-content figure.wp-block-table tbody tr:last-child td { border-bottom: 0; }
@media (max-width: 640px) {
	.mgc .mgc-guide-content figure.wp-block-table { -webkit-overflow-scrolling: touch; }
	.mgc .mgc-guide-content figure.wp-block-table table { min-width: 560px; font-size: 13.5px; }
}

/* Quiz v2 : « Peu importe », formats dessinés, couleurs en gourdes */
.mgc-quiz button.mgc-qopt.mgc-qopt--any { border-style: dashed !important; border-color: #c9d3d6 !important; background-color: var(--mgc-bg-soft) !important; }
.mgc-quiz button.mgc-qopt.mgc-qopt--any .mgc-qopt__l { color: var(--mgc-teal-ink); }
.mgc-quiz button.mgc-qopt.mgc-qopt--any:hover { border-color: var(--mgc-teal) !important; }
.mgc-quiz button.mgc-qopt.mgc-qopt--any[aria-pressed="true"] { border-style: solid !important; border-color: var(--mgc-teal) !important; background-color: var(--mgc-teal-soft) !important; }

.mgc-quiz__opts--bottles { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); }
.mgc-quiz button.mgc-qopt.mgc-qopt--size { align-items: center; justify-content: flex-end; text-align: center !important; padding: 34px 10px 14px !important; gap: 2px; }
.mgc-quiz button.mgc-qopt--size::after, .mgc-quiz button.mgc-qopt--color::after { top: 10px; right: 10px; margin-top: 0; }
.mgc-quiz button.mgc-qopt--size .mgc-qopt__l, .mgc-quiz button.mgc-qopt--size .mgc-qopt__d, .mgc-quiz button.mgc-qopt--color .mgc-qopt__l { text-align: center; }
.mgc-qsize { display: block; height: var(--h, 60px); aspect-ratio: 40 / 100; margin: 0 auto 8px; }
.mgc-qsize svg { display: block; width: 100%; height: 100%; overflow: visible; }
.mgc-qsize svg rect, .mgc-qsize svg path { fill: var(--mgc-teal-soft); stroke: var(--mgc-teal); stroke-width: 2.2; vector-effect: non-scaling-stroke; }
.mgc-qsize svg rect { fill: var(--mgc-teal); }
.mgc-qopt--size[aria-pressed="true"] .mgc-qsize svg path { fill: #fff; }
.mgc-qopt--size .mgc-qopt__rec { position: absolute; top: 9px; left: 9px; margin: 0; }
.mgc-quiz button.mgc-qopt.mgc-qopt--all { grid-column: span 2; align-items: center; justify-content: flex-end; text-align: center !important; padding: 34px 12px 14px !important; }
.mgc-quiz button.mgc-qopt--all::after { top: 10px; right: 10px; margin-top: 0; }
.mgc-quiz button.mgc-qopt--all .mgc-qopt__l, .mgc-quiz button.mgc-qopt--all .mgc-qopt__d { text-align: center; }
.mgc-qdalton { display: flex; align-items: flex-end; justify-content: center; gap: 5px; margin-bottom: 8px; }
.mgc-qdalton .mgc-qsize { margin: 0; }

.mgc-quiz__opts--colors { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); }
.mgc-quiz button.mgc-qopt.mgc-qopt--color { flex-direction: column; align-items: center; justify-content: flex-end; gap: 8px; padding: 18px 8px 12px !important; min-height: 0; }
.mgc-qbottle { display: block; width: 30px; height: 75px; filter: drop-shadow(0 0 .6px rgba(0, 0, 0, .55)) drop-shadow(0 3px 4px rgba(0, 0, 0, .12)); transition: transform .15s ease; }
.mgc-qbottle__fill { display: block; width: 100%; height: 100%; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Crect x='13' y='2' width='14' height='10' rx='2.5'/%3E%3Cpath d='M12 14H28V18C28 21 36 24 36 32V90C36 95 33 98 28 98H12C7 98 4 95 4 90V32C4 24 12 21 12 18Z'/%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 40 100'%3E%3Crect x='13' y='2' width='14' height='10' rx='2.5'/%3E%3Cpath d='M12 14H28V18C28 21 36 24 36 32V90C36 95 33 98 28 98H12C7 98 4 95 4 90V32C4 24 12 21 12 18Z'/%3E%3C/svg%3E") center / contain no-repeat; position: relative; }
.mgc-qbottle__fill::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, .38) 40%, rgba(255, 255, 255, 0) 54%); }
.mgc-qsize--any { margin: 0; width: 30px; }
.mgc-qsize--any svg rect, .mgc-qsize--any svg path { fill: none !important; stroke: #9fb0b5 !important; stroke-dasharray: 4 3; }
.mgc-quiz button.mgc-qopt--color:hover .mgc-qbottle, .mgc-quiz button.mgc-qopt--color[aria-pressed="true"] .mgc-qbottle { transform: translateY(-3px) scale(1.06); }
.mgc-quiz button.mgc-qopt--color .mgc-qopt__l { font-size: 13px; font-weight: 600; }
@media (max-width: 600px) {
	.mgc-quiz__opts--bottles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
	.mgc-quiz button.mgc-qopt.mgc-qopt--size { padding: 26px 4px 10px !important; }
	.mgc-quiz__opts--bottles .mgc-qsize { height: calc(var(--h, 60px) * .62); margin-bottom: 6px; }
	.mgc-quiz button.mgc-qopt--size .mgc-qopt__l { font-size: 13.5px; }
	.mgc-quiz button.mgc-qopt--size .mgc-qopt__d { display: none; }
	.mgc-qopt--size .mgc-qopt__rec { position: static; order: 3; margin: 4px 0 0; font-size: 10px; padding: 1px 6px; }
	.mgc-quiz button.mgc-qopt--size::after, .mgc-quiz button.mgc-qopt--all::after, .mgc-quiz button.mgc-qopt--color::after { width: 16px; height: 16px; top: 7px; right: 7px; }
	.mgc-quiz button.mgc-qopt.mgc-qopt--all { grid-column: span 4; flex-direction: row; gap: 14px; padding: 14px 40px 14px 14px !important; justify-content: center; }
	.mgc-quiz button.mgc-qopt--all .mgc-qdalton { margin: 0; }
	.mgc-quiz button.mgc-qopt--all .mgc-qopt__d { display: none; }
	.mgc-quiz__opts--colors { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
	.mgc-quiz button.mgc-qopt.mgc-qopt--color { padding: 16px 2px 10px !important; gap: 6px; }
	.mgc-qbottle, .mgc-quiz__opts--colors .mgc-qsize--any { width: 24px; height: 60px; }
	.mgc-quiz button.mgc-qopt--color .mgc-qopt__l { font-size: 12px; line-height: 1.2 !important; }
}
@media (min-width: 601px) { .mgc-quiz button.mgc-qopt--size .mgc-qopt__d { min-height: 2.7em; } }
.mgc-quiz__opts.mgc-quiz__opts--look { grid-template-columns: repeat(3, minmax(0, 132px)); }
.mgc-quiz__opts--look .mgc-qopt__l { font-size: 14.5px !important; font-weight: 700 !important; }
.mgc-quiz__sub { margin: 20px 0 10px !important; padding-top: 16px; border-top: 1px dashed var(--mgc-line); font-weight: 800; color: var(--mgc-ink); font-size: 16px; scroll-margin-top: 90px; animation: mgcFade .25s ease; }
.mgc-quiz__sub span { font-weight: 500; font-size: 13px; color: var(--mgc-muted); margin-left: 6px; }
.mgc-quiz__sub + .mgc-quiz__opts { animation: mgcFade .25s ease; }
@keyframes mgcFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 600px) { .mgc-quiz__opts.mgc-quiz__opts--look { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---------- Blog « Conseils » ---------- */
.mgc-blog-hero, .mgc-art-hero { background: var(--mgc-peach); border-bottom: 1px solid var(--mgc-peach-line); }
.mgc-blog-hero .mgc-wrap { padding-bottom: 30px; }
.mgc-blog-hero .mgc-crumbs, .mgc-art-hero .mgc-crumbs { padding-bottom: 14px; }
.mgc-blog-hero__lead { margin-top: 10px !important; max-width: 720px; font-size: 17px; color: #4a4a4a; }
.mgc-blog-main { padding-top: 28px; padding-bottom: 56px; }
.mgc-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
@media (max-width: 960px) { .mgc-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .mgc-posts { grid-template-columns: 1fr; } }
.mgc-post { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--mgc-line); border-radius: var(--mgc-radius); overflow: hidden; transition: box-shadow .2s, transform .2s; }
.mgc-post:hover { box-shadow: 0 10px 28px rgba(45, 106, 115, .12); transform: translateY(-2px); }
.mgc-post[hidden] { display: none; }
.mgc-post__media { display: block; aspect-ratio: 16 / 9; background: var(--mgc-teal-soft); overflow: hidden; }
.mgc-post__media img { width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; display: block; }
.mgc-post__body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.mgc-post__cat { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: var(--mgc-accent); }
.mgc .mgc-post__t { margin: 0; font-size: 18px; line-height: 1.3; font-weight: 800; }
.mgc .mgc-post__t a { color: var(--mgc-ink); text-decoration: none; }
.mgc .mgc-post__t a:hover { color: var(--mgc-teal); }
.mgc-post__exc { font-size: 14.5px; color: var(--mgc-muted); line-height: 1.5; }
.mgc-post__meta { margin-top: auto !important; padding-top: 6px; font-size: 12.5px; color: var(--mgc-muted); font-weight: 600; }
.mgc-post--big { flex-direction: row; margin-bottom: 26px; }
.mgc-post--big .mgc-post__media { flex: 0 0 56%; aspect-ratio: auto; min-height: 300px; }
.mgc-post--big .mgc-post__body { padding: 28px 30px; justify-content: center; gap: 10px; }
.mgc .mgc-post--big .mgc-post__t { font-size: clamp(22px, 2.6vw, 30px); }
.mgc-post--big .mgc-post__exc { font-size: 16px; }
@media (max-width: 760px) { .mgc-post--big { flex-direction: column; } .mgc-post--big .mgc-post__media { aspect-ratio: 16 / 9; min-height: 0; } .mgc-post--big .mgc-post__body { padding: 18px; } }
.mgc-post-ph { display: block; width: 100%; height: 100%; min-height: 140px; background: radial-gradient(circle at 78% 30%, rgba(255, 255, 255, .25) 0 18%, transparent 19%), radial-gradient(circle at 18% 80%, rgba(255, 255, 255, .15) 0 22%, transparent 23%), var(--c, #2d6a73); position: relative; }
.mgc-post-ph::after { content: ""; position: absolute; left: 50%; top: 50%; width: 46px; height: 115px; transform: translate(-50%, -50%) rotate(-8deg); background: rgba(255, 255, 255, .9); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Crect x='13' y='2' width='14' height='10' rx='2.5'/%3E%3Cpath d='M12 14H28V18C28 21 36 24 36 32V90C36 95 33 98 28 98H12C7 98 4 95 4 90V32C4 24 12 21 12 18Z'/%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 40 100'%3E%3Crect x='13' y='2' width='14' height='10' rx='2.5'/%3E%3Cpath d='M12 14H28V18C28 21 36 24 36 32V90C36 95 33 98 28 98H12C7 98 4 95 4 90V32C4 24 12 21 12 18Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.mgc-blog-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.mgc button.mgc-blog-filter { all: unset; box-sizing: border-box; cursor: pointer; font-family: inherit; font-size: 14px !important; font-weight: 700 !important; padding: 8px 16px !important; border-radius: 99px !important; border: 1.5px solid var(--mgc-line) !important; background: #fff !important; color: var(--mgc-ink) !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.3 !important; }
.mgc button.mgc-blog-filter:hover { border-color: var(--mgc-teal) !important; }
.mgc button.mgc-blog-filter[aria-pressed="true"] { background: var(--mgc-teal) !important; border-color: var(--mgc-teal) !important; color: #fff !important; }
.mgc-blog-pages { margin: 30px 0 0; }
.mgc-blog-pages ul { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; justify-content: center; flex-wrap: wrap; }
.mgc-blog-pages a, .mgc-blog-pages span { display: inline-flex; min-width: 40px; height: 40px; align-items: center; justify-content: center; padding: 0 12px; border-radius: 20px; border: 1px solid var(--mgc-line); text-decoration: none; font-weight: 700; font-size: 14px; }
.mgc-blog-pages .current { background: var(--mgc-teal); color: #fff; border-color: var(--mgc-teal); }

/* Entrée quiz (blog, articles) */
.mgc-qcta { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; background: var(--mgc-teal); color: #fff; border-radius: 20px; padding: 22px 26px; margin: 32px auto; }
.mgc-qcta__txt { flex: 1 1 300px; }
.mgc .mgc-qcta__t, .mgc-qcta__t { font-size: 20px; font-weight: 800; color: #fff !important; margin: 0 0 4px !important; line-height: 1.25; }
.mgc-qcta__d { color: var(--mgc-on-teal-muted) !important; font-size: 15px; margin: 0 !important; line-height: 1.45; }
.mgc a.mgc-qcta__go { background: #fff; color: var(--mgc-teal-ink) !important; min-height: 48px; border-radius: 24px; padding: 0 24px; font-weight: 800; font-size: 15px; text-decoration: none !important; }
.mgc a.mgc-qcta__go:hover { background: var(--mgc-peach); }

/* Article */
.mgc-art-hero__in { max-width: 900px; padding-bottom: 30px; }
.mgc a.mgc-art-hero__cat { display: inline-block; margin-bottom: 8px; }
.mgc .mgc-art-hero__t { font-size: clamp(28px, 4.2vw, 42px); }
.mgc-art-hero__lead { margin-top: 12px !important; font-size: 18px; line-height: 1.55; color: #4a4a4a; max-width: 760px; }
.mgc-art-hero__meta { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px !important; font-size: 13.5px; color: var(--mgc-muted); }
.mgc-art-hero__author { font-weight: 700; color: var(--mgc-ink); }
.mgc-art-cover { margin: 26px auto 0 !important; max-width: 1080px; }
.mgc-art-cover img { display: block; width: 100%; height: auto; border-radius: 22px; }
.mgc-art-layout { display: grid; grid-template-columns: 260px minmax(0, 760px); gap: 48px; justify-content: center; padding-top: 34px; padding-bottom: 50px; }
.mgc-art-layout--solo { grid-template-columns: minmax(0, 760px); }
.mgc-art-side { position: relative; }
.mgc-art-side__in { position: sticky; top: 96px; }
.mgc-art-toc { background: var(--mgc-bg-soft); border: 1px solid var(--mgc-line); border-radius: 16px; padding: 14px 16px; }
.mgc-art-toc summary { font-weight: 800; color: var(--mgc-ink); cursor: pointer; list-style: none; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; }
.mgc-art-toc summary::-webkit-details-marker { display: none; }
.mgc-art-toc ol { list-style: none; margin: 10px 0 0 !important; padding: 0 !important; counter-reset: toc; }
.mgc-art-toc li { counter-increment: toc; margin: 0 !important; }
.mgc-art-toc a { display: block; padding: 6px 0 6px 26px; position: relative; font-size: 14px; line-height: 1.4; color: var(--mgc-muted) !important; text-decoration: none; border-radius: 8px; }
.mgc-art-toc a::before { content: counter(toc); position: absolute; left: 0; top: 6px; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 1px solid var(--mgc-line); font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.mgc-art-toc a:hover, .mgc-art-toc a.is-active { color: var(--mgc-teal-ink) !important; font-weight: 700; }
.mgc-art-toc a.is-active::before { background: var(--mgc-teal); color: #fff; border-color: var(--mgc-teal); }
.mgc a.mgc-art-sidecta { display: flex; flex-direction: column; gap: 2px; margin-top: 14px; background: var(--mgc-teal); color: #fff; border-radius: 16px; padding: 16px; text-decoration: none; }
.mgc-art-sidecta__t { font-weight: 800; font-size: 16px; }
.mgc-art-sidecta__d { font-size: 13px; color: var(--mgc-on-teal-muted); }
.mgc-art-sidecta__go { margin-top: 8px; font-weight: 800; font-size: 14px; }
@media (max-width: 960px) {
	.mgc-art-layout { grid-template-columns: minmax(0, 1fr); gap: 0; padding-top: 22px; }
	.mgc-art-side__in { position: static; }
	.mgc-art-side { margin-bottom: 18px; }
	.mgc-art-sidecta { display: none !important; }
	.mgc-art-toc summary::after { content: "+"; float: right; font-size: 20px; line-height: 1; color: var(--mgc-teal); }
	.mgc-art-toc[open] summary::after { content: "–"; }
}
.mgc-art-body { font-size: 17px; }
.mgc-art-body > p:first-child { font-size: 18.5px; color: #3a3a3a; }
.mgc-art-body h2 { margin: 1.9em 0 .6em; font-size: clamp(22px, 2.6vw, 27px); line-height: 1.25; font-weight: 800; color: var(--mgc-ink); scroll-margin-top: 90px; }
.mgc-art-body h3 { margin: 1.5em 0 .5em; font-size: 19px; scroll-margin-top: 90px; }
.mgc-art-body strong { color: var(--mgc-ink); }
.mgc-art-body figure { margin: 1.4em 0; }
.mgc-art-body figure img { border-radius: 16px; margin: 0; }
.mgc-art-body figcaption { font-size: 13.5px; color: var(--mgc-muted); text-align: center; margin-top: 8px; }
.mgc-art-body figure.wp-block-table { overflow-x: auto; }
.mgc .mgc-art-body figure.wp-block-table table { width: 100%; table-layout: auto; background: #fff; border: 1px solid var(--mgc-line); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; font-size: 15px; }
.mgc .mgc-art-body figure.wp-block-table td, .mgc .mgc-art-body figure.wp-block-table th { border: 0; border-bottom: 1px solid var(--mgc-line); padding: 10px 12px; vertical-align: top; line-height: 1.5; }
.mgc .mgc-art-body figure.wp-block-table thead th { background: var(--mgc-teal-soft); color: var(--mgc-teal-ink); font-weight: 700; border-bottom: 1px solid var(--mgc-teal-line); }
.mgc .mgc-art-body figure.wp-block-table tbody tr:last-child td { border-bottom: 0; }
@media (max-width: 640px) { .mgc .mgc-art-body figure.wp-block-table table { min-width: 540px; font-size: 14px; } }
.mgc-art-body details { border: 1px solid var(--mgc-line); border-radius: 12px; padding: 0 16px; margin: 0 0 10px; background: #fff; }
.mgc-art-body details[open] { padding-bottom: 12px; }
.mgc-art-body summary { cursor: pointer; font-weight: 700; color: var(--mgc-ink); padding: 14px 24px 14px 0; position: relative; list-style: none; }
.mgc-art-body summary::-webkit-details-marker { display: none; }
.mgc-art-body summary::after { content: "+"; position: absolute; right: 0; top: 10px; font-size: 22px; font-weight: 500; color: var(--mgc-teal); }
.mgc-art-body details[open] summary::after { content: "–"; }
.mgc-art-body .mgc-sources { font-size: 13.5px; color: var(--mgc-muted); margin-top: 28px; border-top: 1px solid var(--mgc-line); padding-top: 14px; }
.mgc-art-body .mgc-grid { margin: 1.2em 0; }
.mgc-art-body .mgc-card__title { font-size: 16px; }
.mgc-art-body .mgc-qcta { margin: 2em 0; }

/* Styles de blocs (citation et listes) — articles et guide */
.mgc-prose .wp-block-quote { position: relative; margin: 1.5em 0; padding: 16px 18px 16px 54px; border: 0; border-radius: 14px; background: var(--mgc-teal-soft); color: var(--mgc-ink); font-style: normal; }
.mgc-prose .wp-block-quote p { margin: 0 0 .5em; font-size: 16px !important; font-weight: 400 !important; line-height: 1.6 !important; font-style: normal !important; letter-spacing: 0 !important; font-family: inherit !important; color: var(--mgc-ink); }
.mgc-prose .wp-block-quote > :last-child { margin-bottom: 0; }
.mgc-prose .wp-block-quote cite { display: block; font-size: 13px; color: var(--mgc-muted); font-style: normal; margin-top: 6px; }
.mgc-prose .wp-block-quote::before { content: "i"; position: absolute; left: 16px; top: 16px; width: 26px; height: 26px; border-radius: 50%; background: var(--mgc-teal); color: #fff; font-weight: 800; font-size: 14px; display: flex; align-items: center; justify-content: center; font-family: Georgia, serif; }
.mgc-prose .wp-block-quote.is-style-mgc-retenir { background: var(--mgc-peach); border: 1px solid var(--mgc-peach-line); }
.mgc-prose .wp-block-quote.is-style-mgc-retenir::before { content: "★"; background: var(--mgc-cta); font-family: inherit; font-size: 13px; }
.mgc-prose .wp-block-quote.is-style-mgc-retenir::after { content: "À retenir"; position: absolute; top: -10px; left: 54px; background: var(--mgc-cta); color: var(--mgc-cta-ink); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; padding: 2px 9px; border-radius: 99px; }
.mgc-prose .wp-block-quote.is-style-mgc-astuce { background: #eef7ef; }
.mgc-prose .wp-block-quote.is-style-mgc-astuce::before { content: "✓"; background: #3e9b5a; font-family: inherit; }
.mgc-prose .wp-block-quote.is-style-mgc-astuce::after { content: "Astuce"; position: absolute; top: -10px; left: 54px; background: #3e9b5a; color: #fff; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; padding: 2px 9px; border-radius: 99px; }
.mgc-prose .wp-block-quote.is-style-mgc-attention { background: #fbefee; }
.mgc-prose .wp-block-quote.is-style-mgc-attention::before { content: "!"; background: var(--mgc-cta); font-family: inherit; }
.mgc-prose .wp-block-quote.is-style-mgc-attention::after { content: "Attention"; position: absolute; top: -10px; left: 54px; background: var(--mgc-cta); color: var(--mgc-cta-ink); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; padding: 2px 9px; border-radius: 99px; }
.mgc-prose ul.is-style-mgc-check { list-style: none; margin-left: 0 !important; }
.mgc-prose ul.is-style-mgc-check li { position: relative; padding-left: 30px; }
.mgc-prose ul.is-style-mgc-check li::before { content: ""; position: absolute; left: 0; top: .3em; width: 19px; height: 19px; border-radius: 50%; background: var(--mgc-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 13px no-repeat; }
.mgc-prose ol.is-style-mgc-steps { list-style: none; margin-left: 0 !important; counter-reset: step; }
.mgc-prose ol.is-style-mgc-steps > li { counter-increment: step; position: relative; padding: 2px 0 14px 50px; margin: 0 !important; }
.mgc-prose ol.is-style-mgc-steps > li::before { content: counter(step); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--mgc-teal); color: #fff; font-weight: 800; display: flex; align-items: center; justify-content: center; font-size: 15px; }
.mgc-prose ol.is-style-mgc-steps > li:not(:last-child)::after { content: ""; position: absolute; left: 16px; top: 38px; bottom: 2px; width: 2px; background: var(--mgc-teal-soft); }

/* Calculateurs */
.mgc-calc { background: #fff; border: 1px solid var(--mgc-line); border-radius: 20px; box-shadow: 0 10px 30px rgba(45, 106, 115, .08); padding: 22px 24px; margin: 1.6em 0; }
.mgc .mgc-calc__t { font-size: 19px; font-weight: 800; color: var(--mgc-ink); margin: 0 0 14px !important; }
.mgc-calc__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.mgc-calc__f { display: flex; flex-direction: column; gap: 5px; font-size: 13px; font-weight: 700; color: var(--mgc-muted); }
.mgc .mgc-calc__f select, .mgc .mgc-calc__f input { font-family: inherit !important; font-size: 15px !important; font-weight: 600; color: var(--mgc-ink) !important; border: 1.5px solid var(--mgc-line) !important; border-radius: 12px !important; padding: 10px 12px !important; background: #fff !important; width: 100%; min-height: 46px; box-shadow: none !important; outline: none; }
.mgc .mgc-calc__f select:focus, .mgc .mgc-calc__f input:focus { outline: none; border-color: var(--mgc-teal) !important; }
.mgc-calc__in { display: flex; align-items: center; gap: 8px; color: var(--mgc-ink); font-weight: 600; font-size: 15px; }
.mgc-calc__in input { flex: 1; min-width: 0; }
.mgc-calc__out { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.mgc-calc__out > div { background: var(--mgc-teal-soft); border-radius: 14px; padding: 14px; text-align: center; }
.mgc-calc__out strong { display: block; font-size: 26px; font-weight: 800; color: var(--mgc-teal-ink); line-height: 1.1; }
.mgc-calc__out span { display: block; font-size: 12.5px; color: var(--mgc-muted); margin-top: 4px; line-height: 1.35; }
.mgc-calc__note { font-size: 12.5px; color: var(--mgc-muted); margin-top: 12px !important; line-height: 1.5; }
@media (max-width: 560px) { .mgc-calc { padding: 18px 16px; } .mgc-calc__out { grid-template-columns: 1fr; } .mgc-calc__out > div { display: flex; align-items: baseline; gap: 10px; text-align: left; } .mgc-calc__out span { margin: 0; } }
@media (max-width: 600px) {
	.mgc-prose .wp-block-quote { padding: 22px 16px 14px; }
	.mgc-prose .wp-block-quote::before { display: none; }
	.mgc-prose .wp-block-quote.is-style-mgc-retenir::after, .mgc-prose .wp-block-quote.is-style-mgc-astuce::after, .mgc-prose .wp-block-quote.is-style-mgc-attention::after { left: 16px; }
	.mgc-art-body { font-size: 16px; }
	.mgc-art-body > p:first-child { font-size: 17px; }
	.mgc-art-hero__lead { font-size: 16px; }
}
.mgc .mgc-art-body figure.wp-block-table { width: 100%; max-width: 100%; }
.mgc .mgc-guide-content figure.wp-block-table { width: 100%; max-width: 780px; }
.mgc .mgc-guide-content > .wp-block-quote { margin-left: auto; margin-right: auto; }
.mgc .mgc-art-body figure.wp-block-table table, .mgc .mgc-guide-content figure.wp-block-table table { max-width: none; }
.mgc .mgc-art-body figcaption, .mgc .mgc-art-body .wp-element-caption { font-size: 13.5px !important; color: var(--mgc-muted) !important; text-align: center; margin-top: 8px !important; line-height: 1.45 !important; }

/* --- Niche bagages cabine --------------------------------------------------- */
.mgc-quiz--bagage .mgc-qbottle__fill { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Cpath d='M14 15V5h12v10' fill='none' stroke='%23000' stroke-width='3.5'/%3E%3Crect x='4' y='15' width='32' height='74' rx='6'/%3E%3Ccircle cx='11' cy='94' r='4.5'/%3E%3Ccircle cx='29' cy='94' r='4.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 100'%3E%3Cpath d='M14 15V5h12v10' fill='none' stroke='%23000' stroke-width='3.5'/%3E%3Crect x='4' y='15' width='32' height='74' rx='6'/%3E%3Ccircle cx='11' cy='94' r='4.5'/%3E%3Ccircle cx='29' cy='94' r='4.5'/%3E%3C/svg%3E"); }
.mgc-quiz--bagage .mgc-qbottle--any .mgc-qbottle__fill { background: repeating-linear-gradient(135deg, #dfe5e6 0 5px, #fff 5px 9px); }
.mgc-compagnies table { width: 100%; border-collapse: collapse; font-size: 15px; }
.mgc-compagnies th, .mgc-compagnies td { padding: 9px 10px; border-bottom: 1px solid var(--mgc-line, #e3e8ea); text-align: left; vertical-align: top; }
.mgc-compagnies thead th { background: var(--mgc-teal-soft, #eef6f6); font-weight: 700; }
.mgc-compagnies figcaption { margin-top: 8px; font-size: 13px; color: var(--mgc-muted, #5f6b70); }
.mgc-compat { margin-top: 18px; margin-bottom: 18px; } /* .mgc-wrap garde ses marges latérales automatiques */
.mgc-othersizes { margin-top: 18px; margin-bottom: 18px; }
.mgc-compat, .mgc-othersizes { scroll-margin-top: 110px; } /* ancres #compagnies, #autres-tailles sous l'en-tête fixe */
.mgc-othersizes__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; margin: 10px 0 0; padding: 0; list-style: none; }
.mgc-othersizes__list li { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border: 1px solid var(--mgc-line); border-radius: 14px; background: #fff; position: relative; }
.mgc-othersizes__list a { font-weight: 700; color: var(--mgc-ink); text-decoration: none; padding-right: 52px; }
.mgc-othersizes__list a:hover { color: var(--mgc-teal); }
.mgc-othersizes__list span { font-size: 13px; color: var(--mgc-muted); }
.mgc-othersizes__list b { position: absolute; top: 12px; right: 14px; background: var(--mgc-teal); color: #fff; border-radius: 8px; padding: 2px 7px; font-size: 13px; }
.mgc-compat__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.mgc-compat__list li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--mgc-line, #e3e8ea); border-radius: 10px; font-size: 14px; background: #fff; }
.mgc-compat__list li::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: #c8ced1; }
.mgc-compat__list li.is-siege::before { background: #2e8b57; }
.mgc-compat__list li.is-cabine::before { background: var(--mgc-teal, #2d6a73); }
.mgc-compat__list li.is-non { color: var(--mgc-muted, #5f6b70); }
.mgc-compat__list li small { margin-left: auto; color: var(--mgc-muted, #5f6b70); font-size: 12px; }
.mgc-compat__note { margin-top: 8px; font-size: 13px; color: var(--mgc-muted, #5f6b70); }

/* Maillage : cartes compagnies (logo ou code IATA, dimensions) et vignettes (includes/class-maillage.php). */
.mgc-air { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.mgc a.mgc-air__card { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: var(--mgc-radius, 14px); background: #fff; border: 1px solid var(--mgc-line); color: var(--mgc-ink); text-decoration: none; }
.mgc a.mgc-air__card:hover { border-color: var(--mgc-teal); }
.mgc-air__code { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--mgc-teal-soft); color: var(--mgc-teal-ink); font-family: var(--mgc-heading-font); font-size: 15px; font-weight: 700; letter-spacing: .02em; }
.mgc-air__logo { flex: 0 0 56px; width: 56px; height: 46px; display: flex; align-items: center; justify-content: center; }
.mgc-air__logo img { max-width: 56px; max-height: 40px; width: auto; height: auto; object-fit: contain; }
.mgc-air__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mgc-air__name { font-family: var(--mgc-heading-font); font-weight: 700; font-size: 16px; color: var(--mgc-teal-ink); }
.mgc-air__dims { font-size: 12.5px; color: var(--mgc-muted); }
.mgc-air__n { font-size: 12.5px; font-weight: 600; color: var(--mgc-teal); }
.mgc-hub-tile__name .mgc-dot { display: inline-block; width: 12px; height: 12px; margin-right: 6px; vertical-align: -1px; }
.mgc-related .mgc-hub__tiles, .mgc-related .mgc-air { margin-top: 4px; }
@media (max-width: 600px) { .mgc-air { grid-template-columns: minmax(0, 1fr); } }