/* Editor / article Cocoon class names. Geometry tokens untouched. */

.wp-block-cocoon-blocks-button-1,
.wp-block-cocoon-blocks-button-1 a,
.btn-l {
    display: inline-block;
    padding: 0.7em 1.2em;
    text-decoration: none;
    border-radius: 4px;
}
.btn-shine {
    position: relative;
}
.cocoon-block-button__width-100 { width: 100%; }
.cocoon-block-button__width-50 { width: 50%; }
.has-cocoon-white-color { color: #fff; }

.blank-box,
[class*="is-style-blank-box"] {
    border: 1px solid #f0d6e0;
    padding: 0.8em 1em;
    background: #fff;
}
.is-style-blank-box-red { border-color: #c0392b; }
.is-style-blank-box-pink { border-color: #d85f93; }
.is-style-blank-box-navy { border-color: #2c3e50; }
.is-style-blank-box-blue { border-color: #2980b9; }
.is-style-blank-box-purple { border-color: #8e44ad; }
.is-style-blank-box-yellow { border-color: #d4a017; }
.is-style-blank-box-green { border-color: #27ae60; }
.is-style-blank-box-orange { border-color: #e67e22; }

.is-style-stitch-box {
    border: 2px dashed #d85f93;
    padding: 0.8em 1em;
    background: #fff8fb;
}
.is-style-clip-box {
    border: 1px solid #f0d6e0;
    padding: 0.8em 1em;
    background: #fff;
    box-shadow: inset 0 0 0 4px #fff8fb;
}

.is-style-information-box,
.information-box,
.information,
.mh-box-info {
    border-left: 4px solid #2980b9;
    background: #eef6fb;
    padding: 0.8em 1em;
}
.is-style-question-box,
.question-box,
.question,
.mh-box-question {
    border-left: 4px solid #8e44ad;
    background: #f7eefb;
    padding: 0.8em 1em;
}
.is-style-alert-box,
.alert-box,
.alert,
.mh-box-alert {
    border-left: 4px solid #c0392b;
    background: #fdecea;
    padding: 0.8em 1em;
}

.blank-box.sticky,
[class*="is-style-sticky"],
.is-style-sticky,
.mh-box-sticky {
    background: #fff6bf;
    box-shadow: 2px 2px 0 #e0d48a;
    padding: 0.8em 1em;
    border: 0;
}
.st-yellow { background: #fff6bf; }
.st-red { background: #ffd6d6; }
.st-blue { background: #d6e8ff; }
.st-green { background: #d8f5d8; }

.is-style-light-background-box,
.mh-box-bg {
    background: #fff8fb;
    padding: 0.8em 1em;
}
.is-style-border-top-box,
.has-border,
.mh-box-double {
    border-top: 3px solid #d85f93;
    padding: 0.8em 1em;
}

.mh-blogcard,
.wp-block-cocoon-blocks-embed-blogcard,
.blogcard-wrap,
.blogcard {
    display: flex;
    align-items: stretch;
    gap: 12px;
    max-width: 100%;
    margin: 16px 0;
    border: 1px solid #f0d6e0;
    border-radius: 12px;
    padding: 10px;
    overflow: hidden;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    background: #fff;
    transition: border-color 0.18s ease, transform 0.18s ease;
}
.blogcard-thumbnail,
.mh-blogcard-thumb,
.mh-blogcard-thumb--empty {
    flex: 0 0 120px;
    width: 120px;
    height: 80px;
    object-fit: cover;
    border-radius: 8px;
    background: linear-gradient(135deg, #f7dde7, #fff4f8);
}
.mh-blogcard-body,
.blogcard-content {
    min-width: 0;
    overflow: hidden;
}
.blogcard-title,
.mh-blogcard-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 700;
    line-height: 1.4;
}
.blogcard-snippet,
.mh-blogcard-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
    font-size: 0.9em;
    line-height: 1.45;
}
.blogcard-footer,
.mh-blogcard-domain {
    display: block;
    margin-top: 6px;
    font-size: 0.75em;
    opacity: 0.7;
}
@media (hover: hover) and (pointer: fine) {
    a.mh-blogcard:hover,
    a.wp-block-cocoon-blocks-embed-blogcard:hover {
        border-color: #e6b9cb;
        transform: translateY(-1px);
    }
}
a.mh-blogcard:focus-visible,
a.wp-block-cocoon-blocks-embed-blogcard:focus-visible {
    outline: 2px solid var(--mh-pink-deep, #a93669);
    outline-offset: 3px;
}
@media (max-width: 480px) {
    .mh-blogcard,
    .wp-block-cocoon-blocks-embed-blogcard,
    .blogcard-wrap,
    .blogcard {
        gap: 10px;
        margin: 12px 0;
        overflow: hidden;
    }
    .blogcard-thumbnail,
    .mh-blogcard-thumb,
    .mh-blogcard-thumb--empty {
        flex-basis: 88px;
        width: 88px;
        height: 66px;
    }
}

.mh-single-article .entry-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):not([style*="background"]),
.mh-page-article .entry-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):not([style*="background"]),
.mh-article-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):not([style*="background"]),
.mh-single-article .entry-content .wp-block-button__link.has-white-color:not(.has-background),
.mh-page-article .entry-content .wp-block-button__link.has-white-color:not(.has-background),
.mh-article-content .wp-block-button__link.has-white-color:not(.has-background),
.mh-single-article .entry-content .wp-block-button__link.has-cocoon-white-color:not(.has-background),
.mh-page-article .entry-content .wp-block-button__link.has-cocoon-white-color:not(.has-background),
.mh-article-content .wp-block-button__link.has-cocoon-white-color:not(.has-background),
.mh-single-article .entry-content .wp-block-button__link.has-white-background-color,
.mh-page-article .entry-content .wp-block-button__link.has-white-background-color,
.mh-article-content .wp-block-button__link.has-white-background-color,
.mh-single-article .entry-content .wp-block-button.has-white-background-color > .wp-block-button__link:not(.has-text-color),
.mh-page-article .entry-content .wp-block-button.has-white-background-color > .wp-block-button__link:not(.has-text-color),
.mh-article-content .wp-block-button.has-white-background-color > .wp-block-button__link:not(.has-text-color),
.mh-single-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-white-color,
.mh-page-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-white-color,
.mh-article-content .wp-block-button.is-style-outline > .wp-block-button__link.has-white-color,
.mh-single-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-cocoon-white-color,
.mh-page-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-cocoon-white-color,
.mh-article-content .wp-block-button.is-style-outline > .wp-block-button__link.has-cocoon-white-color,
.mh-single-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color:#fff"],
.mh-page-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color:#fff"],
.mh-article-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color:#fff"],
.mh-single-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color: #fff"],
.mh-page-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color: #fff"],
.mh-article-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color: #fff"],
.mh-single-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color:#ffffff"],
.mh-page-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color:#ffffff"],
.mh-article-content .wp-block-button.is-style-outline > .wp-block-button__link[style*="color:#ffffff"],
.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1 a:not([class*="background-color"]):not([style*="background"]),
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1 a:not([class*="background-color"]):not([style*="background"]),
.mh-article-content .wp-block-cocoon-blocks-button-1 a:not([class*="background-color"]):not([style*="background"]) {
    background-color: var(--mh-pink, #d85f93);
    color: #fff;
    border-color: var(--mh-pink, #d85f93);
}

.mh-single-article .entry-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover,
.mh-page-article .entry-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover,
.mh-article-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover,
.mh-single-article .entry-content .wp-block-button__link.has-white-background-color:hover,
.mh-page-article .entry-content .wp-block-button__link.has-white-background-color:hover,
.mh-article-content .wp-block-button__link.has-white-background-color:hover,
.mh-single-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-white-color:hover,
.mh-page-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-white-color:hover,
.mh-article-content .wp-block-button.is-style-outline > .wp-block-button__link.has-white-color:hover,
.mh-single-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-cocoon-white-color:hover,
.mh-page-article .entry-content .wp-block-button.is-style-outline > .wp-block-button__link.has-cocoon-white-color:hover,
.mh-article-content .wp-block-button.is-style-outline > .wp-block-button__link.has-cocoon-white-color:hover,
.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1 a:not([class*="background-color"]):hover,
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1 a:not([class*="background-color"]):hover,
.mh-article-content .wp-block-cocoon-blocks-button-1 a:not([class*="background-color"]):hover {
    background-color: var(--mh-pink-deep, #a93669);
    color: #fff;
    border-color: var(--mh-pink-deep, #a93669);
}

.mh-single-article .entry-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color):visited,
.mh-page-article .entry-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color):visited,
.mh-article-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color):visited,
.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1 a:visited,
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1 a:visited,
.mh-article-content .wp-block-cocoon-blocks-button-1 a:visited {
    color: #fff;
}

.mh-single-article .entry-content .wp-block-button__link:focus-visible,
.mh-page-article .entry-content .wp-block-button__link:focus-visible,
.mh-article-content .wp-block-button__link:focus-visible,
.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1 a:focus-visible,
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1 a:focus-visible,
.mh-article-content .wp-block-cocoon-blocks-button-1 a:focus-visible {
    outline: 2px solid var(--mh-pink-deep, #a93669);
    outline-offset: 3px;
}

/*
 * Legacy Cocoon button-1: has-red-background-color is not registered on Native,
 * so background computed to transparent while has-cocoon-white-color made text #fff
 * and has-black-border-color left a 3px empty rectangle. Narrow override only.
 */
.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color,
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color,
.mh-article-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color {
    background-color: var(--mh-pink, #d85f93) !important;
    color: #fff !important;
    border-color: var(--mh-pink, #d85f93) !important;
    border-width: 0;
}

.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:visited,
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:visited,
.mh-article-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:visited {
    color: #fff !important;
}

.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:hover,
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:hover,
.mh-article-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:hover,
.mh-single-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:focus-visible,
.mh-page-article .entry-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:focus-visible,
.mh-article-content .wp-block-cocoon-blocks-button-1.button-block > a.btn.has-red-background-color.has-cocoon-white-color:focus-visible {
    background-color: var(--mh-pink-deep, #a93669) !important;
    color: #fff !important;
    border-color: var(--mh-pink-deep, #a93669) !important;
}

.mh-article-chrome .entry-tags,
.mh-single-article .entry-tags,
.mh-page-article .entry-tags,
.mh-article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
    overflow: hidden;
}

.mh-article-chrome .entry-tags a,
.mh-single-article .entry-tags a,
.mh-page-article .entry-tags a,
.mh-article-tags a {
    display: inline-block;
    max-width: 100%;
    padding: 3px 9px;
    border-radius: 999px;
    border: 1px solid var(--mh-border, #f0d6e0);
    background: var(--mh-bg, #fff8fb);
    color: var(--mh-pink-deep, #a93669);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mh-article-chrome .entry-tags a:hover,
.mh-single-article .entry-tags a:hover,
.mh-page-article .entry-tags a:hover,
.mh-article-tags a:hover,
.mh-article-chrome .entry-tags a:focus-visible,
.mh-single-article .entry-tags a:focus-visible,
.mh-page-article .entry-tags a:focus-visible,
.mh-article-tags a:focus-visible {
    background: #f7dde7;
    color: var(--mh-pink-deep, #a93669);
}

.mh-article-chrome .entry-tags a:focus-visible,
.mh-single-article .entry-tags a:focus-visible,
.mh-page-article .entry-tags a:focus-visible,
.mh-article-tags a:focus-visible {
    outline: 2px solid var(--mh-pink-deep, #a93669);
    outline-offset: 2px;
}

.mh-article-chrome .entry-categories,
.mh-single-article .entry-categories,
.mh-article-cats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 12px 0 20px;
}

.mh-article-chrome .entry-categories a,
.mh-single-article .entry-categories a,
a.mh-article-cat {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 0;
    padding: 3px 9px;
    border: 0;
    border-radius: 999px;
    background: var(--mh-pink);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 1px 2px rgba(52, 37, 44, 0.18);
}

.mh-article-chrome .entry-categories a:visited,
.mh-single-article .entry-categories a:visited,
a.mh-article-cat:visited {
    color: #fff;
}

.mh-article-chrome .entry-categories a:hover,
.mh-single-article .entry-categories a:hover,
a.mh-article-cat:hover,
.mh-article-chrome .entry-categories a:focus-visible,
.mh-single-article .entry-categories a:focus-visible,
a.mh-article-cat:focus-visible {
    background: var(--mh-pink-deep);
    color: #fff;
    transform: none;
    text-shadow: none;
    opacity: 1;
}

.mh-article-chrome .entry-categories a:focus-visible,
.mh-single-article .entry-categories a:focus-visible,
a.mh-article-cat:focus-visible {
    outline: 2px solid var(--mh-pink-deep, #a93669);
    outline-offset: 2px;
}

.mh-breadcrumb {
    max-width: 100%;
    min-width: 0;
    margin: 0 0 14px;
    padding: 10px 14px;
    border: 1px solid var(--mh-border, #f0d6e0);
    border-radius: 12px;
    background: var(--mh-bg, #fff8fb);
    box-sizing: border-box;
    overflow: hidden;
}

.mh-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    max-width: 100%;
}

.mh-breadcrumb-item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

.mh-breadcrumb-item:not(:first-child)::before {
    content: "/";
    margin: 0 0.5em;
    color: var(--mh-muted, #7a6870);
    flex: 0 0 auto;
}

.mh-breadcrumb-home,
.mh-breadcrumb-home:visited {
    color: var(--mh-muted, #7a6870);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.mh-breadcrumb-cat,
.mh-breadcrumb-cat:visited {
    color: var(--mh-pink-deep, #a93669);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.mh-breadcrumb-home:hover,
.mh-breadcrumb-home:focus-visible,
.mh-breadcrumb-cat:hover,
.mh-breadcrumb-cat:focus-visible {
    color: #8e2d58;
}

.mh-breadcrumb a:focus-visible {
    outline: 2px solid var(--mh-pink-deep, #a93669);
    outline-offset: 2px;
}

.mh-breadcrumb-current {
    min-width: 0;
    flex: 1 1 8rem;
}

.mh-breadcrumb-current [aria-current="page"] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--mh-text, #34252c);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

@media (max-width: 480px) {
    .mh-breadcrumb-current {
        flex: 1 1 100%;
    }
}

.mh-share {
    margin: 24px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--mh-border, #f0d6e0);
}

.mh-share-title {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--mh-muted, #7a6870);
}

.mh-share-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
}

.mh-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid transparent;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.mh-share-btn--x,
.mh-share-btn--x:visited {
    background: #121417;
    border-color: #3a3f4c;
    color: #f4f4f6;
}

.mh-share-btn--line,
.mh-share-btn--line:visited {
    background: #06a84a;
    border-color: #058a3d;
    color: #fff;
}

.mh-share-btn--fb,
.mh-share-btn--fb:visited {
    background: #1870e0;
    border-color: #145bb8;
    color: #fff;
}

.mh-share-btn--copy {
    background: #fff;
    border-color: #e4c9d4;
    color: var(--mh-text, #34252c);
}

.mh-share-btn--x:hover,
.mh-share-btn--x:focus-visible {
    background: #000;
    border-color: #5a6170;
    color: #fff;
}

.mh-share-btn--line:hover,
.mh-share-btn--line:focus-visible {
    background: #059640;
    border-color: #047a35;
    color: #fff;
}

.mh-share-btn--fb:hover,
.mh-share-btn--fb:focus-visible {
    background: #1563c7;
    border-color: #114f9e;
    color: #fff;
}

.mh-share-btn--copy:hover,
.mh-share-btn--copy:focus-visible {
    background: var(--mh-bg, #fff8fb);
    border-color: var(--mh-pink, #d85f93);
    color: var(--mh-pink-deep, #a93669);
}

.mh-share-btn:focus-visible {
    outline: 2px solid var(--mh-pink-deep, #a93669);
    outline-offset: 2px;
}

.mh-share-status {
    margin: 8px 0 0;
    font-size: 0.85rem;
    color: var(--mh-muted, #7a6870);
}

.mh-sns-follow:empty {
    display: none;
}

.mh-article-content .mh-blogcard,
.mh-single-article .entry-content .mh-blogcard,
.mh-page-article .entry-content .mh-blogcard,
.mh-article-content .wp-block-cocoon-blocks-embed-blogcard,
.mh-single-article .entry-content .wp-block-cocoon-blocks-embed-blogcard,
.mh-page-article .entry-content .wp-block-cocoon-blocks-embed-blogcard {
    max-width: 800px;
    width: 100%;
    margin-inline: auto;
}

.mh-pager {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 24px 0 0;
    min-width: 0;
}

.mh-pager-prev,
.mh-pager-next {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--mh-border, #f0d6e0);
    border-radius: 12px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    box-sizing: border-box;
    overflow: hidden;
}

.mh-pager-next {
    grid-column: 2;
}

.mh-pager-thumb,
.mh-pager-thumb--empty {
    width: 88px;
    height: 66px;
    object-fit: cover;
    border-radius: 8px;
    background: linear-gradient(135deg, #f7dde7, #fff4f8);
}

.mh-pager-body {
    min-width: 0;
    overflow: hidden;
}

.mh-pager-dir {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--mh-muted, #7a6870);
}

.mh-pager-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 4px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--mh-text, #34252c);
}

.mh-pager-prev:hover,
.mh-pager-next:hover,
.mh-pager-prev:focus-visible,
.mh-pager-next:focus-visible {
    border-color: #e6b9cb;
}

.mh-pager-prev:focus-visible,
.mh-pager-next:focus-visible {
    outline: 2px solid var(--mh-pink-deep, #a93669);
    outline-offset: 3px;
}

@media (max-width: 480px) {
    .mh-pager {
        grid-template-columns: minmax(0, 1fr);
    }

    .mh-pager-next,
    .mh-pager-prev {
        grid-column: auto;
    }
}

.mh-related {
    margin: 24px 0;
    min-width: 0;
}

.mh-related h2 {
    margin: 0 0 12px;
    font-size: 18px;
}

.mh-related-list.mh-catalog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--mh-card-min), 1fr));
    gap: 12px;
    min-width: 0;
}

@media (max-width: 768px) {
    .mh-related-list.mh-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .mh-related-list.mh-catalog-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}