/* Small, scoped component layer shared by the editor and public pages.
   Colours reference Global Styles; patterns provide editable structure, not skins. */
.mh-section { padding-block: clamp(1.5rem, 4vw, 3rem); }
.mh-intro { border-block-start: 4px solid var(--wp--preset--color--primary); }
.mh-card { height: 100%; padding: 1.5rem; background: var(--wp--preset--color--surface); border-block-start: 3px solid var(--wp--preset--color--primary); }
.mh-cta { padding-inline: clamp(1rem, 4vw, 2rem); background: var(--wp--preset--color--surface); border-inline-start: 4px solid var(--wp--preset--color--primary); }
.mh-faq details { border-block-end: 1px solid var(--wp--preset--color--primary); padding-block: 1rem; }
.mh-faq summary { color: var(--wp--preset--color--secondary); cursor: pointer; min-height: 44px; }
.mh-faq details > p { padding-inline-start: 1rem; }
/* Shared, editable site shell. WordPress owns mobile dialog/focus behaviour. */
.mh-header { padding-block: 1rem; border-block-end: 1px solid var(--wp--preset--color--surface); }
.mh-header-row { gap: 1rem; }
.mh-header-actions { gap: .5rem; flex-shrink: 0; }
.mh-header-selection { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 44px; min-width: 44px; padding: .5rem; border: 0; border-radius: var(--wp--custom--button--radius, .25rem); color: var(--wp--preset--color--secondary); background: transparent; text-decoration: none; }
.mh-header-selection svg { flex-shrink: 0; }
.mh-header-selection-count { display: inline-block; min-width: 1.5rem; padding: .15rem .35rem; border-radius: 999px; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); font-size: .8rem; line-height: 1.25; font-weight: 700; text-align: center; }
.mh-header-selection:hover, .mh-header-selection[aria-current="page"] { background: var(--wp--preset--color--surface); }
.mh-header-selection:focus-visible { outline: 2px solid var(--wp--preset--color--primary-dark); outline-offset: 3px; }
.mh-header-selection:active { background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--base); }
.mh-header-selection:active .mh-header-selection-count { background: var(--wp--preset--color--base); color: var(--wp--preset--color--secondary); }
.mh-header-selection.mh-selection-updated { animation: mh-selection-pulse .45s ease-out; }
@keyframes mh-selection-pulse { 0%, 100% { transform: scale(1); } 40% { transform: translateY(-3px) scale(1.08); background: var(--wp--preset--color--surface); } }
@media (prefers-reduced-motion: reduce) { .mh-header-selection.mh-selection-updated { animation: none; } }
.mh-header .wp-block-site-title, .mh-footer .wp-block-site-title { margin: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.3; }
.mh-header .wp-block-site-title a, .mh-footer .wp-block-site-title a { text-decoration: none; }
.mh-header .wp-block-site-title { min-width: 0; overflow-wrap: anywhere; }
.mh-brand { min-width: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.3; }
.mh-brand .custom-logo-link { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.mh-brand .custom-logo { display: block; width: auto; height: 72px; max-width: 160px; object-fit: contain; }
.mh-footer .mh-brand .custom-logo { height: 100px; max-width: 200px; }
@media (max-width: 599px) { .mh-header .mh-brand .custom-logo { height: 60px; max-width: 100px; } }
.mh-primary-navigation { flex-shrink: 0; }
.mh-primary-navigation, .mh-footer-navigation, .mh-category-navigation { color: var(--wp--preset--color--secondary); }
.mh-primary-navigation a, .mh-footer-navigation a, .mh-category-navigation a { min-height: 44px; display: inline-flex; align-items: center; padding: .5rem .75rem; }
.mh-primary-navigation .wp-block-navigation__responsive-container-open, .mh-primary-navigation .wp-block-navigation__responsive-container-close { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; color: var(--wp--preset--color--secondary); }
.mh-primary-navigation .wp-block-navigation__responsive-container.is-menu-open { color: var(--wp--preset--color--secondary); background: var(--wp--preset--color--base); padding: 1.5rem; }
.mh-primary-navigation .is-menu-open .wp-block-navigation__container { width: 100%; align-items: stretch; gap: .5rem; }
.mh-primary-navigation .is-menu-open .wp-block-navigation-item { width: 100%; }
.mh-primary-navigation .is-menu-open a { width: 100%; }
.mh-footer { margin-block-start: 2rem; padding-block: 2.5rem 1.5rem; background: var(--wp--preset--color--surface); border-block-start: 3px solid var(--wp--preset--color--primary); }
.mh-footer-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; }
.mh-footer-brand p { max-width: 40ch; }
.mh-footer-navigation { align-items: flex-start; }
.mh-footer-navigation .wp-block-navigation-item { max-width: 100%; }
.mh-footer-navigation a { overflow-wrap: anywhere; }
.mh-footer-note { font-size: .9rem; color: var(--wp--preset--color--muted); border-block-start: 1px solid var(--wp--preset--color--primary); padding-block-start: 1rem; }
.mh-footer-row--categories { grid-template-columns: minmax(0, .85fr) minmax(0, 1.9fr) minmax(0, .85fr); }
.mh-footer-categories, .mh-footer-information { min-width: 0; }
.mh-footer-categories h2, .mh-footer-information h2 { margin-block: 0 .75rem; font-size: 1.125rem; line-height: 1.4; }
.mh-footer-category-list:is(ul), .mh-footer-category-list > ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; padding: 0; margin: 0; list-style: none; }
.mh-footer-category-list li { margin: 0; min-width: 0; list-style: none; }
.mh-footer-category-list a { display: flex; align-items: center; min-height: 44px; padding-block: .5rem; color: var(--wp--preset--color--secondary); font-size: .9375rem; line-height: 1.45; text-decoration: none; overflow-wrap: anywhere; }
.mh-footer-category-list a:hover { color: var(--wp--preset--color--primary-dark); text-decoration: underline; text-underline-offset: .2em; }
.mh-footer-category-list a:focus-visible { outline: 2px solid var(--wp--preset--color--primary-dark); outline-offset: 3px; border-radius: .2rem; }
.mh-footer-category-list a:active { color: var(--wp--preset--color--contrast); }
.mh-footer-category-list .current-cat > a { font-weight: 600; text-decoration: underline; text-underline-offset: .2em; }
@media (min-width: 600px) and (max-width: 900px) { .mh-footer-row--categories { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } .mh-footer-row--categories .mh-footer-brand { grid-column: 1 / -1; } }
.mh-catalogue-categories { clear: both; padding: 1.25rem; margin-block: 1rem 2rem; background: var(--wp--preset--color--surface); border-inline-start: 4px solid var(--wp--preset--color--primary); }
.mh-catalogue-categories h2 { margin-block: 0 1rem; font-size: 1.2rem; }
.mh-category-navigation .wp-block-navigation__container { gap: .5rem; }
.mh-category-navigation a { background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--primary-dark); border-radius: var(--wp--custom--button--radius, .25rem); text-decoration: none; }
/* Beat core Navigation's inherited link colour on each intentional interaction state. */
.mh-category-navigation .wp-block-navigation-item__content:is(:hover, :focus-visible, [aria-current="page"]) { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); }
.mh-category-navigation .wp-block-navigation-item__content:active { background: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--base); }
.mh-category-navigation .wp-block-navigation-item__content:focus-visible { outline: 2px solid var(--wp--preset--color--primary-dark); outline-offset: 3px; }
@media (min-width: 600px) and (max-width: 899px) {
    .mh-primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none; }
    .mh-primary-navigation .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
}
@media (max-width: 599px) { .mh-footer-row { grid-template-columns: minmax(0, 1fr); } }
/* Shared long-form copy; existing headings/links and business/legal text are not rewritten. */
.mh-document { padding-block: clamp(1.5rem, 4vw, 3rem); }
.mh-document h1 { font-size: clamp(2rem, 5vw, 3rem); }
.mh-document h2, .mh-category-details h2 { margin-block: 2rem 1rem; font-size: clamp(1.4rem, 3vw, 2rem); }
.mh-document :is(p, li, a, h1, h2, h3), .mh-category-details { overflow-wrap: anywhere; }
.mh-document :is(ul, ol) { padding-inline-start: 1.5rem; }
.mh-document li + li { margin-block-start: .5rem; }
.mh-document a:hover, .mh-category-details a:hover { text-decoration-thickness: 2px; text-underline-offset: .2em; }
.mh-category-details { clear: both; padding-block: 2rem; }
.mh-category-benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-block-end: 2rem; }
.mh-category-benefits > .mh-card { min-width: 0; border-radius: .5rem; }
.mh-category-benefits h3 { margin-block: 0 1rem; font-size: 1.125rem; }
.mh-team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.mh-team-member { min-width: 0; border-radius: .5rem; }
.mh-team-grid > .mh-team-member { margin-block: 0; }
.mh-team-member h3 { margin-block: 1rem .5rem; }
.mh-team-photo { aspect-ratio: 4 / 3; display: flex; align-items: center; justify-content: center; padding: 1rem; margin: 0; border: 1px dashed var(--wp--preset--color--primary); color: var(--wp--preset--color--muted); text-align: center; }
@media (max-width: 900px) { .mh-team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mh-category-details :is(.alignleft, .alignright) { max-width: 40%; height: auto; }
@media (max-width: 900px) { .mh-category-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
    .mh-team-grid { grid-template-columns: minmax(0, 1fr); }
    .mh-category-benefits { grid-template-columns: minmax(0, 1fr); }
    .mh-category-details :is(.alignleft, .alignright) { float: none; display: block; max-width: 100%; margin: 1rem auto; }
}
.mh-section .wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.mh-section h2, .mh-section h3, .mh-section p, .mh-section summary { overflow-wrap: anywhere; }
/* Optional public-page reviews and reusable contact slots. No provider execution. */
.mh-public-shell { padding-block: 2rem 3rem; }
.mh-public-page h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
.mh-public-page .mh-section { margin-block: 0; }
.mh-public-faq-group h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
.mh-public-faq-group summary { display: list-item; padding-block: .5rem; font-weight: 600; }
.mh-public-faq-group details > p { max-width: 78ch; padding-inline: 1rem; }
.mh-contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-block: 2rem; }
.mh-contact-grid > .mh-card { min-width: 0; margin: 0; border-radius: .6rem; }
.mh-public-page .wp-block-buttons { flex-wrap: wrap; gap: .75rem; }
.mh-public-page .wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.mh-public-page .wp-block-button { max-width: 100%; }
.mh-public-review-notes { padding: 1.25rem; margin-block: 2rem; border-inline-start: 4px solid var(--wp--preset--color--primary); background: var(--wp--preset--color--surface); }
.mh-public-review-notes h2 { font-size: 1.2rem; }
@media (max-width: 781px) { .mh-contact-grid { grid-template-columns: minmax(0, 1fr); } }
/* Optional homepage review components. No preset page insertion or old-theme skin. */
.mh-home-shell { padding-block: 1rem 3rem; }
.mh-home { --mh-home-gap: clamp(1rem, 2vw, 1.5rem); }
.mh-home-section { margin-block: 0; padding-block: clamp(2rem, 5vw, 4rem); }
.mh-home-section > h2 { font-size: clamp(1.65rem, 3vw, 2.5rem); max-width: 32ch; }
.mh-home-section > p { max-width: 72ch; }
.mh-home-hero { padding: clamp(1.25rem, 5vw, 4rem); background: var(--wp--preset--color--surface); border-block-start: 4px solid var(--wp--preset--color--primary); border-radius: 1rem; }
.mh-home-hero {
    background-image: linear-gradient(90deg, var(--wp--preset--color--surface) 0%, color-mix(in srgb, var(--wp--preset--color--surface) 96%, transparent) 40%, color-mix(in srgb, var(--wp--preset--color--surface) 80%, transparent) 70%, color-mix(in srgb, var(--wp--preset--color--surface) 65%, transparent) 100%), var(--mh-home-hero-image, none);
    background-size: cover; background-position: center;
}
@media (max-width: 600px) {
    .mh-home-hero { background-image: linear-gradient(90deg, color-mix(in srgb, var(--wp--preset--color--surface) 98%, transparent), color-mix(in srgb, var(--wp--preset--color--surface) 90%, transparent)), var(--mh-home-hero-image, none); }
}
.mh-home-hero h1 { font-size: clamp(2.15rem, 5.5vw, 4.5rem); line-height: 1.08; max-width: none; margin-block: 1rem; }
/* Native inline colour remains editable; this second line is part of the same H1. */
.mh-home-hero h1 mark.has-inline-color { display: block; margin-block-start: 1.5rem; background: transparent; font-size: clamp(1.1rem, 2vw, 1.5rem); font-weight: 400; line-height: 1.4; }
.mh-home-eyebrow { color: var(--wp--preset--color--secondary); font-size: .85rem; font-weight: 600; letter-spacing: .06em; }
.mh-home-subtitle { color: var(--wp--preset--color--secondary); font-size: clamp(1.1rem, 2vw, 1.5rem); line-height: 1.4; }
.mh-home-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--mh-home-gap); margin-block: 1.5rem; }
.mh-home-grid--process { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mh-home-grid > .mh-home-card { margin: 0; }
.mh-home-card { display: flex; flex-direction: column; gap: .75rem; min-width: 0; border-radius: .6rem; }
.mh-home-card > * { margin-block: 0; }
.mh-home-card h3 { font-size: 1.25rem; line-height: 1.3; }
.mh-home-card .wp-block-buttons { margin-block-start: auto; padding-block-start: .75rem; }
/* Stretch the existing category link across its card: one native link and tab stop. */
#produktkategorien .mh-home-card { position: relative; isolation: isolate; }
#produktkategorien .mh-home-card .wp-block-button__link::after {
    content: ''; position: absolute; inset: 0; z-index: 1; border-radius: .6rem;
}
#produktkategorien .mh-home-card:hover { box-shadow: 0 8px 24px rgb(0 48 79 / .14); }
#produktkategorien .mh-home-card .wp-block-button__link:focus-visible { outline: none; }
#produktkategorien .mh-home-card .wp-block-button__link:focus-visible::after {
    outline: 2px solid var(--wp--preset--color--primary-dark); outline-offset: 3px;
}
.mh-home-step { color: var(--wp--preset--color--secondary); font-size: 1.5rem; font-weight: 600; }
/* Decorative icons: the editable headings and process numbers provide their accessible meaning. */
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: .75rem; align-content: start; justify-items: center; padding: .5rem .25rem; border: 0; border-radius: 0; background: transparent; text-align: center; }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card::before { content: ''; display: block; grid-row: 1; width: 3.5rem; height: 3.5rem; margin-block-end: .25rem; background: var(--mh-benefit-icon) center / contain no-repeat; }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card > h3, :is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card > p { grid-column: 1; }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card h3 { font-size: .9375rem; text-transform: uppercase; }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card > p { max-width: 24ch; color: var(--wp--preset--color--muted); font-size: .9375rem; line-height: 1.6; }
/* Shared icon, heading and description tracks keep every item in a row aligned. */
@media (min-width: 561px) { :is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card h3 { min-block-size: 2lh; } }
@supports (grid-template-rows: subgrid) {
    @media (min-width: 561px) {
        :is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card { grid-row: span 3; grid-template-rows: subgrid; }
        :is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card > h3 { grid-row: 2; }
        :is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card > p { grid-row: 3; }
    }
}
/* Bundled fallbacks cover review environments without the original uploaded artwork. */
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card:nth-child(1) { --mh-benefit-icon: url('../icons/truck.svg'); }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card:nth-child(2) { --mh-benefit-icon: url('../icons/settings.svg'); }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card:nth-child(3) { --mh-benefit-icon: url('../icons/shield.svg'); }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card:nth-child(4) { --mh-benefit-icon: url('../icons/headset.svg'); }
:is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-card:nth-child(5) { --mh-benefit-icon: url('../icons/shield.svg'); }
@media (min-width: 1000px) {
    :is(#vorteile, .mh-editor-anchor-vorteile) .mh-home-grid, :is(#produktkategorien, .mh-editor-anchor-produktkategorien) .mh-home-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
    :is(#produktkategorien, .mh-editor-anchor-produktkategorien) .mh-home-card { padding: 1rem; gap: .625rem; }
    :is(#produktkategorien, .mh-editor-anchor-produktkategorien) .mh-home-card h3 { font-size: 1.0625rem; }
    :is(#produktkategorien, .mh-editor-anchor-produktkategorien) .mh-home-card > p { font-size: .9375rem; line-height: 1.5; }
    :is(#produktkategorien, .mh-editor-anchor-produktkategorien) .wp-block-button__link { font-size: 1rem; padding: .625rem .75rem; min-height: 44px; }
}
:is(#ablauf, .mh-editor-anchor-ablauf) .mh-home-card { position: relative; }
:is(#ablauf, .mh-editor-anchor-ablauf) .mh-home-card::before { content: ''; display: block; flex-shrink: 0; align-self: center; width: 7rem; height: 7rem; border-radius: 50%; background: var(--wp--preset--color--base) var(--mh-process-icon) center / 3.5rem no-repeat; }
:is(#ablauf, .mh-editor-anchor-ablauf) .mh-home-step { position: absolute; inset-block-start: 1.5rem; inset-inline-start: calc(50% - 3.5rem); display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); font-size: .875rem; }
/* Bundled fallbacks keep the process readable if legacy uploads have not been migrated. */
:is(#ablauf, .mh-editor-anchor-ablauf) .mh-home-card:nth-child(1) { --mh-process-icon: url('../icons/devices.svg'); }
:is(#ablauf, .mh-editor-anchor-ablauf) .mh-home-card:nth-child(2) { --mh-process-icon: url('../icons/calendar.svg'); }
:is(#ablauf, .mh-editor-anchor-ablauf) .mh-home-card:nth-child(3) { --mh-process-icon: url('../icons/mail.svg'); }
:is(#ablauf, .mh-editor-anchor-ablauf) .mh-home-card:nth-child(4) { --mh-process-icon: url('../icons/truck.svg'); }
.mh-home-attribution { color: var(--wp--preset--color--secondary); font-weight: 600; margin-block-start: auto; }
.mh-home-media-placeholder { background: var(--wp--preset--color--base); border: 1px dashed var(--wp--preset--color--muted); min-height: 140px; padding: 1rem; display: flex; flex-direction: column; justify-content: center; text-align: center; border-radius: .4rem; }
.mh-home-media-placeholder > p { margin-block: .25rem; }
.mh-home-media-note { color: var(--wp--preset--color--muted); font-size: .8rem; }
.mh-home .wp-block-image { background: var(--wp--preset--color--base, #fff); border-radius: .4rem; }
.mh-home .wp-block-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: var(--wp--preset--color--base, #fff); border-radius: inherit; }
.mh-home .wp-block-buttons { gap: .75rem; flex-wrap: wrap; }
.mh-home .wp-block-button, .mh-home .wp-block-button__link { max-width: 100%; }
.mh-home .wp-block-button__link { white-space: normal; overflow-wrap: anywhere; text-align: center; }
:is(#produktkategorien, .mh-editor-anchor-produktkategorien) .mh-home-card .wp-block-button__link { background: transparent; color: var(--wp--preset--color--primary-dark); border: 1px solid var(--wp--preset--color--primary-dark); }
:is(#produktkategorien, .mh-editor-anchor-produktkategorien) .mh-home-card .wp-block-button__link:hover { background: var(--wp--preset--color--primary-hover); color: var(--wp--preset--color--base); box-shadow: none; }
:is(#produktkategorien, .mh-editor-anchor-produktkategorien) .mh-home-card .wp-block-button__link:active { background: var(--wp--preset--color--primary-dark); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--primary-dark); }
:is(#produktkategorien, .mh-editor-anchor-produktkategorien) > .wp-block-buttons { justify-content: center; }
.mh-home-cta { padding-inline: clamp(1.25rem, 5vw, 3rem); background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--base); border-block-start: 4px solid var(--wp--preset--color--primary); border-radius: 1rem; }
.mh-home-cta h2, .mh-home-cta .mh-home-eyebrow { color: var(--wp--preset--color--base); }
.mh-home-cta .wp-block-button__link { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); }
.mh-home-cta :focus-visible { outline-color: var(--wp--preset--color--base); }
@media (max-width: 1000px) { .mh-home-grid--process { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 781px) { .mh-home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .mh-home-grid { grid-template-columns: minmax(0, 1fr); } .mh-home .wp-block-button { width: 100%; } }
@media (max-width: 781px) {
    .mh-cards .wp-block-columns { gap: 1rem; }
}
.mediaheld-device-review-label { display: block; margin-block-start: .5rem; font-size: .875rem; line-height: 1.5; color: var(--wp--preset--color--secondary); }

.mh-rating-banner { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: center; gap: clamp(1.5rem, 4vw, 3rem); width: 100%; max-width: 100%; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid #d9e3e6; border-block-start: 3px solid var(--wp--preset--color--primary); border-radius: .75rem; background: var(--wp--preset--color--surface); color: var(--wp--preset--color--secondary); }
.mh-rating-banner > * { margin: 0; min-width: 0; }
.mh-rating-banner .mh-rating-seal { width: 180px; height: 216px; max-width: 100%; margin: 0; background: #fff; }
.mh-rating-banner .mh-rating-seal img { width: 180px; height: 216px; aspect-ratio: auto; object-fit: contain; border-radius: 0; }
.mh-rating-seal a { display: block; }
.mh-rating-seal a:hover { box-shadow: 0 0 0 2px var(--wp--preset--color--primary-hover); }
.mh-rating-seal a:active { box-shadow: 0 0 0 2px var(--wp--preset--color--primary-dark); }
.mh-rating-copy > * { margin-block: 0 1rem; }
.mh-rating-copy > :last-child { margin-block-end: 0; }
.mh-rating-eyebrow { color: var(--wp--preset--color--primary-dark); font-weight: 700; font-size: .875rem; }
.mh-rating-banner .mh-rating-heading { color: var(--wp--preset--color--secondary); font-size: clamp(1.5rem, 3vw, 2rem); }
.mh-rating-banner .wp-block-buttons { justify-content: flex-start; }
.mh-rating-banner .wp-block-button__link { white-space: normal; }
@media (max-width: 600px) { .mh-rating-banner { grid-template-columns: minmax(0, 1fr); text-align: center; } .mh-rating-banner .mh-rating-seal { justify-self: center; } .mh-rating-banner .wp-block-buttons { justify-content: center; } .mh-rating-banner .wp-block-button { width: 100%; } }
.mh-rating-link-stars { white-space: nowrap; display: inline-block; margin-inline-end: .5em; letter-spacing: .1em; }
.mh-home-hero :is(.mh-action-devices, .mh-action-phone) .wp-block-button__link { gap: .65rem; }
.mh-home-hero :is(.mh-action-devices, .mh-action-phone) .wp-block-button__link::before { content: ""; display: inline-block; flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem; background: currentColor; mask: var(--mh-action-icon) center / contain no-repeat; }
.mh-home-hero .mh-action-devices .wp-block-button__link { --mh-action-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%273%27%20width%3D%2712%27%20height%3D%2718%27%20rx%3D%272%27%2F%3E%3Crect%20x%3D%2715%27%20y%3D%277%27%20width%3D%276%27%20height%3D%2714%27%20rx%3D%271%27%2F%3E%3Cpath%20d%3D%27M8%2017h2M18%2017h.01%27%2F%3E%3C%2Fsvg%3E"); }
.mh-home-hero .mh-action-phone .wp-block-button__link { --mh-action-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M22%2016.92v3a2%202%200%200%201-2.18%202%2019.79%2019.79%200%200%201-8.63-3.07%2019.5%2019.5%200%200%201-6-6%2019.79%2019.79%200%200%201-3.07-8.67A2%202%200%200%201%204.11%202h3a2%202%200%200%201%202%201.72c.13.96.37%201.9.7%202.79a2%202%200%200%201-.45%202.11L8.09%209.89a16%2016%200%200%200%206%206l1.27-1.27a2%202%200%200%201%202.11-.45c.89.33%201.83.57%202.79.7A2%202%200%200%201%2022%2016.92z%27%2F%3E%3C%2Fsvg%3E"); }
.mh-footer-brand .mh-footer-rating { margin-block: 1.5rem 0; width: 180px; max-width: 100%; }
.mh-footer-rating img { display: block; width: 180px; height: 216px; object-fit: contain; }
.mh-category-details { border-block-start: 1px solid #d9e3e6; padding-block: clamp(1.5rem, 4vw, 3rem); }
.mh-category-details > h2:first-child { margin-block-start: 0; }
.mh-category-benefits { gap: clamp(1rem, 2vw, 1.5rem); margin-block-end: clamp(2rem, 5vw, 4rem); }
.mh-category-benefits > .mh-card { padding: clamp(1.25rem, 2.5vw, 1.75rem); background: var(--wp--preset--color--base); border: 1px solid #d9e3e6; border-block-start: 3px solid var(--wp--preset--color--primary); border-radius: .75rem; box-shadow: 0 4px 16px rgb(0 48 79 / 5%); line-height: 1.65; }
.mh-category-benefits h3 { margin-block: 0 .75rem; line-height: 1.35; }
.mh-category-benefits p:last-child { margin-block-end: 0; }
.mh-category-copy { display: flow-root; width: 100%; max-width: none; margin-inline: 0; line-height: 1.8; }
.mh-category-copy :is(h2, h3) { clear: both; line-height: 1.3; }
.mh-category-copy h2 { margin-block: 3rem 1.25rem; padding-block-end: .75rem; border-block-end: 1px solid #d9e3e6; }
.mh-category-copy > h2:first-child { margin-block-start: 0; }
.mh-category-copy :is(p, ul, ol) { margin-block: 0 1.25rem; }
.mh-category-copy :is(ul, ol) { padding-inline-start: 1.5rem; }
.mh-category-copy li + li { margin-block-start: .5rem; }
.mh-category-copy img { max-width: 38%; height: auto; border-radius: .65rem; margin-block: .25rem 1rem; }
.mh-category-copy img:not(.aligncenter):not(.alignright) { float: left; margin-inline: 0 1.5rem; }
.mh-category-copy img.alignright { float: right; margin-inline: 1.5rem 0; }
@media (max-width: 600px) { .mh-category-copy img { float: none !important; display: block; max-width: 100%; margin: 1rem auto !important; } .mh-category-copy h2 { margin-block-start: 2rem; } }
