/* Shared components for the local design. Measurements and editorial states stay intact. */

.mg-amazon-current-price > .mg-price-delivery { display:block; font-size:13px; line-height:1.5; font-weight:400; color:inherit; opacity:.85; }



/* Product cutouts need their entire frame and stand, unlike editorial photographs. */

html body.mg-design #content.site-content .mg-db-card[data-state="specs_oficiales"] .mg-db-card-media img,

html body.mg-design #content.site-content .mg-cmp-monitor-card:has(.mg-official-specs-badge) .mg-cmp-monitor-image,

html body.mg-design #content.site-content .mg-rec-result-card:has(.mg-official-specs-badge) .mg-rec-result-image img {

    object-fit: contain;

    object-position: center;

    padding: 12px;

    background: #eeebe4;

}

html body.mg-design #content.site-content .mg-db-card[data-state="specs_oficiales"] .mg-db-card-media img {

    padding: 42px 16px 12px;

}

html body.mg-design #content.site-content .mg-db-card[data-state="specs_oficiales"] .mg-db-card-media { background:#eeebe4; }

html body.mg-design #content.site-content .mg-db-product-frame { display:block; width:100%; height:100%; padding:50px 28px 20px; box-sizing:border-box; }

html body.mg-design #content.site-content .mg-db-product-frame.is-white { mix-blend-mode:multiply; }



/* Provenance is consistent wherever a monitor appears, including related models. */

.mg-rec-result-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; margin-bottom:12px; }

html body.mg-design #content.site-content .mg-rec-result-heading .mg-rec-result-label { margin:0; padding:0; background:none; color:var(--mg-ui-muted); font-size:13px; font-weight:500; }

.mg-rec-evidence { display:inline-flex; flex-wrap:wrap; align-items:center; gap:7px; padding:7px 10px; border:1px solid var(--mg-ui-line,#777); border-radius:5px; font-size:13px; line-height:1.4; font-weight:650; }

.mg-rec-evidence.is-tested { color:#493500; background:#ffe8a0; border-color:#dfbd53; }

.mg-rec-evidence.is-official { background:var(--mg-ui-soft,#eee); color:var(--mg-ui-ink,#222); border-color:var(--mg-ui-muted,#777); }

.mg-rec-evidence-note { font-size:12px; font-weight:400; }

html body.mg-design #content.site-content .mg-rec-evidence .mg-official-specs-badge { padding:0; min-height:0; border:0; background:none; color:inherit; font-size:13px; font-weight:700; }

.mg-rec-evidence svg { flex:none; }

html body.mg-design .mg-official-specs-badge.mg-official-specs-badge {

    padding: 4px 7px;

    min-height: 24px;

    border: 1px solid var(--mg-ui-line);

    border-radius: 4px;

    background: var(--mg-ui-soft);

    color: var(--mg-ui-ink);

    font-size: 11px;

    font-weight: 600;

    line-height: 1.35;

    box-shadow: none;

}

html body.mg-design .mg-official-specs-badge.mg-official-specs-badge > span {

    display: none;

}

html body.mg-design #content.site-content .mg-db-card-top { right: 138px; }

html body.mg-design #content.site-content .mg-db-card-top .mg-official-specs-badge {

    background: #eeebe4;

    color: #38352d;

    border-color: #d4cfc4;

}

html body.mg-design #content.site-content :is(.mg-badge-warning,.mg-rec-warning-badge,.mg-cmp-warning-badge,.mg-ranking-warning-badge) {

    background: var(--mg-ui-tint) !important;

    color: var(--mg-ui-link) !important;

    border: 1px solid var(--mg-ui-line) !important;

    border-radius: 4px;

    padding: 3px 7px;

    min-height: 23px;

    font-size: 11px;

    font-weight: 600;

    line-height: 1.4;

    box-shadow: none;

}



/* Comparison: a quiet toggle and a persistent tray, usable deep into the catalog. */

html body.mg-design #content.site-content .mg-db-btn-compare-media {

    min-height: 40px;

    padding: 0 11px;

    font-size: 12px;

    font-weight: 650;

    border-radius: 5px;

    background: #242625;

    color: #fff;

    border: 1px solid #ffffff50;

    box-shadow: none;

    backdrop-filter: none;

    -webkit-backdrop-filter: none;

    transition: background .15s ease, border-color .15s ease;

}

html body.mg-design #content.site-content .mg-db-btn-compare-media:hover {

    background: #3b3d39;

    transform: none;

    filter: none;

}

html body.mg-design #content.site-content .mg-db-card.is-compare-selected {

    border-color: var(--mg-ui-warm) !important;

    box-shadow: 0 0 0 1px var(--mg-ui-warm) !important;

}

html body.mg-design #content.site-content .mg-db-card.is-compare-selected .mg-db-btn-compare-media {

    background: var(--mg-ui-accent);

    border-color: var(--mg-ui-accent);

    color: #25231e;

    box-shadow: none;

}

html body.mg-design #content.site-content .mg-db-card.is-compare-selected .mg-db-btn-compare-media::before { color: inherit; }

html body.mg-design #content.site-content :is(.mg-db-card.is-compare-pulse,.mg-db-compare-open) { animation: none; }

html body.mg-design #content.site-content .mg-db-compare-bar {

    display: none;

    position: fixed;

    inset: auto 24px 20px;

    width: min(1000px, calc(100% - 48px));

    margin: 0 auto;

    padding: 16px 20px;

    z-index: 85;

    min-height: 76px;

    max-height: none;

    gap: 24px;

    border: 1px solid var(--mg-ui-line);

    border-radius: 10px;

    background: var(--mg-ui-surface);

    color: var(--mg-ui-ink);

    box-shadow: 0 8px 32px #0003;

    backdrop-filter: none;

    opacity: 1;

    transform: none;

    transition: none;

}

html body.mg-design #content.site-content .mg-db-wrap.mg-db-has-compare .mg-db-compare-bar {

    display: flex;

    margin: 0 auto;

    padding: 16px 20px;

    max-height: none;

    pointer-events: auto;

}

html body.mg-design #content.site-content .mg-db-compare-copy { min-width: 0; }

html body.mg-design #content.site-content .mg-db-compare-copy strong {

    font-size: 14px;

    font-weight: 750;

    letter-spacing: 0;

}

html body.mg-design #content.site-content .mg-db-compare-copy span {

    font-size: 12px;

    line-height: 1.5;

    font-weight: 400;

    color: var(--mg-ui-muted);

    overflow-wrap: anywhere;

}

html body.mg-design #content.site-content .mg-db-compare-actions { gap: 12px; }

html body.mg-design #content.site-content .mg-db-compare-clear {

    background: none;

    color: var(--mg-ui-muted);

    border: 0;

    border-radius: 5px;

    min-height: 44px;

    font-size: 12px;

    font-weight: 600;

    padding: 8px;

}

html body.mg-design #content.site-content .mg-db-compare-clear:hover { color: var(--mg-ui-ink); text-decoration: underline; }

html body.mg-design #content.site-content .mg-db-compare-open {

    background: var(--mg-ui-accent);

    color: #25231e;

    min-height: 44px;

    padding: 10px 18px;

    border-radius: 5px;

    font-size: 13px;

    white-space: nowrap;

}

html body.mg-design #content.site-content .mg-db-compare-open[aria-disabled="true"] {

    background: var(--mg-ui-soft);

    border-color: var(--mg-ui-line);

    color: var(--mg-ui-muted);

    opacity: 1;

}

body.mg-design:has(.mg-db-has-compare) .mg-site-bottom { padding-bottom: 155px; }

/* A standalone fiche owns the same outer gutter as data tools, without nesting it. */

.mg-design .mg-fiche.is-single{width:min(var(--mg-layout-wide),var(--mg-layout-available));max-width:var(--mg-layout-wide);padding:var(--mg-layout-top) 0 var(--mg-layout-bottom)}

.mg-design .mg-fiche.is-single .intro{padding-top:0}



/* Budget presets need the amount, without a second marketing description. */

html body.mg-design #content.site-content .mg-purchase-original { display: none !important; }

html body.mg-design #content.site-content .mg-tool-purchase { width: min(100%, 420px); max-width: 100%; margin: 16px 0 12px; grid-column: 1/-1; }

html body.mg-design #content.site-content .mg-catalog-purchase :is(a.mg-price-action,a.mg-purchase-primary)::after { grid-row: 1; }

html body.mg-design #content.site-content .mg-catalog-purchase :is(a.mg-price-action > strong,a.mg-purchase-primary > .mg-purchase-store-action) { grid-column: 1/-1; }

html body.mg-design #content.site-content .mg-purchase-chevron { display: inline-block; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin: -4px 0 0 8px; }

html body.mg-design #content.site-content .mg-purchase-more[open] .mg-purchase-chevron { transform: rotate(225deg); margin-top: 3px; }

html body.mg-design #content.site-content :is(.mg-rec-result-card,.mg-cmp-monitor-card,.mg-ranking-card) { position: relative; overflow: visible; }

html body.mg-design #content.site-content :is(.mg-rec-result-card,.mg-cmp-monitor-card,.mg-ranking-card):has(.mg-purchase-more[open]) { z-index: 6; }

html body.mg-design #content.site-content .mg-rec-result-meta { gap: 5px 12px; align-items: baseline; }

html body.mg-design #content.site-content :is(.mg-rec-count,.mg-cmp-count) { display: none; }

html body.mg-design #content.site-content .mg-rec-result-card.is-best.has-image .mg-rec-result-image { margin-top: 0; }

html body.mg-design #content.site-content .mg-rec-result-card.is-suggestion .mg-rec-result-image { margin-top: 0; }

html body.mg-design #content.site-content .mg-rec-result-card.is-best.has-image .mg-rec-result-rank { top: 26px; left: 26px; min-width: 34px; width: 34px; height: 30px; padding: 0; border: 1px solid #ffffff40 !important; border-radius: 4px; background: #242625 !important; color: #fff !important; box-shadow: none; backdrop-filter: none; font-size: 14px !important; font-weight: 650; }

html body.mg-design #content.site-content .mg-rec-result-meta > .mg-rec-pill { padding: 0; border: 0; border-radius: 0; background: none; font-size: 12px; line-height: 1.6; font-weight: 500; }

html body.mg-design #content.site-content .mg-rec-result-meta > .mg-rec-pill[title] { color: var(--mg-ui-muted); }

html body.mg-design #content.site-content .mg-rec-result-insights { margin-top: 4px; }

html body.mg-design #content.site-content .mg-rec-purchase-summary { margin: 14px 0; font-size: 15px; line-height: 1.65; color: var(--mg-ui-ink); max-width: 74ch; }

html body.mg-design #content.site-content .mg-rec-is-results .mg-rec-progress { display: none; }

html body.mg-design #content.site-content .mg-rec-result-card .mg-rec-result-actions { margin-top: 10px; }

html body.mg-design #content.site-content .mg-rec-card-notice { background: var(--mg-ui-soft); border: 0; border-radius: 5px; box-shadow: none; font-size: 12px; font-weight: 400; line-height: 1.7; padding: 10px 12px; }

html body.mg-design #content.site-content .mg-rec-info-badge-cut { background: var(--mg-ui-tint) !important; color: var(--mg-ui-link) !important; }

html body.mg-design #content.site-content [data-mg-rec-single="budget"] > span { display: none; }

html body.mg-design #content.site-content .mg-rec-options [data-mg-rec-single="budget"] { min-height: 64px; padding: 16px; }

html body.mg-design #content.site-content .mg-rec-budget-manual { background: none; border: 0; border-radius: 0; padding: 16px 0 0; }

html body.mg-design #content.site-content .mg-rec-budget-manual label > span { text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 600; }

html body.mg-design #content.site-content .mg-rec-budget-input-wrap { background: var(--mg-ui-surface); border: 1px solid var(--mg-ui-line); border-radius: 6px; box-shadow: none; }



/* Actual filter popup classes, including focused/selected states. */

html body.mg-design #content.site-content .mg-db-filter-select-menu {

    background: var(--mg-ui-surface);

    border: 1px solid var(--mg-ui-line);

    border-radius: 7px;

    box-shadow: 0 10px 28px #0003;

    padding: 6px;

}

html body.mg-design #content.site-content .mg-db-filter-option {

    min-height: 42px;

    border: 0;

    border-radius: 4px;

    background: none;

    color: var(--mg-ui-ink);

    font-size: 13px;

    font-weight: 500;

    box-shadow: none;

}

html body.mg-design #content.site-content .mg-db-filter-option:is(:hover,.is-selected) {

    background: var(--mg-ui-tint);

    color: var(--mg-ui-link);

}

/* Comparison data reads as a table, rather than three cards nested in every row. */

html body.mg-design #content.site-content .mg-ranking-trust-options { justify-content: flex-start; }

html body.mg-design #content.site-content .mg-ranking-card { padding: 24px; }

html body.mg-design #content.site-content .mg-ranking-card:has(.mg-ranking-purchase-row) .mg-ranking-card-top { grid-template-columns: 44px minmax(0,1fr) 86px; align-items: start; gap: 20px; }

html body.mg-design #content.site-content .mg-ranking-position { min-width: 0; width: auto; padding: 0; justify-content: flex-start; gap: 2px; line-height: 1.3; }

html body.mg-design #content.site-content .mg-ranking-position strong { font-size: 24px; color: var(--mg-ui-muted); }

html body.mg-design #content.site-content .mg-ranking-title-line { gap: 5px 12px; }

html body.mg-design #content.site-content .mg-ranking-title-line h3 { flex-basis: 100%; margin-bottom: 2px; }

html body.mg-design #content.site-content .mg-ranking-main > p { font-size: 13px; line-height: 1.7; font-weight: 400; margin: 12px 0; }

html body.mg-design #content.site-content .mg-ranking-tags { gap: 5px 12px; }

html body.mg-design #content.site-content .mg-ranking-tags > span { background: none; border: 0; padding: 0; border-radius: 0; color: var(--mg-ui-muted); font-size: 12px; font-weight: 500; }

html body.mg-design #content.site-content .mg-ranking-scorebox > span { font-size: 11px; text-transform: none; letter-spacing: 0; }

html body.mg-design #content.site-content .mg-ranking-scorebox { padding: 0; min-height: 0; }

html body.mg-design #content.site-content .mg-ranking-scorebox > span { white-space: nowrap; }

html body.mg-design #content.site-content .mg-ranking-scorebox > strong { color: var(--mg-ui-ink); font-size: 28px; }

html body.mg-design #content.site-content .mg-ranking-purchase-row { display: flex; align-items: flex-start; gap: 16px; margin-top: 18px; }

html body.mg-design #content.site-content .mg-ranking-purchase-row .mg-tool-purchase { margin: 0; }

html body.mg-design #content.site-content .mg-ranking-purchase-row .mg-ranking-actions { margin: 0 0 0 auto; }

html body.mg-design #content.site-content .mg-ranking-details > summary { padding: 14px 0; font-size: 12px; color: var(--mg-ui-muted); font-weight: 600; }

html body.mg-design #content.site-content .mg-ranking-details > summary::after { color: var(--mg-ui-muted) !important; }

html body.mg-design #content.site-content .mg-ranking-detail-chip { background: var(--mg-ui-soft); border: 0; border-radius: 4px; color: var(--mg-ui-ink); box-shadow: none; font-size: 12px; }

html body.mg-design #content.site-content [data-mg-rank-detail-tab] { background: none; border: 1px solid var(--mg-ui-line); border-radius: 4px; color: var(--mg-ui-ink); font-size: 12px; min-height: 40px; box-shadow: none; }

html body.mg-design #content.site-content [data-mg-rank-detail-tab].is-active { background: var(--mg-ui-tint); border-color: var(--mg-ui-warm); color: var(--mg-ui-link); }

html body.mg-design #content.site-content .mg-cmp-monitor-title-line { gap: 7px 10px; }

html body.mg-design #content.site-content .mg-cmp-monitor-title-line h3 { flex-basis: 100%; }

html body.mg-design #content.site-content :is(.mg-cmp-tech-badge,.mg-rec-tech-badge,.mg-ranking-tech-badge) :is(strong,em) { font-size: 12px; line-height: 1.5; }

html body.mg-design #content.site-content .mg-cmp-editorial-notices { margin: 10px 0; }

html body.mg-design #content.site-content .mg-cmp-editorial-notice {

    padding: 0 0 8px; border: 0; background: none; border-radius: 0;

    font-size: 12px; line-height: 1.6; color: var(--mg-ui-muted); font-weight: 400;

}

html body.mg-design #content.site-content .mg-cmp-editorial-notice strong {

    font-size: 12px; text-transform: none; letter-spacing: 0; font-weight: 650;

}

html body.mg-design #content.site-content .mg-cmp-price { color: var(--mg-ui-muted); font-size: 12px; font-weight: 500; }

html body.mg-design #content.site-content .mg-cmp-monitor-meta { align-items: flex-start; gap: 16px; }

html body.mg-design #content.site-content .mg-cmp-price { flex: 1; min-width: 0; }

html body.mg-design #content.site-content .mg-cmp-price > .mg-tool-purchase { width: 100%; margin: 0; }

html body.mg-design #content.site-content .mg-cmp-actions { margin-top: 14px; }

html body.mg-design #content.site-content .mg-cmp-global-notice {

    padding: 14px 16px; background: var(--mg-ui-soft); border: 0; border-left: 3px solid var(--mg-ui-warm);

    border-radius: 0 6px 6px 0; box-shadow: none; color: var(--mg-ui-ink);

}

html body.mg-design #content.site-content .mg-cmp-global-notice-icon { display: none; }

html body.mg-design #content.site-content .mg-cmp-global-notice { grid-template-columns: 1fr; }

html body.mg-design #content.site-content .mg-cmp-global-notice p { font-size: 12px; font-weight: 400; line-height: 1.7; }

html body.mg-design #content.site-content .mg-cmp-table { gap: 0; }

html body.mg-design #content.site-content .mg-cmp-row {

    padding: 0; gap: 0; border: 0; border-bottom: 1px solid var(--mg-ui-line);

    border-radius: 0; background: none; box-shadow: none; transform: none; transition: none;

}

html body.mg-design #content.site-content .mg-cmp-row:hover { background: var(--mg-ui-soft); box-shadow: none; transform: none; }

html body.mg-design #content.site-content .mg-cmp-cell {

    padding: 16px 14px; min-height: 54px; border: 0; border-radius: 0;

    background: none; color: var(--mg-ui-ink); box-shadow: none;

    font-size: 14px; font-weight: 550; line-height: 1.6;

}

html body.mg-design #content.site-content .mg-cmp-label-cell { color: var(--mg-ui-muted); font-size: 12px; text-transform: none; letter-spacing: 0; }

html body.mg-design #content.site-content .mg-cmp-table-header { padding: 14px; gap: 0; }

html body.mg-design #content.site-content .mg-cmp-table-header div { color: var(--mg-ui-ink); font-size: 12px; text-transform: none; letter-spacing: 0; line-height: 1.5; }

html body.mg-design #content.site-content [data-mg-cmp-panel-count] { background: none; border: 0; border-radius: 0; padding: 0; color: var(--mg-ui-muted); font-size: 11px; font-weight: 500; }

html body.mg-design #content.site-content .mg-cmp-cell .mg-cmp-better-badge { background: var(--mg-ui-tint); color: var(--mg-ui-link); border: 0; border-radius: 3px; font-size: 10px; text-transform: none; letter-spacing: 0; font-weight: 650; }

html body.mg-design #content.site-content .mg-cmp-diff-toggle {

    background: none; border: 0; border-radius: 4px; box-shadow: none; min-height: 44px; color: var(--mg-ui-ink);

}

html body.mg-design #content.site-content .mg-cmp-diff-switch { background: var(--mg-ui-soft); border-color: var(--mg-ui-line); }

html body.mg-design #content.site-content .mg-cmp-diff-toggle input:checked + .mg-cmp-diff-switch { background: var(--mg-ui-accent); border-color: var(--mg-ui-warm); }

html body.mg-design #content.site-content .mg-cmp-diff-toggle input:focus-visible + .mg-cmp-diff-switch { outline: 3px solid var(--mg-ui-warm); outline-offset: 3px; }



/* Article offers and related reviews inherit the theme{

    width: 40px; height: 40px; min-width: 40px; padding: 0;

    border: 1px solid var(--mg-ui-line); border-radius: 4px;

    background: var(--mg-ui-soft); color: var(--mg-ui-ink); box-shadow: none; transform: none;

}

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box,.imartz-review-box) {

    max-width: 780px; margin: 32px auto; padding: 22px; background: var(--mg-ui-soft);

    color: var(--mg-ui-ink); border: 1px solid var(--mg-ui-line); border-radius: 8px;

    font-family: var(--mg-ui-font); font-size: 15px; box-shadow: none;

}

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box,.imartz-review-box) > div {

    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px;

}

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box) > div > div:first-child {

    display: flex; align-items: center; gap: 14px; flex: 1 1 220px; min-width: 0;

}

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box) > div > div:first-child > div:first-child {

    display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px;

    border-radius: 5px; background: var(--mg-ui-ink); color: var(--mg-ui-surface); font-weight: 750;

}

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box,.imartz-review-box) :is(h3,p) { margin: 0; color: inherit; }

.mg-design .imartz-combined-cta h3 { font-size: 20px; }

.mg-design .imartz-combined-cta > div:first-child > div:first-child > div:first-child { background: #262523; }

.mg-design .imartz-combined-cta > div + div p { font-size: 12px; color: var(--mg-ui-muted); }

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box) p { font-size: 14px; line-height: 1.6; }

.mg-design :is(.imartz-amazon-top-box,.imartz-lg-box) p:first-child { font-weight: 650; }

.mg-design :is(.imartz-amazon-top-box,.imartz-lg-box) p + p { font-size: 11px; color: var(--mg-ui-muted); margin-top: 4px; }

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box,.imartz-review-box) a {

    display: inline-flex; align-items: center; justify-content: center; min-height: 44px;

    padding: 10px 16px; border: 1px solid var(--mg-ui-line); border-radius: 5px;

    background: var(--mg-ui-surface); color: var(--mg-ui-ink); font-size: 13px; font-weight: 700;

    text-decoration: none; line-height: 1.5;

}

.mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box,.imartz-review-box) a:hover { border-color: var(--mg-ui-warm); background: var(--mg-ui-tint); }

.mg-design .imartz-combined-cta > div + div { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--mg-ui-line); }



/* The size diagram keeps its two series distinct without decorative glow. */

html body.mg-design #content.site-content .mg-size-v5 { --mg-blue: #586b80; --mg-gold: #a47118; }

html body.mg-design #content.site-content .mg-size-mode-toggle { border: 0; border-radius: 0; padding: 0; gap: 6px; background: none; box-shadow: none; }

html body.mg-design #content.site-content .mg-size-view-btn::before { width: 10px; height: 10px; background: none; border: 1px solid var(--mg-ui-muted); box-shadow: none; border-radius: 2px; }

html body.mg-design #content.site-content .mg-size-view-btn.is-active::before { background: var(--mg-ui-link); border-color: var(--mg-ui-link); box-shadow: none; }

html body.mg-design #content.site-content .mg-size-stage { background: var(--mg-ui-soft); border-color: var(--mg-ui-line); border-radius: 6px; }

html body.mg-design #content.site-content .mg-size-stage::before { background-image: linear-gradient(var(--mg-ui-line) 1px,transparent 1px),linear-gradient(90deg,var(--mg-ui-line) 1px,transparent 1px); opacity: .35; }

html body.mg-design #content.site-content .mg-size-monitor .mg-size-panel { background: #586b80; border-radius: 3px; box-shadow: 0 0 0 6px #333534 !important; }

html body.mg-design #content.site-content .mg-size-monitor[data-monitor="b"] .mg-size-panel { background: #a47118; }

html body.mg-design #content.site-content .mg-size-panel::before { display: none; }

html body.mg-design #content.site-content .mg-size-no-frame .mg-size-panel { box-shadow: none !important; border-radius: 0; }

html body.mg-design #content.site-content .mg-size-monitor-label { text-shadow: none; color: #fff; }

html body.mg-design #content.site-content .mg-size-monitor { container-type: inline-size; }

html body.mg-design #content.site-content .mg-size-monitor-label { padding: 4px; }

html body.mg-design #content.site-content .mg-size-monitor-label strong { font-weight: 700; font-size: clamp(10px,14cqi,40px); }

html body.mg-design #content.site-content .mg-size-monitor-label span { font-weight: 500; font-size: clamp(7px,8cqi,14px); margin-top: 4px; }

html body.mg-design #content.site-content .mg-size-icon-action { width: 44px; height: 44px; border-radius: 5px; border: 1px solid var(--mg-ui-line); background: var(--mg-ui-soft); color: var(--mg-ui-ink); box-shadow: none; backdrop-filter: none; transform: none; filter: none; }

html body.mg-design #content.site-content .mg-size-icon-action:hover { background: var(--mg-ui-tint); border-color: var(--mg-ui-warm); transform: none; filter: none; }

html body.mg-design #content.site-content .mg-size-card-title .mg-size-card-dot { box-shadow: none; width: 10px; height: 10px; }

html body.mg-design #content.site-content .mg-size-dd-caret { border-radius: 0; background: none; box-shadow: none; }

html body.mg-design #content.site-content .mg-size-step { border-radius: 5px; background: var(--mg-ui-soft); color: var(--mg-ui-ink); border-color: var(--mg-ui-line); box-shadow: none; transform: none; }

html body.mg-design #content.site-content .mg-size-stand { background: #555854; border-radius: 0; box-shadow: none; }

html body.mg-design #content.site-content .mg-size-stand::after { background: #555854; border-radius: 2px; }

html body.mg-design #content.site-content :is(.mg-size-legend-pill,.mg-size-info-pill,.mg-size-card-mini) { background: none; border: 0; padding: 0; border-radius: 0; color: var(--mg-ui-muted); font-size: 12px; }

html body.mg-design .mg-size-dd-menu { background: var(--mg-ui-surface) !important; border: 1px solid var(--mg-ui-line); border-radius: 6px; box-shadow: 0 10px 28px #0003; }

html body.mg-design .mg-size-dd-menu .mg-size-dd-option { color: var(--mg-ui-ink) !important; background: none; border-radius: 4px; font-size: 13px; }

html body.mg-design .mg-size-dd-menu .mg-size-dd-option:is(:hover,.is-selected) { background: var(--mg-ui-tint); color: var(--mg-ui-link) !important; }



/* Measured charts: model, bar and value form one readable row. */

html body.mg-design #content.site-content .mg-charts__hero { grid-template-columns: 1fr; }

html body.mg-design #content.site-content .mg-charts__hero-stat { display: none; }

html body.mg-design #content.site-content .mg-charts__chart { gap: 0; }

html body.mg-design #content.site-content .mg-charts__row { padding: 18px 0; border: 0; border-bottom: 1px solid var(--mg-ui-line); border-radius: 0; background: none; box-shadow: none; transform: none; opacity: 1; animation: none; }

html body.mg-design #content.site-content :is(.mg-charts__row,.mg-charts__bar)::before,

html body.mg-design #content.site-content :is(.mg-charts__row,.mg-charts__bar)::after { display: none; }

html body.mg-design #content.site-content .mg-charts__rank { background: none; border: 0; color: var(--mg-ui-muted); width: 18px; height: auto; margin-right: 10px; font-size: 11px; }

html body.mg-design #content.site-content .mg-charts__name { color: var(--mg-ui-ink); font-weight: 650; white-space: normal; line-height: 1.5; font-size: 14px; }

html body.mg-design #content.site-content .mg-charts__badges { margin-left: 28px; gap: 5px 10px; }

html body.mg-design #content.site-content .mg-charts__badges .mg-charts__badge-small { transform: none; margin: 0; }

html body.mg-design #content.site-content .mg-charts__badges :is(strong,em) { font-size: 11px; }

html body.mg-design #content.site-content .mg-charts__badges .mg-badge__line { display: inline-flex; align-items: baseline; gap: 6px; }

html body.mg-design #content.site-content .mg-charts__badges em { font-style: normal; font-weight: 400; color: var(--mg-ui-muted); }

html body.mg-design #content.site-content .mg-charts__badges em::before { content: '·'; margin-right: 6px; }

html body.mg-design #content.site-content .mg-charts__rank { box-shadow: none; }

html body.mg-design #content.site-content .mg-charts__value strong { color: var(--mg-ui-ink); background: none; font-size: 16px; }

html body.mg-design #content.site-content :is(.mg-charts__state-badge,.mg-charts__fallback-badge) { padding: 2px 5px; border-radius: 3px; background: var(--mg-ui-soft); color: var(--mg-ui-muted); font-weight: 500; }

html body.mg-design #content.site-content .mg-charts__track { height: 8px; border-radius: 2px; background: var(--mg-ui-line); }

html body.mg-design #content.site-content .mg-charts__bar { background: var(--mg-ui-warm); border-radius: 2px; box-shadow: none; }

html body.mg-design #content.site-content .mg-charts__value span { background: none; border: 0; padding: 0; border-radius: 0; color: var(--mg-ui-muted); font-weight: 500; }

html body.mg-design #content.site-content .mg-charts__actions { margin: 6px 0 0 28px; }

html body.mg-design #content.site-content .mg-charts__cta { font-size: 11px; font-weight: 600; min-height: 32px; display: inline-flex; align-items: center; }

html body.mg-design #content.site-content .mg-charts__summary { gap: 8px 16px; padding-bottom: 12px; }

html body.mg-design #content.site-content .mg-charts__chip { padding: 0; border: 0; border-radius: 0; background: none; color: var(--mg-ui-muted); font-size: 11px; box-shadow: none; }

html body.mg-design #content.site-content .mg-charts__chip--button { min-height: 40px; padding: 8px 10px; margin-left: auto; border: 1px solid var(--mg-ui-line); border-radius: 4px; color: var(--mg-ui-ink); }

html body.mg-design #content.site-content .mg-charts__field input { background: var(--mg-ui-surface); border: 1px solid var(--mg-ui-line); border-radius: 6px; box-shadow: none; color: var(--mg-ui-ink); }

html body.mg-design #content.site-content .mg-charts__custom-menu { background: var(--mg-ui-surface); border-color: var(--mg-ui-line); border-radius: 6px; box-shadow: 0 10px 28px #0003; }

html body.mg-design #content.site-content .mg-charts__custom-option { color: var(--mg-ui-ink); background: none; border-radius: 4px; min-height: 40px; }

html body.mg-design #content.site-content .mg-charts__custom-option:is(:hover,.is-active) { background: var(--mg-ui-tint); color: var(--mg-ui-link); }





@media (max-width: 900px) {

    html body.mg-design #content.site-content .mg-cmp-table-header { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px 0; }

    html body.mg-design #content.site-content .mg-cmp-table-header > div { padding: 0 10px; font-size: 11px; overflow-wrap: anywhere; }

    html body.mg-design #content.site-content .mg-cmp-table-header > div:first-child { display: none; }

    html body.mg-design #content.site-content .mg-cmp-row { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px 0; }

    html body.mg-design #content.site-content .mg-cmp-label-cell { grid-column: 1/-1; padding: 0 10px 4px; min-height: 0; }

    html body.mg-design #content.site-content .mg-cmp-value-cell { padding: 6px 10px; min-height: 40px; flex-wrap: wrap; align-content: start; align-items: start; font-size: 13px; }

    html body.mg-design #content.site-content :is(.mg-cmp-left-cell,.mg-cmp-right-cell)::before { display: none; }

}

@media (max-width: 700px) {

    html body.mg-design #content.site-content .mg-cmp-monitor-meta { display: grid; grid-template-columns: 1fr; gap: 12px; }

    html body.mg-design #content.site-content .mg-cmp-score { margin: 8px 0 0; }

    html body.mg-design #content.site-content .mg-cmp-price { display: block; width: 100%; }

    html body.mg-design #content.site-content .mg-charts__row { grid-template-columns: minmax(0,1fr) auto; gap: 10px; }

    html body.mg-design #content.site-content .mg-charts__bar-wrap { grid-column: 1/-1; grid-row: 2; }

    html body.mg-design #content.site-content .mg-charts__value { grid-column: 2; grid-row: 1; align-self: start; padding-top: 3px; }

    html body.mg-design #content.site-content .mg-size-stage { height: 300px; min-height: 300px; }

    html body.mg-design #content.site-content .mg-rec-result-card:not(.is-best) > .mg-rec-result-rank { height: auto; min-height: 0; width: auto; justify-content: flex-start; line-height: 1.2; }

    html body.mg-design #content.site-content .mg-rec-result-card:not(.is-best) { gap: 14px; }

    html body.mg-design #content.site-content .mg-ranking-card { padding: 18px; }

    html body.mg-design #content.site-content .mg-ranking-highlights { grid-template-columns: repeat(2,minmax(0,1fr)); }

    html body.mg-design #content.site-content .mg-ranking-card:has(.mg-ranking-purchase-row) .mg-ranking-card-top { grid-template-columns: 1fr auto; gap: 14px; }

    html body.mg-design #content.site-content .mg-ranking-main { grid-column: 1/-1; grid-row: 2; }

    html body.mg-design #content.site-content .mg-ranking-scorebox { grid-column: 2; grid-row: 1; padding: 0; }

    html body.mg-design #content.site-content .mg-ranking-title-line h3 { font-size: 22px; }

    html body.mg-design #content.site-content .mg-ranking-purchase-row { flex-wrap: wrap; gap: 4px; }

    html body.mg-design #content.site-content .mg-ranking-purchase-row .mg-ranking-actions { margin: 0 0 10px; width: 100%; }

    .mg-design :is(.imartz-combined-cta,.imartz-amazon-top-box,.imartz-lg-box,.imartz-review-box) { padding: 18px; }

    html body.mg-design #content.site-content .mg-cmp-cell { padding-inline: 10px; }

    html body.mg-design #content.site-content :is(.mg-cmp-editorial-notices,.mg-cmp-editorial-badges) { grid-column: 1/-1; }

    html body.mg-design #content.site-content .mg-cmp-monitor-body > :is(.mg-cmp-editorial-badges,.mg-cmp-editorial-notices,.mg-cmp-monitor-meta,.mg-cmp-actions) { margin: 0; }

    html body.mg-design #content.site-content .mg-db-wrap.mg-db-has-compare .mg-db-compare-bar {

        inset: auto 8px max(8px, env(safe-area-inset-bottom));

        width: calc(100% - 16px);

        padding: 12px 14px;

        flex-direction: column;

        gap: 8px;

        align-items: stretch;

    }

    html body.mg-design #content.site-content .mg-db-compare-copy strong { font-size: 13px; }

    html body.mg-design #content.site-content .mg-db-compare-copy span { font-size: 11px; }

    html body.mg-design #content.site-content .mg-db-compare-actions { width: 100%; }

    html body.mg-design #content.site-content .mg-db-compare-actions > .mg-db-compare-clear { flex: 0 0 auto; }

    html body.mg-design #content.site-content .mg-db-compare-actions > .mg-db-compare-open { flex: 1; }

}



/* Secondary versions share the compact purchase UI; closed by default. */

html body.mg-design #content.site-content .mg-monitor-variant-options{position:relative;margin:6px 0 12px;padding:0;border:0;background:none;min-width:0}

html body.mg-design #content.site-content .mg-monitor-variant-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:7px 0;list-style:none;font-size:12px;line-height:1.5;font-weight:650;color:var(--mg-ui-muted);cursor:pointer}

html body.mg-design #content.site-content .mg-monitor-variant-options>summary::-webkit-details-marker{display:none}

html body.mg-design #content.site-content .mg-monitor-variant-options>summary::after{display:none}

html body.mg-design #content.site-content .mg-monitor-variant-options>summary:is(:hover,:focus-visible){color:var(--mg-ui-link)}

html body.mg-design #content.site-content .mg-variant-count{font-weight:400}

html body.mg-design #content.site-content .mg-variant-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-4px 4px 0 0;flex-shrink:0}

html body.mg-design #content.site-content .mg-monitor-variant-options[open] .mg-variant-chevron{transform:rotate(225deg);margin-top:3px}

html body.mg-design #content.site-content .mg-monitor-variant-options:not([open])>.mg-variant-panel{display:none}

html body.mg-design #content.site-content .mg-variant-panel{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:8;max-height:min(390px,60dvh);overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--mg-ui-line);border-radius:7px;background:var(--mg-ui-surface);box-shadow:0 12px 28px #0003}

html body.mg-design #content.site-content .mg-monitor-variant-options.opens-up>.mg-variant-panel{top:auto;bottom:calc(100% + 2px)}

html body.mg-design #content.site-content .mg-variant-panel>ul{display:grid;gap:16px;list-style:none;margin:0;padding:0}

html body.mg-design #content.site-content .mg-variant-item{position:relative;display:block;min-width:0;padding:0;margin:0;background:none;border:0}

html body.mg-design #content.site-content .mg-variant-item+li{border-top:1px solid var(--mg-ui-line);padding-top:16px}

html body.mg-design #content.site-content .mg-variant-name{display:block;font-size:14px;line-height:1.4;font-weight:750;color:var(--mg-ui-ink);text-decoration:none;overflow-wrap:anywhere}

html body.mg-design #content.site-content a.mg-variant-name:hover{text-decoration:underline}

html body.mg-design #content.site-content .mg-variant-item>small{display:block;margin:5px 0 0;font-size:11px;line-height:1.55;color:var(--mg-ui-muted)}

html body.mg-design #content.site-content .mg-variant-item>.mg-official-specs-badge{margin:6px 0 0;font-size:10px}

html body.mg-design #content.site-content .mg-variant-item .mg-catalog-purchase{margin:10px 0 0}

html body.mg-design #content.site-content .mg-variant-item .mg-catalog-purchase:has(.mg-amazon-current-price>a.mg-price-action)>.mg-purchase-primary{display:none}

html body.mg-design #content.site-content :is(.mg-db-card,.mg-cmp-monitor-card,.mg-rec-result-card):has(.mg-monitor-variant-options[open]){z-index:8;overflow:visible}

@media(max-width:700px){html body.mg-design #content.site-content .mg-variant-panel{position:static;max-height:none;box-shadow:none;margin-top:4px;padding:12px}}

@media(prefers-reduced-motion:no-preference){

 html body.mg-design #content.site-content .mg-variant-chevron{transition:transform .18s ease}

 html body.mg-design #content.site-content :is(.mg-purchase-more[open]>.mg-purchase-options,.mg-monitor-variant-options[open]>.mg-variant-panel,.mg-db-filter-select.is-open>.mg-db-filter-select-menu){animation:mg-control-reveal .18s ease-out}

 html body.mg-design #content.site-content :is(.mg-db-filter-option,.mg-db-btn,.mg-monitor-variant-options>summary,.mg-purchase-more>summary){transition:color .16s ease,background-color .16s ease,border-color .16s ease}

 @keyframes mg-control-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}

}


/* Related models and fiche variants share the existing compact purchase UI. */
html body.mg-design #content.site-content .mg-fiche-purchase{margin:0;width:100%;min-width:0}
html body.mg-design #content.site-content .variant>.mg-fiche-purchase{margin-top:12px}
html body.mg-design #content.site-content .mg-fiche-purchase:has(.mg-amazon-current-price>a[href])>.mg-purchase-primary{display:none}
html body.mg-design #content.site-content .mg-fiche-purchase .mg-purchase-info{min-width:0;overflow-wrap:anywhere}