/* MIWIND Enterprise theme main stylesheet. */
@font-face {
    font-family: "MIWIND Montserrat";
    src: url("../fonts/miwind-montserrat-light.otf") format("opentype");
    font-weight: 300 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "MIWIND Montserrat";
    src: url("../fonts/miwind-montserrat-bold.otf") format("opentype");
    font-weight: 500 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --accent: #dd6b00;
    --ink: #333333;
    --muted: #6f6f6f;
    --line: #e4e4e4;
    --paper: #ffffff;
    --soft: #f1f1f1;
    --section: #e5e5e5;
    --dark: #111111;
    --wrap: 1536px;
    --gutter: max(42px, calc((100vw - var(--wrap)) / 2));
    --radius: 8px;
    --font: "MIWIND Montserrat", Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --yc-hero-title-size: clamp(34px, 4.2vw, 58px);
    --yc-hero-summary-size: 18px;
    --yc-hero-title-color: #222222;
    --yc-hero-summary-color: #4f4f4f;
    --yc-hero-accent-color: var(--accent);
    --yc-hero-overlay-text-color: #ffffff;
    --yc-hero-overlay-color: rgba(0, 0, 0, .42);
    --yc-hero-min-height: 640px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--miwind-body-background, var(--soft));
    color: var(--ink);
    font-family: var(--font);
    font-size: 14px;
    line-height: 1.65;
    font-weight: 300;
    letter-spacing: 0;
}

img,
svg {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea {
    font: inherit;
    letter-spacing: 0;
}

button {
    cursor: pointer;
}

.miwind-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.wrap {
    width: min(var(--wrap), calc(100vw - 84px));
    margin-inline: auto;
}

h1,
h2,
h3,
strong,
b,
button,
.button {
    font-weight: 700;
}

h1,
h2,
h3,
p {
    margin-top: 0;
}

.miwind-page-home .home-hero {
    position: relative;
    isolation: isolate;
    min-height: var(--yc-hero-min-height);
    overflow: hidden;
    background: #f2f4f5;
}

.miwind-page-home .site-hero__inner {
    position: relative;
    z-index: 2;
    display: grid;
    align-items: center;
    min-height: var(--yc-hero-min-height);
    gap: clamp(34px, 5vw, 92px);
    padding-top: 118px;
    padding-bottom: 70px;
}

.miwind-page-home .hero-copy h1 {
    max-width: 780px;
    margin-bottom: 18px;
    color: var(--yc-hero-title-color);
    font-size: var(--yc-hero-title-size);
    line-height: 1.04;
    letter-spacing: 0;
}

.miwind-page-home .hero-copy p {
    max-width: 620px;
    margin-bottom: 0;
    color: var(--yc-hero-summary-color);
    font-size: var(--yc-hero-summary-size);
    line-height: 1.62;
}

.miwind-page-home .site-hero__copy {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.miwind-page-home .site-hero__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 30px;
    background: var(--yc-hero-accent-color);
    color: #ffffff;
    padding: 0 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
}

.miwind-page-home .site-hero__cta:hover,
.miwind-page-home .site-hero__cta:focus-visible {
    background: #111111;
    outline: none;
}

.miwind-page-home .site-hero__media {
    position: relative;
    z-index: 1;
    display: block;
    min-width: 0;
    overflow: hidden;
}

.miwind-page-home .site-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.miwind-page-home .site-hero__media-carousel {
    isolation: isolate;
}

.miwind-page-home .site-hero__media-viewport {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.miwind-page-home .site-hero__media-track {
    display: flex;
    width: 100%;
    height: 100%;
    transform: translate3d(var(--sitebuilder-carousel-offset, 0px), 0, 0);
    transition: transform .62s cubic-bezier(.22, .61, .36, 1);
}

.miwind-page-home .site-hero__media-track[data-carousel-immediate="true"] {
    transition: none;
}

.miwind-page-home .site-hero__media-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    margin: 0;
}

.miwind-page-home .site-hero__media-arrow {
    position: absolute;
    top: 50%;
    z-index: 3;
    display: inline-grid;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 50%;
    background: rgba(15, 23, 42, .36);
    color: #ffffff;
    place-items: center;
    transform: translateY(-50%);
    cursor: pointer;
}

.miwind-page-home .site-hero__media-arrow:hover,
.miwind-page-home .site-hero__media-arrow:focus-visible {
    background: rgba(15, 23, 42, .72);
    outline: none;
}

.miwind-page-home .site-hero__media-arrow--prev {
    left: 16px;
}

.miwind-page-home .site-hero__media-arrow--next {
    right: 16px;
}

.miwind-page-home .site-hero__media-dots {
    position: absolute;
    right: 18px;
    bottom: 16px;
    z-index: 3;
    display: flex;
    gap: 8px;
}

.miwind-page-home .site-hero__media-dot {
    width: 8px;
    height: 8px;
    min-height: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .56);
    padding: 0;
    cursor: pointer;
}

.miwind-page-home .site-hero__media-dot.is-active {
    background: #ffffff;
}

.miwind-page-home .hero-points {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 14px 34px;
    margin-top: 36px;
}

.miwind-page-home .hero-points span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    font-size: 13px;
    white-space: nowrap;
}

.miwind-page-home .hero-points svg {
    color: var(--accent);
}

.miwind-page-home .site-hero[data-hero-variant="split-copy-left"] .site-hero__inner,
.miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__inner {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

.miwind-page-home .site-hero[data-hero-variant="split-copy-left"] .site-hero__media,
.miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__media {
    aspect-ratio: 1.28 / 1;
}

.miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__copy {
    grid-column: 2;
    grid-row: 1;
}

.miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__media {
    grid-column: 1;
    grid-row: 1;
}

.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] {
    background: #151515;
}

.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"]::before,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--yc-hero-overlay-color);
    pointer-events: none;
}

.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__inner,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__inner {
    grid-template-columns: minmax(0, 1fr);
}

.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__copy {
    max-width: 720px;
}

.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__copy h1,
.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__copy p,
.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .hero-points span,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__copy h1,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__copy p,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .hero-points span {
    color: var(--yc-hero-overlay-text-color, #ffffff);
}

.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__media,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__media {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    z-index: 0;
}

.miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__media::after,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: var(--yc-hero-overlay-color);
    pointer-events: none;
}

.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__copy {
    justify-self: center;
    max-width: 850px;
    text-align: center;
}

.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__copy h1,
.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__copy p {
    margin-right: auto;
    margin-left: auto;
}

.miwind-page-home .site-hero[data-hero-variant="centered-hero"] .hero-points {
    justify-content: center;
}

.miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__inner {
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
}

.miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__media {
    grid-column: 1;
    grid-row: 1;
    aspect-ratio: 16 / 9;
}

.miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__copy {
    grid-column: 2;
    grid-row: 1;
}

.miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__copy h1 {
    font-size: clamp(34px, 3.4vw, 54px);
}

.miwind-page-home .site-hero--no-media .site-hero__inner {
    grid-template-columns: minmax(0, 1fr);
}

.miwind-page-home .site-hero--no-media .site-hero__copy {
    max-width: 820px;
}

.miwind-page-home .site-hero--no-media[data-hero-variant="centered-hero"] .site-hero__copy {
    max-width: 850px;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 0;
    padding: 0 28px;
    background: var(--accent);
    color: #ffffff;
}

.plain-page {
    padding: 140px 0 96px;
    background: var(--paper);
}

.plain-page h1 {
    font-size: 42px;
}

.plain-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    margin-top: 34px;
}

.plain-grid article {
    min-height: 180px;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
}

.case-controls {
    display: grid;
    grid-template-columns: 36px 36px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    width: min(560px, 100%);
    margin: 52px auto 0;
}

.case-controls button,
.miwind-page-home .global-controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: var(--paper);
    color: #aaaaaa;
}

.case-controls button:last-of-type,
.miwind-page-home .global-controls button:last-of-type {
    color: var(--accent);
}

.case-controls button:disabled,
.miwind-page-home .global-controls button:disabled,
[data-carousel-prev]:disabled,
[data-carousel-next]:disabled {
    cursor: default;
    opacity: .42;
}

.case-controls span {
    height: 2px;
    background: linear-gradient(90deg, var(--accent) 0 var(--carousel-progress, 25%), #dedede var(--carousel-progress, 25%) 100%);
}

/* Sitewide public templates */
.miwind-top {
    position: absolute;
    inset: 0 0 auto;
    z-index: 40;
    padding-top: 16px;
    background: linear-gradient(to bottom, #eeeeee 0 96px, transparent 96px);
    pointer-events: none;
}

.miwind-top.is-static {
    position: relative;
    padding-bottom: 10px;
    background: #eeeeee;
}

.miwind-top .wrap {
    position: relative;
    width: min(var(--wrap), calc(100vw - 84px));
}

.miwind-brand-row {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    min-height: 48px;
    pointer-events: auto;
}

.miwind-brand {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.miwind-brand img {
    width: 180px;
    height: auto;
}

.miwind-mobile-actions {
    display: none;
}

.miwind-mobile-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(221, 107, 0, .22);
    border-radius: 50%;
    background: rgba(255, 255, 255, .96);
    color: var(--accent);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .04);
}

.miwind-mobile-menu-toggle {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
}

.miwind-mobile-menu-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .22s ease, opacity .22s ease;
}

.miwind-top.is-menu-open .miwind-mobile-menu-toggle span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.miwind-top.is-menu-open .miwind-mobile-menu-toggle span:nth-child(2) {
    opacity: 0;
}

.miwind-top.is-menu-open .miwind-mobile-menu-toggle span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.miwind-utility-nav {
    grid-column: 2;
    display: flex;
    justify-self: end;
    align-items: center;
    gap: 14px;
    min-width: 0;
    overflow: hidden;
}

.miwind-utility-link {
    color: #656565;
    font-size: 13px;
    line-height: 1.3;
    white-space: nowrap;
}

.miwind-utility-link:hover,
.miwind-utility-link.is-active,
.miwind-utility-link[aria-current="page"] {
    color: var(--accent);
}

.miwind-search-form {
    grid-column: 3;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    overflow: hidden;
    height: 34px;
    border-radius: 17px;
    background: rgba(255, 255, 255, .96);
    box-shadow: inset 0 0 0 1px rgba(221, 107, 0, .12), 0 4px 14px rgba(0, 0, 0, .04);
}

.miwind-search,
.miwind-search-form input {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    height: 34px;
    border: 0;
    border-radius: 0;
    padding: 0 14px 0 0;
    background: transparent;
    color: var(--muted);
    font-size: 14px;
}

.miwind-search-button {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 34px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--accent);
}

.miwind-mega-entry {
    position: relative;
    grid-column: 4;
    justify-self: end;
}

.miwind-mega-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 36px;
    min-width: 132px;
    border: 1px solid rgba(221, 107, 0, .28);
    border-radius: 4px;
    padding: 0 16px;
    background: var(--accent);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 10px 24px rgba(221, 107, 0, .18);
}

.miwind-mega-button .miwind-nav-caret {
    stroke: currentColor;
}

.miwind-mega-panel {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 38;
    display: none;
    width: min(860px, calc(100vw - 84px));
    border: 1px solid rgba(221, 107, 0, .18);
    border-radius: 6px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 24px 52px rgba(24, 24, 24, .16);
}

.miwind-mega-entry:hover .miwind-mega-panel,
.miwind-mega-entry:focus-within .miwind-mega-panel {
    display: block;
}

.miwind-mega-panel-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 14px;
}

.miwind-mega-section {
    display: grid;
    align-content: start;
    gap: 10px;
    border-right: 1px solid var(--line);
    padding: 12px;
}

.miwind-mega-section:nth-child(3n),
.miwind-mega-section:last-child {
    border-right: 0;
}

.miwind-mega-section-link,
.miwind-mega-child {
    display: grid;
    gap: 4px;
    border-radius: 4px;
    padding: 10px;
    color: var(--ink);
}

.miwind-mega-section-link {
    background: var(--soft);
}

.miwind-mega-section-link strong,
.miwind-mega-child span {
    font-size: 14px;
    line-height: 1.3;
}

.miwind-mega-links {
    display: grid;
    gap: 4px;
}

.miwind-mega-child:hover,
.miwind-mega-child.is-active {
    background: #fff6ee;
    color: var(--accent);
}

.miwind-nav-shell {
    overflow: visible;
    height: 60px;
    min-height: 60px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .025);
    pointer-events: auto;
}

.miwind-nav {
    min-width: 0;
    height: 60px;
    padding: 0 28px;
}

.miwind-nav-menu {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    height: 60px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.miwind-nav-menu--mobile {
    display: none;
}

.miwind-nav-item {
    position: relative;
}

.miwind-nav-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 60px;
    padding: 0 2px;
    color: #4f4f4f;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

.miwind-nav-item.current-menu-item > .miwind-nav-link,
.miwind-nav-item.current-menu-ancestor > .miwind-nav-link,
.miwind-nav-link[aria-current="page"] {
    color: var(--accent);
}

.miwind-nav-item.current-menu-item > .miwind-nav-link::after,
.miwind-nav-item.current-menu-ancestor > .miwind-nav-link::after,
.miwind-nav-link[aria-current="page"]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    height: 3px;
    border-radius: 999px;
    background: var(--accent);
}

.miwind-nav-caret {
    width: 10px;
    height: 6px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
}

.miwind-sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 30;
    display: none;
    min-width: 220px;
    width: max-content;
    max-width: min(320px, calc(100vw - 48px));
    margin: 0;
    padding: 8px 0;
    list-style: none;
    border: 1px solid var(--line);
    background: var(--paper);
    box-shadow: 0 16px 30px rgba(0, 0, 0, .12);
}

.miwind-nav-item:hover > .miwind-sub-menu,
.miwind-nav-item:focus-within > .miwind-sub-menu {
    display: block;
}

.miwind-sub-menu-link {
    display: block;
    padding: 10px 18px;
    color: #4f4f4f;
    font-size: 14px;
    line-height: 1.45;
    white-space: nowrap;
}

.miwind-sub-menu-link:hover,
.miwind-sub-menu-item.current-menu-item > .miwind-sub-menu-link {
    background: var(--soft);
    color: var(--accent);
}

.miwind-fixed-bar {
    position: fixed;
    inset: 0 0 auto;
    z-index: 120;
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid rgba(20, 28, 40, .08);
    box-shadow: 0 14px 34px rgba(20, 28, 40, .1);
    transition: transform .24s ease, opacity .24s ease;
}

.miwind-fixed-bar.is-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.miwind-fixed-bar__inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    width: min(var(--wrap), calc(100vw - 84px));
    min-height: 64px;
    margin: 0 auto;
}

.miwind-fixed-bar__brand {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.miwind-fixed-bar__brand img {
    width: 138px;
    height: auto;
}

.miwind-fixed-bar__brand span {
    color: var(--ink);
    font-weight: 800;
    white-space: nowrap;
}

.miwind-fixed-bar__nav {
    justify-self: end;
    min-width: 0;
}

.miwind-fixed-bar__menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(14px, 1.6vw, 28px);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.miwind-fixed-bar__item {
    position: relative;
}

.miwind-fixed-bar__link {
    display: inline-flex;
    align-items: center;
    min-height: 64px;
    color: #3f454b;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.miwind-fixed-bar__item.is-active > .miwind-fixed-bar__link,
.miwind-fixed-bar__item.is-ancestor > .miwind-fixed-bar__link,
.miwind-fixed-bar__link[aria-current="page"] {
    color: var(--accent);
}

.miwind-fixed-bar__submenu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 220px;
    width: max-content;
    max-width: min(320px, calc(100vw - 48px));
    margin: 0;
    padding: 8px 0;
    list-style: none;
    border: 1px solid var(--line);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 18px 34px rgba(20, 28, 40, .14);
}

.miwind-fixed-bar__item:hover > .miwind-fixed-bar__submenu,
.miwind-fixed-bar__item:focus-within > .miwind-fixed-bar__submenu {
    display: block;
}

.miwind-fixed-bar__sub-link {
    display: block;
    padding: 10px 16px;
    color: #4f4f4f;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
}

.miwind-fixed-bar__sub-link:hover,
.miwind-fixed-bar__sub-link.is-active,
.miwind-fixed-bar__sub-link[aria-current="page"] {
    background: #fff6ee;
    color: var(--accent);
}

.miwind-fixed-bar__toggle {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(221, 107, 0, .2);
    border-radius: 50%;
    background: #ffffff;
    color: var(--accent);
    box-shadow: 0 8px 18px rgba(20, 28, 40, .08);
}

.miwind-fixed-bar__toggle span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .22s ease, opacity .22s ease;
}

.miwind-fixed-bar.is-menu-open .miwind-fixed-bar__toggle span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.miwind-fixed-bar.is-menu-open .miwind-fixed-bar__toggle span:nth-child(2) {
    opacity: 0;
}

.miwind-fixed-bar.is-menu-open .miwind-fixed-bar__toggle span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.miwind-fixed-bar__mobile-nav {
    display: none;
}

.page-hero,
.company-hero,
.detail-banner,
.series-hero,
.solution-hero,
.about-hero,
.capability-hero,
.contact-hero,
.news-hero,
.news-detail-hero,
.download-hero,
.case-index-hero,
.case-detail-hero,
.certificate-index-hero,
.certificate-detail-hero,
.faq-detail-hero,
.page-wide-hero {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    background: #e8edf0 center / cover no-repeat;
}

.page-hero::before,
.company-hero::before,
.detail-banner::before,
.series-hero::before,
.solution-hero::before,
.about-hero::before,
.capability-hero::before,
.contact-hero::before,
.news-hero::before,
.news-detail-hero::before,
.download-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(241, 244, 246, .96) 0%, rgba(241, 244, 246, .82) 38%, rgba(241, 244, 246, .1) 70%);
}

.product-index-hero {
    background-image: var(--miwind-product-hero);
}

.page-hero.product-index-hero {
    background-image: var(--miwind-product-hero);
}

.series-hero {
    background-image: var(--miwind-product-hero);
}

.solution-hero {
    background-image: var(--miwind-product-hero);
}

.solution-index-hero {
    background-image: var(--miwind-solution-index-hero);
}

.about-hero {
    background-image: var(--miwind-about-hero);
}

.capability-hero {
    background-image: var(--miwind-product-hero);
}

.contact-hero {
    background-image: var(--miwind-product-hero);
}

.news-hero {
    background-image: var(--miwind-product-hero);
}

.news-detail-hero {
    background-image: var(--miwind-news-detail-hero);
}

.download-hero {
    background-image: var(--miwind-product-hero);
}

.certificate-index-hero,
.certificate-detail-hero {
    background:
        linear-gradient(90deg, rgba(232, 238, 241, .96) 0%, rgba(232, 238, 241, .82) 44%, rgba(232, 238, 241, .18) 100%),
        var(--miwind-certificate-hero, none) center / cover no-repeat;
}

body.miwind-page main :where(
    .page-hero-copy,
    .page-wide-hero-grid,
    .case-index-hero-grid,
    .case-detail-hero-grid,
    .certificate-index-hero-grid,
    .certificate-detail-hero-grid,
    .solution-index-hero .wrap,
    .solution-hero .wrap,
    .series-hero .series-heading,
    .company-hero .wrap
) {
    position: relative;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 76px;
}

.page-hero h1,
.company-hero h1,
.series-hero h1,
.solution-index-hero h1,
.case-index-hero h1,
.case-detail-copy h1,
.certificate-index-hero h1,
.certificate-detail-copy h1,
.page-wide-hero h1,
.contact-title,
.section-title-center,
.product-archive-title {
    margin: 0;
    color: var(--ink);
    font-size: 38px;
    line-height: 1.2;
}

.page-hero p,
.company-hero .summary,
.series-hero p,
.solution-index-hero p,
.case-index-hero p,
.case-detail-copy p,
.certificate-index-hero p,
.certificate-detail-copy p,
.page-wide-hero p,
.section-copy-center {
    max-width: 720px;
    margin: 16px 0 0;
    color: var(--muted);
}

.section-title-center,
.section-copy-center {
    text-align: center;
    margin-inline: auto;
}

.section-title-center + .section-copy-center {
    margin-top: 14px;
}

body.miwind-page main :where(
    .download-layout,
    .news-layout,
    .solution-index-layout,
    .case-detail-layout,
    .certificate-detail-layout,
    .contact-layout,
    .page-wide-hero-grid
) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 56px;
}

.filter-panel,
.quick-help-card,
.download-category-accordion,
.news-sidebar,
.case-detail-aside,
.certificate-detail-panel,
.contact-info-panel,
.detail-panel,
.miwind-card,
.product-card,
.series-product-card,
.solution-index-card,
.case-index-card,
.certificate-index-card,
.download-card,
.news-card,
.search-result-card,
.page-builder-card,
.resource-card {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--paper);
}

.filter-panel,
.quick-help-card,
.download-category-accordion,
.news-sidebar,
.case-detail-aside,
.certificate-detail-panel,
.contact-info-panel,
.detail-panel {
    padding: 34px;
}

.filter-panel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px;
}

.filter-chip-list,
.series-tabs,
.download-category-items,
.news-category-card {
    display: grid;
    gap: 8px;
}

.filter-chip-list a,
.series-tabs a,
.download-category-header,
.download-category-items a,
.news-category-card a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    border-radius: 4px;
    padding: 0 14px;
    color: #555555;
    font-size: 13px;
}

.filter-chip-list a.active,
.series-tabs a.active,
.download-category-header.active,
.download-category-items a.active,
.news-category-card a.active {
    background: rgba(221, 107, 0, .1);
    color: var(--accent);
}

body.miwind-page main :where(
    .solution-card-grid,
    .solution-index-grid,
    .case-index-grid,
    .certificate-index-grid,
    .download-card-grid,
    .news-list,
    .search-results,
    .detail-support-grid,
    .detail-recommended-grid,
    .case-related-grid,
    .resource-card-grid,
    .page-builder-card-grid,
    .industry-application-grid,
    .partner-logo-wall,
    .about-journey-grid,
    .core-strength-grid
) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px;
}

.certificate-index-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.product-card,
.series-product-card,
.solution-index-card,
.case-index-card,
.certificate-index-card,
.download-card,
.news-card,
.search-result-card,
.detail-support-card,
.detail-recommended-card,
.case-related-card,
.resource-card,
.page-builder-card {
    overflow: hidden;
    padding: 28px;
}

.page-builder-card--featured {
    border-color: rgba(221, 107, 0, .36);
    box-shadow: 0 18px 42px rgba(221, 107, 0, .12);
}

.page-builder-card-label,
.page-builder-card-markets {
    display: block;
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.4;
    text-transform: uppercase;
}

.page-builder-card-label {
    margin-bottom: 10px;
}

.page-builder-card-metric {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: baseline;
    margin: 0 0 12px;
    color: var(--ink);
}

.page-builder-card-metric strong {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.page-builder-card-metric span {
    color: var(--muted);
    font-size: 13px;
    font-weight: 700;
}

.page-builder-card-markets {
    margin-top: 14px;
    color: var(--muted);
    text-transform: none;
}

.page-builder-section--timeline {
    background: #ffffff;
}

.page-builder-timeline-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 42px;
    align-items: start;
    margin-bottom: 64px;
}

.page-builder-timeline-head h2 {
    margin: 0;
    color: var(--ink);
    font-size: 36px;
    font-weight: 800;
    line-height: 1.14;
    text-transform: uppercase;
}

.page-builder-timeline-head p {
    max-width: 760px;
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 16px;
    font-weight: 300;
    line-height: 1.55;
}

.page-builder-timeline-controls {
    display: inline-flex;
    gap: 34px;
    align-items: center;
    justify-content: flex-end;
    padding-top: 8px;
}

.page-builder-timeline-controls button {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--ink);
    box-shadow: none;
}

.page-builder-timeline-controls button:disabled {
    opacity: .36;
}

.page-builder-timeline-viewport {
    overflow: hidden;
}

.page-builder-timeline-track {
    --page-builder-timeline-gap: 56px;
    position: relative;
    display: flex;
    gap: var(--page-builder-timeline-gap);
    width: max-content;
    min-width: 100%;
    will-change: transform;
}

.page-builder-timeline-track::before {
    content: "";
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    height: 1px;
    background: #c7c7c7;
    pointer-events: none;
}

.page-builder-section--timeline:not([data-carousel-slots-ready="true"]) .page-builder-timeline-card:nth-child(n+5),
.page-builder-timeline-card[data-carousel-slot="hidden"],
.page-builder-timeline-card[hidden]:not([data-carousel-slot="buffer"]) {
    display: none;
}

.page-builder-timeline-card[data-carousel-slot="buffer"] {
    display: block;
}

.page-builder-timeline-card {
    position: relative;
    flex: 0 0 calc((min(var(--wrap), calc(100vw - 84px)) - (var(--page-builder-timeline-gap) * var(--page-builder-timeline-card-gaps, 3))) / var(--page-builder-timeline-slots, 4));
    min-width: 0;
    overflow: hidden;
    background: transparent;
}

.page-builder-timeline-card > strong {
    display: block;
    position: relative;
    margin: 0 0 66px;
    color: var(--accent);
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.page-builder-timeline-card > strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -36px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--accent);
}

.page-builder-timeline-card h3 {
    min-height: 48px;
    margin: 0 0 32px;
    color: var(--ink);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.32;
}

.page-builder-timeline-card h3 a {
    color: inherit;
    text-decoration: none;
}

.page-builder-timeline-card img {
    display: block;
    width: 100%;
    aspect-ratio: 300 / 185;
    border-radius: 14px;
    object-fit: cover;
}

@media (max-width: 1180px) {
    .page-builder-section--timeline {
        --page-builder-timeline-slots: 2;
        --page-builder-timeline-card-gaps: 1;
    }

    .page-builder-timeline-track {
        --page-builder-timeline-gap: 34px;
    }
}

@media (max-width: 760px) {
    .page-builder-section--timeline {
        --page-builder-timeline-slots: 1;
        --page-builder-timeline-card-gaps: 0;
    }

    .page-builder-timeline-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        margin-bottom: 44px;
    }

    .page-builder-timeline-head h2 {
        font-size: 28px;
    }

    .page-builder-timeline-controls {
        justify-content: flex-start;
        gap: 24px;
        padding-top: 0;
    }

    .page-builder-timeline-track {
        --page-builder-timeline-gap: 24px;
    }

    .page-builder-timeline-card {
        flex-basis: min(82vw, 360px);
    }

    .page-builder-timeline-card > strong {
        margin-bottom: 54px;
        font-size: 16px;
    }

    .page-builder-timeline-card > strong::after {
        bottom: -26px;
    }

    .page-builder-timeline-track::before {
        top: 24px;
    }

    .page-builder-timeline-card h3 {
        margin-bottom: 24px;
        font-size: 16px;
    }
}

.product-card img,
.series-product-media img,
.solution-card-image,
.solution-index-card img,
.case-index-card img,
.case-detail-visual img,
.download-card img,
.news-image,
.news-featured-image,
.search-result-card img,
.detail-recommended-card img,
.case-related-card img,
.page-builder-card img,
.industry-application-image {
    width: 100%;
    border-radius: var(--radius);
    object-fit: cover;
}

.miwind-page-case-index .case-index-main {
    background: #f0f2f3;
}

.certificate-detail-preview {
    margin: 0;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #ffffff;
}

.certificate-index-card img,
.certificate-detail-preview img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    background: #ffffff;
}

.certificate-index-card img {
    border: 1px solid #eeeeee;
    padding: 12px;
    background: #f7f7f7;
}

.certificate-index-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 18px;
}

.certificate-index-card-link {
    display: block;
    min-height: 0;
}

.certificate-index-card img {
    aspect-ratio: 3 / 4;
    max-height: 260px;
}

.certificate-index-card h3 {
    margin-top: 8px;
    font-size: 17px;
    line-height: 1.32;
}

.certificate-index-card p {
    font-size: 14px;
    line-height: 1.55;
}

.certificate-detail-preview figcaption {
    margin-top: 14px;
    color: var(--muted);
    font-size: 13px;
}

.certificate-detail-panel > span,
.certificate-detail-verification span {
    display: inline-flex;
    margin-bottom: 12px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.certificate-detail-panel h2,
.certificate-detail-verification h2 {
    margin: 0;
    color: var(--ink);
    font-size: 24px;
    line-height: 1.3;
}

.certificate-detail-panel p,
.certificate-detail-verification p {
    margin: 14px 0 0;
    color: var(--muted);
    line-height: 1.65;
}

.certificate-detail-meta {
    display: grid;
    gap: 0;
    margin: 26px 0 0;
}

.certificate-detail-meta div {
    display: grid;
    grid-template-columns: minmax(120px, .45fr) minmax(0, 1fr);
    gap: 18px;
    padding: 14px 0;
    border-top: 1px solid var(--line);
}

.certificate-detail-meta dt {
    color: var(--muted);
    font-size: 13px;
}

.certificate-detail-meta dd {
    margin: 0;
    color: var(--ink);
    font-weight: 650;
}

.certificate-detail-document-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.certificate-detail-document-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid var(--line);
    border-radius: 4px;
    padding: 0 16px;
    color: var(--ink);
    font-size: 13px;
    font-weight: 650;
    background: #ffffff;
}

.certificate-detail-document-links a:hover {
    border-color: var(--accent);
    color: var(--accent);
}

.certificate-detail-verification {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    margin-top: 32px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 34px;
    background: var(--paper);
}

.certificate-detail-verify-button {
    white-space: nowrap;
}

.miwind-page-case-index .case-index-hero {
    min-height: 548px;
    background:
        linear-gradient(120deg, rgba(238, 243, 245, .98) 0%, rgba(238, 243, 245, .9) 42%, rgba(255, 255, 255, .72) 100%),
        #e7eef1;
}

.miwind-page-case-index .case-index-hero-grid {
    display: grid;
    grid-template-columns: minmax(330px, 480px) minmax(0, 1fr);
    gap: 66px;
    align-items: center;
    padding-top: 148px;
    padding-bottom: 78px;
}

.miwind-page-case-index .case-index-hero-copy span {
    display: inline-flex;
    margin-bottom: 16px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.miwind-page-case-index .case-index-hero h1 {
    max-width: 560px;
    color: #24272d;
    font-size: clamp(42px, 4vw, 62px);
    line-height: 1.08;
}

.miwind-page-case-index .case-index-hero p {
    max-width: 500px;
    margin-top: 20px;
    color: #5d646b;
    font-size: 17px;
    line-height: 1.65;
}

.miwind-page-case-index .case-index-hero-copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin-top: 30px;
    border-radius: 999px;
    padding: 0 26px;
    background: var(--accent);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.miwind-page-case-index .case-index-section {
    padding: 78px 0 96px;
    background: #f4f4f4;
}

.miwind-page-case-index .case-index-heading {
    max-width: 760px;
    margin: 0 0 34px;
}

.miwind-page-case-index .case-index-heading h2 {
    margin: 0;
    color: #282c32;
    font-size: 32px;
    line-height: 1.2;
}

.miwind-page-case-index .case-index-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

.miwind-page-case-index .case-index-card {
    min-height: 100%;
    border: 0;
    border-radius: 10px;
    padding: 0;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(20, 28, 40, .055);
}

.miwind-page-case-index .case-index-card-inner {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    color: inherit;
}

.miwind-page-case-index .case-index-card-media {
    margin: 0;
    overflow: hidden;
    background: #e7eaec;
}

.miwind-page-case-index .case-index-card-media img {
    width: 100%;
    aspect-ratio: 1.28 / 1;
    display: block;
    border-radius: 0;
    object-fit: cover;
    transition: transform .34s ease, filter .34s ease;
}

.miwind-page-case-index .case-index-card--lead {
    grid-column: span 2;
}

.miwind-page-case-index .case-index-card--lead .case-index-card-media img {
    aspect-ratio: 2.05 / 1;
}

.miwind-page-case-index .case-index-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 22px 24px 24px;
}

.miwind-page-case-index .case-index-card-location {
    margin-bottom: 8px;
    color: #7b8186;
    font-size: 12px;
    line-height: 1.35;
}

.miwind-page-case-index .case-index-card h3 {
    margin: 0;
    color: #25282d;
    font-size: 18px;
    line-height: 1.35;
}

.miwind-page-case-index .case-index-card p {
    margin: 12px 0 0;
    color: #666d73;
    font-size: 14px;
    line-height: 1.6;
}

.miwind-page-case-index .case-index-card-action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 22px;
    color: #22262b;
    font-size: 13px;
    font-weight: 700;
}

.miwind-page-case-index .case-index-card-action::after {
    content: "→";
    color: var(--accent);
    transition: transform .22s ease;
}

.miwind-page-case-index .case-index-card:hover .case-index-card-media img {
    transform: scale(1.035);
    filter: saturate(1.05);
}

.miwind-page-case-index .case-index-card:hover .case-index-card-action {
    color: var(--accent);
}

.miwind-page-case-index .case-index-card:hover .case-index-card-action::after {
    transform: translateX(3px);
}

.product-card .product-card-media,
.series-product-media {
    display: grid;
    place-items: center;
    min-height: 180px;
    margin-bottom: 18px;
}

.miwind-page-case-detail .case-detail-main {
    background: #f2f4f5;
}

.miwind-page-case-detail .case-detail-hero {
    min-height: 0;
    background:
        linear-gradient(120deg, rgba(238, 243, 245, .98) 0%, rgba(238, 243, 245, .88) 45%, rgba(255, 255, 255, .72) 100%),
        #e8eef1;
}

.miwind-page-case-detail .case-detail-hero-grid {
    display: grid;
    grid-template-columns: minmax(330px, 470px) minmax(0, 1fr);
    gap: 64px;
    align-items: center;
    padding-top: 146px;
    padding-bottom: 78px;
}

.miwind-page-case-detail .case-detail-copy span {
    display: inline-flex;
    margin-bottom: 16px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.miwind-page-case-detail .case-detail-copy h1 {
    max-width: 560px;
    color: #24272d;
    font-size: clamp(40px, 3.8vw, 58px);
    line-height: 1.08;
}

.miwind-page-case-detail .case-detail-copy p {
    max-width: 520px;
    margin-top: 20px;
    color: #5d646b;
    font-size: 17px;
    line-height: 1.68;
}

.miwind-page-case-detail .case-detail-visual {
    position: relative;
    overflow: hidden;
    margin: 0;
    border-radius: 0 0 36px 36px;
    background: #dfe5e8;
    box-shadow: 0 28px 70px rgba(23, 34, 42, .16);
}

.miwind-page-case-detail .case-detail-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .16));
}

.miwind-page-case-detail .case-detail-visual img {
    width: 100%;
    aspect-ratio: 16 / 9;
    display: block;
    border-radius: 0;
    object-fit: cover;
}

.miwind-page-case-detail .case-detail-section {
    padding: 72px 0 84px;
    background: #f4f4f4;
}

.miwind-page-case-detail .case-detail-layout {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 34px;
    align-items: start;
}

.miwind-page-case-detail .case-detail-panel {
    display: grid;
    gap: 18px;
    counter-reset: case-detail-step;
}

.miwind-page-case-detail .case-detail-panel section {
    position: relative;
    min-height: 150px;
    border-radius: 16px;
    padding: 28px 32px 28px 94px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(20, 28, 40, .055);
    counter-increment: case-detail-step;
}

.miwind-page-case-detail .case-detail-panel section::before {
    content: counter(case-detail-step, decimal-leading-zero);
    position: absolute;
    left: 30px;
    top: 28px;
    color: rgba(221, 107, 0, .2);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-case-detail .case-detail-panel section::after {
    content: "";
    position: absolute;
    left: 33px;
    top: 74px;
    width: 34px;
    height: 3px;
    border-radius: 999px;
    background: var(--accent);
}

.miwind-page-case-detail .case-detail-panel h2 {
    margin: 0 0 12px;
    color: #25282d;
    font-size: 24px;
    line-height: 1.25;
}

.miwind-page-case-detail .case-detail-panel p {
    max-width: 760px;
    margin: 0;
    color: #626970;
    font-size: 16px;
    line-height: 1.72;
}

.miwind-page-case-detail .case-detail-aside {
    position: sticky;
    top: 112px;
    display: grid;
    gap: 16px;
    border: 0;
    border-radius: 16px;
    padding: 26px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(20, 28, 40, .055);
}

.miwind-page-case-detail .case-detail-aside h2,
.miwind-page-case-detail .case-detail-aside h3 {
    margin: 0;
    color: #25282d;
    font-size: 22px;
    line-height: 1.3;
}

.miwind-page-case-detail .case-detail-aside p {
    margin: 0;
    color: #626970;
    font-size: 14px;
    line-height: 1.65;
}

.miwind-page-case-detail .case-detail-aside .button,
.miwind-page-case-detail .case-detail-contact {
    width: 100%;
    min-height: 48px;
    border-radius: 999px;
    font-size: 14px;
}

.miwind-page-case-detail .case-detail-contact {
    background: #ffffff;
    color: var(--accent);
}

.miwind-page-case-detail .case-detail-contact:hover {
    background: var(--accent);
    color: #ffffff;
}

.miwind-page-case-detail .case-related-products {
    padding: 0 0 92px;
    background: #f4f4f4;
}

.miwind-page-case-detail .case-related-products .section-head {
    margin-bottom: 28px;
    border-bottom: 0;
    padding-bottom: 0;
}

.miwind-page-case-detail .case-related-products .section-head h2 {
    color: #25282d;
    font-size: 30px;
}

.miwind-page-case-detail .case-related-grid {
    gap: 24px;
}

.miwind-page-case-detail .case-related-grid--count-1 {
    grid-template-columns: minmax(0, 420px);
}

.miwind-page-case-detail .case-related-grid--count-2 {
    grid-template-columns: repeat(2, minmax(0, 420px));
}

.miwind-page-case-detail .case-related-card {
    border: 0;
    border-radius: 16px;
    padding: 22px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(20, 28, 40, .055);
}

.miwind-page-case-detail .case-related-card img {
    aspect-ratio: 1.35 / 1;
    display: block;
    border-radius: 12px;
    object-fit: contain;
    background: #f7f7f7;
}

.miwind-page-case-detail .case-related-card h3 {
    margin: 18px 0 0;
    color: #25282d;
    font-size: 18px;
    line-height: 1.35;
}

.miwind-page-case-detail .case-related-card p {
    margin: 10px 0 0;
    color: #626970;
    font-size: 14px;
    line-height: 1.6;
}

.spec-icon-row,
.benefit-icon-row,
.fact-grid,
.market-metrics,
.contact-detail-row,
.service-support-line,
.quality-process-line,
.certification-mark-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 18px;
}

.spec-item,
.fact-item,
.benefit-icon-row span,
.contact-detail-row,
.service-support-step,
.quality-process-step,
.about-metric-card,
.market-metric {
    display: grid;
    gap: 8px;
    color: var(--muted);
    font-size: 12px;
    text-align: center;
}

.button,
.contact-submit,
.case-detail-contact,
.news-detail-back,
.product-card .button,
.resource-card a,
.dark-product-cta a,
.quick-help-card > button,
.quick-help-card > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid var(--accent);
    border-radius: 4px;
    padding: 0 28px;
    background: var(--accent);
    color: #ffffff;
    font-weight: 700;
}

.button.secondary,
.product-card .button.secondary,
.dark-product-cta .button.secondary {
    background: transparent;
    color: var(--accent);
}

.dark-product-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 22px;
    align-items: center;
    margin-top: 44px;
    border-radius: var(--radius);
    padding: 28px;
    background: #16243a;
    color: #ffffff;
}

.dark-product-cta h2,
.dark-product-cta p {
    margin: 0;
    color: #ffffff;
}

body.miwind-page main :where(
    .capability-rnd-head,
    .rnd-capability-grid,
    .experience-card,
    .market-footprint-card,
    .contact-layout,
    .map-panel-grid
) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
    gap: 56px;
    align-items: center;
}

.miwind-page-product-series .series-products {
    padding-top: 74px;
    padding-bottom: 98px;
    background: #eeeeee;
}

.download-gate-intro {
    margin: -12px 0 22px;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.6;
}

.download-gate-file {
    display: grid;
    gap: 4px;
    margin: 0 0 18px;
    border: 1px solid rgba(221, 107, 0, .16);
    border-radius: 6px;
    padding: 12px 14px;
    background: #fff8f1;
}

.download-gate-file span {
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.download-gate-file strong {
    color: var(--ink);
    font-size: 15px;
    line-height: 1.4;
}

.miwind-page-downloads .download-empty-state {
    grid-column: 1 / -1;
    border: 1px solid #e1e6ea;
    border-radius: 16px;
    padding: 34px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(20, 28, 40, .052);
}

.download-main-section,
.news-main-section,
.case-index-section,
.certificate-index-section,
.faq-index-section,
.detail-main,
.case-detail-section,
.certificate-detail-section,
.solution-index-band,
.solution-detail-overview-section,
.contact-main-section,
.about-company-section,
.about-validation-section,
.about-certificate-section,
.about-journey-section,
.about-global-section,
.about-quality-section,
.about-strength-section,
.capability-market-section,
.capability-partner-logo-section,
.capability-industry-section,
.capability-experience-section,
.capability-rnd-section,
.capability-quality-section,
.capability-partner-section,
.search-section,
.plain-page,
.series-products,
.product-archive-section,
.resource-section,
.solution-section {
    padding: 86px 0;
}

.download-main-section,
.news-main-section,
.case-index-main,
.certificate-index-main,
.faq-index-main,
.case-detail-main,
.certificate-detail-main,
.search-main {
    background: var(--soft);
}

.contact-form {
    display: grid;
    gap: 12px;
}

.contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.contact-form input,
.contact-form textarea,
.contact-form select,
.news-sidebar-search input {
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 0;
    padding: 0 16px;
    background: var(--paper);
}

.contact-form input,
.contact-form select,
.news-sidebar-search input {
    height: 44px;
}

.contact-form textarea {
    min-height: 132px;
    padding-top: 14px;
}

.contact-form .wide {
    grid-column: 1 / -1;
}

.miwind-modal {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: grid;
    place-items: center;
    padding: clamp(16px, 4vh, 40px) 24px;
}

html.miwind-modal-open,
html.miwind-modal-open body {
    overflow: hidden;
}

.miwind-modal[hidden] {
    display: none;
}

.miwind-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 17, 17, .62);
    backdrop-filter: blur(2px);
}

.miwind-modal-panel {
    position: relative;
    z-index: 1;
    width: min(840px, calc(100vw - 48px));
    max-height: min(820px, calc(100vh - 48px));
    overflow: auto;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 8px;
    background: var(--paper);
    padding: clamp(30px, 4vw, 48px);
    box-shadow: 0 30px 90px rgba(0, 0, 0, .28);
}

.miwind-modal-panel h2 {
    margin: 0 64px 28px 0;
    color: var(--ink);
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.08;
    letter-spacing: 0;
}

.miwind-modal-close {
    position: absolute;
    top: 32px;
    right: 34px;
    display: grid;
    place-items: center;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 50%;
    padding: 0;
    background: #f7f7f7;
    color: #303030;
    box-shadow: none;
    cursor: pointer;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.miwind-modal-close:hover,
.miwind-modal-close:focus-visible {
    border-color: var(--accent);
    background: var(--accent);
    color: #ffffff;
    outline: 0;
    transform: translateY(-1px);
}

.miwind-modal-form {
    gap: 18px;
}

.miwind-modal-form .contact-form-grid {
    gap: 20px 22px;
}

.miwind-modal-form input,
.miwind-modal-form select,
.miwind-modal-form textarea {
    border-color: #d9d9d9;
    border-radius: 4px;
    background: #ffffff;
    color: var(--ink);
    font-size: 15px;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.miwind-modal-form input:focus,
.miwind-modal-form select:focus,
.miwind-modal-form textarea:focus {
    border-color: var(--accent);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(221, 107, 0, .12);
}

.miwind-modal-form input,
.miwind-modal-form select {
    height: 50px;
}

.miwind-modal-form textarea {
    min-height: 156px;
    padding-top: 14px;
    line-height: 1.55;
}

.miwind-modal-form .wide {
    grid-column: 1 / -1;
}

.miwind-modal-form .contact-submit {
    grid-column: 1 / -1;
    width: min(280px, 100%);
    min-height: 52px;
    margin-top: 4px;
    border: 0;
    border-radius: 6px;
    background: var(--accent);
    font-size: 16px;
    justify-self: start;
    transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.miwind-modal-form .contact-submit:hover,
.miwind-modal-form .contact-submit:focus-visible {
    background: #c65f00;
    box-shadow: 0 12px 26px rgba(221, 107, 0, .22);
    outline: 0;
    transform: translateY(-1px);
}

.miwind-modal-form .form-status {
    margin: 2px 0 0;
    color: #4f565d;
    font-size: 13px;
    line-height: 1.5;
}

.miwind-modal-form .captcha-field {
    display: grid;
    gap: 8px;
}

.miwind-modal-form .captcha-field strong {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    width: max-content;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0 14px;
    background: #f7f7f7;
    color: var(--ink);
    font-size: 16px;
    letter-spacing: .08em;
}

@media (max-width: 760px) {
    .miwind-modal {
        align-items: end;
        padding: 12px;
    }

    .miwind-modal-panel {
        width: 100%;
        max-height: calc(100vh - 24px);
        border-radius: 8px;
        padding: 26px 18px 22px;
    }

    .miwind-modal-panel h2 {
        margin-right: 48px;
        margin-bottom: 22px;
        font-size: 30px;
    }

    .miwind-modal-close {
        top: 22px;
        right: 18px;
        width: 38px;
        min-width: 38px;
        height: 38px;
        min-height: 38px;
        font-size: 22px;
    }

    .miwind-modal-form .contact-form-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .miwind-modal-form input,
    .miwind-modal-form select {
        height: 48px;
    }

    .miwind-modal-form textarea,
    .miwind-modal-form .miwind-field textarea {
        min-height: 132px;
    }

    .miwind-modal-form .contact-submit {
        width: 100%;
        justify-self: stretch;
    }
}

.theme-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    margin-top: 42px;
    overflow: hidden;
}

.theme-pagination a,
.theme-pagination span {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    border: 1px solid var(--line);
    border-radius: 4px;
    padding: 0 16px;
    background: var(--paper);
}

.not-found {
    min-height: 620px;
    padding: 160px 0 96px;
    background: var(--soft);
}

.not-found-card {
    max-width: 720px;
    border-radius: var(--radius);
    padding: 72px;
    background: var(--paper);
}

.not-found-card span {
    color: var(--accent);
    font-weight: 700;
}

.not-found-card h1 {
    font-size: 48px;
}

@media (min-width: 901px) and (max-width: 1500px) {
    .miwind-top .wrap {
        width: min(var(--wrap), calc(100vw - 84px));
    }

    .miwind-brand-row {
        grid-template-columns: 190px minmax(0, 1fr) 190px;
    }

    .miwind-nav {
        padding-inline: 18px;
    }

    .miwind-nav-menu {
        gap: 12px;
    }

    .miwind-nav-link {
        padding-inline: 2px;
        font-size: 13px;
    }

    body.miwind-page main :where(
        .solution-card-grid,
        .solution-index-grid,
        .case-index-grid,
        .certificate-index-grid,
        .detail-support-grid,
        .detail-recommended-grid,
        .resource-card-grid
    ) {
        gap: 28px;
    }
}

@media (max-width: 1100px) {
    .miwind-top .wrap {
        width: min(100% - 42px, var(--wrap));
    }

    .miwind-brand-row {
        grid-template-columns: 160px minmax(0, 1fr) 190px;
    }

    .miwind-nav {
        padding-inline: 18px;
    }

    .miwind-nav-menu {
        gap: 10px;
    }

    body.miwind-page main :where(
        .news-layout,
        .solution-index-layout,
        .case-detail-layout,
        .certificate-detail-layout,
        .certificate-detail-verification,
        .contact-layout,
        .page-wide-hero-grid,
        .capability-rnd-head,
        .rnd-capability-grid,
        .experience-card,
        .market-footprint-card,
        .map-panel-grid
    ) {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-contact .contact-info-panel {
        border-left: 0;
        border-top: 1px solid #d8d8d8;
        padding: 34px 0 0;
    }

    .miwind-page-product-index .product-index-hero {
        min-height: 420px;
    }

    .miwind-page-product-index .product-index-hero .page-hero-copy {
        padding-top: 96px;
    }

    .miwind-page-product-index .benefit-icon-row,
    .miwind-page-product-index .filter-panel,
    .miwind-page-product-index .product-card-grid,
    .miwind-page-product-index .solution-card-grid,
    .product-support-resources--compact .resource-card-grid,
    .product-support-resources--compact .dark-product-cta {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-index .filter-group + .filter-group {
        border-left: 0;
        border-top: 1px solid #eeeeee;
        padding-left: 0;
        padding-top: 26px;
    }

    .miwind-page-product-index .product-card .spec-icon-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miwind-page-case-index .case-index-hero {
        min-height: 0;
    }

    .miwind-page-case-index .case-index-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
        padding-top: 86px;
        padding-bottom: 48px;
    }

    .miwind-page-case-index .case-index-hero h1 {
        font-size: 34px;
    }

    .miwind-page-case-index .case-index-hero p {
        font-size: 15px;
    }

    .miwind-page-case-index .case-index-section {
        padding: 46px 0 64px;
    }

    .miwind-page-case-index .case-index-grid,
    .miwind-page-case-index .case-index-card--lead {
        grid-template-columns: minmax(0, 1fr);
        grid-column: auto;
    }

    .miwind-page-case-index .case-index-card--lead .case-index-card-media img,
    .miwind-page-case-index .case-index-card-media img {
        aspect-ratio: 1.45 / 1;
    }

    .miwind-page-case-index .case-index-card-body {
        padding: 20px;
    }

    .miwind-page-case-detail .case-detail-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
        padding-top: 86px;
        padding-bottom: 48px;
    }

    .miwind-page-case-detail .case-detail-copy h1 {
        font-size: 34px;
    }

    .miwind-page-case-detail .case-detail-copy p {
        font-size: 15px;
    }

    .miwind-page-case-detail .case-detail-visual {
        border-radius: 0 0 22px 22px;
    }

    .miwind-page-case-detail .case-detail-section {
        padding: 46px 0 62px;
    }

    .miwind-page-case-detail .case-detail-layout,
    .miwind-page-case-detail .case-related-grid,
    .miwind-page-case-detail .case-related-grid--count-1,
    .miwind-page-case-detail .case-related-grid--count-2 {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-case-detail .case-detail-panel section {
        min-height: 0;
        padding: 76px 22px 24px;
    }

    .miwind-page-case-detail .case-detail-panel section::before {
        left: 22px;
        top: 24px;
        font-size: 30px;
    }

    .miwind-page-case-detail .case-detail-panel section::after {
        left: 24px;
        top: 62px;
    }

    .miwind-page-case-detail .case-detail-panel h2 {
        font-size: 21px;
    }

    .miwind-page-case-detail .case-detail-panel p {
        font-size: 15px;
    }

    .miwind-page-case-detail .case-detail-aside {
        position: static;
        padding: 22px;
    }

    .miwind-page-case-detail .case-related-products {
        padding-bottom: 64px;
    }

    .solution-detail-challenge-section .wrap,
    .solution-feature-card,
    .recommended-products {
        grid-template-columns: minmax(0, 1fr);
    }

    .recommended-products {
        gap: 28px;
    }

    .product-advantage-list {
        min-height: 0;
    }

    .typical-application-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    }

@media (max-width: 900px) {
    .miwind-top {
        position: relative;
        overflow-x: clip;
        padding: 8px 0 0;
        background: #eeeeee;
        pointer-events: auto;
    }

    .miwind-fixed-bar__inner {
        width: min(100% - 32px, var(--wrap));
        min-height: 58px;
        gap: 12px;
    }

    .miwind-fixed-bar__brand img {
        width: 126px;
    }

    .miwind-fixed-bar__nav {
        display: none;
    }

    .miwind-fixed-bar__toggle {
        display: inline-flex;
        justify-self: end;
    }

    .miwind-fixed-bar__mobile-nav {
        overflow: auto;
        max-height: calc(100vh - 58px);
        border-top: 1px solid rgba(20, 28, 40, .08);
        background: #ffffff;
    }

    .miwind-fixed-bar.is-menu-open .miwind-fixed-bar__mobile-nav {
        display: block;
    }

    .miwind-fixed-bar__mobile-nav ul {
        display: grid;
        gap: 0;
        width: min(100% - 32px, var(--wrap));
        margin: 0 auto;
        padding: 8px 0 14px;
        list-style: none;
    }

    .miwind-fixed-bar__mobile-nav ul ul {
        width: 100%;
        padding: 0 0 0 14px;
    }

    .miwind-fixed-bar__mobile-nav a {
        display: flex;
        align-items: center;
        min-height: 42px;
        border-bottom: 1px solid rgba(20, 28, 40, .08);
        color: #343a40;
        font-size: 14px;
        font-weight: 650;
    }

    .miwind-fixed-bar__mobile-nav .is-active > a,
    .miwind-fixed-bar__mobile-nav .is-ancestor > a,
    .miwind-fixed-bar__mobile-nav a[aria-current="page"] {
        color: var(--accent);
    }

    .miwind-top .wrap {
        width: min(100% - 32px, var(--wrap));
    }

    .miwind-top .miwind-brand {
        min-width: 84px;
        min-height: 44px;
    }

    .miwind-top .miwind-brand img {
        width: 136px;
    }

    .miwind-brand-row {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 12px;
        min-height: 58px;
    }

    .miwind-brand {
        grid-column: 1;
    }

    .miwind-brand img {
        width: 132px;
    }

    .miwind-utility-nav {
        display: none;
    }

    .miwind-mobile-actions {
        grid-column: 3;
        display: flex;
        justify-content: end;
        gap: 10px;
    }

    .miwind-search-form {
        grid-column: 1 / -1;
        display: none;
        grid-template-columns: 44px minmax(0, 1fr);
        width: 100%;
        height: 44px;
        margin-top: 4px;
        border-radius: 22px;
    }

    .miwind-top.is-search-open .miwind-search-form {
        display: grid;
    }

    .miwind-search,
    .miwind-search-form input {
        height: 44px;
        font-size: 15px;
    }

    .miwind-search-button {
        width: 44px;
        height: 44px;
    }

    .miwind-mega-entry {
        display: none;
        grid-column: 1 / -1;
        justify-self: stretch;
        margin-top: 10px;
    }

    .miwind-top.is-menu-open .miwind-mega-entry {
        display: block;
    }

    .miwind-mega-button {
        justify-content: space-between;
        width: 100%;
        height: 44px;
        border-radius: 4px;
        padding-inline: 16px;
        box-shadow: none;
    }

    .miwind-mega-panel {
        position: static;
        display: block;
        width: 100%;
        margin-top: 8px;
        box-shadow: none;
    }

    .miwind-mega-panel-grid {
        grid-template-columns: minmax(0, 1fr);
        padding: 8px;
    }

    .miwind-mega-section {
        border-right: 0;
        border-bottom: 1px solid var(--line);
        padding: 8px;
    }

    .miwind-mega-section:last-child {
        border-bottom: 0;
    }

    .miwind-nav-shell {
        display: none;
        overflow: visible;
        height: auto;
        min-height: 0;
        margin-top: 10px;
        border-radius: 4px;
    }

    .miwind-top.is-menu-open .miwind-nav-shell {
        display: block;
    }

    .miwind-nav {
        width: 100%;
        inline-size: 100%;
        height: auto;
        min-width: 0;
        padding: 8px 0;
    }

    .miwind-nav-menu {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        width: 100%;
        height: auto;
        min-width: 0;
        margin: 0;
        padding: 0;
    }

    .miwind-nav-menu--desktop {
        display: none;
    }

    .miwind-nav-menu--mobile {
        display: grid;
    }

    .miwind-nav-menu--mobile .miwind-nav-item {
        display: grid;
    }

    .miwind-nav-menu--mobile .miwind-nav-link {
        min-height: 48px;
        padding-inline: 14px;
        border-radius: 6px;
        background: transparent;
    }

    .miwind-nav-menu--mobile .miwind-sub-menu {
        position: static;
        display: grid;
        min-width: 0;
        width: 100%;
        max-width: none;
        margin-top: 0;
        padding: 0 0 6px 12px;
        border: 0;
        border-left: 1px solid rgba(20, 28, 40, .08);
        box-shadow: none;
        background: transparent;
    }

    .miwind-nav-menu--mobile .miwind-sub-menu-link {
        min-height: 42px;
        padding: 8px 12px;
        white-space: normal;
    }

    .miwind-nav-menu--mobile .miwind-nav-item.current-menu-item > .miwind-nav-link,
    .miwind-nav-menu--mobile .miwind-nav-item.current-menu-ancestor > .miwind-nav-link,
    .miwind-nav-menu--mobile .miwind-nav-link[aria-current="page"] {
        background: rgba(221, 107, 0, .08);
    }

    .miwind-nav-menu--mobile .miwind-nav-item.current-menu-item > .miwind-nav-link::after,
    .miwind-nav-menu--mobile .miwind-nav-item.current-menu-ancestor > .miwind-nav-link::after,
    .miwind-nav-menu--mobile .miwind-nav-link[aria-current="page"]::after {
        top: 12px;
        bottom: 12px;
        left: 0;
        width: 3px;
        height: auto;
    }

    .miwind-nav-item {
        width: 100%;
        inline-size: 100%;
    }

    .miwind-nav-link {
        justify-content: space-between;
        width: 100%;
        inline-size: 100%;
        height: 46px;
        padding-inline: 16px;
        font-size: 14px;
    }

    .miwind-nav-item.current-menu-item > .miwind-nav-link::after,
    .miwind-nav-item.current-menu-ancestor > .miwind-nav-link::after,
    .miwind-nav-link[aria-current="page"]::after {
        top: 12px;
        right: auto;
        bottom: 12px;
        left: 0;
        width: 3px;
        height: auto;
    }

    .page-hero,
    .company-hero,
    .detail-banner,
    .series-hero,
    .solution-hero,
    .about-hero,
    .capability-hero,
    .contact-hero,
    .news-hero,
    .download-hero {
        min-height: 300px;
    }

    body.miwind-page main :where(
        .page-hero-copy,
        .page-wide-hero-grid,
        .case-index-hero-grid,
        .case-detail-hero-grid,
        .certificate-index-hero-grid,
        .certificate-detail-hero-grid,
        .solution-index-hero .wrap,
        .solution-hero .wrap,
        .series-heading .wrap,
        .series-hero .series-heading,
        .company-hero .wrap
    ) {
        padding-top: 74px;
        padding-bottom: 52px;
    }

    .page-hero h1,
    .company-hero h1,
    .series-heading h1,
    .solution-index-hero h1,
    .about-hero-copy h1,
    .case-index-hero h1,
    .case-detail-copy h1,
    .certificate-index-hero h1,
    .certificate-detail-copy h1,
    .page-wide-hero h1,
    .contact-title,
    .section-title-center,
    .product-archive-title {
        font-size: 30px;
    }

    .filter-panel,
    body.miwind-page main :where(
        .solution-card-grid,
        .solution-index-grid,
        .case-index-grid,
        .certificate-index-grid,
        .news-list,
        .search-results,
        .detail-support-grid,
        .detail-recommended-grid,
        .case-related-grid,
        .resource-card-grid,
        .page-builder-card-grid,
        .industry-application-grid,
        .partner-logo-wall,
        .about-journey-grid,
        .core-strength-grid,
        .contact-form-grid,
        .dark-product-cta
    ) {
        grid-template-columns: minmax(0, 1fr);
    }

    .certificate-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miwind-page-certificate-detail .certificate-detail-section {
        padding-top: 42px;
        padding-bottom: 58px;
    }

    .miwind-page-certificate-detail .certificate-detail-preview,
    .miwind-page-certificate-detail .certificate-detail-panel,
    .miwind-page-certificate-detail .certificate-detail-verification {
        padding: 22px;
    }

    .miwind-page-certificate-detail .certificate-detail-meta div {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    .miwind-page-certificate-detail .certificate-detail-document-links {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    .certificate-index-card img {
        max-height: 220px;
    }

    .solution-detail-challenge-section,
    .solution-detail-overview-section,
    .solution-detail-service-section,
    .solution-detail-application-section {
        padding-top: 58px;
        padding-bottom: 62px;
    }

    .solution-feature-card > div:first-child,
    .recommended-products,
    .solution-detail-application-section > .wrap {
        padding: 28px 22px;
    }

    .service-support-line {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
        margin-top: 42px;
    }

    .service-support-line::before,
    .service-support-step::after {
        display: none;
    }

    .service-support-step p {
        margin-top: 0;
    }

    .typical-application-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-floating-service {
        right: 10px;
        bottom: max(22px, env(safe-area-inset-bottom));
        padding: 4px;
    }

    .miwind-floating-service__tip {
        max-width: min(220px, calc(100vw - 84px));
        font-size: 12px;
    }

    .miwind-footer-head {
        gap: 14px;
    }

    .miwind-footer a,
    .miwind-footer p,
    .miwind-footer-form button {
        font-size: 13px;
    }

    .miwind-footer-form input,
    .miwind-footer-form select,
    .miwind-footer-form textarea,
    .miwind-footer-form .miwind-field textarea {
        background: #ffffff;
    }

}

/* Theme scale and responsive tokens. */
:root {
    --miwind-font-size-body: 15px;
    --miwind-font-size-small: 13px;
    --miwind-font-size-h1: 36px;
    --miwind-font-size-h2: 30px;
    --miwind-font-size-h3: 22px;
    --miwind-font-size-h4: 18px;
    --miwind-font-size-h5: 15px;
    --miwind-font-size-card-title: 18px;
    --miwind-font-size-card-text: 14px;
    --miwind-font-size-hero-body: 14px;
    --miwind-line-heading: 1.16;
    --miwind-line-body: 1.62;
    --miwind-section-y: 68px;
    --miwind-section-y-tight: 56px;
    --miwind-hero-min: 430px;
    --miwind-hero-pad-top: 96px;
    --miwind-hero-pad-bottom: 56px;
    --miwind-page-hero-pad-y: 56px;
    --miwind-page-hero-header-clearance: 132px;
    --miwind-header-logo-width: 150px;
    --miwind-header-brand-row: 38px;
    --miwind-header-nav-height: 52px;
    --miwind-header-nav-offset: 6px;
    --miwind-header-search-height: 32px;
    --miwind-panel-radius: 12px;
    --miwind-reference-wrap: var(--wrap);
    --miwind-home-wrap: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    --miwind-home-gutter: max(42px, calc((100% - var(--miwind-home-wrap)) / 2));
    --miwind-reference-hero: 438px;
    --miwind-reference-section: 78px;
    --miwind-reference-card-radius: 18px;
    --miwind-surface: #ffffff;
    --miwind-surface-alt: #f4f6f7;
    --miwind-surface-soft: #eef2f4;
    --miwind-text: #24272d;
    --miwind-text-muted: #5f676e;
    --miwind-shadow-soft: 0 18px 42px rgba(20, 28, 40, .07);
}

body.miwind-page {
    color: #2f3338;
    font-size: var(--miwind-font-size-body);
    line-height: var(--miwind-line-body);
    font-weight: 400;
    text-rendering: optimizeLegibility;
}

@media (min-width: 901px) {
    .miwind-top {
        padding-top: 10px;
        background: linear-gradient(to bottom, #eeeeee 0 72px, transparent 72px);
    }

    .miwind-brand-row {
        grid-template-columns: 210px minmax(0, 1fr) auto;
        min-height: var(--miwind-header-brand-row);
    }

    .miwind-brand img {
        width: var(--miwind-header-logo-width);
    }

    .miwind-search-form {
        height: var(--miwind-header-search-height);
        border-radius: calc(var(--miwind-header-search-height) / 2);
    }

    .miwind-search,
    .miwind-search-form input,
    .miwind-search-button {
        height: var(--miwind-header-search-height);
    }

    .miwind-nav-shell,
    .miwind-nav {
        height: var(--miwind-header-nav-height);
        min-height: var(--miwind-header-nav-height);
    }

    .miwind-nav-shell {
        margin-top: var(--miwind-header-nav-offset);
    }

    .miwind-nav-link {
        height: var(--miwind-header-nav-height);
        font-size: 15px;
    }

    .miwind-mega-button {
        height: var(--miwind-header-search-height);
    }
}

/* Shared public component contract. */
body.miwind-page :where(.section-head) {
    margin-bottom: 32px;
    border-left: 0;
    padding-left: 0;
}

body.miwind-page main :where(.unified-page-hero) {
    display: grid;
}

.miwind-page-page-landing .company-hero.unified-page-hero,
.miwind-page-faq-index .faq-index-hero.unified-page-hero {
    min-height: var(--miwind-hero-min);
}

.miwind-page-page-wide .page-wide-hero.unified-page-hero {
    min-height: var(--miwind-hero-min);
    background:
        linear-gradient(90deg, rgba(238, 243, 245, .97) 0%, rgba(238, 243, 245, .84) 38%, rgba(238, 243, 245, .28) 70%, rgba(238, 243, 245, .08) 100%),
        var(--miwind-page-wide-hero) center / cover no-repeat;
}

.miwind-page-page-wide .page-wide-hero-grid,
.miwind-page-page-wide .page-wide-main--quality-certificates .page-wide-hero-grid,
.miwind-page-page-wide .page-wide-main--oem-odm-service .page-wide-hero-grid,
.miwind-page-page-wide .page-wide-main--partners .page-wide-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 760px);
    align-content: center;
    min-height: var(--miwind-hero-min);
    padding-top: var(--miwind-page-hero-pad-y);
    padding-bottom: var(--miwind-page-hero-pad-y);
}

.miwind-page-page-wide .page-wide-hero-copy {
    max-width: 760px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head,
.miwind-page-page-wide .page-wide-main--oem-odm-service .section-head,
.miwind-page-page-wide .page-wide-main--partners .section-head {
    display: grid;
    grid-template-columns: minmax(280px, 520px) minmax(320px, 560px);
    justify-content: space-between;
    align-items: start;
    gap: 56px;
    width: 100%;
    max-width: none;
    margin-bottom: 38px;
    padding-left: 18px;
    border-left: 4px solid var(--accent);
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head h2,
.miwind-page-page-wide .page-wide-main--oem-odm-service .section-head h2,
.miwind-page-page-wide .page-wide-main--partners .section-head h2 {
    max-width: 520px;
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head p,
.miwind-page-page-wide .page-wide-main--oem-odm-service .section-head p,
.miwind-page-page-wide .page-wide-main--partners .section-head p {
    justify-self: end;
    width: min(100%, 560px);
    max-width: 560px;
    margin: 4px 0 0;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head a,
.miwind-page-page-wide .page-wide-main--oem-odm-service .section-head a,
.miwind-page-page-wide .page-wide-main--partners .section-head a {
    align-self: start;
    justify-self: end;
}

.miwind-page-page-wide :where(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card-grid {
    width: 100%;
    gap: 24px;
    align-items: stretch;
}

.miwind-page-page-wide :where(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card {
    min-height: 100%;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.miwind-page-page-wide :where(.page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card {
    border: 1px solid #e5e8eb;
    border-radius: 16px;
    padding: 24px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(20, 28, 40, .055);
}

.miwind-page-page-wide :where(.page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card:hover {
    border-color: rgba(221, 107, 0, .34);
    box-shadow: 0 22px 46px rgba(20, 28, 40, .095);
    transform: translateY(-3px);
}

.miwind-page-page-wide :where(.page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card h3 {
    margin: 0;
    color: #25282d;
    font-size: 18px;
    line-height: 1.35;
}

.miwind-page-page-wide :where(.page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card h3 a {
    color: inherit;
    transition: color .2s ease;
}

.miwind-page-page-wide :where(.page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card h3 a:hover,
.miwind-page-page-wide :where(.page-wide-main--partners) .page-builder-card:hover h3 a {
    color: var(--accent);
}

.miwind-page-page-wide :where(.page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card p {
    margin: 10px 0 0;
    color: #626970;
    font-size: 14px;
    line-height: 1.62;
}

.miwind-page-page-wide :where(
    #customization-service,
    #customer-support,
    #service-process,
    #oem-odm-planning-notes,
    #why-partner,
    #cooperation-process,
    #support-policy,
    #cooperation-conditions,
    #customer-market-proof,
    #partner-evaluation-notes
) .page-builder-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.miwind-page-page-wide :where(#support-documents, #partner-material-downloads) .page-builder-card-grid,
.miwind-page-page-wide :where(#oem-odm-support-faq, #partner-cooperation-faq) .page-builder-faq-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.miwind-page-page-wide :where(#customization-service, #customer-support, #service-process) .page-builder-card-grid {
    counter-reset: oem-service-step;
}

.miwind-page-page-wide #cooperation-process .page-builder-card-grid {
    counter-reset: partner-step;
}

.miwind-page-page-wide :where(#customization-service, #customer-support, #service-process, #cooperation-process) .page-builder-card {
    position: relative;
    min-height: 210px;
    padding: 72px 24px 24px;
}

.miwind-page-page-wide #cooperation-process .page-builder-card {
    min-height: 214px;
}

.miwind-page-page-wide :where(#customization-service, #customer-support, #service-process) .page-builder-card::before {
    content: counter(oem-service-step, decimal-leading-zero);
    counter-increment: oem-service-step;
}

.miwind-page-page-wide #cooperation-process .page-builder-card::before {
    content: counter(partner-step, decimal-leading-zero);
    counter-increment: partner-step;
}

.miwind-page-page-wide :where(#customization-service, #customer-support, #service-process, #cooperation-process) .page-builder-card::before {
    position: absolute;
    left: 24px;
    top: 22px;
    color: rgba(221, 107, 0, .22);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-page-wide :where(#customization-service, #customer-support, #service-process, #cooperation-process) .page-builder-card::after {
    content: "";
    position: absolute;
    left: 24px;
    top: 56px;
    width: 34px;
    height: 3px;
    border-radius: 999px;
    background: var(--accent);
}

.miwind-page-page-wide :where(#support-documents, #partner-material-downloads) .page-builder-card {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    column-gap: 22px;
    align-items: start;
    min-height: 172px;
    padding: 26px;
}

.miwind-page-page-wide :where(#support-documents, #partner-material-downloads) .page-builder-file-icon {
    grid-row: 1 / span 2;
    align-self: start;
    width: 88px;
    height: 88px;
}

.miwind-page-page-wide :where(#support-documents, #partner-material-downloads) .page-builder-file-icon svg {
    width: 64px;
    height: 78px;
}

.miwind-page-page-wide :where(#support-documents, #partner-material-downloads) .page-builder-card h3 {
    margin-top: 0;
}

.miwind-page-page-wide #oem-odm-planning-notes .page-builder-card,
.miwind-page-page-wide :where(#customer-market-proof, #partner-evaluation-notes) .page-builder-card {
    display: flex;
    min-height: 0;
    flex-direction: column;
    padding: 20px;
}

.miwind-page-page-wide #oem-odm-planning-notes .page-builder-file-icon {
    width: 100%;
    min-height: 210px;
    margin-bottom: 18px;
}

.miwind-page-page-wide #oem-odm-planning-notes .page-builder-card img {
    width: 100%;
    height: 210px;
    margin-bottom: 18px;
    border: 1px solid #e6e8ea;
    border-radius: 12px;
    padding: 12px;
    background: linear-gradient(180deg, #fbfbfb, #f4f6f7);
    object-fit: contain;
    object-position: center;
}

.miwind-page-page-wide .page-wide-main--partners #dealer-portal {
    padding-top: 52px;
    padding-bottom: 56px;
    background: #e9edf0;
}

.miwind-page-page-wide .page-wide-main--partners #dealer-portal .page-builder-text {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    border: 1px solid #dde4e8;
    border-radius: 18px;
    padding: 34px 40px;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(20, 28, 40, .07);
}

.miwind-page-page-wide .page-wide-main--partners #dealer-portal h2 {
    margin: 0;
    color: #24272d;
    font-size: 30px;
    line-height: 1.2;
}

.miwind-page-page-wide .page-wide-main--partners #dealer-portal p {
    max-width: 720px;
    margin: 10px 0 0;
    color: #626970;
    font-size: 15px;
    line-height: 1.62;
}

.miwind-page-page-wide .page-wide-main--partners #dealer-portal .button {
    margin: 0;
    white-space: nowrap;
}

.miwind-page-page-wide .page-wide-main--partners :where(#customer-market-proof, #partner-evaluation-notes) .page-builder-card img {
    width: 100%;
    aspect-ratio: 16 / 10;
    height: auto;
    margin-bottom: 18px;
    border-radius: 12px;
    background: #e9edf0;
    object-fit: cover;
    object-position: center;
    transition: transform .32s ease, filter .32s ease;
}

.miwind-page-page-wide :where(#oem-odm-support-faq, #partner-cooperation-faq) .page-builder-faq-item {
    border: 1px solid #e2e6e9;
    border-radius: 14px;
    padding: 22px 24px;
    background: #ffffff;
    box-shadow: 0 14px 30px rgba(20, 28, 40, .05);
}

.miwind-page-page-wide :where(#oem-odm-support-faq, #partner-cooperation-faq) .page-builder-faq-item summary {
    color: #25282d;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}

.miwind-page-page-wide :where(#oem-odm-support-faq, #partner-cooperation-faq) .page-builder-faq-item p {
    margin: 12px 0 0;
    color: #626970;
    font-size: 14px;
    line-height: 1.62;
}

.miwind-page-page-wide .page-builder-file-icon {
    color: var(--accent);
}

.miwind-page-page-wide :where(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-file-icon,
.miwind-page-page-wide #oem-odm-planning-notes .page-builder-file-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-color: #dde3e7;
    background: #f7f9fa;
}

.miwind-page-page-wide :where(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-file-icon svg,
.miwind-page-page-wide #oem-odm-planning-notes .page-builder-file-icon svg {
    width: 42px;
    height: 42px;
    overflow: visible;
    stroke-width: 1.75;
}

.miwind-page-page-wide .page-builder-file-icon span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 18px;
    border-radius: 3px;
    padding: 0 6px;
    background: var(--accent);
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-wide-hero-grid {
    grid-template-columns: minmax(0, 680px);
    min-height: var(--miwind-hero-min);
    padding-top: 90px;
    padding-bottom: 54px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates {
    background: #ffffff;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-wide-hero {
    border-top: 0;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-wide-hero-copy {
    max-width: 680px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-builder-section {
    border-top: 0;
    padding-top: 68px;
    padding-bottom: 72px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #certificate-wall,
.miwind-page-page-wide .page-wide-main--quality-certificates #quality-documents {
    background: #ffffff;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head {
    display: grid;
    grid-template-columns: minmax(0, 420px) minmax(0, 520px);
    justify-content: space-between;
    align-items: start;
    gap: 48px;
    margin: 0 0 38px;
    border-left: 0;
    padding-left: 0;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head h2 {
    position: relative;
    max-width: 420px;
    padding-left: 24px;
    font-size: 30px;
    line-height: 1.18;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head h2::before {
    content: "";
    position: absolute;
    left: 0;
    top: .06em;
    width: 4px;
    height: 64px;
    border-radius: 0;
    background: var(--accent);
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head p {
    justify-self: end;
    width: min(100%, 520px);
    max-width: 520px;
    margin-top: 4px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .section-head a {
    display: none;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-builder-card-grid {
    width: 100%;
    gap: 22px;
    align-items: stretch;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-builder-card {
    min-height: 100%;
    border-color: #e7e7e7;
    border-radius: 10px;
    box-shadow: none;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-builder-card:hover {
    border-color: rgba(221, 107, 0, .34);
    box-shadow: 0 14px 30px rgba(20, 28, 40, .06);
    transform: translateY(-2px);
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-builder-card h3 {
    color: #25282d;
    font-size: 18px;
    line-height: 1.35;
}

.miwind-page-page-wide .page-wide-main--quality-certificates .page-builder-card p {
    color: #626970;
    font-size: 14px;
    line-height: 1.62;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #certificate-wall .page-builder-card {
    display: flex;
    min-height: 0;
    flex-direction: column;
    padding: 18px 18px 20px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #certificate-wall .page-builder-card img {
    width: 100%;
    height: auto;
    max-height: 420px;
    aspect-ratio: auto;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    padding: 16px;
    background: #f7f7f7;
    object-fit: contain;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #testing-process {
    background: #f1f1f1;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #testing-process .page-builder-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    counter-reset: quality-process-step;
    gap: 24px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #testing-process .page-builder-card {
    position: relative;
    min-height: 166px;
    border-color: transparent;
    border-radius: 8px;
    padding: 54px 22px 22px;
    overflow: visible;
    box-shadow: none;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #testing-process .page-builder-card::before {
    content: counter(quality-process-step, decimal-leading-zero);
    counter-increment: quality-process-step;
    position: absolute;
    left: 22px;
    top: 18px;
    color: rgba(221, 107, 0, .24);
    font-size: 30px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #testing-process .page-builder-card::after {
    content: "";
    position: absolute;
    left: 22px;
    top: 47px;
    width: 32px;
    height: 2px;
    border-radius: 999px;
    background: var(--accent);
}

.miwind-page-page-wide .page-wide-main--quality-certificates #testing-process .page-builder-card h3 {
    margin-top: 0;
    font-size: 17px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #quality-documents .page-builder-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #quality-documents .page-builder-card {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 20px;
    align-items: center;
    min-height: 134px;
    padding: 22px 24px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #quality-documents .page-builder-file-icon {
    grid-row: 1 / span 2;
    align-self: start;
    width: 76px;
    height: 76px;
    border-color: #ebebeb;
    background: #fafafa;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #quality-documents .page-builder-file-icon svg {
    width: 44px;
    height: 44px;
}

.miwind-page-page-wide .page-wide-main--quality-certificates #quality-documents .page-builder-card h3 {
    margin-top: 0;
    font-size: 18px;
}

.miwind-page-product-index .product-index-hero.unified-page-hero,
.miwind-page-product-series .series-hero.unified-page-hero,
.miwind-page-case-index .case-index-hero.unified-page-hero {
    min-height: var(--miwind-hero-min);
    background-color: #e8eef1;
    background-position: center;
    background-size: cover;
}

.miwind-page-case-index .case-index-hero.unified-page-hero {
    background-image: var(--miwind-case-hero);
}

.miwind-page-product-index .product-index-hero.unified-page-hero::before,
.miwind-page-product-series .series-hero.unified-page-hero::before,
.miwind-page-case-index .case-index-hero.unified-page-hero::before {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .82) 34%, rgba(255, 255, 255, .5) 58%, rgba(255, 255, 255, .16) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, .12));
}

.miwind-page-product-index .product-index-hero .unified-page-hero-inner,
.miwind-page-product-series .series-hero .unified-page-hero-inner,
.miwind-page-case-index .case-index-hero .unified-page-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: center;
    min-height: var(--miwind-hero-min);
    padding-top: var(--miwind-hero-pad-top);
    padding-bottom: var(--miwind-hero-pad-bottom);
}

.miwind-page-product-index .product-index-hero .product-hero-text,
.miwind-page-case-index .case-index-hero .case-index-hero-copy {
    max-width: 760px;
}

.miwind-page-product-index .product-index-hero h1,
.miwind-page-case-index .case-index-hero h1 {
    max-width: 720px;
    margin: 0;
    color: var(--miwind-text);
    font-size: var(--miwind-font-size-h1);
    line-height: var(--miwind-line-heading);
}

.miwind-page-product-index .product-index-hero p,
.miwind-page-case-index .case-index-hero p {
    max-width: 650px;
    margin: 14px 0 0;
    color: #414950;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.64;
}

.miwind-page-product-index .product-index-hero .benefit-icon-row {
    align-self: end;
    width: min(100%, 980px);
    margin-top: 30px;
}

.miwind-page-case-index .case-index-hero-grid {
    grid-template-columns: minmax(0, 760px);
}

.miwind-page-case-index .case-index-hero-copy a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 44px;
    margin-top: 24px;
    border-radius: 999px;
    padding: 0 22px;
    color: #ffffff;
    font-weight: 700;
    background: var(--accent);
}

.miwind-field {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.contact-form-grid > .miwind-field--wide,
.miwind-modal-form .miwind-field--wide {
    grid-column: 1 / -1;
}

.miwind-field-label {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    color: #2b3035;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.miwind-field-label b {
    color: var(--accent);
    font-weight: 700;
}

.contact-form .miwind-field input,
.contact-form .miwind-field select,
.contact-form .miwind-field textarea,
.miwind-footer-form .miwind-field input,
.miwind-footer-form .miwind-field select,
.miwind-footer-form .miwind-field textarea,
.miwind-modal-form .miwind-field input,
.miwind-modal-form .miwind-field select,
.miwind-modal-form .miwind-field textarea {
    width: 100%;
}

.contact-form:not(.miwind-modal-form) .miwind-field textarea {
    min-height: 190px;
}

.miwind-choice-list {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.miwind-choice {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #42484f;
    font-size: 14px;
    line-height: 1.4;
}

.miwind-choice input {
    flex: 0 0 auto;
    width: auto;
    margin: 0;
}

.miwind-footer-form .miwind-field textarea {
    min-height: 132px;
}

.miwind-footer-contact {
    display: grid;
    gap: 8px;
    margin: 0;
}

.miwind-footer-contact span {
    display: block;
}

.miwind-footer-contact strong {
    display: block;
    margin-bottom: 2px;
    color: #2f3338;
    font-size: 13px;
}

@media (min-width: 901px) {
    .miwind-page-product-index .product-index-hero .unified-page-hero-inner,
    .miwind-page-product-series .series-hero .unified-page-hero-inner,
    .miwind-page-case-index .case-index-hero .unified-page-hero-inner {
        padding-top: var(--miwind-page-hero-header-clearance);
        padding-bottom: 56px;
    }
}

@media (max-width: 900px) {
    :root {
        --miwind-hero-min: 228px;
        --miwind-hero-pad-top: 34px;
        --miwind-hero-pad-bottom: 30px;
        --miwind-page-hero-pad-y: 30px;
        --miwind-page-hero-header-clearance: var(--miwind-hero-pad-top);
    }

    .miwind-page-page-wide .page-wide-hero.unified-page-hero,
    .miwind-page-page-wide .page-wide-main--quality-certificates .page-wide-hero,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .page-wide-hero,
    .miwind-page-page-wide .page-wide-main--partners .page-wide-hero {
        min-height: var(--miwind-hero-min);
    }

    .miwind-page-page-wide .page-wide-hero-grid,
    .miwind-page-page-wide .page-wide-main--quality-certificates .page-wide-hero-grid,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .page-wide-hero-grid,
    .miwind-page-page-wide .page-wide-main--partners .page-wide-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        min-height: var(--miwind-hero-min);
        padding-top: var(--miwind-hero-pad-top);
        padding-bottom: var(--miwind-hero-pad-bottom);
    }

    .miwind-page-page-wide .page-wide-main--quality-certificates .section-head,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .section-head,
    .miwind-page-page-wide .page-wide-main--partners .section-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-bottom: 28px;
        padding-left: 14px;
    }

    .miwind-page-page-wide .page-wide-main--quality-certificates .section-head h2,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .section-head h2,
    .miwind-page-page-wide .page-wide-main--partners .section-head h2 {
        font-size: 26px;
    }

    .miwind-page-page-wide .page-wide-main--quality-certificates .section-head p,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .section-head p,
    .miwind-page-page-wide .page-wide-main--partners .section-head p,
    .miwind-page-page-wide .page-wide-main--quality-certificates .section-head a,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .section-head a,
    .miwind-page-page-wide .page-wide-main--partners .section-head a {
        justify-self: start;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service) .page-builder-section {
        padding-top: 48px;
        padding-bottom: 54px;
    }

    .miwind-page-page-wide .page-wide-main--partners .page-builder-section {
        padding-top: 46px;
        padding-bottom: 52px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) .page-wide-hero-grid {
        gap: 26px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card-grid,
    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#testing-process, #quality-documents, #customization-service, #customer-support, #support-documents, #service-process, #oem-odm-planning-notes, #why-partner, #cooperation-process, #support-policy, #cooperation-conditions, #customer-market-proof, #partner-evaluation-notes, #partner-material-downloads) .page-builder-card-grid,
    .miwind-page-page-wide :is(#oem-odm-support-faq, #partner-cooperation-faq) .page-builder-faq-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card {
        padding: 20px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#customization-service, #customer-support, #service-process, #cooperation-process, #testing-process) .page-builder-card {
        min-height: 0;
        padding: 58px 20px 22px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-card {
        grid-template-columns: 72px minmax(0, 1fr);
        column-gap: 16px;
        min-height: 0;
        padding: 20px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-file-icon {
        width: 72px;
        height: 72px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-file-icon svg {
        width: 54px;
        height: 66px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads, #oem-odm-planning-notes) .page-builder-card h3,
    .miwind-page-page-wide .page-wide-main--partners .page-builder-card h3 {
        font-size: 16px;
    }

    .miwind-page-page-wide :is(#oem-odm-support-faq, #partner-cooperation-faq) .page-builder-faq-item {
        padding: 20px;
    }

    .miwind-page-page-wide #oem-odm-planning-notes .page-builder-card img {
        height: 230px;
        padding: 14px;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal {
        padding-top: 42px;
        padding-bottom: 44px;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal .page-builder-text {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 26px 24px;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal h2 {
        font-size: 25px;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal .button {
        width: 100%;
        white-space: normal;
    }

    .miwind-page-page-wide .page-wide-main--partners :is(#customer-market-proof, #partner-evaluation-notes) .page-builder-card img {
        margin-bottom: 16px;
    }

    .miwind-page-product-index .product-index-hero.unified-page-hero,
    .miwind-page-product-series .series-hero.unified-page-hero,
    .miwind-page-case-index .case-index-hero.unified-page-hero {
        min-height: var(--miwind-hero-min);
    }

    .miwind-page-product-index .product-index-hero .unified-page-hero-inner,
    .miwind-page-product-series .series-hero .unified-page-hero-inner,
    .miwind-page-case-index .case-index-hero .unified-page-hero-inner {
        min-height: var(--miwind-hero-min);
        padding-top: var(--miwind-hero-pad-top);
        padding-bottom: var(--miwind-hero-pad-bottom);
    }

    .miwind-page-product-index .product-index-hero .benefit-icon-row {
        width: 100%;
        margin-top: 18px;
    }

    .contact-form-grid > .miwind-field,
    .miwind-modal-form .miwind-field {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.miwind-page *,
    body.miwind-page *::before,
    body.miwind-page *::after {
        scroll-behavior: auto;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

body.miwind-page .wrap {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
}

body.miwind-page main :where(.unified-page-hero) {
    min-height: var(--miwind-reference-hero);
}

body.miwind-page main :where(.unified-page-hero-inner) {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    justify-items: start;
    justify-content: start;
    text-align: left;
}

body.miwind-page main :where(.unified-page-hero h1, .unified-page-hero p, .unified-page-hero .summary) {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

body.miwind-page main :where(.section, .page-builder-section),
body.miwind-page main :where(
    .download-main-section,
    .news-main-section,
    .contact-main-section,
    .solution-index-band,
    .solution-detail-overview-section,
    .solution-detail-challenge-section,
    .solution-detail-service-section,
    .solution-detail-application-section,
    .about-company-section,
    .about-validation-section,
    .about-certificate-section,
    .about-journey-section,
    .about-global-section,
    .about-quality-section,
    .about-strength-section,
    .capability-market-section,
    .capability-partner-logo-section,
    .capability-industry-section,
    .capability-experience-section,
    .capability-rnd-section,
    .capability-quality-section,
    .capability-partner-section,
    .series-products,
    .product-archive-section,
    .product-filter-section,
    .resource-section,
    .solution-section,
    .detail-main
) {
    padding-top: var(--miwind-reference-section);
    padding-bottom: var(--miwind-reference-section);
}

body.miwind-page main :where(.section-head),
body.miwind-page main :where(.about-section-heading, .solution-index-heading, .detail-recommended-head, .capability-rnd-head) {
    display: grid;
    grid-template-columns: minmax(260px, 540px) minmax(320px, 620px);
    justify-content: space-between;
    align-items: start;
    gap: 48px;
    width: 100%;
    max-width: none;
    margin-bottom: 42px;
    padding: 0;
    border: 0;
}

body.miwind-page main :where(.section-head h2, .about-section-heading h2, .solution-index-heading h2, .detail-recommended-head h2, .capability-rnd-head h2) {
    max-width: 540px;
    margin: 0;
}

body.miwind-page main :where(.section-head p, .about-section-heading p, .solution-index-heading p, .detail-recommended-head p, .capability-rnd-head p) {
    justify-self: end;
    width: min(100%, 620px);
    max-width: 620px;
    margin: 4px 0 0;
}

body.miwind-page main :where(h1, h2, h3) {
    color: #333333;
    font-weight: 800;
    letter-spacing: 0;
}

body.miwind-page main :where(.section-title-center) {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.16;
    text-align: center;
}

body.miwind-page main :where(.section-copy-center) {
    width: min(760px, 100%);
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.62;
    text-align: center;
}

body.miwind-page main :where(.section-title-center + .section-copy-center) {
    margin-top: 14px;
}

.miwind-page-product-index .product-index-hero.unified-page-hero {
    min-height: var(--miwind-reference-hero);
    background-position: center top;
}

.miwind-page-product-index .product-index-hero .unified-page-hero-inner {
    align-content: center;
    padding-top: 116px;
    padding-bottom: 48px;
}

.miwind-page-product-index .product-index-hero .product-hero-text,
.miwind-page-product-series .series-heading :where(h1, p),
.miwind-page-downloads .download-hero :where(h1, p),
.miwind-page-contact .contact-hero :where(h1, p),
.miwind-page-capability .capability-hero :where(h1, p) {
    max-width: 720px;
}


.miwind-page-about .about-hero.unified-page-hero::before {
    content: none;
}

.miwind-footer {
    padding: var(--miwind-footer-top, 58px) 0 66px;
    background: #e5e5e5;
}

.miwind-footer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cfcfcf;
}

.miwind-footer .miwind-brand img {
    width: 156px;
    height: auto;
}

.miwind-social-row {
    display: flex;
    gap: 14px;
}

.miwind-social-row a {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid #8f8f8f;
    border-radius: 50%;
    color: #333333;
}

.miwind-social-row img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.miwind-footer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 220px)) minmax(280px, 340px);
    justify-content: space-between;
    gap: 34px;
    padding-top: 30px;
}

.miwind-footer h3 {
    margin: 0 0 14px;
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    text-transform: uppercase;
}

.miwind-footer h3 a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.miwind-footer a,
.miwind-footer p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.65;
}

.miwind-footer-form {
    display: grid;
    gap: 10px;
}

.miwind-footer-form h3 {
    margin-bottom: 8px;
    text-align: center;
}

.miwind-footer-form input,
.miwind-footer-form select {
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    background: #e9e9e9;
    color: #555555;
    height: 42px;
    padding: 0 14px;
}

.miwind-footer-form textarea,
.miwind-footer-form .miwind-field textarea {
    width: 100%;
    border: 1px solid #c8c8c8;
    border-radius: 0;
    background: #e9e9e9;
    color: #555555;
    min-height: 104px;
    padding: 12px 14px;
}

.miwind-footer-form button {
    min-height: 44px;
    border: 0;
    border-radius: 0;
    background: var(--accent);
    color: #ffffff;
    font-weight: 700;
}

.miwind-floating-service {
    position: fixed;
    top: 50%;
    right: 18px;
    z-index: 80;
    border: 1px solid rgba(45, 52, 58, .1);
    border-radius: 16px;
    padding: 6px;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 18px 42px rgba(23, 31, 38, .14);
    transform: translateY(-50%);
    backdrop-filter: blur(14px);
}

.miwind-floating-service ul {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.miwind-floating-service__item {
    position: relative;
    display: grid;
    place-items: center;
}

.miwind-floating-service__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 12px;
    padding: 0;
    background: transparent;
    color: #2f3438;
    cursor: pointer;
    box-shadow: none;
    transition: background .2s cubic-bezier(.22, .61, .36, 1), color .2s cubic-bezier(.22, .61, .36, 1), transform .2s cubic-bezier(.22, .61, .36, 1), box-shadow .2s cubic-bezier(.22, .61, .36, 1);
}

.miwind-floating-service__icon svg {
    width: 22px;
    height: 22px;
    stroke-width: 2.1;
}

.miwind-floating-service__icon:hover,
.miwind-floating-service__icon:focus-visible,
.miwind-floating-service__item.is-open .miwind-floating-service__icon {
    outline: 0;
    background: #2f3438;
    color: #ffffff;
    transform: translateX(-3px);
    box-shadow: 0 12px 24px rgba(25, 33, 41, .16);
}

.miwind-floating-service__item--top .miwind-floating-service__icon:hover,
.miwind-floating-service__item--top .miwind-floating-service__icon:focus-visible,
.miwind-floating-service__item--top.is-open .miwind-floating-service__icon {
    background: var(--accent);
}

.miwind-floating-service__tip {
    position: absolute;
    top: 50%;
    right: calc(100% + 12px);
    max-width: min(260px, calc(100vw - 96px));
    border-radius: 10px;
    padding: 9px 13px;
    overflow-wrap: anywhere;
    background: rgba(47, 52, 56, .96);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    opacity: 0;
    pointer-events: none;
    transform: translate(7px, -50%) scale(.98);
    transform-origin: right center;
    transition: opacity .2s cubic-bezier(.22, .61, .36, 1), transform .2s cubic-bezier(.22, .61, .36, 1);
    box-shadow: 0 16px 34px rgba(24, 32, 40, .18);
}

.miwind-floating-service__tip::after {
    position: absolute;
    top: 50%;
    right: -5px;
    width: 10px;
    height: 10px;
    background: inherit;
    content: "";
    transform: translateY(-50%) rotate(45deg);
}

.miwind-floating-service__tip a,
.miwind-floating-service__tip span {
    color: inherit;
    white-space: nowrap;
}

.miwind-floating-service__item:hover .miwind-floating-service__tip,
.miwind-floating-service__item:focus-within .miwind-floating-service__tip,
.miwind-floating-service__item.is-open .miwind-floating-service__tip {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0, -50%) scale(1);
}

@media (max-width: 1180px) {
    .miwind-page-product-index .product-card-grid,
    .miwind-page-product-series .series-product-grid,
    .miwind-page-solution-index .solution-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miwind-page-product-index .product-filter-shell,
    .miwind-page-contact .contact-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px 24px;
    }

    .miwind-footer-form h3 {
        text-align: left;
    }

    .miwind-footer-grid > :nth-child(3),
    .miwind-footer-grid > .miwind-footer-form {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    :root {
        --miwind-reference-section: 48px;
        --miwind-reference-hero: 300px;
    }

    body.miwind-page .wrap,
    body.miwind-page main :where(.unified-page-hero-inner) {
        width: min(100% - 42px, var(--miwind-reference-wrap));
    }

    body.miwind-page main :where(.section-head),
    body.miwind-page main :where(.about-section-heading, .solution-index-heading, .detail-recommended-head, .capability-rnd-head),
    .miwind-page-solution-index .solution-index-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    body.miwind-page main :where(.section-head p, .about-section-heading p, .solution-index-heading p, .detail-recommended-head p, .capability-rnd-head p) {
        justify-self: start;
    }

    .miwind-page-product-index .product-card-grid,
    .miwind-page-product-series .series-product-grid,
    .miwind-page-solution-index .solution-index-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-index .product-index-hero .unified-page-hero-inner {
        padding-top: var(--miwind-hero-pad-top);
    }

    .miwind-footer-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
    }

    .miwind-footer-grid > :nth-child(3),
    .miwind-footer-grid > .miwind-footer-form {
        grid-column: auto;
    }

    .miwind-floating-service {
        top: auto;
        right: 10px;
        bottom: max(22px, env(safe-area-inset-bottom));
        border-radius: 999px;
        padding: 4px;
        transform: none;
    }

    .miwind-floating-service ul {
        grid-auto-flow: column;
        grid-template-columns: repeat(3, 38px);
    }

    .miwind-floating-service__icon {
        width: 38px;
        height: 38px;
        border-radius: 11px;
    }

    .miwind-floating-service__icon svg {
        width: 20px;
        height: 20px;
    }

    .miwind-floating-service__tip {
        top: auto;
        right: 0;
        bottom: calc(100% + 10px);
        max-width: calc(100vw - 88px);
        padding: 8px 11px;
        font-size: 12px;
        transform: translateY(6px) scale(.98);
        transform-origin: right bottom;
    }

    .miwind-floating-service__tip::after {
        top: auto;
        right: 18px;
        bottom: -5px;
        transform: rotate(45deg);
    }

    .miwind-floating-service__tip a,
    .miwind-floating-service__tip span {
        white-space: normal;
    }

    .miwind-floating-service__item:hover .miwind-floating-service__tip,
    .miwind-floating-service__item:focus-within .miwind-floating-service__tip {
        opacity: 0;
        pointer-events: none;
        transform: translateY(6px) scale(.98);
    }

    .miwind-floating-service__item.is-open .miwind-floating-service__tip {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }

    .miwind-footer a,
    .miwind-footer-form button,
    .miwind-footer-nav-group a,
    .resource-card a,
    .product-support-resources--compact .resource-card a,
    .quick-help-card > button,
    .quick-help-card > a {
        min-height: 44px;
    }

    .miwind-footer-nav-group a,
    .resource-card a,
    .product-support-resources--compact .resource-card a {
        display: inline-flex;
        align-items: center;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

.product-support-resources--compact {
    padding-top: 56px;
    padding-bottom: 72px;
    background: #ffffff;
}

.product-support-resources--compact .resource-card-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.product-support-resources--compact .resource-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    column-gap: 20px;
    align-items: start;
    min-height: 170px;
    border: 0;
    border-radius: 8px;
    padding: 26px 24px 24px;
    background: #f1f1f1;
}

.product-support-resources--compact .resource-card.highlight {
    background: #f5d4ae;
}

.product-support-resources--compact .resource-card-icon {
    grid-column: 1;
    width: 34px;
    height: 34px;
    margin: 0;
}

.product-support-resources--compact .resource-card-icon img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter: brightness(0) saturate(0);
}

.product-support-resources--compact .resource-card-copy {
    grid-column: 2;
    display: flex;
    min-width: 0;
    min-height: 118px;
    flex-direction: column;
    align-items: flex-start;
}

.product-support-resources--compact .resource-card h2 {
    margin: 0 0 12px;
    color: #1f2933;
    font-size: 18px;
    line-height: 1.25;
}

.product-support-resources--compact .resource-card p {
    margin: 0;
    color: #4d5864;
    font-size: 14px;
    line-height: 1.48;
}

.product-support-resources--compact .resource-card a,
.product-support-resources--compact .resource-card button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 20px;
    margin-top: auto;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--accent);
    font-size: 13px;
    font-weight: 700;
}

.product-support-resources--compact .resource-card a img {
    width: 13px;
    height: 13px;
    margin-left: 4px;
}

.product-support-resources--compact .dark-product-cta {
    grid-template-columns: minmax(0, 1fr) minmax(180px, 300px) minmax(180px, 300px);
    gap: 26px;
    align-items: center;
    margin-top: 22px;
    border-radius: 8px;
    padding: 36px 42px;
    background: #17243a;
}

body.miwind-page main .product-support-resources .dark-product-cta h2,
body.miwind-page main .product-support-resources .dark-product-cta p {
    color: #ffffff;
}

.product-support-resources--compact .dark-product-cta h2 {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.18;
}

.product-support-resources--compact .dark-product-cta p {
    margin: 12px 0 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.45;
}

.product-support-resources--compact .dark-product-cta .button,
.product-support-resources--compact .dark-product-cta > button,
.product-support-resources--compact .dark-product-cta > a {
    min-height: 50px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
}

.product-support-resources--compact .dark-product-cta .button.secondary {
    border: 1px solid var(--accent);
    background: transparent;
    color: var(--accent);
}

@media (max-width: 1180px) {
    .product-support-resources--compact .resource-card-grid,
    .miwind-page-product-index .solution-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .product-support-resources--compact .resource-card-grid,
    .miwind-page-product-index .solution-card-grid,
    .product-support-resources--compact .dark-product-cta {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-index .solution-card-copy {
        padding: 34px 28px;
    }

    .miwind-page-product-index .solution-card h2 {
        font-size: 25px;
    }
}

/* Product series layout. */
.miwind-page-product-series {
    --miwind-series-card-radius: 28px;
}

.miwind-page-product-series .series-hero.unified-page-hero {
    min-height: 468px;
    background-position: center top;
    background-size: cover;
}

.miwind-page-product-series .series-hero.unified-page-hero::before,
.miwind-page-product-series .series-hero .unified-page-hero-inner {
    display: none;
}

.miwind-page-product-series .series-heading--content {
    display: grid;
    justify-items: center;
    margin: 0 auto 72px;
    text-align: center;
}

.miwind-page-product-series .series-heading--content h1 {
    margin: 0;
    color: #333333;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.18;
}

.miwind-page-product-series .series-heading--content p {
    max-width: none;
    margin: 16px 0 0;
    color: #686868;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55;
}

.miwind-page-product-series .series-pagination {
    margin-top: 86px;
}

.miwind-page-product-series .series-pagination a {
    width: 24px;
    min-width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    color: #4d5358;
    font-size: 14px;
    font-weight: 400;
}

.miwind-page-product-series .series-pagination a[aria-current="page"] {
    border-bottom: 1px solid currentColor;
    border-radius: 0;
    background: transparent;
    color: #4d5358;
}

body.miwind-page main .product-solution-showcase {
    padding: 78px 0 84px;
    background: #f1f1f1;
}

body.miwind-page main .product-solution-showcase h2 {
    margin: 0 0 44px;
    color: #1f2933;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.18;
}

body.miwind-page main .product-solution-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}

body.miwind-page main .product-solution-card {
    position: relative;
    display: grid;
    grid-template-rows: minmax(280px, 1fr) 84px;
    min-height: 364px;
    overflow: hidden;
    border: 1px solid #e4e7ea;
    border-radius: 18px;
    background: #ffffff;
}

body.miwind-page main .product-solution-card-image {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
}

body.miwind-page main .product-solution-card::before {
    content: "";
    grid-column: 1;
    grid-row: 1;
    z-index: 1;
    background: linear-gradient(180deg, rgba(13, 23, 37, .38), rgba(13, 23, 37, .04));
    pointer-events: none;
}

body.miwind-page main .product-solution-card-copy {
    grid-column: 1;
    grid-row: 1;
    z-index: 2;
    align-self: start;
    padding: 40px 34px 0;
}

body.miwind-page main .product-solution-card-copy h3 {
    max-width: 280px;
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 23px;
    font-weight: 800;
    line-height: 1.18;
}

body.miwind-page main .product-solution-card-copy p {
    max-width: 285px;
    margin: 0;
    color: rgba(255, 255, 255, .94);
    font-size: 16px;
    line-height: 1.5;
}

body.miwind-page main .product-solution-card-action {
    grid-column: 1;
    grid-row: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 84px;
    background: #ffffff;
    color: var(--accent);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
}

body.miwind-page main .product-solution-card-action span {
    margin-left: 10px;
}

@media (max-width: 1180px) {
    body.miwind-page main .product-solution-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .miwind-page-product-series .series-products {
        padding-top: 58px;
        padding-bottom: 72px;
    }

    .miwind-page-product-series .series-heading--content {
        margin-bottom: 38px;
    }

    .miwind-page-product-series .series-heading--content h1 {
        font-size: 30px;
    }

    body.miwind-page main .product-solution-showcase {
        padding: 56px 0 64px;
    }

    body.miwind-page main .product-solution-showcase h2 {
        margin-bottom: 30px;
        font-size: 30px;
    }

    body.miwind-page main .product-solution-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    body.miwind-page main .product-solution-card {
        grid-template-rows: minmax(240px, 1fr) 70px;
        min-height: 310px;
    }

    body.miwind-page main .product-solution-card-image {
        min-height: 240px;
    }

    body.miwind-page main .product-solution-card-copy {
        padding: 30px 28px 0;
    }

    body.miwind-page main .product-solution-card-copy h3 {
        font-size: 21px;
    }

    body.miwind-page main .product-solution-card-copy p {
        font-size: 15px;
    }

    body.miwind-page main .product-solution-card-action {
        min-height: 70px;
        font-size: 16px;
    }

}

/* Product index. */
.miwind-page-product-index .product-index-hero.unified-page-hero,
.miwind-page-product-index .product-index-hero {
    margin-top: 104px;
    min-height: 500px;
    background-position: center top;
}

.miwind-page-product-index .product-index-hero::before {
    background: linear-gradient(90deg, rgba(242, 245, 248, .95) 0%, rgba(242, 245, 248, .8) 38%, rgba(242, 245, 248, .16) 70%, rgba(242, 245, 248, 0) 100%);
}

.miwind-page-product-index .product-index-hero .page-hero-copy {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    max-width: none;
    min-height: 500px;
    display: grid;
    grid-template-columns: minmax(0, 760px);
    align-content: center;
    padding-top: 70px;
    padding-bottom: 48px;
}

.miwind-page-product-index .product-hero-text {
    max-width: 520px;
}

.miwind-page-product-index .product-index-hero h1 {
    margin: 0 0 14px;
    color: #333333;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.14;
}

.miwind-page-product-index .product-index-hero p {
    max-width: 430px;
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
}

.miwind-page-product-index .product-index-hero .benefit-icon-row {
    width: min(760px, 100%);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 86px;
    gap: 34px;
}

.miwind-page-product-index .benefit-icon-row span {
    display: grid;
    justify-items: center;
    color: #555555;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
}

.miwind-page-product-index .benefit-icon-row strong {
    color: #333333;
    font-size: 13px;
    font-weight: 800;
}

.miwind-page-product-index .benefit-icon-row i {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
}

.miwind-page-product-index .benefit-icon-row img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.miwind-page-product-index .filter-group + .filter-group {
    border-left: 1px solid #eeeeee;
    padding-left: 52px;
}

.miwind-page-product-index .filter-group h2,
.miwind-page-product-index .quick-help-card h2 {
    margin: 0 0 18px;
    color: #333333;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.miwind-page-product-index .quick-help-card p {
    margin: 0 0 26px;
    color: #666666;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.55;
}

.miwind-page-product-index .quick-help-card > button {
    min-height: 58px;
    border-radius: 8px;
    font-size: 13px;
}

.miwind-page-product-index .quick-help-card > a {
    justify-content: flex-start;
    width: 100%;
    min-height: 24px;
    margin-top: 26px;
    border: 0;
    padding: 0;
    background: transparent;
    color: #555555;
    font-size: 13px;
    font-weight: 300;
}


@media (max-width: 1180px) {
    .miwind-page-product-index .product-filter-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-index .solution-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .miwind-page-product-index .product-index-hero.unified-page-hero,
    .miwind-page-product-index .product-index-hero {
        margin-top: 0;
        min-height: 360px;
    }

    .miwind-page-product-index .product-index-hero .page-hero-copy {
        width: min(100% - 32px, var(--miwind-reference-wrap));
        grid-template-columns: minmax(0, 1fr);
        min-height: 360px;
        padding-top: 72px;
    }

    .miwind-page-product-index .product-index-hero .benefit-icon-row {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 18px;
        gap: 14px;
    }

    .miwind-page-product-index .filter-group + .filter-group {
        border-left: 0;
        border-top: 1px solid #eeeeee;
        padding-top: 24px;
        padding-left: 0;
    }

    .miwind-page-product-index .product-card-grid,
    .miwind-page-product-index .solution-card-grid,
    .product-support-resources--compact .resource-card-grid,
    .product-support-resources--compact .dark-product-cta {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Product index filters and cards. */
.miwind-page-product-index {
    --miwind-product-card-radius: 14px;
}

.miwind-page-product-index main > .product-filter-section {
    border-top: 0;
    padding: 34px 0 18px;
    background: #ffffff;
}

.miwind-page-product-index .product-filter-shell {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    display: grid;
    grid-template-columns: minmax(0, 920px) minmax(330px, 536px);
    gap: 84px;
    align-items: stretch;
}

.miwind-page-product-index .filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 382px;
    max-height: 460px;
    border-color: #e5e5e5;
    border-radius: 16px;
    padding: 34px 46px;
}

.miwind-page-product-index .filter-chip-list {
    gap: 6px;
}

.miwind-page-product-index .filter-chip-list a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    column-gap: 14px;
    min-height: 24px;
    border: 0;
    border-radius: 2px;
    padding: 0 8px;
    background: transparent;
    color: var(--accent);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.25;
}

.miwind-page-product-index .filter-group--applications .filter-chip-list a {
    padding-right: 12px;
}

.miwind-page-product-index .filter-group--applications .filter-chip-list {
    max-height: 356px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 10px;
    scrollbar-color: rgba(221, 107, 0, .45) rgba(0, 0, 0, .06);
    scrollbar-width: thin;
}

.miwind-page-product-index .filter-chip-list a.is-unavailable {
    color: #a8a8a8;
}

.miwind-page-product-index .filter-chip-list a.active {
    background: rgba(221, 107, 0, .12);
    color: var(--accent);
    font-weight: 700;
}

.miwind-page-product-index .filter-count {
    justify-self: end;
    min-width: 0;
    margin-left: 0;
    color: currentColor;
    opacity: .78;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
}

.miwind-page-product-index .quick-help-card {
    min-height: 382px;
    border-radius: 16px;
    padding: 50px 64px 46px;
}

.miwind-page-product-index .product-archive-section > .wrap,
.miwind-page-product-index .solution-section > .wrap,
.product-support-resources--compact > .wrap {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
}

.miwind-page-product-index main > .product-archive-section {
    border-top: 0;
    padding: 8px 0 72px;
    background: #ffffff;
}

.miwind-page-product-index .product-series-tabs-shell {
    margin-top: 48px;
    margin-bottom: 48px;
}

.miwind-page-product-index .series-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
}

.miwind-page-product-index .series-tabs a {
    justify-content: center;
    gap: 0;
    min-width: 198px;
    min-height: 46px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background: #ffffff;
    color: #4f5964;
    font-size: 13px;
    font-weight: 300;
}

.miwind-page-product-index .series-tabs a.active {
    border-color: var(--accent);
    background: var(--accent);
    color: #ffffff;
    font-weight: 700;
}

.miwind-page-product-index .series-tabs .filter-count {
    display: none;
}

.miwind-page-product-index .product-archive-title {
    margin: 0 0 34px;
    color: #333333;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
}

.miwind-page-product-index .product-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 46px;
    align-items: stretch;
}

.miwind-page-product-index .product-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid #ededed;
    border-radius: var(--miwind-product-card-radius);
    padding: 18px 22px 20px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-product-index .product-card-media {
    display: block;
    width: calc(100% + 20px);
    aspect-ratio: 1 / 1;
    height: auto;
    min-height: 0;
    margin: 0 -10px 20px;
    overflow: visible;
    border-radius: 0;
    background: #ffffff;
}

.miwind-page-product-index .product-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    margin: 0;
    border-radius: 0;
    background: transparent;
    object-fit: contain;
    object-position: center;
}

.miwind-page-product-index .product-card h2 {
    position: static;
    display: block;
    align-self: stretch;
    width: 100%;
    min-width: 0;
    right: auto;
    left: auto;
    bottom: auto;
    margin: 0 0 9px;
    padding: 0;
    background: transparent;
    color: #333333;
    font-size: 15px;
    line-height: 1.25;
    text-align: center;
}

.miwind-page-product-index .product-card h2 a {
    display: inline-block;
    position: static;
    width: auto;
    max-width: 100%;
    overflow: visible;
    border-radius: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-decoration-color: transparent;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
    transition: color .22s ease, text-decoration-color .22s ease;
}

.miwind-page-product-index .product-card p {
    position: static;
    display: -webkit-box;
    right: auto;
    left: auto;
    bottom: auto;
    overflow: hidden;
    min-height: 0;
    margin: 0 0 16px;
    padding: 0;
    color: #6a7178;
    font-size: 13px;
    line-height: 1.38;
    text-align: center;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.miwind-page-product-index .product-card .spec-icon-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-self: start;
    gap: 12px;
    width: 100%;
    margin: 0 0 18px;
    padding: 0;
}

.miwind-page-product-index .spec-icon-row span {
    grid-template-rows: 26px auto auto;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    align-items: start;
    row-gap: 5px;
    column-gap: 0;
    color: #5d646b;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
}

.miwind-page-product-index .spec-item-icon {
    display: grid;
    grid-row: auto;
    place-items: center;
    width: 26px;
    height: 26px;
    align-self: start;
    margin-top: 0;
}

.miwind-page-product-index .spec-item-icon img {
    width: 24px;
    max-width: 30px;
    height: 24px;
    max-height: 29px;
    object-fit: contain;
    filter: brightness(0) saturate(0);
}

.miwind-page-product-index .spec-item-value {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    color: #5e646b;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.28;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.miwind-page-product-index .spec-item-label {
    color: #5e646b;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.miwind-page-product-index .product-card .button.secondary,
.miwind-page-product-index .product-load-more-button {
    min-height: 44px;
    border: 1px solid var(--accent);
    border-radius: 4px;
    background: #ffffff;
    color: var(--accent);
    box-shadow: none;
}

.miwind-page-product-index .product-card .button.secondary {
    width: 100%;
    margin: 20px 0 0;
    background: #ffffff;
    font-size: 13px;
}

.miwind-page-product-index .product-load-more-shell {
    margin-top: 50px;
}

.miwind-page-product-index .product-load-more-button {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    border-color: var(--accent);
    border-radius: 4px;
    padding: 0 24px;
    color: var(--accent);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: color .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease, opacity .22s ease;
}

.miwind-page-product-index .product-load-more-button svg {
    width: 16px;
    height: 16px;
    transition: transform .22s ease;
}

.miwind-page-product-index .product-load-more-button span {
    min-height: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
}

.miwind-page-product-index .product-load-more-button:hover {
    border-color: var(--accent);
    background: var(--accent);
    color: #ffffff;
    box-shadow: none;
    transform: translateY(-1px);
}

.miwind-page-product-index .product-load-more-button:hover svg {
    transform: translateY(2px);
}

.miwind-page-product-index .product-load-more-button:focus-visible {
    outline: 3px solid rgba(221, 107, 0, .22);
    outline-offset: 3px;
}

.miwind-page-product-index .product-load-more-button.is-loading,
.miwind-page-product-index .product-load-more-button[aria-disabled="true"] {
    pointer-events: none;
    opacity: .72;
    transform: none;
    cursor: wait;
}

.miwind-page-product-index .product-load-more-button.is-error {
    border-color: #b42318;
    color: #b42318;
}

.miwind-page-product-index main > .solution-section {
    border-top: 0;
    padding-top: 72px;
    padding-bottom: 76px;
    background: #ffffff;
}

.miwind-page-product-index main > .resource-section {
    border-top: 0;
    padding: 54px 0 72px;
    background: #ffffff;
}

.miwind-page-product-index main > .product-filter-section + .product-archive-section,
.miwind-page-product-index main > .product-archive-section + .solution-section,
.miwind-page-product-index main > .solution-section + .resource-section {
    margin-top: 0;
}

.miwind-page-product-series .series-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 64px 72px;
}

.miwind-page-product-series .series-product-card {
    min-height: 486px;
    border: 0;
    border-radius: 24px;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-product-series .series-product-link {
    display: grid;
    grid-template-rows: minmax(392px, 1fr) 64px;
    gap: 0;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.miwind-page-product-series .series-product-media {
    display: grid;
    place-items: center;
    min-height: 392px;
    padding: 56px 38px 42px;
}

.miwind-page-product-series .series-product-media img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.miwind-page-product-series .series-product-title {
    display: grid;
    place-items: center;
    min-height: 64px;
    border-top: 1px solid #eeeeee;
    padding: 0 22px;
    color: #454545;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
}

/* Product detail layout. */
.miwind-page-product-detail .detail-main {
    padding-top: 74px;
    padding-bottom: 98px;
    background: #eeeeee;
}

.miwind-page-product-detail .detail-banner {
    min-height: 380px;
    background-image: var(--miwind-product-hero);
    background-position: center top;
    background-size: cover;
}

.miwind-page-product-detail .detail-banner::before {
    display: none;
}

.miwind-page-product-detail .product-intro {
    display: grid;
    grid-template-columns: minmax(0, 680px) minmax(440px, 1fr);
    gap: 72px;
    align-items: center;
}

.miwind-page-product-detail .product-gallery,
.miwind-page-product-detail .dimension-figure {
    min-width: 0;
}

.miwind-page-product-detail .product-gallery.product-carousel--thumbs-right {
    display: grid;
    grid-template-columns: minmax(0, 560px) 92px;
    gap: 28px;
    align-items: stretch;
}

.miwind-page-product-detail .gallery-stage {
    display: grid;
    place-items: center;
    width: min(100%, 560px);
    aspect-ratio: 1 / 1;
    justify-self: stretch;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--line);
    border-radius: 26px;
    padding: 34px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-product-detail .gallery-stage img {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    object-fit: contain;
}

.miwind-page-product-detail .thumbnail-rail {
    display: grid;
    grid-template-rows: 48px 404px 48px;
    gap: 14px;
    align-self: center;
    justify-items: center;
    width: 92px;
    margin-top: 0;
    height: 528px;
    max-height: 528px;
    overflow: visible;
}

.miwind-page-product-detail .thumbnail-rail > button {
    z-index: 2;
    display: grid;
    place-items: center;
    width: 92px;
    height: 48px;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    background: #ffffff;
    color: #333333;
    box-shadow: none;
}

.miwind-page-product-detail .thumbnail-rail .carousel-thumb-strip {
    display: grid;
    grid-auto-rows: 92px;
    gap: 12px;
    width: 92px;
    height: 404px;
    min-height: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
}

.miwind-page-product-detail .thumbnail-rail .carousel-thumb-strip::-webkit-scrollbar {
    display: none;
}

.miwind-page-product-detail .thumbnail-rail .carousel-thumb {
    width: 92px;
    height: 92px;
    min-height: 0;
    border-radius: 12px;
    padding: 10px;
    border: 0;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(51, 51, 51, .08);
    overflow: hidden;
}

.miwind-page-product-detail .thumbnail-rail .carousel-thumb.active {
    box-shadow: inset 0 0 0 3px var(--accent);
}

.miwind-page-product-detail .thumbnail-rail .carousel-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.miwind-page-product-detail .product-summary h1 {
    color: #333333;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 1.18;
}

.miwind-page-product-detail .product-summary > p {
    max-width: 640px;
    margin-bottom: 28px;
    color: #4f5459;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

.miwind-page-product-detail .product-summary .kicker {
    display: none;
}

.miwind-page-product-detail .parameter-card {
    border: 0;
    border-radius: 26px;
    padding: 26px 34px 24px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-product-detail .parameter-card > hr {
    display: block;
    height: 1px;
    margin: 24px 0;
    border: 0;
    background: #d8d8d8;
}

.miwind-page-product-detail .parameter-card__section + .parameter-card__section {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.miwind-page-product-detail .parameter-card > hr + .parameter-card__section,
.miwind-page-product-detail .parameter-card__section + hr + .parameter-card__section {
    margin-top: 0;
}

.miwind-page-product-detail .parameter-card__section h2 {
    margin-bottom: 14px;
    color: var(--accent);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
}

.miwind-page-product-detail .fact-grid--parameters,
.miwind-page-product-detail .fact-grid--features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 44px;
}

.miwind-page-product-detail .fact-item--parameter,
.miwind-page-product-detail .fact-item--feature {
    display: block;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: #6a6f76;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
}

.miwind-page-product-detail .fact-icon {
    display: none;
}

.miwind-page-product-detail .fact-name,
.miwind-page-product-detail .fact-value {
    display: inline;
    min-width: 0;
    color: inherit;
    font: inherit;
}

.miwind-page-product-detail .fact-name::before,
.miwind-page-product-detail .fact-value::before {
    content: "";
}

.miwind-page-product-detail .fact-name::after {
    content: ": ";
}

.miwind-page-product-detail .fact-item--feature .fact-value::before,
.miwind-page-product-detail .fact-item--parameter .fact-name::before {
    content: "\00b7  ";
}

.miwind-page-product-detail .product-summary > .button,
.miwind-page-product-detail .product-summary > button {
    min-height: 54px;
    margin-top: 34px;
    border: 0;
    border-radius: 999px;
    padding: 0 40px;
    background: var(--accent);
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.miwind-page-product-detail .detail-panel--applications,
.miwind-page-product-detail .detail-support-panel {
    display: none;
}

.miwind-page-product-detail .detail-technical-data-panel {
    margin-top: 46px;
}

.miwind-page-product-detail .technical-spec-panel {
    display: block;
    overflow: hidden;
    border: 0;
    border-radius: 28px;
    padding: 0 0 34px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-product-detail .technical-tab-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
    min-height: 72px;
    margin: 0 0 42px;
    background: #e4e4e4;
}

.miwind-page-product-detail .technical-tab-row button {
    position: relative;
    min-height: 72px;
    border: 0;
    border-radius: 0;
    padding: 10px 18px;
    background: #e4e4e4;
    color: #8a8a8a;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    transition: color .18s ease, background-color .18s ease;
}

.miwind-page-product-detail .technical-tab-row button:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: #d3d3d3;
}

.miwind-page-product-detail .technical-tab-row button.active {
    z-index: 1;
    background: #ffffff;
    color: var(--accent);
}

.miwind-page-product-detail .technical-tab-row button.active::before,
.miwind-page-product-detail .technical-tab-row button.active + button::before {
    display: none;
}

.miwind-page-product-detail .technical-tab-row button.active::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--accent);
}

.miwind-page-product-detail .product-detail-tab-panel {
    min-height: 0;
    padding: 0 42px;
    background: transparent;
    border-radius: 0;
}

.miwind-page-product-detail .product-detail-tab-panel[hidden] {
    display: none;
}

.miwind-page-product-detail .product-detail-tab-panel--dimension {
    padding: 0;
}

.miwind-page-product-detail .product-detail-tab-panel h2 {
    display: none;
}

.miwind-page-product-detail .technical-parameters-content {
    overflow-x: auto;
}

.miwind-page-product-detail .technical-parameters-content table,
.miwind-page-product-detail .technical-parameters-content .table {
    width: 100%;
    min-width: 820px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    font-size: 15px;
}

.miwind-page-product-detail .technical-parameters-content th,
.miwind-page-product-detail .technical-parameters-content td {
    height: 52px;
    border: 0;
    padding: 0 20px;
    color: #666a73;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.35;
    text-align: center;
    vertical-align: middle;
}

.miwind-page-product-detail .technical-parameters-content th {
    background: #dfe1ef;
    color: #5f6470;
    font-weight: 400;
}

.miwind-page-product-detail .technical-parameters-content tr:nth-child(odd) td {
    background: #edecf6;
}

.miwind-page-product-detail .technical-parameters-content tr:nth-child(even) td {
    background: #fbf9fb;
}

.miwind-page-product-detail .product-dimension-image-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.miwind-page-product-detail .product-dimension-image-item {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-product-detail .product-dimension-image-item img {
    width: 100%;
    height: auto;
    max-height: none;
    min-width: 0;
    object-fit: contain;
}

.miwind-page-product-detail .installation-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px 72px;
    margin-top: 28px;
}

.miwind-page-product-detail .installation-options span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #666666;
    font-size: 15px;
    font-weight: 300;
}

.miwind-page-product-detail .installation-options span::before {
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #22b36c;
}

.miwind-page-product-detail .product-detail-image-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.miwind-page-product-detail .product-detail-gallery-item {
    display: grid;
    place-items: center;
    min-height: 260px;
    margin: 0;
    border-radius: 18px;
    background: #f7f7f7;
    box-shadow: none;
}

.miwind-page-product-detail .product-detail-gallery-item::after {
    display: none;
}

.miwind-page-product-detail .product-detail-gallery-item img {
    display: block;
    width: calc(100% - 36px);
    height: calc(100% - 36px);
    object-fit: contain;
}

.miwind-page-product-detail .detail-recommended-panel {
    margin-top: 48px;
    border: 0;
    border-radius: 28px;
    padding: 38px 42px 44px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-product-detail .detail-recommended-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 28px;
    text-align: left;
}

.miwind-page-product-detail .detail-recommended-head h2 {
    margin: 0;
    color: #333333;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.miwind-page-product-detail .detail-recommended-head p {
    max-width: 460px;
    margin: 2px 0 0;
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55;
    text-align: right;
}

.miwind-page-product-detail .detail-recommended-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.miwind-page-product-detail .detail-recommended-card {
    overflow: hidden;
    height: 100%;
    border-radius: 22px;
    padding: 0;
    background: #ffffff;
    box-shadow: none;
    transition: transform .22s ease, box-shadow .22s ease;
}

.miwind-page-product-detail .detail-recommended-card a,
.miwind-page-product-detail .detail-recommended-card > :not(a) {
    display: grid;
    grid-template-rows: 214px auto 1fr;
    height: 100%;
    min-height: 338px;
    overflow: hidden;
    border-radius: inherit;
    background: #f7f7f7;
    color: inherit;
    text-decoration: none;
}

.miwind-page-product-detail .detail-recommended-card:hover,
.miwind-page-product-detail .detail-recommended-card:focus-within {
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(26, 31, 36, .08);
}

.miwind-page-product-detail .detail-recommended-card img {
    display: block;
    width: 100%;
    height: 214px;
    padding: 0;
    border-radius: 0;
    background: #eeeeee;
    object-fit: cover;
    object-position: center;
    transition: transform .32s ease;
}

.miwind-page-product-detail .detail-recommended-panel:not(.detail-related-solutions) .detail-recommended-card img {
    width: auto;
    max-width: none;
    margin-inline: auto;
    justify-self: center;
    object-fit: contain;
}

.miwind-page-product-detail .detail-recommended-card:hover img,
.miwind-page-product-detail .detail-recommended-card:focus-within img {
    transform: scale(1.035);
}

.miwind-page-product-detail .detail-recommended-card strong {
    display: -webkit-box;
    overflow: hidden;
    padding: 18px 22px 0;
    color: #333333;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.miwind-page-product-detail .detail-recommended-card span {
    display: -webkit-box;
    overflow: hidden;
    padding: 10px 22px 24px;
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

@media (max-width: 1180px) {
    .miwind-page-product-index .product-filter-shell,
    .miwind-page-product-detail .product-intro {
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    .miwind-page-product-series .series-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 34px;
    }
}

@media (max-width: 900px) {
    .miwind-page-product-index main > .product-filter-section {
        padding-top: 32px;
        padding-bottom: 18px;
    }

    .miwind-page-product-index main > .product-archive-section {
        padding-top: 0;
        padding-bottom: 48px;
    }

    .miwind-page-product-index .product-filter-shell,
    .miwind-page-product-index .product-archive-section > .wrap,
    .miwind-page-product-index .solution-section > .wrap,
    .product-support-resources--compact > .wrap {
        width: min(100% - 32px, var(--miwind-reference-wrap));
    }

    .miwind-page-product-index .filter-panel {
        grid-template-columns: minmax(0, 1fr);
        max-height: none;
        padding: 28px 24px;
    }

    .miwind-page-product-index .product-card-grid,
    .miwind-page-product-series .series-product-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-index .product-card {
        min-height: 0;
        padding: 18px 20px 22px;
    }

    .miwind-page-product-index .product-card h2 {
        margin-bottom: 8px;
    }

    .miwind-page-product-index .product-card h2 a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 8px 6px;
    }

    .miwind-page-product-index .product-card .spec-icon-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .miwind-page-product-index .spec-icon-row span {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
    }

    .miwind-page-product-index .spec-item-icon {
        grid-row: auto;
    }

    .miwind-page-product-index .spec-item-value,
    .miwind-page-product-index .spec-item-label {
        text-align: center;
    }

    .miwind-page-product-series .series-hero.unified-page-hero {
        min-height: 360px;
    }

    .miwind-page-product-series .series-product-link {
        grid-template-rows: minmax(260px, 1fr) 58px;
    }

    .miwind-page-product-series .series-product-media {
        min-height: 260px;
        padding: 34px 24px;
    }

    .product-support-resources--compact .resource-card a,
    .product-support-resources--compact .resource-card button {
        min-height: 44px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .miwind-page-product-detail .detail-banner {
        min-height: 260px;
    }

    .miwind-page-product-detail .detail-main {
        padding-top: 58px;
        padding-bottom: 72px;
    }

    .miwind-page-product-detail .product-gallery.product-carousel--thumbs-right {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-detail .thumbnail-rail {
        display: grid;
        grid-template-columns: 78px minmax(0, 1fr) 78px;
        grid-template-rows: 78px;
        gap: 8px;
        width: 100%;
        height: auto;
        overflow-x: auto;
        overflow-y: visible;
        max-height: none;
    }

    .miwind-page-product-detail .thumbnail-rail > button {
        position: static;
        width: 40px;
        height: 40px;
        min-height: 40px;
        justify-self: center;
        align-self: center;
        transform: none;
    }

    .miwind-page-product-detail .thumbnail-rail .carousel-thumb-strip {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 78px;
        grid-auto-rows: 78px;
        width: 100%;
        height: 78px;
        padding-block: 0;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .miwind-page-product-detail .thumbnail-rail > button,
    .miwind-page-product-detail .thumbnail-rail .carousel-thumb {
        width: 78px;
        height: 78px;
        min-height: 44px;
    }

    .miwind-page-product-detail .fact-grid--parameters,
    .miwind-page-product-detail .fact-grid--features {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-detail .technical-tab-row button {
        min-height: 58px;
        font-size: 15px;
    }

    .miwind-page-product-detail .product-detail-tab-panel {
        padding: 0 18px;
    }

    .miwind-page-product-detail .product-detail-image-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-detail .product-dimension-image-grid {
        gap: 16px;
    }

    .miwind-page-product-detail .detail-recommended-panel {
        padding: 28px 18px 32px;
    }

    .miwind-page-product-detail .detail-recommended-head {
        display: block;
    }

    .miwind-page-product-detail .detail-recommended-head p {
        max-width: none;
        margin-top: 10px;
        text-align: left;
    }

    .miwind-page-product-detail .detail-recommended-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Solution pages. */
.miwind-page-solution-index .solution-index-hero {
    display: grid;
    min-height: 380px;
    background-image:
        linear-gradient(90deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .48) 45%, rgba(255, 255, 255, .16) 70%, rgba(255, 255, 255, 0) 100%),
        var(--miwind-solution-index-hero);
    background-position: center;
    background-size: cover;
}

.miwind-page-solution-index .solution-index-hero .wrap {
    display: grid;
    align-content: center;
    justify-items: start;
    min-height: 380px;
    padding-top: var(--miwind-page-hero-header-clearance);
    text-align: left;
}

.miwind-page-solution-index .solution-index-hero h1 {
    max-width: 720px;
    margin-left: 0;
    color: #30343a;
    font-size: 34px;
    line-height: 1.18;
    text-align: left;
}

.miwind-page-solution-index .solution-index-hero p {
    max-width: 620px;
    margin-left: 0;
    color: #5d6570;
    font-size: 15px;
    line-height: 1.62;
    text-align: left;
}

.miwind-page-solution-index .solution-index-band {
    padding-top: 84px;
    padding-bottom: 106px;
    background: #eeeeee;
}

.miwind-page-solution-index .solution-index-layout {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 52px;
    align-items: start;
}

.miwind-page-solution-index .solution-index-aside {
    position: sticky;
    top: 112px;
    display: grid;
    gap: 0;
    border-radius: 14px;
    padding: 26px 0;
    background: #ffffff;
}

.miwind-page-solution-index .solution-index-aside span,
.miwind-page-solution-index .solution-index-aside a {
    padding: 0 30px;
}

.miwind-page-solution-index .solution-index-aside span {
    margin-bottom: 14px;
    color: #222831;
    font-size: 16px;
    font-weight: 700;
}

.miwind-page-solution-index .solution-index-aside a {
    min-height: 42px;
    display: flex;
    align-items: center;
    color: #555e68;
    font-size: 14px;
    border-left: 3px solid transparent;
}

.miwind-page-solution-index .solution-index-aside a:hover {
    color: var(--accent);
    border-left-color: var(--accent);
    background: #f7f7f7;
}

.miwind-page-solution-index .solution-index-heading {
    display: block;
    margin-bottom: 34px;
}

.miwind-page-solution-index .solution-index-heading h2 {
    max-width: none;
    color: #2c3137;
    font-size: 34px;
    line-height: 1.18;
}

.miwind-page-solution-index .solution-index-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 34px;
}

.miwind-page-solution-index .solution-index-card {
    min-height: 430px;
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-solution-index .solution-index-card > a,
.miwind-page-solution-index .solution-index-card > div {
    display: grid;
    grid-template-rows: 230px minmax(0, 1fr);
    min-height: 430px;
    min-width: 0;
    color: inherit;
}

.miwind-page-solution-index .solution-index-card img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}

.miwind-page-solution-index .solution-index-card div {
    padding: 28px 32px 30px;
}

.miwind-page-solution-index .solution-index-card h3 {
    margin: 0 0 12px;
    color: #333333;
    font-size: 22px;
    line-height: 1.22;
}

.miwind-page-solution-index .solution-index-card p {
    margin: 0 0 18px;
    color: #5e6670;
    font-size: 15px;
    line-height: 1.55;
}

.miwind-page-solution-index .solution-index-card ul {
    display: grid;
    gap: 6px;
    margin: 0;
    padding: 0;
    color: #6a7178;
    font-size: 14px;
    line-height: 1.42;
    list-style: none;
}

.miwind-page-solution-index .solution-index-card li::before {
    content: "- ";
}

.miwind-page-solution-index .solution-index-card span {
    display: inline-flex;
    width: fit-content;
    margin-top: 22px;
    color: var(--accent);
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .miwind-page-solution-index .solution-index-band {
        padding-top: 56px;
        padding-bottom: 68px;
    }

    .miwind-page-solution-index .solution-index-layout,
    .miwind-page-solution-index .solution-index-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-solution-index .solution-index-aside {
        position: static;
    }

    .miwind-page-solution-index .solution-index-card,
    .miwind-page-solution-index .solution-index-card > a,
    .miwind-page-solution-index .solution-index-card > div {
        min-height: 0;
    }
}

/* News pages. */
.miwind-page-news .news-hero.unified-page-hero {
    min-height: 382px;
    background-position: center;
    background-size: cover;
}

.miwind-page-news .news-hero.unified-page-hero::before {
    background: rgba(255, 255, 255, .04);
}

.miwind-page-news .news-hero .unified-page-hero-inner {
    min-height: 382px;
    padding-top: 0;
    padding-bottom: 0;
}

.miwind-page-news .news-index-head {
    margin: 0 0 64px;
    text-align: center;
}

.miwind-page-news .news-index-head h1 {
    margin: 0;
    color: #333333;
    font-size: 36px;
    line-height: 1.18;
    font-weight: 800;
}

.miwind-page-news .news-main-section {
    padding-top: 108px;
    padding-bottom: 118px;
    background: #eeeeee;
}

.miwind-page-news .news-main-section > .wrap {
    width: min(1536px, calc(100vw - 84px));
    max-width: 1536px;
}

.miwind-page-news .news-layout {
    display: grid;
    grid-template-columns: minmax(0, 1130px) 320px;
    gap: 86px;
    align-items: start;
}

.miwind-page-news .news-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    min-width: 0;
    align-items: start;
}

.miwind-page-news .news-card {
    display: block;
    grid-template-columns: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-news .news-list > .news-card {
    grid-column: 1 / -1;
}

.miwind-page-news .news-card:hover {
    border-color: transparent;
    box-shadow: none;
    transform: none;
}

.miwind-page-news .news-body {
    display: grid;
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 36px;
    align-items: start;
    width: 100%;
    min-width: 0;
    padding: 0 0 48px;
}

.miwind-page-news .news-row .news-body {
    grid-template-columns: 168px minmax(0, 445px) 392px;
    gap: 36px;
    border-top: 1px solid #d5d5d5;
    padding-top: 44px;
    padding-bottom: 46px;
}

.miwind-page-news .news-featured-item .news-body {
    grid-template-rows: auto;
}

.miwind-page-news .news-body > div {
    min-width: 0;
}

.miwind-page-news .news-date-block {
    grid-column: 1;
    grid-row: 1 / span 2;
    display: block;
}

.miwind-page-news .news-card-date {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    color: #333333;
    font-size: 0;
    line-height: 1;
}

.miwind-page-news .news-date-day {
    color: #333333;
    font-size: 46px;
    line-height: .86;
    font-weight: 800;
    letter-spacing: 0;
}

.miwind-page-news .news-date-divider {
    color: #333333;
    font-size: 28px;
    line-height: .95;
    font-weight: 500;
}

.miwind-page-news .news-date-meta {
    display: grid;
    gap: 4px;
    padding-top: 1px;
    color: #777777;
    font-size: 15px;
    line-height: 1.08;
    font-weight: 400;
}

.miwind-page-news .news-featured-image {
    grid-column: 2;
    width: 100%;
    aspect-ratio: 926 / 521;
    height: auto;
    margin: 0 0 28px;
    border-radius: 14px;
    object-fit: cover;
}

.miwind-page-news .news-image {
    grid-column: 3;
    grid-row: 1 / span 2;
    width: 392px;
    max-width: 100%;
    aspect-ratio: 392 / 214;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

.miwind-page-news .news-card h2 {
    margin: 0 0 18px;
    color: #333333;
    font-size: 19px;
    line-height: 1.45;
    font-weight: 800;
}

.miwind-page-news .news-card h2 a {
    color: inherit;
    text-decoration: none;
}

.miwind-page-news .news-card p {
    margin: 0;
    color: #666666;
    font-size: 16px;
    line-height: 1.78;
}

.miwind-page-news .news-card-action {
    display: none;
}

.miwind-page-news .news-sidebar {
    display: grid;
    gap: 30px;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-news .news-sidebar-search {
    position: relative;
    margin: 0;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
}

.miwind-page-news .news-sidebar-search input {
    display: block;
    width: 100%;
    height: 40px;
    border: 1px solid #c7c7c7;
    border-radius: 999px;
    padding: 0 18px 0 46px;
    background: transparent;
    color: #666666;
    font-size: 14px;
    line-height: 40px;
    box-shadow: none;
}

.miwind-page-news .news-search-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    display: inline-flex;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}

.miwind-page-news .news-search-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.miwind-page-news .news-category-card {
    display: grid;
    gap: 10px;
    border: 1px solid #c8c8c8;
    border-radius: 18px;
    padding: 28px 24px;
    background: transparent;
}

.miwind-page-news .news-category-card a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 38px;
    border-radius: 8px;
    padding: 0 14px;
    color: #555555;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.miwind-page-news .news-category-card a.active,
.miwind-page-news .news-category-card a[aria-current="page"] {
    background: #e2e2e2;
    color: var(--accent);
    font-weight: 700;
    box-shadow: none;
}

.miwind-page-news .theme-pagination {
    gap: 30px;
    margin-top: 98px;
}

.miwind-page-news .theme-pagination a,
.miwind-page-news .theme-pagination span {
    width: auto;
    min-width: 0;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #666666;
    font-size: 15px;
    font-weight: 500;
    box-shadow: none;
}

.miwind-page-news .theme-pagination a[aria-current="page"] {
    color: #333333;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.miwind-page-news .theme-pagination img {
    width: 12px;
    height: 12px;
    object-fit: contain;
}

.miwind-page-news-detail .news-detail-hero.unified-page-hero {
    min-height: 382px;
    background-image: var(--miwind-news-detail-hero);
    background-position: center;
    background-size: cover;
}

.miwind-page-news-detail .news-detail-hero.unified-page-hero::before {
    background: rgba(255, 255, 255, .04);
}

.miwind-page-news-detail .news-detail-hero .unified-page-hero-inner {
    min-height: 382px;
    padding-top: 0;
    padding-bottom: 0;
}

.miwind-page-news-detail .news-detail-hero h1,
.miwind-page-news-detail .news-detail-hero .summary {
    display: none;
}

.miwind-page-news-detail .news-detail-main {
    padding-top: 92px;
    padding-bottom: 116px;
    background: #eeeeee;
}

.miwind-page-news-detail .news-detail-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 38px;
    width: min(1320px, calc(100vw - 84px));
    max-width: 1320px;
}

.miwind-page-news-detail .news-detail-article,
.miwind-page-news-detail .news-detail-side {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-news-detail .news-detail-article {
    display: grid;
    gap: 36px;
    padding: 0;
}

.miwind-page-news-detail .news-detail-head {
    display: grid;
    justify-items: center;
    gap: 18px;
    max-width: 880px;
    margin: 0 auto 10px;
    text-align: center;
}

.miwind-page-news-detail .news-detail-head h1 {
    margin: 0;
    color: #333333;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
}

.miwind-page-news-detail .news-detail-head .summary {
    max-width: 760px;
    margin: 0;
    color: #666666;
    font-size: 16px;
    line-height: 1.68;
}

.miwind-page-news-detail .news-detail-meta {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    align-items: center;
    justify-content: center;
}

.miwind-page-news-detail .news-detail-meta time,
.miwind-page-news-detail .news-detail-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 999px;
    padding: 0 14px;
    color: #666666;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.miwind-page-news-detail .news-detail-image {
    width: 100%;
    max-height: none;
    aspect-ratio: 1320 / 742;
    margin: 0;
    border: 0;
    border-radius: 14px;
    object-fit: cover;
}

.miwind-page-news-detail .news-detail-body {
    max-width: 980px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
    line-height: 1.9;
}

.miwind-page-news-detail .news-detail-side {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 20px 24px;
    align-items: center;
    margin-top: 10px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    padding: 30px 0;
}

.miwind-page-news-detail .news-detail-back {
    min-height: 38px;
    border: 1px solid var(--accent);
    border-radius: 4px;
    padding: 0 24px;
    background: var(--accent);
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
}

.miwind-page-news-detail .news-detail-back:hover,
.miwind-page-news-detail .news-detail-back:focus-visible {
    border-color: #c76100;
    background: #c76100;
    color: #ffffff;
    text-decoration: none;
}

.miwind-page-news-detail .news-detail-support-copy {
    min-width: 0;
}

.miwind-page-news-detail .news-detail-side h2 {
    margin: 0 0 8px;
    color: #333333;
    font-size: 24px;
    line-height: 1.22;
    font-weight: 800;
}

.miwind-page-news-detail .news-detail-side p {
    margin: 0;
    color: #666666;
    font-size: 15px;
    line-height: 1.58;
}

.miwind-page-news-detail .news-detail-support-action {
    display: flex;
    justify-content: flex-end;
}

.miwind-page-news-detail .news-detail-side .button {
    min-height: 40px;
    border-radius: 4px;
    padding: 0 28px;
    font-size: 13px;
}

.miwind-page-news-detail .news-related-section {
    display: grid;
    gap: 30px;
    margin-top: 12px;
    padding-top: 52px;
    border-top: 1px solid #d6d6d6;
}

.miwind-page-news-detail .news-related-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.miwind-page-news-detail .news-related-head h2 {
    margin: 0;
    color: #333333;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 800;
}

.miwind-page-news-detail .news-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.miwind-page-news-detail .news-related-card {
    min-width: 0;
}

.miwind-page-news-detail .news-related-card img {
    display: block;
    width: 100%;
    aspect-ratio: 392 / 214;
    border-radius: 12px;
    object-fit: cover;
}

.miwind-page-news-detail .news-related-card-body {
    display: grid;
    gap: 12px;
    padding-top: 18px;
}

.miwind-page-news-detail .news-related-card time {
    color: #777777;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.miwind-page-news-detail .news-related-card h3 {
    margin: 0;
    color: #333333;
    font-size: 18px;
    line-height: 1.38;
    font-weight: 800;
}

.miwind-page-news-detail .news-related-card h3 a {
    color: inherit;
    text-decoration: none;
}

.miwind-page-news-detail .news-related-card h3 a:hover,
.miwind-page-news-detail .news-related-card h3 a:focus-visible {
    color: var(--accent);
}

.miwind-page-news-detail .news-related-card p {
    margin: 0;
    color: #666666;
    font-size: 15px;
    line-height: 1.62;
}

@media (max-width: 1180px) {
    .miwind-page-news .news-layout,
    .miwind-page-news-detail .news-detail-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-news .news-sidebar {
        order: -1;
        width: min(340px, 100%);
        padding-top: 0;
    }
}

@media (max-width: 900px) {
    .miwind-page-news .news-hero.unified-page-hero,
    .miwind-page-news .news-hero .unified-page-hero-inner,
    .miwind-page-news-detail .news-detail-hero.unified-page-hero,
    .miwind-page-news-detail .news-detail-hero .unified-page-hero-inner {
        min-height: 240px;
    }

    .miwind-page-news .news-index-head {
        margin-bottom: 34px;
    }

    .miwind-page-news .news-index-head h1 {
        font-size: 30px;
    }

    .miwind-page-news .news-body,
    .miwind-page-news .news-row .news-body {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .miwind-page-news .news-date-block,
    .miwind-page-news .news-featured-image,
    .miwind-page-news .news-image {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }

    .miwind-page-news .news-date-day {
        font-size: 38px;
    }

    .miwind-page-news .news-main-section {
        padding-top: 56px;
        padding-bottom: 70px;
    }

    .miwind-page-news-detail .news-detail-main {
        padding-top: 56px;
        padding-bottom: 70px;
    }

    .miwind-page-news-detail .news-detail-shell {
        width: min(var(--wrap), calc(100vw - 42px));
        gap: 28px;
    }

    .miwind-page-news-detail .news-detail-head {
        gap: 14px;
        margin-bottom: 0;
    }

    .miwind-page-news-detail .news-detail-head h1 {
        font-size: 30px;
    }

    .miwind-page-news-detail .news-detail-body {
        font-size: 15px;
        line-height: 1.78;
    }

    .miwind-page-news-detail .news-detail-side {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        padding: 24px 0;
    }

    .miwind-page-news-detail .news-detail-support-action {
        justify-content: flex-start;
    }

    .miwind-page-news-detail .news-detail-back,
    .miwind-page-news-detail .news-detail-side .button {
        width: fit-content;
    }

    .miwind-page-news-detail .news-related-section {
        gap: 22px;
        padding-top: 34px;
    }

    .miwind-page-news-detail .news-related-head h2 {
        font-size: 26px;
    }

    .miwind-page-news-detail .news-related-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 26px;
    }
}

/* Home page. */
.miwind-page-home :where(.home-products, .home-cases, .about-band, .buyers) {
    border-top: 0;
}

.miwind-page-home .home-products {
    padding-top: 82px;
    padding-bottom: 50px;
    background: #ffffff;
}

.miwind-page-home .home-products > .wrap,
.miwind-page-home .case-heading.wrap,
.miwind-page-home .strength-grid.wrap,
.miwind-page-home .buyers-heading.wrap,
.miwind-page-home .buyers-panel.wrap {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    max-width: var(--miwind-reference-wrap);
}

.miwind-page-home .home-products .section-head,
.miwind-page-home .about-copy-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
}

.miwind-page-home .home-products .section-head {
    margin-bottom: 47px;
    padding: 0 0 24px;
    border-left: 0;
    border-bottom: 3px solid var(--accent);
}

.miwind-page-home .home-products .section-head h2,
.miwind-page-home .case-heading h2,
.miwind-page-home .about-copy-head h2,
.miwind-page-home .strength-copy h2,
.miwind-page-home .buyers-heading h2 {
    margin: 0;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.16;
}

.miwind-page-home .home-products .section-head a,
.miwind-page-home .about-copy-head a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
    color: #333333;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.miwind-page-home .about-copy-head a span {
    color: var(--accent);
    font-size: 16px;
    line-height: 1;
}

.miwind-page-home .home-product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 44px;
    align-items: stretch;
}

.miwind-page-home .home-product-card {
    min-width: 0;
}

.miwind-page-home .home-product-card a {
    position: relative;
    display: grid;
    grid-template-rows: auto auto;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #d8dde2;
    border-radius: 8px;
    background: #eceff2;
    color: #1f2a33;
    box-shadow: 0 16px 34px rgba(31, 42, 51, .09);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.miwind-page-home .home-product-card-media {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
    padding: clamp(8px, .9vw, 14px) clamp(8px, 1.1vw, 18px) 8px;
}

.miwind-page-home .home-product-card-media::after {
    content: "";
    position: absolute;
    right: 28px;
    bottom: 18px;
    left: 28px;
    height: 22px;
    border-radius: 50%;
    background: rgba(31, 42, 51, .13);
    filter: blur(10px);
}

.miwind-page-home .home-product-card img {
    position: relative;
    z-index: 1;
    display: block;
    width: calc(100% + clamp(44px, 5vw, 86px));
    max-width: none;
    height: auto;
    max-height: clamp(350px, 29vw, 580px);
    aspect-ratio: auto;
    object-fit: contain;
    filter: drop-shadow(0 18px 18px rgba(31, 42, 51, .14));
    transition: transform .22s ease, filter .22s ease;
}

.miwind-page-home .home-product-card-copy {
    display: block;
    min-height: 0;
    padding: 6px 34px 32px;
}

.miwind-page-home .home-product-card h3,
.miwind-page-home .home-product-card p {
    position: static;
    right: auto;
    left: auto;
    margin: 0;
    text-align: center;
}

.miwind-page-home .home-product-card h3 {
    color: #202830;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.22;
}

.miwind-page-home .home-product-card p {
    display: -webkit-box;
    min-height: 46px;
    margin-top: 10px;
    overflow: hidden;
    color: #66717c;
    font-size: 13px;
    line-height: 1.45;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.miwind-page-home .home-product-card:hover a,
.miwind-page-home .home-product-card:focus-within a {
    border-color: #cfd5da;
    box-shadow: 0 22px 44px rgba(31, 42, 51, .13);
    transform: translateY(-3px);
}

.miwind-page-home .home-product-card:hover img,
.miwind-page-home .home-product-card:focus-within img {
    filter: drop-shadow(0 22px 22px rgba(31, 42, 51, .17));
    transform: translateY(-5px) scale(1.03);
}

.miwind-page-home :where(.case-card img) {
    border-radius: 18px;
}

.miwind-page-home .home-cases {
    overflow: hidden;
    padding-top: 48px;
    padding-bottom: 72px;
    background: #ffffff;
}

.miwind-page-home .case-heading.wrap {
    display: grid;
    grid-template-columns: 220px minmax(0, 850px);
    justify-content: start;
    gap: 58px;
    margin-bottom: 76px;
}

.miwind-page-home .case-heading p {
    max-width: 850px;
    margin: 0;
    color: #555555;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.58;
}

.miwind-page-home .case-carousel.wrap {
    --case-gap: 42px;
    --case-card: clamp(360px, calc((100vw - var(--miwind-home-gutter) - (var(--case-gap) * 3)) / 3.5), 460px);
    width: calc(100vw - var(--miwind-home-gutter));
    max-width: none;
    margin-left: var(--miwind-home-gutter);
    margin-right: 0;
}

.miwind-page-home .case-carousel .sitebuilder-carousel-viewport {
    width: 100%;
    overflow: hidden;
}

.miwind-page-home .case-track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--case-card);
    gap: var(--case-gap);
    width: max-content;
    max-width: none;
    transform: translate3d(var(--sitebuilder-carousel-offset, 0px), 0, 0);
    transition: transform .62s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}

.miwind-page-home [data-carousel-layout="fixed-slots"] .case-track {
    grid-template-columns: repeat(4, var(--case-card));
    grid-auto-columns: var(--case-card);
    width: calc((var(--case-card) * 4) + (var(--case-gap) * 3));
    transform: none;
    transition: none;
    will-change: auto;
}

.miwind-page-home [data-carousel-layout="fixed-slots"]:not([data-carousel-slots-ready="true"]) .case-card:nth-child(n+5),
.miwind-page-home [data-carousel-layout="fixed-slots"] .case-card[data-carousel-slot="hidden"] {
    display: none;
}

.miwind-page-home [data-carousel-layout="fixed-slots"] .case-card[hidden]:not([data-carousel-slot="buffer"]) {
    display: none;
}

.miwind-page-home [data-carousel-layout="fixed-slots"] .case-card[data-carousel-slot="buffer"] {
    display: block;
}

.miwind-page-home [data-carousel-layout="fixed-slots"] .case-card[data-carousel-clone="true"] {
    width: var(--case-card);
    pointer-events: none;
}

.miwind-page-home .case-card {
    width: var(--case-card);
    transition: opacity .44s ease, transform .44s ease, filter .44s ease;
}

.miwind-page-home [data-carousel-layout="fixed-slots"] .case-card {
    opacity: 1;
    transform: none;
}

.miwind-page-home .case-card img {
    width: 100%;
    aspect-ratio: 460 / 320;
    object-fit: cover;
}

.miwind-page-home .case-controls {
    grid-template-columns: 36px 36px minmax(0, 1fr);
    gap: 22px;
    width: min(560px, 100%);
    margin-top: 52px;
}

.miwind-page-home .about-band {
    background: #F1F1F1;
}

.miwind-page-home .about-grid.wrap {
    display: grid;
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(0, 50vw) minmax(0, 50vw);
    gap: 0;
    align-items: stretch;
    margin: 0;
    background: #f1f1f1;
}

.miwind-page-home .about-photo {
    position: relative;
    min-height: 559px;
    overflow: visible;
    border-radius: 0;
    background: var(--about-image) left center / cover no-repeat;
}

.miwind-page-home .about-photo::after {
    content: "";
    position: absolute;
    inset: 0 -220px 0 auto;
    width: 360px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(241, 241, 241, 0) 0%, rgba(241, 241, 241, .56) 44%, #f1f1f1 100%);
}

.miwind-page-home .about-copy {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: none;
    padding: 58px max(64px, var(--miwind-home-gutter)) 54px 64px;
}

.miwind-page-home .about-copy-head {
    align-items: flex-start;
    gap: 36px;
    margin-bottom: 28px;
}

.miwind-page-home .about-copy-head a {
    flex: 0 0 auto;
    margin-top: 10px;
}

.miwind-page-home .about-copy p {
    width: 100%;
    max-width: none;
    margin: 0;
    color: #333333;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.68;
    text-align: left;
}

.miwind-page-home .metric-grid {
    display: grid;
    grid-template-columns: minmax(118px, 1fr) minmax(70px, .62fr) minmax(118px, .86fr) minmax(144px, 1fr);
    gap: clamp(12px, 1.2vw, 28px);
    align-items: start;
    margin-top: 64px;
}

.miwind-page-home .metric-grid > div {
    min-width: 0;
}

.miwind-page-home .metric-grid strong {
    display: flex;
    align-items: baseline;
    gap: .14em;
    min-height: 44px;
    max-width: none;
    color: var(--accent);
    font-size: clamp(38px, 3vw, 46px);
    font-weight: 800;
    line-height: .95;
    white-space: nowrap;
}

.miwind-page-home .metric-grid strong .metric-value-unit {
    flex: 0 0 auto;
    margin-left: 0;
    padding-top: 0;
    color: #222222;
    font-size: .42em;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-home .metric-grid > div > span {
    display: block;
    max-width: none;
    margin-top: 9px;
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.25;
}

.miwind-page-home .strength-grid.wrap {
    display: grid;
    grid-template-columns: minmax(0, 670px) minmax(0, 776px);
    gap: 90px;
    align-items: start;
    padding-top: 82px;
    padding-bottom: 92px;
    background: #f1f1f1;
    box-shadow: calc(-1 * var(--miwind-home-gutter)) 0 0 #f1f1f1, var(--miwind-home-gutter) 0 0 #f1f1f1;
}

.miwind-page-home .strength-copy {
    min-height: 652px;
    padding-top: 0;
    padding-bottom: 0;
}

.miwind-page-home .strength-copy h2 {
    max-width: none;
    margin-bottom: 44px;
    line-height: 1.18;
}

.miwind-page-home .strength-copy article {
    position: relative;
    margin-bottom: 31px;
    padding-left: 34px;
}

.miwind-page-home .strength-copy article::before {
    content: "›";
    position: absolute;
    top: -2px;
    left: 2px;
    color: var(--accent);
    font-size: 27px;
    font-weight: 700;
    line-height: 1;
}

.miwind-page-home .strength-copy h3 {
    margin-bottom: 7px;
    color: #333333;
    font-size: 18px;
    line-height: 1.32;
}

.miwind-page-home .strength-copy p {
    max-width: 650px;
    color: #666666;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.58;
}

.miwind-page-home .strength-mosaic {
    --strength-gap: 22px;
    --strength-col: calc((100% - var(--strength-gap)) / 2);
    position: relative;
    width: 100%;
    max-width: 776px;
    aspect-ratio: 776 / 652;
    min-height: 0;
}

.miwind-page-home .strength-mosaic > span {
    position: absolute;
    overflow: hidden;
    border-radius: 18px;
    background-position: center;
    background-size: cover;
}

.miwind-page-home .strength-mosaic > span:nth-child(1) {
    top: 0;
    left: 0;
    width: var(--strength-col);
}

.miwind-page-home .strength-mosaic > span:nth-child(2) {
    top: 0;
    right: 0;
    width: var(--strength-col);
}

.miwind-page-home .strength-mosaic > span:nth-child(3) {
    bottom: 0;
    left: 0;
    width: var(--strength-col);
}

.miwind-page-home .strength-mosaic > span:nth-child(4) {
    right: 0;
    bottom: 0;
    width: var(--strength-col);
}

.miwind-page-home .strength-mosaic > span:nth-child(1),
.miwind-page-home .strength-mosaic > span:nth-child(4) {
    height: calc((253 / 652) * 100%);
}

.miwind-page-home .strength-mosaic > span:nth-child(2) {
    height: calc((377 / 652) * 100%);
}

.miwind-page-home .strength-output-card {
    height: calc((376 / 652) * 100%);
}

.miwind-page-home .buyers {
    padding-top: 74px;
    padding-bottom: 106px;
    background: var(--buyers-section-bg, #F1F1F1);
}

.miwind-page-home .buyers-heading.wrap {
    display: grid;
    grid-template-columns: minmax(0, 610px) minmax(0, 770px);
    gap: 156px;
    align-items: start;
}

.miwind-page-home .buyers-heading h2 {
    max-width: 610px;
    line-height: 1.78;
}

.miwind-page-home .buyer-copy {
    display: grid;
    justify-self: end;
    width: min(100%, 770px);
    gap: 10px;
    padding-top: 6px;
}

.miwind-page-home .buyer-copy p {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    color: #333333;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.48;
}

.miwind-page-home .buyer-copy svg {
    width: 14px;
    height: 14px;
    margin-top: 6px;
}

.miwind-page-home .buyers-panel.wrap {
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(500px, .74fr);
    gap: 0;
    min-height: 600px;
    margin-top: 62px;
    overflow: hidden;
    border-radius: 28px;
    background: var(--buyers-image) left center / cover no-repeat;
}

.miwind-page-home .buyer-chip-grid {
    display: grid;
    grid-column: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-content: center;
    padding: 70px 0;
}

.miwind-page-home .buyer-chip {
    display: grid;
    grid-auto-rows: max-content;
    align-content: center;
    justify-items: center;
    gap: 14px;
    min-height: 232px;
    border: 0;
    border-radius: 28px;
    background: var(--buyer-chip-bg, #CAD0DC);
    box-shadow: none;
    text-align: center;
}

.miwind-page-home .buyer-chip svg {
    width: 48px;
    height: 48px;
    padding: 11px;
    border-radius: 50%;
    background: var(--accent);
    color: #ffffff;
}

.miwind-page-home .buyer-chip span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.35;
}

.miwind-page-home .global-section {
    padding: 112px 0 104px;
    background: linear-gradient(180deg, var(--dark) 0 68%, var(--soft) 68% 100%);
    color: #ffffff;
}

.miwind-page-home .global-head {
    display: grid;
    grid-template-columns: minmax(0, 540px) minmax(0, 720px);
    gap: 150px;
    align-items: center;
}

.miwind-page-home .global-head h2,
.miwind-page-home .global-head p {
    color: #ffffff;
}

.miwind-page-home .global-map {
    min-height: 230px;
    background: var(--global-map-image) center / contain no-repeat;
}

.miwind-page-home .global-case {
    position: relative;
    min-height: 677px;
    margin-top: 78px;
    overflow: visible;
}

.miwind-page-home .global-case .sitebuilder-carousel-viewport,
.miwind-page-home .global-case-track {
    position: relative;
    min-height: inherit;
}

.miwind-page-home .global-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(18px, 0, 0);
    transition: opacity .42s ease, transform .42s ease;
}

.miwind-page-home .global-slide.is-active,
.miwind-page-home .global-slide.active {
    position: relative;
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
}

.miwind-page-home .global-slide > img {
    width: 100%;
    height: 677px;
    border-radius: 20px;
    background: #242424;
    object-fit: cover;
}

.miwind-page-home .global-slide > img.is-fallback {
    opacity: .28;
}

.miwind-page-home .global-case-card {
    position: absolute;
    top: 64px;
    right: 78px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) 86px;
    width: clamp(500px, 34vw, 620px);
    min-height: 472px;
    overflow: hidden;
    border-radius: 36px;
    background: var(--paper);
    color: var(--ink);
    box-shadow: 0 24px 52px rgba(0, 0, 0, .16);
}

.miwind-page-home .global-case-copy {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 72px 72px 30px;
}

.miwind-page-home .global-case-copy small {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #888888;
    font-size: 16px;
}

.miwind-page-home .global-case-copy i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
}

.miwind-page-home .global-case-copy h3 {
    max-width: 360px;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1.25;
}

.miwind-page-home .global-case-copy p {
    max-width: 370px;
    margin-bottom: 0;
    color: var(--ink);
    font-size: 20px;
    line-height: 1.55;
}

.miwind-page-home .global-controls {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    align-items: center;
    gap: 18px;
    padding: 0 34px;
    background: var(--soft);
}

.miwind-page-home .global-controls button {
    width: 42px;
    height: 42px;
}

.miwind-page-home .global-controls b {
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
}

@media (min-width: 901px) and (max-width: 1280px) {
    .miwind-page-home .about-copy {
        padding-right: 42px;
        padding-left: 42px;
    }

    .miwind-page-home .about-copy p,
    .miwind-page-home .strength-copy p,
    .miwind-page-home .buyer-copy p {
        font-size: 14px;
    }

    .miwind-page-home .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .miwind-page-home .metric-grid strong {
        font-size: 30px;
    }

    .miwind-page-home .strength-grid.wrap {
        grid-template-columns: minmax(0, 500px) minmax(0, 1fr);
        gap: 44px;
    }

    .miwind-page-home .strength-copy h2,
    .miwind-page-home .buyers-heading h2 {
        font-size: 32px;
    }

    .miwind-page-home .strength-copy h3 {
        font-size: 16px;
    }

    .miwind-page-home .buyers-heading.wrap {
        grid-template-columns: minmax(0, 430px) minmax(0, 560px);
        gap: 54px;
    }

    .miwind-page-home .buyer-chip {
        min-height: 190px;
    }

    .miwind-page-home .buyer-chip span {
        font-size: 15px;
    }
}

@media (max-width: 900px) {
    .miwind-page-home .home-products .section-head,
    .miwind-page-home .about-copy-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .miwind-page-home .hero-points {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 34px;
    }

    .miwind-page-home .home-hero,
    .miwind-page-home .site-hero__inner {
        min-height: auto;
    }

    .miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] {
        --yc-hero-overlay-color:
            linear-gradient(90deg, rgba(246, 248, 250, .99) 0%, rgba(246, 248, 250, .96) 54%, rgba(246, 248, 250, .82) 100%),
            linear-gradient(180deg, rgba(246, 248, 250, .9) 0%, rgba(246, 248, 250, .68) 100%) !important;
        --yc-hero-overlay-text-color: #18212c !important;
    }

    .miwind-page-home .site-hero__inner,
    .miwind-page-home .site-hero[data-hero-variant="split-copy-left"] .site-hero__inner,
    .miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__inner,
    .miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__inner {
        width: min(100% - 42px, var(--miwind-reference-wrap));
        grid-template-columns: minmax(0, 1fr);
        padding-top: 96px;
        padding-bottom: 44px;
    }

    .miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__copy h1,
    .miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__copy p,
    .miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .hero-points span {
        color: #18212c;
        text-shadow: 0 1px 16px rgba(255, 255, 255, .62);
    }

    .miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__copy,
    .miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__media,
    .miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__copy,
    .miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__media {
        grid-column: auto;
        grid-row: auto;
    }

    .miwind-page-home .site-hero[data-hero-variant="split-copy-left"] .site-hero__copy,
    .miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__copy,
    .miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__copy {
        order: 1;
    }

    .miwind-page-home .site-hero[data-hero-variant="split-copy-left"] .site-hero__media,
    .miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__media,
    .miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__media {
        order: 2;
        aspect-ratio: 16 / 10;
    }

    .miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__media img {
        object-fit: contain;
    }

    .miwind-page-home .hero-points span {
        white-space: normal;
    }

    .miwind-page-home .case-heading.wrap,
    .miwind-page-home .about-grid.wrap,
    .miwind-page-home .strength-grid.wrap,
    .miwind-page-home .buyers-heading.wrap,
    .miwind-page-home .buyers-panel.wrap {
        width: min(100% - 42px, var(--miwind-reference-wrap));
        grid-template-columns: minmax(0, 1fr);
        margin-inline: auto;
    }

    .miwind-page-home .buyers-heading.wrap {
        gap: 24px;
    }

    body.miwind-page.miwind-page-home main .buyers-heading h2 {
        font-size: 32px;
        line-height: 1.16;
    }

    .miwind-page-home .buyer-copy {
        justify-self: stretch;
        width: 100%;
        gap: 12px;
        padding-top: 0;
    }

    .miwind-page-home .buyer-copy p {
        align-items: flex-start;
        font-size: 16px;
        line-height: 1.46;
    }

    .miwind-page-home .buyers {
        padding-top: 54px;
        padding-bottom: 66px;
    }

    .miwind-page-home .case-carousel.wrap {
        --case-gap: 20px;
        --case-card: min(78vw, 330px);
        width: min(100% - 42px, var(--miwind-reference-wrap));
        overflow: hidden;
        margin-inline: auto;
    }

    .miwind-page-home .case-carousel .sitebuilder-carousel-viewport {
        overflow: hidden;
    }

    .miwind-page-home .about-copy {
        padding: 34px 0 40px;
    }

    .miwind-page-home .about-photo::after {
        display: none;
    }

    .miwind-page-home .metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miwind-page-home .buyers-panel.wrap {
        min-height: 0;
        margin-top: 32px;
        border-radius: 18px;
        background:
            linear-gradient(135deg, rgba(248, 250, 252, .97), rgba(232, 237, 244, .94)),
            var(--buyers-image) center / cover no-repeat;
    }

    .miwind-page-home .buyer-chip-grid {
        grid-column: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 18px;
    }

    .miwind-page-home .buyer-chip {
        min-height: 118px;
        border: 1px solid rgba(159, 169, 183, .28);
        border-radius: 18px;
        background: rgba(255, 255, 255, .86);
        color: #202830;
        box-shadow: 0 14px 30px rgba(31, 42, 51, .08);
    }

    .miwind-page-home .buyer-chip svg {
        width: 42px;
        height: 42px;
        padding: 9px;
    }

    .miwind-page-home .buyer-chip span {
        color: #202830;
        font-size: 13px;
        font-weight: 700;
    }

    .miwind-page-home .global-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .miwind-page-home .global-section {
        padding-top: 72px;
        background: linear-gradient(180deg, var(--dark) 0 60%, var(--soft) 60% 100%);
    }

    .miwind-page-home .global-case {
        min-height: 640px;
    }

    .miwind-page-home .global-slide > img {
        height: 640px;
        border-radius: 16px;
    }

    .miwind-page-home .global-case-card {
        top: auto;
        right: 18px;
        bottom: 18px;
        left: auto;
        width: min(340px, calc(100% - 36px));
        min-width: 0;
        min-height: 360px;
        border-radius: 24px;
    }

    .miwind-page-home .global-case-copy {
        padding: 42px 34px 28px;
    }

    .miwind-page-home .global-case-copy h3 {
        font-size: 22px;
    }

    .miwind-page-home .global-case-copy p {
        font-size: 16px;
    }

    .miwind-page-home .global-controls {
        min-height: 74px;
        padding-inline: 22px;
    }
}

/* Downloads pages. */
.miwind-page-downloads {
    background: #f3f3f3;
}

.miwind-page-downloads .download-main-section {
    padding-top: 84px;
    padding-bottom: 104px;
    background: #f3f3f3;
}

.miwind-page-downloads .download-layout {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 76px;
    align-items: start;
}

.miwind-page-downloads .download-hero.unified-page-hero {
    min-height: 380px;
    background-position: center top;
    background-size: cover;
}

.miwind-page-downloads .download-hero.unified-page-hero::before,
.miwind-page-downloads .download-hero.unified-page-hero::after {
    display: none;
}

.miwind-page-downloads .download-hero .unified-page-hero-inner {
    min-height: 380px;
    padding: 0;
}

.miwind-page-downloads .download-category-accordion {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
}

.miwind-page-downloads .download-category-accordion h2 {
    margin: 0 0 32px;
    color: #333333;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.16;
}

.miwind-page-downloads .download-category-group {
    margin-bottom: 18px;
}

.miwind-page-downloads .download-category-header,
.miwind-page-downloads .download-category-items a {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 0;
    border: 0;
    border-radius: 19px;
    background: transparent;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-align: left;
    transition: background-color .2s ease, color .2s ease, padding-left .2s ease;
    appearance: none;
}

.miwind-page-downloads .download-category-header {
    width: 100%;
    justify-content: space-between;
    gap: 18px;
    font-weight: 400;
}

.miwind-page-downloads .download-category-header.active,
.miwind-page-downloads .download-category-header:hover,
.miwind-page-downloads .download-category-items a:hover {
    color: #333333;
}

.miwind-page-downloads .download-category-items a.active,
.miwind-page-downloads .download-category-items a:hover {
    padding-left: 26px;
    padding-right: 18px;
    background: #e6e6e6;
    color: #333333;
}

.miwind-page-downloads .download-category-arrow {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    margin-right: 1px;
    border: 0 solid #666666;
    border-right-width: 2px;
    border-bottom-width: 2px;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .2s ease, border-color .2s ease;
}

.miwind-page-downloads .download-category-toggle[aria-expanded="true"] .download-category-arrow {
    transform: translateY(2px) rotate(-135deg);
    border-right-color: #333333;
    border-bottom-color: #333333;
}

.miwind-page-downloads .download-category-items {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    margin-left: 58px;
    width: calc(100% - 58px);
    padding-left: 0;
}

.miwind-page-downloads .download-category-items[hidden] {
    display: none;
}

.miwind-page-downloads .download-section-heading {
    position: relative;
    margin: 44px 0 36px;
    padding-bottom: 22px;
    border-bottom: 1px solid #d8d8d8;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
}

.miwind-page-downloads .download-section-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 200px;
    height: 3px;
    background: #333333;
}

.miwind-page-downloads .download-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px 38px;
}

.miwind-page-downloads .download-file-card {
    display: grid;
    grid-template-rows: 38px auto minmax(72px, 1fr) auto;
    min-height: 220px;
    border: 0;
    border-radius: 24px;
    padding: 32px 30px 26px;
    background: #ffffff;
    box-shadow: none;
    transform: none;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.miwind-page-downloads .download-file-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 0 20px;
    color: #c8ced8;
}

.miwind-page-downloads .download-file-icon svg {
    display: block;
    width: 36px;
    height: 36px;
    stroke: currentColor;
}

.miwind-page-downloads .download-file-icon em {
    position: absolute;
    left: 0;
    top: 14px;
    min-width: 25px;
    border-radius: 2px;
    padding: 2px 3px 1px;
    background: #d8243f;
    color: #ffffff;
    font-size: 8px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    letter-spacing: .02em;
}

.miwind-page-downloads .download-file-icon--3d em {
    background: #2a8bdc;
}

.miwind-page-downloads .download-file-card strong,
.miwind-page-downloads .download-file-card strong a {
    color: #333333;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.28;
}

.miwind-page-downloads .download-file-card p {
    margin: 10px 0 24px;
    color: #666666;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.52;
}

.miwind-page-downloads .download-file-action {
    display: inline-flex;
    align-items: center;
    align-self: end;
    justify-self: start;
    min-height: 24px;
    border: 0;
    padding: 0;
    gap: 8px;
    background: transparent;
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    transition: color .18s ease, transform .18s ease;
}

.miwind-page-downloads .download-file-action:hover {
    color: #dd6b00;
    transform: translateX(3px);
}

.miwind-page-downloads .download-file-action:active {
    transform: translateX(3px) translateY(1px);
}

.miwind-page-downloads .download-file-action svg {
    flex: 0 0 auto;
}

.miwind-page-downloads .download-file-card:hover {
    border-color: transparent;
    box-shadow: 0 18px 42px rgba(45, 47, 51, .055);
    transform: translateY(-2px);
}

@media (max-width: 1180px) {
    .miwind-page-downloads .download-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miwind-page-downloads .download-layout {
        gap: 42px;
    }
}

@media (max-width: 900px) {
    .miwind-page-downloads .download-main-section {
        padding-top: 56px;
        padding-bottom: 64px;
    }

    .miwind-page-downloads .download-hero.unified-page-hero,
    .miwind-page-downloads .download-hero .unified-page-hero-inner {
        min-height: 260px;
    }

    .miwind-page-downloads .download-layout,
    .miwind-page-downloads .download-card-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-downloads .download-layout {
        width: min(100% - 32px, var(--miwind-reference-wrap));
    }

    .miwind-page-downloads .download-category-accordion h2 {
        font-size: 30px;
    }

    .miwind-page-downloads .download-file-card {
        border-radius: 24px;
        padding: 26px;
    }

    .miwind-page-downloads .download-section-heading {
        margin-top: 4px;
    }
}

/* Contact page. */
.miwind-page-contact .contact-hero.unified-page-hero,
.miwind-page-contact .contact-hero {
    min-height: 293px;
    background-position: center top;
    background-size: cover;
}

.miwind-page-contact .contact-hero.unified-page-hero::before,
.miwind-page-contact .contact-hero::before,
.miwind-page-contact .contact-hero.unified-page-hero::after {
    display: none;
}

.miwind-page-contact .contact-main-section {
    padding: 72px 0 72px;
    border-top: 0;
    background: #f4f4f4;
}

.miwind-page-contact .contact-main-section > .wrap {
    width: min(var(--wrap), calc(100vw - 84px));
}

.miwind-page-contact .contact-title {
    margin: 0 0 14px;
    color: #333333;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.16;
}

.miwind-page-contact .contact-summary {
    max-width: 620px;
    margin: 0 0 44px;
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    text-wrap: pretty;
}

.miwind-page-contact .contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 640px) minmax(0, 1fr);
    gap: 78px;
    align-items: stretch;
    margin-top: 0;
}

.miwind-page-contact .contact-form,
.miwind-page-contact .contact-info-panel {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-contact .contact-form h2,
.miwind-page-contact .contact-info-panel h2 {
    margin: 0 0 20px;
    color: #333333;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.35;
}

.miwind-page-contact .contact-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

.miwind-page-contact .contact-form .miwind-field {
    gap: 0;
}

.miwind-page-contact .contact-form .miwind-field-label {
    margin-bottom: 4px;
    color: #222831;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.miwind-page-contact .contact-form .miwind-field input,
.miwind-page-contact .contact-form .miwind-field select,
.miwind-page-contact .contact-form .miwind-field textarea {
    border: 1px solid #cfcfcf;
    border-radius: 0;
    background: #eeeeee;
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    box-shadow: none;
}

.miwind-page-contact .contact-form .miwind-field input::placeholder,
.miwind-page-contact .contact-form .miwind-field textarea::placeholder {
    color: #8a8a8a;
    opacity: 1;
}

.miwind-page-contact .contact-form .miwind-field input,
.miwind-page-contact .contact-form .miwind-field select {
    height: 42px;
    padding: 0 14px;
}

.miwind-page-contact .contact-form .miwind-field textarea {
    min-height: 214px;
    padding: 14px;
}

.miwind-page-contact .contact-submit {
    width: 320px;
    max-width: 100%;
    min-height: 44px;
    margin-top: 0;
    border-radius: 0;
    background: var(--accent);
    font-size: 14px;
    font-weight: 400;
}

.miwind-page-contact .contact-info-panel {
    border-left: 1px solid #d3d3d3;
    padding-left: 54px;
}

.miwind-page-contact .contact-detail-row {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 18px;
    margin-bottom: 36px;
    text-align: left;
}

.miwind-page-contact .contact-detail-icon {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 0;
    background: transparent;
}

.miwind-page-contact .contact-detail-icon img {
    width: auto;
    max-width: 22px;
    height: auto;
    max-height: 22px;
    object-fit: contain;
}

.miwind-page-contact .contact-detail-row p {
    margin: 0;
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55;
}

.miwind-page-contact .contact-detail-row .kicker {
    display: inline-block;
    margin-bottom: 11px;
    color: var(--accent);
    font-weight: 400;
}

.miwind-page-contact .social-icon-row {
    display: flex;
    gap: 14px;
    margin-top: 0;
}

.miwind-page-contact .social-icon-row a,
.miwind-page-contact .social-icon-row span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.miwind-page-contact .social-icon-row img {
    width: auto;
    max-width: 64px;
    height: 35px;
    object-fit: contain;
}

.miwind-page-contact .map-panel-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 72px;
    gap: 44px;
}

.miwind-page-contact .map-panel {
    position: relative;
    overflow: hidden;
    min-height: 455px;
    border: 0;
    border-radius: 0;
    background: #d8d8d8;
}

.miwind-page-contact .map-panel iframe,
.miwind-page-contact .map-panel .miwind-deferred-embed,
.miwind-page-contact .map-panel > span,
.miwind-page-contact .map-panel img {
    display: grid;
    height: 455px;
    min-height: 455px;
    place-items: center;
    color: #777777;
    font-size: 16px;
    font-weight: 700;
}

.miwind-page-contact .map-panel iframe {
    display: block;
    width: 100%;
    border: 0;
}

.miwind-page-contact .map-panel .miwind-deferred-embed {
    position: relative;
    overflow: hidden;
    width: 100%;
    align-content: center;
    justify-items: center;
    gap: 16px;
    border: 1px solid #c7c7c7;
    background: linear-gradient(135deg, #e4e4e4, #d7d7d7);
    text-align: center;
}

.miwind-page-contact .map-panel .miwind-deferred-embed[data-miwind-deferred-embed-placeholder="true"] {
    background: #d8d8d8;
}

.miwind-page-contact .miwind-deferred-embed[data-miwind-deferred-embed-placeholder="true"]::before {
    content: none;
}

.miwind-page-contact .miwind-deferred-embed__placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .2s ease;
}

.miwind-page-contact .miwind-deferred-embed__actions {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 16px;
    justify-items: center;
    padding: 24px;
    transition: opacity .2s ease;
}

.miwind-page-contact .miwind-deferred-embed__label {
    color: #555555;
    font-size: 16px;
    font-weight: 700;
}

.miwind-page-contact .miwind-deferred-embed[data-miwind-deferred-embed-placeholder="true"] .miwind-deferred-embed__label {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.42);
}

.miwind-page-contact .miwind-deferred-embed__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border: 1px solid var(--accent);
    border-radius: 0;
    background: var(--accent);
    color: #ffffff;
    padding: 0 22px;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.miwind-page-contact .miwind-deferred-embed__button:hover,
.miwind-page-contact .miwind-deferred-embed__button:focus-visible {
    background: #333333;
    border-color: #333333;
    outline: 2px solid rgba(51, 51, 51, 0.24);
    outline-offset: 2px;
}

.miwind-page-contact .miwind-deferred-embed iframe[data-miwind-deferred-embed-frame="true"] {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .2s ease;
}

.miwind-page-contact .miwind-deferred-embed[data-deferred-embed-loaded="true"] iframe[data-miwind-deferred-embed-frame="true"] {
    opacity: 1;
}

.miwind-page-contact .miwind-deferred-embed[data-deferred-embed-loaded="true"] .miwind-deferred-embed__placeholder,
.miwind-page-contact .miwind-deferred-embed[data-deferred-embed-loaded="true"] .miwind-deferred-embed__actions,
.miwind-page-contact .miwind-deferred-embed[data-deferred-embed-loaded="true"]::before {
    opacity: 0;
    pointer-events: none;
}

.miwind-page-contact .map-panel img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.miwind-page-contact .map-panel strong {
    display: none;
}

.miwind-page-contact .map-panel + .map-panel {
    margin-top: 0;
}

@media (max-width: 1180px) {
    .miwind-page-contact .contact-layout,
    .miwind-page-contact .map-panel-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-contact .contact-info-panel {
        border-left: 0;
        border-top: 1px solid #d3d3d3;
        padding-top: 34px;
        padding-left: 0;
    }
}

@media (max-width: 760px) {
    .miwind-page-contact .contact-hero.unified-page-hero,
    .miwind-page-contact .contact-hero {
        min-height: 220px;
    }

    .miwind-page-contact .contact-main-section > .wrap {
        width: min(100% - 32px, var(--wrap));
    }

    .miwind-page-contact .contact-title {
        margin-bottom: 12px;
        font-size: 32px;
    }

    .miwind-page-contact .contact-summary {
        margin-bottom: 34px;
        font-size: 15px;
        line-height: 1.55;
    }

    .miwind-page-contact .contact-form-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-contact .map-panel,
    .miwind-page-contact .map-panel iframe,
    .miwind-page-contact .map-panel .miwind-deferred-embed,
    .miwind-page-contact .map-panel img,
    .miwind-page-contact .map-panel > span {
        min-height: 260px;
        height: 260px;
    }
}

/* Solution detail page. */
.miwind-page-solution-detail .solution-hero {
    display: grid;
    place-items: center;
    min-height: 380px;
    text-align: center;
    background-position: center top;
    background-size: cover;
}

.miwind-page-solution-detail .solution-hero h1 {
    width: min(var(--wrap), calc(100vw - 84px));
    max-width: none;
    margin: 46px auto 0;
    color: #2f3338;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

.miwind-page-solution-detail .solution-detail-challenge-section {
    padding: 58px 0 56px;
    background: #eeeeee;
}

.miwind-page-solution-detail .solution-detail-challenge-section .wrap {
    width: min(var(--wrap), calc(100vw - 84px));
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 72px;
    align-items: start;
}

.miwind-page-solution-detail .solution-detail-challenge-section h2 {
    margin: 0;
    color: #2f3338;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.35;
}

.miwind-page-solution-detail .solution-challenge-copy {
    max-width: none;
    color: #666666;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.72;
}

.miwind-page-solution-detail .solution-challenge-copy p {
    margin: 0 0 20px;
}

.miwind-page-solution-detail .solution-challenge-copy ul {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.miwind-page-solution-detail .solution-challenge-copy li {
    color: inherit;
}

.miwind-page-solution-detail .solution-detail-overview-section {
    padding: 92px 0 64px;
    background: #ffffff;
}

.miwind-page-solution-detail .solution-detail-overview-section > .wrap,
.miwind-page-solution-detail .solution-feature-card,
.miwind-page-solution-detail .recommended-products,
.miwind-page-solution-detail .solution-detail-service-section > .wrap,
.miwind-page-solution-detail .solution-detail-application-section > .wrap {
    width: min(1536px, calc(100vw - 140px));
    max-width: 1536px;
}

.miwind-page-solution-detail .solution-section-title {
    margin: 0 0 56px;
    color: #2f3338;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.18;
    text-align: center;
}

.miwind-page-solution-detail .solution-section-title span {
    color: #e87500;
}

.miwind-page-solution-detail .solution-feature-card {
    position: relative;
    isolation: isolate;
    display: grid;
    align-items: stretch;
    min-height: 520px;
    overflow: hidden;
    border: 0;
    border-radius: 24px 24px 0 0;
    background-color: #eef4f6;
    box-shadow: none;
}

.miwind-page-solution-detail .solution-feature-card::after {
    content: "";
    position: absolute;
    inset: 0 0 0 auto;
    z-index: -2;
    width: 78%;
    background-image: var(--solution-feature-image);
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    pointer-events: none;
}

.miwind-page-solution-detail .solution-feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, #eef4f6 0%, #eef4f6 36%, rgba(238, 244, 246, .94) 48%, rgba(238, 244, 246, .48) 64%, rgba(238, 244, 246, 0) 80%);
    pointer-events: none;
}

.miwind-page-solution-detail .solution-feature-card > div:first-child {
    display: grid;
    align-content: center;
    gap: 18px;
    width: 42%;
    min-width: 0;
    padding: 78px 70px 74px;
}

.miwind-page-solution-detail .solution-feature-card h3 {
    margin: 0 0 12px;
    color: #2f3338;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.42;
}

.miwind-page-solution-detail .solution-feature-card p {
    max-width: 460px;
    margin: 0;
    color: #3f464e;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.72;
}

.miwind-page-solution-detail .recommended-products {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 385px)) minmax(360px, 1fr);
    grid-auto-flow: row;
    column-gap: 78px;
    row-gap: 36px;
    align-items: start;
    border-radius: 0 0 24px 24px;
    min-height: 639px;
    padding: 78px 66px 82px;
    background: #eeeeee;
    box-shadow: none;
}

.miwind-page-solution-detail .recommended-products-title {
    grid-column: 1 / -1;
    margin: 0 0 12px;
    color: #2f3338;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.miwind-page-solution-detail .solution-recommended-card:nth-of-type(n + 4) {
    display: none;
}

.miwind-page-solution-detail .solution-recommended-card {
    grid-row: 2;
}

.miwind-page-solution-detail .solution-recommended-card:nth-of-type(1) {
    grid-column: 1;
}

.miwind-page-solution-detail .solution-recommended-card:nth-of-type(2) {
    grid-column: 2;
}

.miwind-page-solution-detail .solution-recommended-card,
.miwind-page-solution-detail .solution-recommended-card-link {
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.miwind-page-solution-detail .solution-recommended-card img {
    width: 100%;
    aspect-ratio: 401 / 283;
    border-radius: 20px;
    object-fit: cover;
}

.miwind-page-solution-detail .solution-recommended-card p {
    margin: 18px 0 0;
    color: #4a4f56;
    font-size: 16px;
    font-weight: 400;
}

.miwind-page-solution-detail .solution-recommended-card span {
    display: none;
}

.miwind-page-solution-detail .product-advantage-list {
    grid-column: 3;
    grid-row: 2;
    display: grid;
    align-self: start;
    justify-self: start;
    width: min(100%, 410px);
    min-height: auto;
    border-left: 3px solid #e87500;
    padding: 6px 0 6px 32px;
    gap: 13px;
    overflow: hidden;
}

.miwind-page-solution-detail .product-advantage-list strong {
    display: block;
    margin: 0 0 10px;
    color: #2f3338;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.miwind-page-solution-detail .solution-advantage-item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    color: #4e565f;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
}

.miwind-page-solution-detail .solution-advantage-icon {
    display: grid;
    place-items: center;
    inline-size: 28px;
    block-size: 28px;
    min-inline-size: 28px;
    overflow: hidden;
}

.miwind-page-solution-detail .solution-advantage-item > .solution-advantage-icon > img {
    display: block;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 28px;
    max-block-size: 28px;
    object-fit: contain;
    filter: brightness(0);
}

.miwind-page-solution-detail .solution-detail-service-section {
    padding: 74px 0 72px;
    background: #ffffff;
}

.miwind-page-solution-detail .solution-detail-service-section .section-title-center {
    margin: 0 0 72px;
    color: #2f3338;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
    text-align: center;
}

.miwind-page-solution-detail .service-support-line {
    position: relative;
    width: min(1340px, 100%);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 40px;
    margin: 0 auto;
}

.miwind-page-solution-detail .service-support-line::before {
    content: "";
    position: absolute;
    left: 9%;
    right: 9%;
    top: 72px;
    z-index: 0;
    border-top: 1px dashed #ead0b4;
}

.miwind-page-solution-detail .service-support-step::after {
    content: "";
    display: block;
    position: absolute;
    top: 66px;
    left: 50%;
    z-index: 2;
    width: 12px;
    height: 12px;
    border: 2px solid #d97900;
    border-radius: 50%;
    background: #ffffff;
    transform: translateX(-50%);
}

.miwind-page-solution-detail .service-support-step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 0;
    background: #ffffff;
}

.miwind-page-solution-detail .service-support-icon {
    display: grid;
    place-items: center;
    inline-size: 54px;
    block-size: 54px;
    border: 2px solid #d97900;
    border-radius: 50%;
    background: #ffffff;
}

.miwind-page-solution-detail .service-support-step > .service-support-icon > img {
    display: block;
    inline-size: auto;
    block-size: auto;
    max-inline-size: 22px;
    max-block-size: 22px;
    object-fit: contain;
    filter: brightness(0);
}

.miwind-page-solution-detail .service-support-step p {
    max-width: 210px;
    margin: 40px 0 0;
    color: #4f565f;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42;
    text-align: center;
}

.miwind-page-solution-detail .solution-detail-application-section {
    padding: 28px 0 114px;
    background: #ffffff;
}

.miwind-page-solution-detail .solution-detail-application-section > .wrap {
    border: 1px solid #dedede;
    border-radius: 24px;
    padding: 44px 44px 56px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-solution-detail .solution-detail-application-section .section-title-center {
    margin: 0 0 36px;
    color: #2f3338;
    font-size: 18px;
    font-weight: 800;
    text-align: center;
}

.miwind-page-solution-detail .typical-application-strip {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 38px;
    transform: none !important;
}

.miwind-page-solution-detail .typical-application-card {
    min-height: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.miwind-page-solution-detail .typical-application-card img {
    width: 100%;
    aspect-ratio: 255 / 197;
    border-radius: 14px;
    object-fit: cover;
}

.miwind-page-solution-detail .typical-application-card h3 {
    margin-top: 12px;
    color: #636a73;
    font-size: 14px;
    font-weight: 400;
}

.miwind-page-solution-detail .typical-application-controls {
    display: none;
}

@media (max-width: 1180px) {
    .miwind-page-solution-detail .solution-detail-challenge-section .wrap,
    .miwind-page-solution-detail .solution-feature-card,
    .miwind-page-solution-detail .recommended-products {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-solution-detail .solution-feature-card > div:first-child {
        width: min(520px, 100%);
    }

    .miwind-page-solution-detail .solution-recommended-card:nth-of-type(n + 4) {
        display: block;
    }

    .miwind-page-solution-detail .solution-recommended-card,
    .miwind-page-solution-detail .solution-recommended-card:nth-of-type(1),
    .miwind-page-solution-detail .solution-recommended-card:nth-of-type(2),
    .miwind-page-solution-detail .product-advantage-list {
        grid-column: auto;
        grid-row: auto;
    }

    .miwind-page-solution-detail .product-advantage-list {
        width: 100%;
        border-left: 0;
        border-top: 4px solid #e87500;
        padding: 28px 0 0;
    }
}

@media (max-width: 900px) {
    .miwind-page-solution-detail .solution-hero {
        min-height: 280px;
    }

    .miwind-page-solution-detail .solution-feature-card > div:first-child,
    .miwind-page-solution-detail .recommended-products,
    .miwind-page-solution-detail .solution-detail-application-section > .wrap {
        padding: 34px 24px;
    }

    .miwind-page-solution-detail .solution-feature-card {
        min-height: 500px;
    }

    .miwind-page-solution-detail .solution-feature-card::after {
        width: 100%;
        opacity: .28;
        background-position: right center;
        background-size: auto 100%;
    }

    .miwind-page-solution-detail .solution-feature-card::before {
        background:
            linear-gradient(90deg, #eef4f6 0%, rgba(238, 244, 246, .98) 72%, rgba(238, 244, 246, .86) 100%);
    }

    .miwind-page-solution-detail .service-support-line,
    .miwind-page-solution-detail .typical-application-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-solution-detail .service-support-line::before,
    .miwind-page-solution-detail .service-support-step::after {
        display: none;
    }
}

/* About page. */
.miwind-page-about {
    --about-design-bg: #ffffff;
}

.miwind-page-about .about-global-section,
.miwind-page-about .about-journey-section,
.miwind-page-about .about-quality-section {
    border-top: 0;
    background: var(--about-design-bg);
}

.miwind-page-about .about-hero.unified-page-hero {
    min-height: 356px;
    background-color: #e8f4f8;
    background-image: var(--miwind-about-hero);
    background-position: center top;
    background-size: cover;
}

.miwind-page-about .about-hero.unified-page-hero::before {
    display: none;
}

.miwind-page-about .about-hero-copy {
    display: none;
    min-height: 356px;
    justify-content: center;
    padding-top: 86px;
    text-align: center;
}

.miwind-page-about .about-hero-copy h1 {
    color: #243646;
    font-size: 36px;
    line-height: 1.15;
}

.miwind-page-about .about-hero-copy .summary {
    max-width: none;
    margin: 16px auto 0;
    color: #324452;
    font-size: 16px;
    line-height: 1.5;
}

.miwind-page-about :where(.about-profile-split, .about-global-section > .wrap, .about-validation-section > .wrap, .about-certificate-stage, .about-factory-content, .about-journey-section > .wrap, .about-quality-section > .wrap, .core-strength-grid) {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    max-width: var(--miwind-reference-wrap);
}

.miwind-page-about .about-company-section {
    border-top: 0;
    padding: 104px 0 88px;
    background: var(--about-design-bg);
}

.miwind-page-about .about-profile-split {
    display: grid;
    grid-template-columns: minmax(0, 610px) minmax(0, 770px);
    column-gap: 156px;
    row-gap: 0;
    align-items: center;
}

.miwind-page-about .about-profile-copy h2 {
    margin: 0 0 34px;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.18;
}

.miwind-page-about .about-profile-copy h2 span {
    color: var(--accent);
}

.miwind-page-about .about-profile-copy p,
.miwind-page-about .about-profile-copy p:first-of-type {
    max-width: none;
    margin: 0 0 18px;
    color: #333333;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.82;
}

.miwind-page-about .about-profile-media {
    overflow: hidden;
    margin: 0;
    border-radius: 0 28px 28px 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-about .about-profile-media img {
    display: block;
    width: 100%;
    aspect-ratio: 770 / 433;
    height: auto;
    object-fit: cover;
}

.miwind-page-about .section-title-center.company-metric-row--full {
    display: none;
}

.miwind-page-about .about-support-block {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 112px;
}

.miwind-page-about .about-support-block h2 {
    margin: 0 0 42px;
    color: var(--accent);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left;
}

.miwind-page-about .about-support-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 152px;
}

.miwind-page-about .about-support-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    min-height: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-about .about-support-card span {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    margin-top: 0;
}

.miwind-page-about .about-support-card img {
    display: block;
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.miwind-page-about .about-support-card p {
    margin: 0;
    color: #555555;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.58;
}

.miwind-page-about .company-metric-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-column: 1 / -1;
    gap: 86px;
    width: 100%;
    margin-top: 108px;
}

.miwind-page-about .about-metric-card {
    display: grid;
    gap: 14px;
    min-height: 0;
    border: 0;
    border-top: 1px solid var(--accent);
    border-radius: 0;
    padding: 30px 0 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
}

.miwind-page-about .about-metric-icon,
.miwind-page-about .about-metric-icon img {
    width: 28px;
    height: 28px;
}

.miwind-page-about .about-metric-icon img {
    object-fit: contain;
    filter: brightness(0);
}

.miwind-page-about .about-metric-card strong {
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: var(--accent);
    font-size: 40px;
    font-weight: 800;
    line-height: .95;
    letter-spacing: 0;
    white-space: nowrap;
}

.miwind-page-about .about-metric-number {
    color: var(--accent);
    font-size: 40px;
    font-weight: 800;
    line-height: .95;
    letter-spacing: 0;
}

.miwind-page-about .about-metric-unit {
    color: #333333;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-about .about-metric-card > span:last-child {
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.35;
}

.miwind-page-about .about-certificate-section {
    border-top: 0;
    padding: 82px 0 70px;
    background: var(--about-design-bg);
}

.miwind-page-about .about-certificate-section .section-title-center,
.miwind-page-about .about-validation-section .section-title-center,
.miwind-page-about .about-quality-section .section-title-center {
    margin: 0 0 54px;
    color: #333333;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.18;
    text-align: center;
}

.miwind-page-about .about-certificate-stage {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) 36px;
    gap: 54px;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    contain: paint;
    overflow: visible;
}

.miwind-page-about .about-certificate-control {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #e2e2e2;
    color: #555555;
    box-shadow: none;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.miwind-page-about .about-certificate-control:hover {
    background: #d8d8d8;
    color: #333333;
}

.miwind-page-about .about-certificate-track {
    display: flex;
    gap: 32px;
    align-items: stretch;
    transform: translate3d(var(--miwind-carousel-offset, 0px), 0, 0);
    transition: transform .42s ease;
}

.miwind-page-about .about-certificate-card {
    display: grid;
    place-items: center;
    flex: 0 0 calc((100% - 96px) / 4);
    min-height: 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.miwind-page-about .about-certificate-card.active,
.miwind-page-about .about-certificate-card:hover {
    background: transparent;
    box-shadow: none;
    transform: none;
}

.miwind-page-about .about-certificate-card img {
    width: 100%;
    max-width: none;
    max-height: none;
    aspect-ratio: 326 / 432;
    object-fit: contain;
}

.miwind-page-about .about-validation-section {
    border-top: 0;
    padding: 72px 0 80px;
    background: var(--about-design-bg);
}

.miwind-page-about .about-validation-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
}

.miwind-page-about .about-validation-card {
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 16px 38px rgba(20, 28, 40, .06);
}

.miwind-page-about .about-validation-card img {
    display: block;
    width: 100%;
    aspect-ratio: 426 / 243;
    height: auto;
    object-fit: cover;
}

.miwind-page-about .about-validation-card h3 {
    margin: 20px 24px 8px;
    color: #333333;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.miwind-page-about .about-validation-card p {
    margin: 0 24px 24px;
    color: #555555;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.62;
}

.miwind-page-about .about-factory-image-strip {
    display: flex;
    align-items: center;
    min-height: clamp(560px, 37.3vw, 716px);
    padding: 0;
    background: var(--about-factory-image) center / cover no-repeat;
}

.miwind-page-about .about-factory-content {
    display: block;
    color: #ffffff;
}

.miwind-page-about .about-factory-content h2 {
    max-width: 840px;
    margin: 0 0 38px;
    color: #ffffff;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.18;
}

.miwind-page-about .about-factory-content p {
    max-width: 860px;
    margin: 0 0 72px;
    color: rgba(255, 255, 255, .9);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.72;
}

.miwind-page-about .about-factory-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 260px));
    gap: 62px 110px;
    max-width: 1120px;
}

.miwind-page-about .about-factory-stat-grid strong {
    display: block;
    color: #dd6b00;
    font-size: 36px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-about .about-factory-stat-grid em {
    display: block;
    margin-top: 8px;
    color: #dd6b00;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
}

.miwind-page-about .about-journey-section {
    padding: 86px 0 92px;
    background: #ffffff;
}

.miwind-page-about .about-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 48px;
    align-items: start;
    margin-bottom: 78px;
}

.miwind-page-about .about-section-heading > div {
    display: block;
    min-width: 0;
    max-width: 900px;
    justify-self: start;
}

.miwind-page-about .about-section-heading h2 {
    max-width: none;
    margin: 0;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.12;
    text-transform: uppercase;
}

.miwind-page-about .about-section-heading p {
    width: auto;
    max-width: 760px;
    margin: 12px 0 0;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.45;
    justify-self: start;
    text-align: left;
}

.miwind-page-about .about-journey-controls {
    display: grid;
    grid-template-columns: 30px 30px;
    grid-auto-flow: column;
    gap: 44px;
    align-items: center;
    justify-content: flex-end;
    padding-top: 8px;
    white-space: nowrap;
    justify-self: end;
}

.miwind-page-about .about-journey-controls button {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 0;
    padding: 0;
    background: transparent;
    color: #333333;
    box-shadow: none;
}

.miwind-page-about .about-journey-controls button:disabled {
    opacity: .36;
}

.miwind-page-about .about-journey-viewport {
    overflow: hidden;
}

.miwind-page-about .about-journey-grid {
    --about-journey-gap: 104px;
    position: relative;
    display: flex;
    gap: var(--about-journey-gap);
    width: max-content;
    min-width: 100%;
    will-change: transform;
}

.miwind-page-about .about-journey-section:not([data-carousel-slots-ready="true"]) .about-journey-card:nth-child(n+5),
.miwind-page-about .about-journey-card[data-carousel-slot="hidden"],
.miwind-page-about .about-journey-card[hidden]:not([data-carousel-slot="buffer"]) {
    display: none;
}

.miwind-page-about .about-journey-card[data-carousel-slot="buffer"] {
    display: block;
}

.miwind-page-about .about-journey-grid::before {
    content: "";
    position: absolute;
    top: 61px;
    left: 0;
    right: 0;
    height: 1px;
    background: #bfbfbf;
    pointer-events: none;
}

.miwind-page-about .about-journey-card {
    position: relative;
    flex: 0 0 calc((min(var(--miwind-reference-wrap), calc(100vw - 84px)) - (var(--about-journey-gap) * 3)) / 4);
    min-width: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    padding: 0 0 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-about .about-journey-card strong {
    display: block;
    position: relative;
    margin: 0 0 84px;
    color: var(--accent);
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-about .about-journey-card strong::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -39px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--accent);
}

.miwind-page-about .about-journey-card h3 {
    min-height: 46px;
    margin: 0 0 36px;
    color: #333333;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.32;
}

.miwind-page-about .about-journey-card img {
    display: block;
    width: 100%;
    aspect-ratio: 303 / 190;
    border-radius: 14px;
    object-fit: cover;
}

.miwind-page-about .about-journey-noscript {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 64px;
}

.miwind-page-about .about-global-section {
    padding: 78px 0 42px;
    background: #ffffff;
}

.miwind-page-about .about-global-grid {
    display: grid;
    grid-template-columns: minmax(0, 560px) minmax(0, 774px);
    gap: clamp(64px, 10.5vw, 202px);
    align-items: start;
    justify-content: space-between;
    min-width: 0;
}

.miwind-page-about .about-global-copy h2 {
    margin: 34px 0 34px;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.36;
    letter-spacing: 0;
    text-transform: uppercase;
}

.miwind-page-about .about-global-copy p {
    max-width: 560px;
    margin: 0;
    color: #333333;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.58;
}

.miwind-page-about .about-global-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 34px 35px;
    justify-self: end;
    width: min(100%, 774px);
    min-width: 0;
}

.miwind-page-about .about-global-card {
    display: block;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 255 / 197;
    border: 0;
    border-radius: 12px;
    padding: 0;
    background: #ffffff;
}

.miwind-page-about .about-global-gallery .about-global-card img {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 12px;
    object-fit: cover;
}

.miwind-page-about .about-quality-section {
    padding: 64px 0 92px;
    background: #ffffff;
}

.miwind-page-about .about-quality-section .section-title-center {
    margin: 0 0 62px;
    font-size: 34px;
    line-height: 1.18;
    text-transform: uppercase;
}

.miwind-page-about .about-quality-process {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 30px;
    margin: 0 auto;
}

.miwind-page-about .about-quality-step {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 20px;
    min-height: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
}

.miwind-page-about .about-quality-step span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    background: transparent;
}

.miwind-page-about .about-quality-step img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: grayscale(1) brightness(.35);
}

.miwind-page-about .about-quality-step p {
    margin: 0;
    color: #333333;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.4;
}

.miwind-page-about .about-quality-support {
    display: grid;
    grid-template-columns: minmax(0, 340px) minmax(0, 560px);
    gap: 118px;
    align-items: start;
    margin-top: 88px;
}

.miwind-page-about .about-quality-support h3 {
    margin: 0 0 30px;
    color: #333333;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.miwind-page-about .about-performance-panel ul {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.miwind-page-about .about-performance-panel li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    color: #333333;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.35;
}

.miwind-page-about .about-performance-panel li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: grayscale(1) brightness(.25);
}

.miwind-page-about .about-standard-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 116px));
    gap: 22px;
}

.miwind-page-about .about-standard-grid span {
    display: grid;
    place-items: center;
    width: 116px;
    height: 68px;
    border: 1px solid #d8d8d8;
    background: #ffffff;
}

.miwind-page-about .about-standard-grid img {
    display: block;
    max-width: 86px;
    max-height: 52px;
    object-fit: contain;
}

.miwind-page-about .about-strength-section {
    border-top: 0;
    padding: 84px 0 76px;
    background: var(--about-design-bg);
}

.miwind-page-about .about-strength-section h2 {
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    max-width: var(--miwind-reference-wrap);
    margin: 0 auto 58px;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.18;
}

.miwind-page-about .core-strength-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 82px;
    margin: 0 auto;
}

.miwind-page-about .about-strength-card {
    display: grid;
    gap: 14px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.miwind-page-about .about-strength-icon {
    display: none;
}

.miwind-page-about .about-strength-card .kicker {
    display: block;
    color: var(--accent);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-about .about-strength-card h3 {
    margin: 0;
    color: #333333;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.35;
}

.miwind-page-about .about-strength-card p {
    margin: 0;
    color: #333333;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.78;
}

@media (max-width: 1180px) {
    .miwind-page-about .about-profile-split,
    .miwind-page-about .company-metric-row,
    .miwind-page-about .about-validation-grid,
    .miwind-page-about .core-strength-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miwind-page-about .about-global-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 42px;
    }

    .miwind-page-about .about-quality-process {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .miwind-page-about .about-quality-support {
        grid-template-columns: minmax(0, 1fr);
        gap: 48px;
    }

    .miwind-page-about .about-certificate-card {
        flex-basis: calc((100% - 32px) / 2);
    }

    .miwind-page-about .about-support-grid,
    .miwind-page-about .company-metric-row {
        gap: 56px;
    }

    .miwind-page-about .about-profile-split,
    .miwind-page-about .about-global-grid {
        column-gap: 48px;
        row-gap: 42px;
    }

    .miwind-page-about .about-global-gallery {
        justify-self: stretch;
        width: 100%;
        gap: 20px;
    }

    .miwind-page-about .about-journey-grid {
        --about-journey-gap: 34px;
    }

    .miwind-page-about .about-journey-card {
        flex-basis: calc((100vw - 84px - var(--about-journey-gap)) / 2);
    }

    .miwind-page-about .about-factory-image-strip {
        min-height: 560px;
        padding: 72px 0;
        background-position: center;
    }

    .miwind-page-about .about-factory-content p {
        margin-bottom: 52px;
    }

    .miwind-page-about .about-factory-stat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 42px 48px;
        max-width: 900px;
    }
}

@media (min-width: 1181px) {
    .miwind-page-about .about-global-grid {
        grid-template-columns: minmax(0, 560px) minmax(0, 774px);
        gap: clamp(64px, 10.5vw, 202px);
        width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
        max-width: var(--miwind-reference-wrap);
    }
}

@media (max-width: 760px) {
    .miwind-page-about :where(.about-profile-split, .about-global-section > .wrap, .about-validation-section > .wrap, .about-certificate-stage, .about-factory-content, .about-journey-section > .wrap, .about-quality-section > .wrap, .core-strength-grid) {
        width: min(100% - 32px, var(--miwind-reference-wrap));
    }

    .miwind-page-about .about-hero.unified-page-hero,
    .miwind-page-about .about-hero-copy {
        min-height: 280px;
    }

    .miwind-page-about .about-profile-split,
    .miwind-page-about .about-global-grid,
    .miwind-page-about .company-metric-row,
    .miwind-page-about .about-validation-grid,
    .miwind-page-about .about-quality-process,
    .miwind-page-about .core-strength-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-about .about-section-heading {
        gap: 18px;
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 44px;
    }

    .miwind-page-about .about-section-heading p {
        text-align: left;
    }

    .miwind-page-about .about-factory-image-strip {
        min-height: 0;
        padding: 56px 0;
        background-position: center;
    }

    .miwind-page-about .about-factory-content h2 {
        max-width: 100%;
        margin-bottom: 22px;
        font-size: 28px;
        line-height: 1.2;
    }

    .miwind-page-about .about-factory-content p {
        max-width: 100%;
        margin-bottom: 38px;
        font-size: 15px;
        line-height: 1.62;
    }

    .miwind-page-about .about-factory-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 20px;
    }

    .miwind-page-about .about-factory-stat-grid strong {
        font-size: clamp(24px, 7vw, 30px);
        white-space: normal;
    }

    .miwind-page-about .about-factory-stat-grid em {
        font-size: 14px;
    }

    .miwind-page-about .about-support-block {
        margin-top: 58px;
    }

    .miwind-page-about .about-support-block h2 {
        margin-bottom: 28px;
        font-size: 20px;
    }

    .miwind-page-about .about-support-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
    }

    .miwind-page-about .about-support-card {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 16px;
    }

    .miwind-page-about .about-support-card p {
        font-size: 16px;
    }

    .miwind-page-about .about-profile-copy h2,
    .miwind-page-about .about-global-copy h2,
    .miwind-page-about .about-quality-section .section-title-center {
        font-size: 28px;
    }

    .miwind-page-about .about-global-copy h2 {
        margin-top: 0;
    }

    .miwind-page-about .about-global-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .miwind-page-about .about-global-card {
        aspect-ratio: 255 / 197;
    }

    .miwind-page-about .about-quality-support {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
        margin-top: 54px;
    }

    .miwind-page-about .about-standard-grid {
        grid-template-columns: repeat(2, minmax(0, 116px));
    }

    .miwind-page-about .company-metric-row {
        gap: 34px;
        margin-top: 64px;
    }

    .miwind-page-about .about-metric-card {
        padding-top: 28px;
    }

    .miwind-page-about .about-metric-card strong {
        font-size: 42px;
    }

    .miwind-page-about .about-metric-card > span:last-child {
        font-size: 16px;
    }

    .miwind-page-about .about-journey-controls {
        display: grid;
        grid-template-columns: 30px 30px;
        grid-auto-flow: column;
        justify-content: flex-start;
        gap: 24px;
        padding-top: 0;
        white-space: nowrap;
    }

    .miwind-page-about .about-certificate-stage {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .miwind-page-about .about-certificate-control {
        display: none;
    }

    .miwind-page-about .about-certificate-card {
        flex-basis: 78%;
    }

    .miwind-page-about .about-journey-grid {
        --about-journey-gap: 24px;
    }

    .miwind-page-about .about-journey-card {
        flex-basis: min(82vw, 360px);
    }

    .miwind-page-about .about-journey-card strong {
        margin-bottom: 54px;
        font-size: 16px;
    }

    .miwind-page-about .about-journey-card strong::after {
        bottom: -26px;
    }

    .miwind-page-about .about-journey-grid::before {
        top: 24px;
    }

    .miwind-page-about .about-journey-card h3 {
        margin-bottom: 24px;
        font-size: 16px;
    }
}

/* Capability page. */
.miwind-page-capability :where(
    .capability-market-section,
    .capability-partner-logo-section,
    .capability-industry-section,
    .capability-experience-section,
    .capability-rnd-section,
    .capability-quality-section,
    .capability-partner-section
) {
    padding-top: 84px;
    padding-bottom: 84px;
}

.miwind-page-capability :where(
    .capability-market-section,
    .capability-partner-logo-section,
    .capability-industry-section,
    .capability-experience-section,
    .capability-rnd-section,
    .capability-quality-section,
    .capability-partner-section
) > .wrap {
    width: min(var(--wrap), calc(100vw - 84px));
    max-width: var(--wrap);
}

.miwind-page-capability :where(.section-title-center) {
    display: block;
    width: 100%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: 0;
    text-align: center;
}

.miwind-page-capability :where(.section-copy-center) {
    width: min(760px, 100%);
    max-width: none;
    margin: 14px auto 0;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.62;
    text-align: center;
}

.miwind-page-capability .market-footprint-card {
    display: grid;
    grid-template-columns: minmax(0, 738px) minmax(410px, 1fr);
    align-items: center;
    gap: clamp(42px, 5vw, 78px);
    margin: 48px auto 0;
    border: 0;
    border-radius: 22px;
    padding: 42px clamp(44px, 5vw, 70px);
    background: #f1f1f1;
    box-shadow: none;
}

.miwind-page-capability .market-map-figure {
    margin: 0;
}

.miwind-page-capability .market-map-figure img {
    width: min(100%, 738px);
    height: auto;
    aspect-ratio: 738 / 236;
    object-fit: contain;
    opacity: .74;
}

.miwind-page-capability .market-metrics {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.miwind-page-capability .market-metric-row {
    position: relative;
    display: flex;
    align-items: center;
    gap: 28px;
    min-height: 70px;
    margin: 0;
    border-bottom: 1px solid #d8d8d8;
    padding-left: 31px;
}

.miwind-page-capability .market-metric-row::before,
.miwind-page-capability .market-note span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 15px;
    background: url("../capability-market-bullet.png") center / contain no-repeat;
    transform: translateY(-50%);
}

.miwind-page-capability .market-metric-row strong {
    flex: 0 0 auto;
    min-width: 136px;
    color: #e87500;
    font-size: 46px;
    font-weight: 800;
    line-height: 1;
}

.miwind-page-capability .market-metric-row span {
    min-width: 0;
    color: #555555;
    font-size: 22px;
    line-height: 1.35;
}

.miwind-page-capability .market-segment-list {
    display: grid;
    gap: 12px;
}

.miwind-page-capability .market-note {
    position: relative;
    display: grid;
    gap: 14px;
    margin: 23px 0 0;
    padding-left: 31px;
    color: #555555;
    font-size: 22px;
    line-height: 1.55;
}

.miwind-page-capability .market-note span {
    position: relative;
    color: #e87500;
    font-weight: 800;
}

.miwind-page-capability .market-note span::before {
    left: -31px;
}

.miwind-page-capability .market-note em {
    color: #555555;
    font-style: normal;
    line-height: 1.45;
}

.miwind-page-capability .partner-logo-wall {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 34px 62px;
    align-items: center;
    margin: 52px auto 0;
}

.miwind-page-capability .partner-logo-wall span {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 88px;
}

.miwind-page-capability .partner-logo-wall img {
    width: auto;
    max-width: min(100%, 188px);
    max-height: 78px;
    object-fit: contain;
}

.miwind-page-capability .partner-logo-wall em {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
}

.miwind-page-capability .industry-application-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 24px;
    margin: 46px auto 0;
}

.miwind-page-capability .industry-application-item {
    display: grid;
    gap: 14px;
    text-align: center;
}

.miwind-page-capability .industry-application-image {
    width: 100%;
    aspect-ratio: 178 / 285;
    border-radius: 6px;
    object-fit: cover;
}

.miwind-page-capability .industry-application-item strong {
    min-height: 40px;
    color: #555555;
    font-size: 15px;
    line-height: 1.36;
}

.miwind-page-capability .experience-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    width: min(1360px, 100%);
    margin: 50px auto 34px;
}

.miwind-page-capability .experience-tabs button {
    appearance: none;
    display: grid;
    place-items: center;
    min-height: 54px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: #eeeeee;
    color: #555555;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.22;
    text-align: center;
    white-space: nowrap;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

.miwind-page-capability .experience-tabs button.active {
    border-color: #e87500;
    background: #e87500;
    color: #ffffff;
    font-weight: 800;
}

.miwind-page-capability .experience-panel-stack {
    margin-top: 0;
}

.miwind-page-capability .experience-card[hidden] {
    display: none;
}

.miwind-page-capability .experience-card {
    display: grid;
    grid-template-columns: minmax(0, 770px) minmax(0, 1fr);
    align-items: center;
    gap: 76px;
    margin: 0 auto;
    border: 0;
    border-radius: 32px;
    padding: 28px 76px 28px 28px;
    background: #f1f1f1;
    box-shadow: none;
}

.miwind-page-capability .experience-card > img {
    width: 100%;
    aspect-ratio: 770 / 414;
    border-radius: 24px;
    object-fit: cover;
}

.miwind-page-capability .experience-copy {
    min-width: 0;
    padding-top: 4px;
}

.miwind-page-capability .experience-copy h3 {
    margin: 0 0 22px;
    color: #333333;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.24;
}

.miwind-page-capability .experience-copy p {
    max-width: 520px;
    margin: 0 0 44px;
    color: #555555;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.62;
}

.miwind-page-capability .capability-experience-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 70px;
}

.miwind-page-capability .capability-experience-proof span {
    position: relative;
    padding-left: 32px;
    color: #555555;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35;
}

.miwind-page-capability .capability-experience-proof span::before {
    content: "";
    position: absolute;
    left: 0;
    top: .1em;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #4bb543;
}

.miwind-page-capability .capability-experience-proof span::after {
    content: "";
    position: absolute;
    left: 7px;
    top: calc(.1em + 6px);
    width: 8px;
    height: 4px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg);
}

.miwind-page-capability .capability-rnd-section {
    padding-top: 104px;
    padding-bottom: 112px;
    background: #ffffff;
}

.miwind-page-capability .rnd-capability-layout {
    display: grid;
    grid-template-columns: minmax(0, 704px) minmax(0, 604px);
    gap: 150px;
    align-items: start;
    width: min(var(--wrap), calc(100vw - 84px));
    max-width: var(--wrap);
    margin: 0 auto;
}

.miwind-page-capability .rnd-copy-column {
    display: grid;
    align-content: start;
    gap: 29px;
    min-width: 0;
}

.miwind-page-capability .rnd-copy-column .capability-rnd-head {
    margin: 0;
    padding: 0;
}

.miwind-page-capability .capability-rnd-head h2 {
    margin-top: 0;
    margin-bottom: 14px;
}

.miwind-page-capability .rnd-copy-column .capability-rnd-head h2 {
    margin-right: auto;
    margin-left: 0;
    color: #333333;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.16;
    text-align: left;
}

.miwind-page-capability .rnd-copy-column .capability-rnd-head p {
    width: 548px;
    max-width: 100%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: 0;
    color: #666666;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.62;
    text-align: left;
}

.miwind-page-capability .rnd-capability-image {
    display: block;
    width: 704px;
    max-width: 100%;
    aspect-ratio: 704 / 469;
    height: auto;
    min-height: 0;
    border-radius: 0;
    object-fit: cover;
}

.miwind-page-capability .rnd-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 263px);
    gap: 70px 78px;
    justify-content: start;
    align-content: start;
    padding-top: 0;
}

.miwind-page-capability .rnd-capability-card {
    display: grid;
    align-content: center;
    justify-items: center;
    width: 263px;
    min-height: 263px;
    border: 1px solid #e2e2e2;
    border-radius: 34px;
    padding: 48px 26px 36px;
    background: #ffffff;
    box-shadow: 13px 18px 30px rgba(0, 0, 0, .09);
}

.miwind-page-capability .rnd-capability-card i {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 30px;
}

.miwind-page-capability .rnd-capability-card i img,
.miwind-page-capability .rnd-capability-card img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.miwind-page-capability .rnd-capability-card span {
    max-width: 198px;
    color: #333333;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.45;
    text-align: center;
    text-transform: lowercase;
}

.miwind-page-capability .capability-quality-section {
    padding-top: 74px;
    padding-bottom: 92px;
    background: #ffffff;
}

.miwind-page-capability .capability-quality-section .section-title-center,
.miwind-page-capability .capability-partner-section .section-title-center {
    font-size: 36px;
    line-height: 1.16;
    text-align: center;
}

.miwind-page-capability .capability-quality-section .section-copy-center,
.miwind-page-capability .capability-partner-section > .wrap > .section-copy-center {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.58;
    text-align: center;
}

.miwind-page-capability .quality-process-line {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    width: min(1336px, 100%);
    margin: 68px auto 0;
    padding: 0 0 86px;
    background: transparent;
}

.miwind-page-capability .quality-process-line::before {
    content: "";
    position: absolute;
    top: 120px;
    left: 7.6%;
    right: 7.6%;
    height: 0;
    border-top: 1px dashed rgba(232, 117, 0, .36);
    opacity: 1;
}

.miwind-page-capability .quality-process-step {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 35px;
    padding: 0 20px;
    background: transparent;
    box-shadow: none;
}

.miwind-page-capability .quality-process-step .kicker {
    display: grid;
    place-items: center;
    width: 100px;
    height: 100px;
    border: 2px solid #e87500;
    border-radius: 50%;
    background: #ffffff;
}

.miwind-page-capability .quality-process-step::after {
    content: "";
    position: absolute;
    top: 112px;
    left: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid #e87500;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: inset 0 0 0 4px #ffffff, 0 0 0 1px rgba(232, 117, 0, .12);
    transform: translateX(-50%);
}

.miwind-page-capability .quality-process-step img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.miwind-page-capability .quality-process-step p {
    margin: 0;
    color: #333333;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
    text-transform: lowercase;
    white-space: nowrap;
}

.miwind-page-capability .certification-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 74px;
    width: min(var(--wrap), calc(100vw - 84px));
    max-width: var(--wrap);
    margin: 36px auto 0;
}

.miwind-page-capability .capability-certification-card {
    position: relative;
    min-height: 218px;
    border: 1px solid #e87500;
    border-radius: 30px;
    padding: 72px 50px 34px;
    background: #ffffff;
    box-shadow: none;
}

.miwind-page-capability .capability-certification-card h3 {
    position: absolute;
    top: -28px;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    max-width: calc(100% - 142px);
    min-height: 48px;
    margin: 0;
    padding: 0 18px;
    background: #ffffff;
    color: #333333;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    transform: translateX(-50%);
}

.miwind-page-capability .capability-certification-card p {
    display: none;
}

.miwind-page-capability .certification-mark-list--logos {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: 32px;
    min-height: 82px;
}

.miwind-page-capability .certification-mark-list--logos span {
    display: grid;
    place-items: center;
    min-height: 82px;
}

.miwind-page-capability .certification-mark-list--logos img {
    max-width: 128px;
    max-height: 78px;
    object-fit: contain;
}

.miwind-page-capability .certification-mark-list--logos em {
    display: none;
}

.miwind-page-capability .certification-mark-list--warranty {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
    gap: 36px;
    min-height: 82px;
}

.miwind-page-capability .certification-warranty-item {
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 8px;
    min-height: 82px;
}

.miwind-page-capability .certification-warranty-item--years {
    grid-template-rows: auto auto;
}

.miwind-page-capability .certification-warranty-copy {
    display: grid;
    justify-items: center;
    gap: 8px;
}

.miwind-page-capability .certification-warranty-count {
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: 13px;
    min-height: 44px;
    white-space: nowrap;
}

.miwind-page-capability .certification-mark-list--warranty strong {
    color: #e87500;
    font-size: 55px;
    font-weight: 800;
    line-height: .9;
}

.miwind-page-capability .certification-warranty-count b {
    color: #333333;
    font-size: 29px;
    font-weight: 300;
    line-height: 1;
}

.miwind-page-capability .certification-mark-list--warranty em {
    max-width: 190px;
    color: #333333;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.22;
    text-align: center;
    text-transform: lowercase;
}

.miwind-page-capability .certification-warranty-item--years > img {
    display: none;
}

.miwind-page-capability .certification-warranty-item--support img {
    width: 46px;
    height: 44px;
    margin: 0 0 8px;
    object-fit: contain;
}

.miwind-page-capability .capability-partner-section {
    padding-top: 46px;
    padding-bottom: 96px;
    background: #ffffff;
}

.miwind-page-capability .capability-partner-section > .wrap > .section-copy-center {
    display: block;
    width: min(760px, 100%);
}

.miwind-page-capability .capability-partner-grid {
    display: grid;
    grid-template-columns: 455px repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(293px, auto);
    gap: 26px 18px;
    width: min(var(--wrap), calc(100vw - 84px));
    max-width: var(--wrap);
    margin: 48px auto 0;
}

.miwind-page-capability .capability-partner-feature,
.miwind-page-capability .capability-partner-solution-card {
    position: relative;
    overflow: hidden;
    border: 0;
    border-radius: 24px;
    box-shadow: none;
}

.miwind-page-capability .capability-partner-feature {
    grid-row: span 2;
    min-height: 612px;
    padding: 0;
}

.miwind-page-capability .capability-partner-feature .capability-partner-image {
    position: static;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

.miwind-page-capability .capability-partner-solution-card {
    display: grid;
    align-content: start;
    padding: 56px 44px 34px;
    background-color: #f1f2f4;
}

.miwind-page-capability .capability-partner-solution-card .capability-partner-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    opacity: .78;
}

.miwind-page-capability .capability-partner-solution-card > :not(.capability-partner-image) {
    position: relative;
    z-index: 1;
}

.miwind-page-capability .capability-partner-solution-card h3 {
    display: block;
    margin: 0 0 12px;
    padding: 0;
    color: #333333;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.miwind-page-capability .capability-partner-solution-card h3.capability-partner-solution-title--with-icon {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
}

.miwind-page-capability .capability-partner-solution-card h3 img {
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    object-fit: contain;
}

.miwind-page-capability .capability-partner-solution-card h3 span {
    display: block;
    align-self: center;
    min-width: 0;
}

.miwind-page-capability .capability-partner-solution-card p {
    max-width: 370px;
    margin: 0 0 20px;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.35;
}

.miwind-page-capability .capability-partner-solution-card ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.miwind-page-capability .capability-partner-solution-card li {
    position: relative;
    padding-left: 28px;
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.42;
}

.miwind-page-capability .capability-partner-solution-card li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .25em;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e87500;
}

.miwind-page-capability .capability-partner-solution-card li::after {
    content: "";
    position: absolute;
    left: 5px;
    top: calc(.25em + 5px);
    width: 6px;
    height: 3px;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: rotate(-45deg);
}

@media (max-width: 1180px) {
    .miwind-page-capability .market-footprint-card,
    .miwind-page-capability .experience-card,
    .miwind-page-capability .rnd-capability-layout,
    .miwind-page-capability .certification-card,
    .miwind-page-capability .capability-partner-grid {
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: auto;
        width: min(100% - 42px, var(--wrap));
    }

    .miwind-page-capability .rnd-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .miwind-page-capability .rnd-capability-card {
        width: 100%;
    }

    .miwind-page-capability .capability-partner-feature {
        grid-row: auto;
        min-height: 420px;
    }

    .miwind-page-capability .capability-partner-solution-card {
        min-height: 260px;
    }
}

@media (max-width: 760px) {
    .miwind-page-capability :where(.section-title-center, .capability-rnd-head h2) {
        font-size: 28px;
    }

    .miwind-page-capability :where(
        .capability-market-section,
        .capability-partner-logo-section,
        .capability-industry-section,
        .capability-experience-section,
        .capability-rnd-section,
        .capability-quality-section,
        .capability-partner-section
    ) {
        padding-top: 52px;
        padding-bottom: 58px;
    }

    .miwind-page-capability .rnd-copy-column .capability-rnd-head h2,
    .miwind-page-capability .rnd-copy-column .capability-rnd-head p {
        text-align: center;
        margin-left: auto;
    }

    .miwind-page-capability .market-footprint-card,
    .miwind-page-capability .experience-card {
        gap: 20px;
        padding: 22px;
    }

    .miwind-page-capability .market-metric-row {
        gap: 14px;
        min-height: 54px;
        padding-left: 25px;
    }

    .miwind-page-capability .market-metric-row strong {
        min-width: 92px;
        font-size: 30px;
    }

    .miwind-page-capability .market-metric-row span {
        font-size: 14px;
    }

    .miwind-page-capability .market-note {
        gap: 8px;
        padding-left: 25px;
        font-size: 14px;
    }

    .miwind-page-capability .market-note span::before {
        left: -25px;
    }

    .miwind-page-capability .partner-logo-wall,
    .miwind-page-capability .industry-application-grid,
    .miwind-page-capability .experience-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .miwind-page-capability .partner-logo-wall img {
        max-width: 100%;
    }

    .miwind-page-capability .experience-tabs button,
    .miwind-page-capability .quality-process-step p {
        white-space: normal;
    }

    .miwind-page-capability .capability-experience-proof,
    .miwind-page-capability .rnd-card-grid,
    .miwind-page-capability .quality-process-line,
    .miwind-page-capability .certification-mark-list--logos,
    .miwind-page-capability .certification-mark-list--warranty {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-capability .quality-process-line::before,
    .miwind-page-capability .quality-process-step::after {
        content: none;
    }

    .miwind-page-capability .capability-certification-card {
        min-height: 0;
        padding: 48px 22px 28px;
    }

    .miwind-page-capability .capability-certification-card h3 {
        max-width: calc(100% - 44px);
        font-size: 16px;
        line-height: 1.15;
    }

    .miwind-page-capability .capability-partner-solution-card {
        padding: 36px 24px;
    }

    .miwind-page-capability .capability-partner-solution-card p,
    .miwind-page-capability .capability-partner-solution-card ul {
        margin-left: 0;
    }
}

body.miwind-page {
    font-size: var(--miwind-font-size-body);
    line-height: var(--miwind-line-body);
}

body.miwind-page main :is(
    .page-hero,
    .unified-page-hero,
    .company-hero,
    .series-hero,
    .solution-index-hero,
    .case-index-hero,
    .case-detail-hero,
    .certificate-index-hero,
    .certificate-detail-hero,
    .page-wide-hero,
    .faq-detail-hero,
    .detail-banner
) h1,
.miwind-page-product-index .product-index-hero h1,
.miwind-page-product-series .series-hero h1,
.miwind-page-case-index .case-index-hero h1,
.miwind-page-case-detail .case-detail-copy h1,
.miwind-page-certificate-detail .certificate-detail-copy h1,
.miwind-page-search .search-hero h1 {
    font-size: var(--miwind-font-size-h1);
    line-height: var(--miwind-line-heading);
}

body.miwind-page main :is(
    .section-head h2,
    .section-title-center,
    .case-heading h2,
    .about-copy h2,
    .strength-copy h2,
    .buyers-heading h2,
    .product-archive-title,
    .contact-title,
    .plain-page h1
),
.miwind-page-home main .global-head h2 {
    font-size: var(--miwind-font-size-h2);
    line-height: 1.2;
}

body.miwind-page main :is(
    .product-card h2,
    .solution-card h2,
    .resource-card h2,
    .page-builder-card h3,
    .case-index-card h3,
    .case-related-card h3,
    .about-strength-card h3,
    .capability-partner-solution-card h3,
    .filter-group h2,
    .quick-help-card h2
),
.miwind-page-home main .global-case-copy h3 {
    font-size: var(--miwind-font-size-card-title);
    line-height: 1.28;
}

body.miwind-page main h3 {
    font-size: var(--miwind-font-size-h3);
    line-height: 1.3;
}

body.miwind-page main h4 {
    font-size: var(--miwind-font-size-h4);
    line-height: 1.34;
}

body.miwind-page main h5 {
    font-size: var(--miwind-font-size-h5);
    line-height: 1.42;
}

body.miwind-page main :is(p, li) {
    font-size: var(--miwind-font-size-body);
    line-height: var(--miwind-line-body);
}

.miwind-page-home main .global-head p {
    color: #ffffff;
}

body.miwind-page main :is(
    .unified-page-hero p,
    .page-hero p,
    .product-index-hero p,
    .series-hero p,
    .case-index-hero p,
    .certificate-detail-copy p,
    .page-wide-hero p
) {
    font-size: var(--miwind-font-size-hero-body);
    line-height: 1.55;
}

body.miwind-page main :is(
    .product-card p,
    .solution-card p,
    .resource-card p,
    .page-builder-card p,
    .case-index-card p,
    .case-related-card p
) {
    font-size: var(--miwind-font-size-card-text);
    line-height: 1.5;
}

body.miwind-page main :is(p, li) :is(strong, b) {
    font-size: inherit;
    line-height: inherit;
}

.miwind-page-product-index main .solution-section .section-head h2 {
    font-size: 28px;
    line-height: 1.16;
}

.miwind-page-product-index main .solution-section .solution-card h2 {
    font-size: 21px;
    line-height: 1.18;
}

.miwind-page-product-index main .solution-section .solution-card p {
    font-size: 15px;
    line-height: 1.45;
}

body.miwind-page main .product-support-resources--compact .dark-product-cta h2 {
    color: #ffffff;
    font-size: 24px;
    line-height: 1.18;
}

body.miwind-page main .product-support-resources--compact .dark-product-cta p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.45;
}

@media (max-width: 1180px) {
    :root {
        --miwind-font-size-body: 14px;
        --miwind-font-size-small: 12px;
        --miwind-font-size-h1: 32px;
        --miwind-font-size-h2: 27px;
        --miwind-font-size-h3: 20px;
        --miwind-font-size-h4: 17px;
        --miwind-font-size-h5: 14px;
        --miwind-font-size-card-title: 17px;
        --miwind-font-size-card-text: 13px;
        --miwind-font-size-hero-body: 13px;
    }
}

@media (max-width: 640px) {
    :root {
        --miwind-font-size-body: 14px;
        --miwind-font-size-small: 12px;
        --miwind-font-size-h1: 28px;
        --miwind-font-size-h2: 24px;
        --miwind-font-size-h3: 18px;
        --miwind-font-size-h4: 16px;
        --miwind-font-size-h5: 14px;
        --miwind-font-size-card-title: 16px;
        --miwind-font-size-card-text: 13px;
        --miwind-font-size-hero-body: 13px;
    }

    body.miwind-page .wrap,
    body.miwind-page main :where(.unified-page-hero-inner) {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-home .site-hero__inner,
    .miwind-page-home .site-hero[data-hero-variant="split-copy-left"] .site-hero__inner,
    .miwind-page-home .site-hero[data-hero-variant="split-copy-right"] .site-hero__inner,
    .miwind-page-home .site-hero[data-hero-variant="media-focus"] .site-hero__inner {
        width: min(100% - 28px, var(--miwind-reference-wrap));
        padding-top: 92px;
        padding-bottom: 36px;
    }

    .miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__media img {
        object-position: 62% center;
    }

    .miwind-page-home .hero-copy p {
        max-width: 96%;
    }

    .miwind-page-home .home-products > .wrap,
    .miwind-page-home .case-heading.wrap,
    .miwind-page-home .about-grid.wrap,
    .miwind-page-home .strength-grid.wrap,
    .miwind-page-home .buyers-heading.wrap,
    .miwind-page-home .buyers-panel.wrap {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-home .home-products .section-head {
        margin-bottom: 28px;
        padding-bottom: 16px;
    }

    .miwind-page-home .home-product-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .miwind-page-home .home-product-card-media {
        padding: 8px 8px 4px;
    }

    .miwind-page-home .home-product-card img {
        width: 100%;
        max-width: 100%;
        max-height: clamp(236px, 62vw, 310px);
    }

    .miwind-page-home .home-product-card-copy {
        padding: 0 20px 24px;
    }

    .miwind-page-home .home-product-card p {
        min-height: 0;
        -webkit-line-clamp: 3;
    }

    .miwind-page-product-index .product-filter-shell,
    .miwind-page-product-index .product-archive-section > .wrap,
    .miwind-page-product-index .solution-section > .wrap,
    .product-support-resources--compact > .wrap,
    .miwind-page-page-wide .page-wide-main--quality-certificates .page-wide-hero-grid,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .page-wide-hero-grid,
    .miwind-page-page-wide .page-wide-main--partners .page-wide-hero-grid,
    .miwind-page-page-wide .page-wide-main--quality-certificates .page-builder-section > .wrap,
    .miwind-page-page-wide .page-wide-main--oem-odm-service .page-builder-section > .wrap,
    .miwind-page-page-wide .page-wide-main--partners .page-builder-section > .wrap,
    .miwind-page-news-detail .news-detail-shell,
    .miwind-page-certificate-index main .certificate-index-section > .wrap {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-product-index .series-tabs {
        gap: 8px;
    }

    .miwind-page-product-index .series-tabs a {
        min-width: 0;
        width: 100%;
    }

    .miwind-page-product-detail .technical-tab-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        min-height: 0;
        margin-bottom: 28px;
        background: transparent;
    }

    .miwind-page-product-detail .technical-tab-row button {
        min-height: 48px;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        background: #ffffff;
        font-size: 15px;
    }

    .miwind-page-product-detail .technical-tab-row button.active {
        border-color: rgba(221, 107, 0, .38);
    }

    .miwind-page-home .home-products,
    .miwind-page-home .about-band,
    .miwind-page-home .buyers,
    .miwind-page-home .global-section,
    .miwind-page-home .product-support-resources,
    .miwind-page-product-index main > .product-filter-section,
    .miwind-page-product-index main > .product-archive-section,
    .miwind-page-product-detail .detail-main,
    .miwind-page-product-detail .detail-technical-data-panel,
    .miwind-page-product-detail .detail-panel--applications,
    .miwind-page-product-detail .detail-support-panel,
    .miwind-page-product-detail .detail-related-solutions,
    .miwind-page-product-detail .detail-recommended-panel,
    .miwind-page-solution-index .solution-index-band,
    .miwind-page-solution-index .solution-section,
    .miwind-page-news .news-main-section,
    .miwind-page-news-detail .news-detail-main,
    .miwind-page-contact .contact-main-section,
    .miwind-page-about .about-company-section,
    .miwind-page-about .about-validation-section,
    .miwind-page-about .about-certificate-section,
    .miwind-page-about .about-journey-section,
    .miwind-page-about .about-global-section,
    .miwind-page-about .about-quality-section,
    .miwind-page-about .about-strength-section,
    .miwind-page-capability :where(.capability-market-section, .capability-partner-logo-section, .capability-industry-section, .capability-experience-section, .capability-rnd-section, .capability-quality-section, .capability-partner-section),
    .miwind-page-page-wide :where(.page-wide-body, .page-builder-section) {
        padding-top: 48px;
        padding-bottom: 54px;
    }

    .miwind-page-home .home-products {
        padding-top: 42px;
        padding-bottom: 38px;
    }

    .miwind-page-home .about-band {
        padding-top: 0;
        padding-bottom: 0;
    }

    .miwind-page-home .strength-grid.wrap {
        gap: 28px;
        padding-top: 44px;
        padding-bottom: 44px;
    }

    .miwind-page-home .strength-copy {
        min-height: 0;
    }

    .miwind-page-home .strength-copy h2 {
        margin-bottom: 24px;
    }

    .miwind-page-home .strength-copy article {
        margin-bottom: 18px;
    }

    .miwind-page-home .strength-copy p {
        font-size: 14px;
        line-height: 1.52;
    }

    .miwind-page-home .strength-mosaic {
        --strength-gap: 14px;
        max-width: none;
    }

    .miwind-page-home .strength-mosaic > span {
        border-radius: 14px;
    }

    .miwind-page-home .buyers {
        padding-top: 38px;
        padding-bottom: 44px;
    }

    .miwind-page-home .buyers-heading.wrap {
        gap: 18px;
    }

    body.miwind-page.miwind-page-home main .buyers-heading h2 {
        font-size: 30px;
        line-height: 1.16;
    }

    .miwind-page-home .buyer-copy {
        gap: 10px;
    }

    .miwind-page-home .buyer-copy p {
        grid-template-columns: 14px minmax(0, 1fr);
        gap: 10px;
        font-size: 15px;
        line-height: 1.44;
    }

    .miwind-page-home .buyer-copy svg {
        width: 13px;
        height: 13px;
        margin-top: 4px;
    }

    .miwind-page-home .buyers-panel.wrap {
        margin-top: 22px;
        border-radius: 14px;
    }

    .miwind-page-home .buyer-chip-grid {
        gap: 10px;
        padding: 14px;
    }

    .miwind-page-home .buyer-chip {
        min-height: 104px;
        border-radius: 14px;
    }

    .miwind-page-home .buyer-chip svg {
        width: 36px;
        height: 36px;
        padding: 8px;
    }

    .miwind-page-home .buyer-chip span {
        font-size: 12px;
        line-height: 1.3;
    }
}

.miwind-page-about .about-section-heading > .about-journey-controls[data-carousel-controls] {
    display: grid;
    grid-template-columns: 30px 30px;
    grid-auto-flow: column;
    gap: 44px;
    align-items: center;
    justify-content: end;
    justify-self: end;
    white-space: nowrap;
}

.page-wide-body,
.page-landing-body {
    padding: 44px 0 64px;
}

.page-wide-body + .page-builder-section,
.page-landing-body + .page-builder-section {
    padding-top: 0;
}

.page-wide-body-copy {
    max-width: 880px;
    color: #475569;
    font-size: 16px;
    line-height: 1.75;
}

@media (max-width: 640px) {
    .certificate-index-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .page-wide-body,
    .page-landing-body {
        padding: 30px 0 44px;
    }

    .page-wide-body-copy {
        font-size: 14px;
        line-height: 1.68;
    }
}

body.miwind-page-certificate-index main {
    background: #f3f4f2;
}

body.miwind-page-certificate-index main .certificate-index-hero {
    min-height: 286px;
    background:
        linear-gradient(90deg, rgba(245, 247, 247, .97) 0%, rgba(245, 247, 247, .88) 42%, rgba(245, 247, 247, .46) 100%),
        var(--miwind-certificate-hero, none) center 42% / cover no-repeat;
}

body.miwind-page-certificate-index main .certificate-index-hero-grid {
    padding-top: 126px;
    padding-bottom: 56px;
}

body.miwind-page-certificate-index main .certificate-index-hero-copy {
    max-width: 760px;
}

body.miwind-page-certificate-index main .certificate-index-hero-copy > span {
    display: inline-flex;
    margin-bottom: 10px;
    color: var(--accent);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

body.miwind-page-certificate-index main .certificate-index-hero h1 {
    max-width: 620px;
    font-size: 40px;
    line-height: 1.08;
}

body.miwind-page-certificate-index main .certificate-index-hero p {
    max-width: 640px;
    margin-top: 14px;
    color: #56606b;
    font-size: 15px;
    line-height: 1.7;
}

body.miwind-page-certificate-index main .certificate-index-section {
    padding-top: 62px;
    padding-bottom: 78px;
}

body.miwind-page-certificate-index main .certificate-index-section > .wrap {
    width: min(1280px, calc(100vw - 84px));
}

body.miwind-page-certificate-index main .certificate-index-toolbar {
    display: flex;
    gap: 28px;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 18px;
}

body.miwind-page-certificate-index main .certificate-index-heading {
    max-width: 700px;
}

body.miwind-page-certificate-index main .certificate-index-heading h2 {
    margin: 0;
    color: #2f3438;
    font-size: 26px;
    line-height: 1.18;
}

body.miwind-page-certificate-index main .certificate-index-heading p {
    max-width: 660px;
    margin: 10px 0 0;
    color: #66717b;
    font-size: 14px;
    line-height: 1.65;
}

body.miwind-page-certificate-index main .certificate-index-count {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border: 1px solid #d9dfdf;
    border-radius: 999px;
    padding: 0 14px;
    background: rgba(255, 255, 255, .72);
    color: #53606b;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

body.miwind-page-certificate-index main .certificate-index-filterbar {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

body.miwind-page-certificate-index main .certificate-index-filterbar--compact {
    margin-bottom: 22px;
}

body.miwind-page-certificate-index main .certificate-index-filterbar--count-only {
    justify-content: flex-end;
}

body.miwind-page-certificate-index main .certificate-index-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

body.miwind-page-certificate-index main .certificate-index-categories a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border: 1px solid #d8dfdf;
    border-radius: 999px;
    padding: 0 15px;
    background: #ffffff;
    color: #58636f;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(24, 34, 40, .035);
}

body.miwind-page-certificate-index main .certificate-index-categories a:hover,
body.miwind-page-certificate-index main .certificate-index-categories a.active {
    border-color: rgba(221, 107, 0, .35);
    background: #fff4e8;
    color: var(--accent);
}

body.miwind-page-certificate-index main .certificate-index-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

body.miwind-page-certificate-index main .certificate-index-card {
    gap: 14px;
    min-height: 0;
    border-color: #e1e5e4;
    border-radius: 8px;
    padding: 12px;
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(21, 31, 38, .045);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.miwind-page-certificate-index main .certificate-index-card:hover {
    border-color: rgba(221, 107, 0, .24);
    box-shadow: 0 18px 38px rgba(21, 31, 38, .075);
    transform: translateY(-2px);
}

body.miwind-page-certificate-index main .certificate-index-card-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 184px;
    border: 1px solid #ecefed;
    border-radius: 6px;
    padding: 16px;
    overflow: hidden;
    background: #f4f4f1;
}

body.miwind-page-certificate-index main .certificate-index-card img {
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 150px;
    border: 0;
    padding: 0;
    object-fit: contain;
    background: transparent;
    filter: none;
    opacity: 1;
    box-shadow: 0 8px 18px rgba(28, 35, 42, .08);
}

body.miwind-page-certificate-index main .certificate-index-card > div {
    padding: 0 2px 4px;
}

body.miwind-page-certificate-index main .certificate-index-card > div > span {
    display: inline-flex;
    align-items: center;
    color: #9a5b22;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

body.miwind-page-certificate-index main .certificate-index-card h3 {
    margin: 7px 0 0;
    color: #2f3438;
    font-size: 15px;
    line-height: 1.38;
}

body.miwind-page-certificate-index main .certificate-index-card h3 a:hover {
    color: var(--accent);
}

body.miwind-page-certificate-index main .certificate-index-card p {
    margin: 10px 0 0;
    color: #69727b;
    font-size: 12.5px;
    line-height: 1.55;
}

@media (max-width: 1180px) {
    body.miwind-page-certificate-index main .certificate-index-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    body.miwind-page-certificate-index main .certificate-index-hero-grid {
        padding-top: 84px;
        padding-bottom: 48px;
    }

    body.miwind-page-certificate-index main .certificate-index-toolbar {
        display: grid;
        align-items: start;
    }

    body.miwind-page-certificate-index main .certificate-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    body.miwind-page-certificate-index main .certificate-index-section > .wrap {
        width: min(100% - 36px, 1280px);
    }

    body.miwind-page-certificate-index main .certificate-index-hero h1 {
        font-size: 30px;
    }

    body.miwind-page-certificate-index main .certificate-index-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .miwind-page-home .site-hero[data-hero-variant="full-bleed-overlay"] .site-hero__media,
    .miwind-page-home .site-hero[data-hero-variant="centered-hero"] .site-hero__media {
        right: 50%;
        max-width: none;
    }

    .miwind-page-home .home-products .section-head a,
    .miwind-page-home .about-copy-head a,
    .miwind-page-home .strength-link,
    .miwind-page-home .case-card h3 a,
    .miwind-page-home .global-case-copy h3 a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.2;
    }

    .miwind-page-home .metric-grid strong {
        font-size: 34px;
        white-space: normal;
    }

    .miwind-page-product-index .filter-chip-list a {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.25;
    }

    .miwind-page-downloads .download-file-action {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .miwind-page-product-index .quick-help-card > a {
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .miwind-page-product-detail .technical-parameters-content {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .miwind-page-product-detail .technical-parameters-content table,
    .miwind-page-product-detail .technical-parameters-content .table {
        min-width: 820px;
    }

    .miwind-page-about .about-journey-controls {
        grid-template-columns: 44px 44px;
        gap: 14px;
        min-height: 44px;
    }

    .miwind-page-about .about-journey-controls button {
        width: 44px;
        height: 44px;
    }

    .miwind-page-about .about-section-heading > .about-journey-controls[data-carousel-controls] {
        grid-template-columns: 44px 44px;
        gap: 14px;
        width: auto;
        min-width: 0;
        min-height: 44px;
    }

    .miwind-page-about .about-section-heading > .about-journey-controls[data-carousel-controls] button {
        width: 44px;
        height: 44px;
    }

    .miwind-page-page-wide .page-builder-section--file_grid .page-builder-card-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .miwind-page-page-wide .page-builder-section--file_grid .page-builder-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        min-height: 0;
        padding: 20px;
    }

    .miwind-page-page-wide .page-builder-section--file_grid .page-builder-file-icon {
        grid-row: auto;
        width: 72px;
        height: 72px;
    }

    .miwind-page-page-wide .page-builder-section--file_grid .page-builder-card h3,
    .miwind-page-page-wide .page-builder-section--file_grid .page-builder-card p {
        width: 100%;
        min-width: 0;
    }

    .miwind-page-page-wide .page-builder-section--file_grid .page-builder-card h3 a,
    .miwind-page-page-wide .page-builder-section .section-head a,
    .miwind-page-page-wide .page-builder-text a,
    .miwind-page-page-wide .page-builder-card-action {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .miwind-page-page-wide .page-builder-section--file_grid .page-builder-card h3 a,
    .miwind-page-page-wide .page-builder-section .section-head a {
        width: 100%;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-file-icon {
        grid-row: auto;
        width: 72px;
        height: 72px;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-card h3,
    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) :is(#quality-documents, #support-documents, #partner-material-downloads) .page-builder-card p {
        width: 100%;
        min-width: 0;
    }

    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card h3 a,
    .miwind-page-page-wide :is(.page-wide-main--quality-certificates, .page-wide-main--oem-odm-service, .page-wide-main--partners) .page-builder-card-action {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .miwind-page-page-wide :is(#support-documents, #partner-material-downloads, #quality-documents) .page-builder-card h3 a {
        width: 100%;
    }

    .miwind-page-capability .miwind-visually-hidden {
        max-width: 1px;
    }

    .miwind-page-faq-index .faq-search-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        min-height: 44px;
    }

    .miwind-page-faq-index .faq-search-row input,
    .miwind-page-faq-index .faq-search-row button {
        min-height: 44px;
    }

    .miwind-page-faq-index .faq-search-row button {
        padding-right: 16px;
        padding-left: 16px;
    }

    .miwind-page-contact .social-icon-row {
        flex-wrap: wrap;
        gap: 10px;
    }

    .miwind-page-contact .social-icon-row a,
    .miwind-page-contact .social-icon-row span {
        min-width: 44px;
        min-height: 44px;
    }

    .miwind-page-news .news-category-card a,
    .miwind-page-news-detail .news-detail-back,
    .miwind-page-news-detail .news-detail-support-action .button {
        min-height: 44px;
    }

    .miwind-page-news .news-category-card a,
    .miwind-page-news-detail .news-detail-back,
    .miwind-page-news-detail .news-detail-support-action .button {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .miwind-page-faq-index .faq-category-nav a,
    .miwind-page-faq-index .faq-index-support a,
    .miwind-page-faq-detail .faq-detail-support a,
    .miwind-page-faq-index .faq-index-item h3 a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.25;
    }

    .miwind-page-faq-index .faq-index-item h3 a,
    .miwind-page-news .news-list h2 a,
    .miwind-page-news-detail .news-related-card h3 a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.25;
    }

    .miwind-page-faq-index .faq-category-nav,
    .miwind-page-faq-index .faq-index-support,
    .miwind-page-faq-detail .faq-detail-support {
        gap: 8px;
    }

    .miwind-floating-service__tip {
        min-width: min(210px, calc(100vw - 88px));
        max-width: calc(100vw - 88px);
        overflow-wrap: normal;
        word-break: normal;
    }

    .miwind-floating-service__tip a,
    .miwind-floating-service__tip span {
        display: inline-flex;
        align-items: center;
        width: 100%;
        min-height: 44px;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.miwind-page-certificate-index main .certificate-index-actions a,
    body.miwind-page-certificate-index main .certificate-index-categories a,
    body.miwind-page-certificate-index main .certificate-index-card h3 a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 1.25;
    }

    body.miwind-page-certificate-index main .certificate-index-card h3 a {
        width: 100%;
    }

    .miwind-page-solution-detail .product-advantage-list {
        justify-self: stretch;
        min-width: 0;
        overflow: visible;
    }

    .miwind-page-solution-detail .solution-advantage-item {
        width: 100%;
        min-width: 0;
        gap: 14px;
        align-items: start;
    }

    .miwind-page-solution-detail .solution-advantage-item > span {
        min-width: 0;
        overflow-wrap: anywhere;
        word-break: normal;
    }
}

/* Product archive mobile density overrides. Keep this block late so it wins over legacy mobile product rules. */
@media (max-width: 900px) {
    .miwind-page-product-index {
        --miwind-product-mobile-wrap: min(100% - 28px, var(--miwind-reference-wrap));
        --miwind-product-mobile-gap: 12px;
    }

    .miwind-page-product-index .product-index-hero.unified-page-hero,
    .miwind-page-product-index .product-index-hero {
        min-height: 440px;
        margin-top: 0;
        background-position: 58% center;
    }

    .miwind-page-product-index .product-index-hero::before {
        background: linear-gradient(180deg, rgba(9, 18, 31, .76) 0%, rgba(9, 18, 31, .62) 42%, rgba(9, 18, 31, .5) 100%);
    }

    .miwind-page-product-index .product-index-hero .page-hero-copy {
        width: var(--miwind-product-mobile-wrap);
        min-height: 440px;
        align-content: end;
        padding-top: 96px;
        padding-bottom: 24px;
    }

    .miwind-page-product-index .product-hero-text {
        max-width: 100%;
    }

    .miwind-page-product-index .product-index-hero h1 {
        max-width: 12em;
        margin-bottom: 10px;
        color: #ffffff;
        font-size: 30px;
        line-height: 1.12;
        text-shadow: 0 2px 18px rgba(0, 0, 0, .28);
    }

    .miwind-page-product-index .product-index-hero p {
        display: -webkit-box;
        max-width: 32em;
        overflow: hidden;
        color: rgba(255, 255, 255, .9);
        font-size: 13px;
        line-height: 1.45;
        text-shadow: 0 1px 12px rgba(0, 0, 0, .24);
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-product-index .product-index-hero .benefit-icon-row {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin-top: 18px;
    }

    .miwind-page-product-index .benefit-icon-row span {
        min-height: 58px;
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 8px;
        padding: 9px 8px;
        background: rgba(6, 15, 26, .34);
        color: transparent;
        font-size: 0;
        backdrop-filter: blur(6px);
    }

    .miwind-page-product-index .benefit-icon-row strong {
        color: #ffffff;
        font-size: 12px;
        line-height: 1.24;
    }

    .miwind-page-product-index .benefit-icon-row i {
        width: 24px;
        height: 24px;
        margin-bottom: 4px;
    }

    .miwind-page-product-index .benefit-icon-row img {
        width: 22px;
        height: 22px;
        filter: brightness(0) invert(1);
    }

    .miwind-page-product-index main > .product-filter-section {
        padding: 20px 0 12px;
    }

    .miwind-page-product-index .product-filter-shell {
        width: var(--miwind-product-mobile-wrap);
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .miwind-page-product-index .filter-panel {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
        min-height: 0;
        max-height: none;
        border-radius: 12px;
        padding: 16px 14px;
    }

    .miwind-page-product-index .filter-group + .filter-group {
        border-top: 1px solid #eeeeee;
        padding-top: 14px;
    }

    .miwind-page-product-index .filter-group h2,
    .miwind-page-product-index .quick-help-card h2 {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .miwind-page-product-index .filter-chip-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    .miwind-page-product-index .filter-chip-list a {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 34px;
        column-gap: 6px;
        border-radius: 7px;
        padding: 5px 8px;
        background: #f7f7f7;
        font-size: 12px;
        line-height: 1.2;
    }

    .miwind-page-product-index .filter-chip-list a span:first-child {
        overflow: hidden;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .miwind-page-product-index .filter-chip-list a.active {
        background: var(--accent);
        color: #ffffff;
    }

    .miwind-page-product-index .filter-count {
        font-size: 11px;
    }

    .miwind-page-product-index .filter-group--applications .filter-chip-list {
        max-height: 210px;
        padding-right: 4px;
    }

    .miwind-page-product-index .quick-help-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        min-height: 0;
        border-radius: 12px;
        padding: 16px;
    }

    .miwind-page-product-index .quick-help-card p {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 0;
        font-size: 12px;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-product-index .quick-help-card > button,
    .miwind-page-product-index .quick-help-card > a {
        min-height: 40px;
        margin-top: 0;
    }

    .miwind-page-product-index main > .product-archive-section {
        padding-top: 12px;
        padding-bottom: 36px;
    }

    .miwind-page-product-index .product-archive-section > .wrap,
    .miwind-page-product-index .solution-section > .wrap,
    .miwind-page-product-index .product-solution-showcase > .wrap,
    .product-support-resources--compact > .wrap {
        width: var(--miwind-product-mobile-wrap);
    }

    .miwind-page-product-index .product-series-tabs-shell {
        margin: 6px 0 18px;
        overflow: hidden;
    }

    .miwind-page-product-index .series-tabs {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        width: 100%;
        margin-bottom: 0;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 0 0 4px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .miwind-page-product-index .series-tabs::-webkit-scrollbar {
        display: none;
    }

    .miwind-page-product-index .series-tabs a {
        flex: 0 0 auto;
        width: auto;
        min-width: clamp(118px, 34vw, 188px);
        min-height: 44px;
        padding: 0 13px;
        scroll-snap-align: start;
        white-space: nowrap;
    }

    .miwind-page-product-index .product-archive-title {
        margin-bottom: 14px;
        font-size: 20px;
        line-height: 1.2;
    }

    .miwind-page-product-index .product-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--miwind-product-mobile-gap);
    }

    .miwind-page-product-index .product-card {
        border-radius: 10px;
        padding: 10px;
    }

    .miwind-page-product-index .product-card-media {
        width: calc(100% + 8px);
        height: clamp(112px, 30vw, 170px);
        aspect-ratio: auto;
        margin: -2px -4px 8px;
        overflow: hidden;
    }

    .miwind-page-product-index .product-card-media img {
        height: 100%;
        object-fit: contain;
    }

    .miwind-page-product-index .product-card h2 {
        display: block;
        min-height: 36px;
        margin-bottom: 7px;
        font-size: 13px;
        line-height: 1.25;
        text-align: left;
    }

    .miwind-page-product-index .product-card h2 a {
        display: -webkit-box;
        min-height: 32px;
        overflow: hidden;
        padding: 0;
        text-align: left;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-product-index .product-card p {
        display: none;
    }

    .miwind-page-product-index .product-card .spec-icon-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
        margin: 0;
    }

    .miwind-page-product-index .product-card .spec-icon-row span {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto;
        justify-items: start;
        min-width: 0;
        border-top: 1px solid #f0f0f0;
        padding-top: 5px;
        row-gap: 1px;
        text-align: left;
    }

    .miwind-page-product-index .product-card .spec-icon-row span:nth-child(n+3) {
        display: none;
    }

    .miwind-page-product-index .product-card .spec-item-icon {
        display: none;
    }

    .miwind-page-product-index .product-card .spec-item-value,
    .miwind-page-product-index .product-card .spec-item-label {
        display: -webkit-box;
        max-width: 100%;
        overflow: hidden;
        font-size: 11px;
        line-height: 1.22;
        text-align: left;
        overflow-wrap: anywhere;
        word-break: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-product-index .product-card .spec-item-value {
        color: #303840;
        font-weight: 700;
    }

    .miwind-page-product-index .product-load-more-shell {
        margin-top: 24px;
    }

    .miwind-page-product-index .product-load-more-button {
        min-height: 44px;
    }

    body.miwind-page main .product-solution-showcase {
        padding: 36px 0 42px;
        background: #f6f7f8;
    }

    body.miwind-page main .product-solution-showcase h2 {
        margin-bottom: 16px;
        font-size: 22px;
        line-height: 1.2;
    }

    body.miwind-page main .product-solution-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body.miwind-page main .product-solution-card {
        grid-template-rows: 112px auto;
        min-height: 206px;
        border-radius: 10px;
    }

    body.miwind-page main .product-solution-card-image {
        min-height: 112px;
    }

    body.miwind-page main .product-solution-card-copy {
        padding: 13px 12px 0;
    }

    body.miwind-page main .product-solution-card-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.2;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.miwind-page main .product-solution-card-copy p {
        display: none;
    }

    body.miwind-page main .product-solution-card-action {
        min-height: 42px;
        padding: 0 8px;
        font-size: 12px;
    }

    .miwind-page-product-index main > .resource-section,
    .miwind-page-product-index .product-support-resources--compact {
        padding-top: 34px;
        padding-bottom: 42px;
        background: #ffffff;
    }

    .product-support-resources--compact .resource-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .product-support-resources--compact .resource-card {
        grid-template-columns: 24px minmax(0, 1fr);
        column-gap: 9px;
        min-height: 116px;
        border-radius: 10px;
        padding: 12px 10px;
        background: #f5f6f7;
    }

    .product-support-resources--compact .resource-card.highlight {
        background: #ffe5c8;
    }

    .product-support-resources--compact .resource-card-icon,
    .product-support-resources--compact .resource-card-icon img {
        width: 24px;
        height: 24px;
    }

    .product-support-resources--compact .resource-card-copy {
        min-height: 92px;
    }

    .product-support-resources--compact .resource-card h2 {
        margin-bottom: 7px;
        font-size: 13px;
        line-height: 1.22;
    }

    .product-support-resources--compact .resource-card p {
        display: none;
    }

    .product-support-resources--compact .resource-card a,
    .product-support-resources--compact .resource-card button {
        min-height: 32px;
        font-size: 12px;
        line-height: 1.2;
    }

    .product-support-resources--compact .dark-product-cta {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin-top: 14px;
        border-radius: 10px;
        padding: 18px;
    }

    body.miwind-page main .product-support-resources--compact .dark-product-cta h2 {
        font-size: 18px;
        line-height: 1.22;
    }

    body.miwind-page main .product-support-resources--compact .dark-product-cta p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.38;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .product-support-resources--compact .dark-product-cta .button,
    .product-support-resources--compact .dark-product-cta > button,
    .product-support-resources--compact .dark-product-cta > a {
        min-height: 44px;
    }
}

@media (max-width: 640px) {
    .miwind-page-product-index .product-card-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .miwind-page-product-index .product-card {
        border-color: #e8e8e8;
        border-radius: 14px;
        padding: 16px;
    }

    .miwind-page-product-index .product-card-media {
        width: 100%;
        height: clamp(188px, 55vw, 228px);
        margin: 0 0 14px;
        overflow: hidden;
        border-radius: 10px;
        background: #f7f7f7;
    }

    .miwind-page-product-index .product-card-media img {
        width: 100%;
        height: 100%;
        padding: 10px;
        object-fit: contain;
    }

    .miwind-page-product-index .product-card h2 {
        min-height: 0;
        margin-bottom: 0;
        font-size: 20px;
        line-height: 1.18;
        text-align: left;
    }

    .miwind-page-product-index .product-card h2 a {
        min-height: 44px;
        padding: 0;
    }

    .miwind-page-product-index .product-card p,
    .miwind-page-product-index .product-card .spec-icon-row {
        display: none;
    }

    .miwind-footer {
        padding-top: 34px;
        padding-bottom: 86px;
    }

    .miwind-footer-head {
        margin-bottom: 22px;
    }

    .miwind-footer-grid {
        gap: 18px;
    }

    .miwind-footer h3 {
        margin-bottom: 8px;
    }
}

@media (max-width: 340px) {
    .miwind-page-product-index .product-card-grid,
    body.miwind-page main .product-solution-grid,
    .product-support-resources--compact .resource-card-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-index .filter-chip-list {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Applications mobile density: keep all entries accessible without a long single-column card feed. */
@media (max-width: 900px) {
    .miwind-page-applications .solution-index-hero {
        min-height: 320px;
    }

    .miwind-page-applications .solution-index-hero .wrap {
        min-height: 320px;
        padding-top: 96px;
        padding-bottom: 34px;
    }

    .miwind-page-applications .solution-index-band {
        padding-top: 32px;
        padding-bottom: 42px;
    }

    .miwind-page-applications .solution-index-layout {
        gap: 18px;
    }

    .miwind-page-applications .solution-index-aside {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        overflow: visible;
        border-radius: 10px;
        padding: 10px;
    }

    .miwind-page-applications .solution-index-aside span,
    .miwind-page-applications .solution-index-aside a {
        flex: 0 0 auto;
        min-height: 38px;
        border: 1px solid #e4e4e4;
        border-radius: 999px;
        padding: 0 14px;
        white-space: nowrap;
    }

    .miwind-page-applications .solution-index-aside span {
        display: none;
    }

    .miwind-page-applications .solution-index-aside a {
        justify-content: center;
        min-height: 38px;
        border-left-width: 1px;
        background: #f8f8f8;
        font-size: 13px;
    }

    .miwind-page-applications .solution-index-aside a[aria-current="page"] {
        border-color: rgba(221, 107, 0, .34);
        background: #fff1e4;
        color: var(--accent);
        font-weight: 700;
    }

    .miwind-page-applications .solution-index-heading {
        margin-bottom: 14px;
    }

    .miwind-page-applications .solution-index-heading h2 {
        font-size: 22px;
    }

    .miwind-page-applications .solution-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .miwind-page-applications .application-index-card {
        min-height: 0;
        border: 1px solid #e7e7e7;
        border-radius: 10px;
        background: #ffffff;
    }

    .miwind-page-applications .application-index-card > a,
    .miwind-page-applications .application-index-card > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        min-width: 0;
        min-height: 88px;
        overflow: hidden;
    }

    .miwind-page-applications .application-index-card img {
        display: none;
    }

    .miwind-page-applications .application-index-card div {
        min-width: 0;
        padding: 10px 11px;
    }

    .miwind-page-applications .application-index-card h3 {
        display: -webkit-box;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        margin: 0;
        color: #252b31;
        font-size: 13px;
        line-height: 1.24;
        overflow-wrap: anywhere;
        word-break: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-applications .application-index-card p,
    .miwind-page-applications .application-index-card ul,
    .miwind-page-applications .application-index-card span {
        display: none;
    }
}

@media (max-width: 340px) {
    .miwind-page-applications .solution-index-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Certificate archive mobile density. */
@media (max-width: 640px) {
    body.miwind-page-certificate-index main .certificate-index-hero {
        min-height: 286px;
    }

    body.miwind-page-certificate-index main .certificate-index-hero-grid {
        padding-top: 92px;
        padding-bottom: 34px;
    }

    body.miwind-page-certificate-index main .certificate-index-hero h1 {
        font-size: 28px;
        line-height: 1.12;
    }

    body.miwind-page-certificate-index main .certificate-index-hero p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.miwind-page-certificate-index main .certificate-index-section {
        padding-top: 30px;
        padding-bottom: 42px;
    }

    body.miwind-page-certificate-index main .certificate-index-section > .wrap {
        width: min(100% - 28px, 1280px);
    }

    body.miwind-page-certificate-index main .certificate-index-toolbar {
        gap: 10px;
        margin-bottom: 12px;
    }

    body.miwind-page-certificate-index main .certificate-index-heading h2 {
        font-size: 21px;
        line-height: 1.18;
    }

    body.miwind-page-certificate-index main .certificate-index-heading p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.miwind-page-certificate-index main .certificate-index-filterbar {
        display: grid;
        gap: 10px;
        margin-bottom: 14px;
    }

    body.miwind-page-certificate-index main .certificate-index-categories {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding-bottom: 4px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    body.miwind-page-certificate-index main .certificate-index-categories::-webkit-scrollbar {
        display: none;
    }

    body.miwind-page-certificate-index main .certificate-index-categories a {
        flex: 0 0 auto;
        min-height: 38px;
        padding: 0 13px;
        scroll-snap-align: start;
        white-space: nowrap;
    }

    body.miwind-page-certificate-index main .certificate-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.miwind-page-certificate-index main .certificate-index-card {
        gap: 9px;
        border-radius: 10px;
        padding: 9px;
    }

    body.miwind-page-certificate-index main .certificate-index-card-link {
        height: 124px;
        border-radius: 8px;
        padding: 10px;
    }

    body.miwind-page-certificate-index main .certificate-index-card img {
        max-width: 76%;
        max-height: 102px;
    }

    body.miwind-page-certificate-index main .certificate-index-card > div {
        padding: 0 1px 2px;
    }

    body.miwind-page-certificate-index main .certificate-index-card > div > span {
        font-size: 10px;
    }

    body.miwind-page-certificate-index main .certificate-index-card h3 {
        display: -webkit-box;
        min-height: 44px;
        overflow: hidden;
        margin-top: 5px;
        font-size: 12px;
        line-height: 1.25;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.miwind-page-certificate-index main .certificate-index-card h3 a {
        display: -webkit-box;
        min-height: 44px;
        overflow: hidden;
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    body.miwind-page-certificate-index main .certificate-index-card p {
        display: none;
    }
}

@media (max-width: 340px) {
    body.miwind-page-certificate-index main .certificate-index-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* About mobile density and visible page heading. */
@media (max-width: 640px) {
    .miwind-page-about .about-hero.unified-page-hero {
        position: relative;
        min-height: 300px;
        overflow: hidden;
        background-position: center top;
    }

    .miwind-page-about .about-hero.unified-page-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        display: block;
        background: linear-gradient(180deg, rgba(235, 246, 250, .68), rgba(235, 246, 250, .92));
    }

    .miwind-page-about .about-hero-copy {
        position: relative;
        z-index: 1;
        display: grid;
        min-height: 300px;
        align-content: end;
        justify-content: start;
        width: min(100% - 28px, var(--miwind-reference-wrap));
        padding-top: 96px;
        padding-bottom: 34px;
        text-align: left;
    }

    .miwind-page-about .about-hero-copy h1 {
        color: #24303a;
        font-size: 30px;
        font-weight: 800;
        line-height: 1.12;
    }

    .miwind-page-about .about-hero-copy .summary {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 10px;
        color: #40505e;
        font-size: 13px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-about :where(
        .about-profile-split,
        .about-global-section > .wrap,
        .about-validation-section > .wrap,
        .about-factory-content,
        .about-journey-section > .wrap,
        .about-quality-section > .wrap,
        .core-strength-grid
    ) {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-about .about-company-section,
    .miwind-page-about .about-validation-section,
    .miwind-page-about .about-global-section,
    .miwind-page-about .about-quality-section {
        padding-top: 34px;
        padding-bottom: 40px;
    }

    .miwind-page-about .about-profile-split {
        row-gap: 18px;
    }

    .miwind-page-about .about-profile-copy h2 {
        display: none;
    }

    .miwind-page-about .about-profile-copy p,
    .miwind-page-about .about-profile-copy p:first-of-type {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 1.52;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .miwind-page-about .about-profile-media {
        border-radius: 12px;
    }

    .miwind-page-about .about-profile-media img {
        max-height: 178px;
        object-fit: cover;
    }

    .miwind-page-about .about-support-block {
        margin-top: 22px;
    }

    .miwind-page-about .about-support-block h2 {
        margin-bottom: 12px;
        font-size: 14px;
    }

    .miwind-page-about .about-support-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .miwind-page-about .about-support-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        min-height: 112px;
        border: 1px solid #ececec;
        border-radius: 10px;
        padding: 12px;
        background: #ffffff;
    }

    .miwind-page-about .about-support-card span,
    .miwind-page-about .about-support-card img {
        width: 26px;
        height: 26px;
    }

    .miwind-page-about .about-support-card p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 11px;
        line-height: 1.34;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .miwind-page-about .company-metric-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 18px;
    }

    .miwind-page-about .about-metric-card {
        min-height: 96px;
        border: 1px solid #ececec;
        border-top: 2px solid var(--accent);
        border-radius: 10px;
        padding: 12px;
        gap: 8px;
        background: #ffffff;
    }

    .miwind-page-about .about-metric-icon,
    .miwind-page-about .about-metric-icon img {
        width: 22px;
        height: 22px;
    }

    .miwind-page-about .about-metric-card strong,
    .miwind-page-about .about-metric-number {
        font-size: 28px;
    }

    .miwind-page-about .about-metric-unit,
    .miwind-page-about .about-metric-card > span:last-child {
        font-size: 11px;
    }

    .miwind-page-about .about-validation-section .section-title-center,
    .miwind-page-about .about-quality-section .section-title-center {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 1.18;
    }

    .miwind-page-about .about-validation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .miwind-page-about .about-validation-card {
        border-radius: 10px;
    }

    .miwind-page-about .about-validation-card img {
        height: 88px;
        aspect-ratio: auto;
    }

    .miwind-page-about .about-validation-card h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 10px 10px 6px;
        font-size: 13px;
        line-height: 1.24;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-about .about-validation-card p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0 10px 12px;
        font-size: 11px;
        line-height: 1.32;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-about .about-factory-image-strip {
        min-height: 0;
        padding: 40px 0;
    }

    .miwind-page-about .about-factory-content h2 {
        margin-bottom: 12px;
        font-size: 22px;
        line-height: 1.18;
    }

    .miwind-page-about .about-factory-content p {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 22px;
        font-size: 13px;
        line-height: 1.45;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-about .about-factory-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 16px;
    }

    .miwind-page-about .about-factory-stat-grid strong {
        font-size: 24px;
    }

    .miwind-page-about .about-factory-stat-grid em {
        margin-top: 4px;
        font-size: 11px;
    }

    .miwind-page-about .about-journey-section {
        padding-top: 34px;
        padding-bottom: 38px;
    }

    .miwind-page-about .about-section-heading {
        gap: 10px;
        margin-bottom: 22px;
    }

    .miwind-page-about .about-section-heading h2 {
        font-size: 22px;
    }

    .miwind-page-about .about-section-heading p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-about .about-journey-controls {
        gap: 12px;
    }

    .miwind-page-about .about-journey-controls button {
        width: 44px;
        height: 44px;
    }

    .miwind-page-about .about-journey-card {
        flex-basis: min(72vw, 280px);
    }

    .miwind-page-about .about-journey-card strong {
        margin-bottom: 34px;
        font-size: 14px;
    }

    .miwind-page-about .about-journey-card strong::after {
        bottom: -18px;
    }

    .miwind-page-about .about-journey-card h3 {
        min-height: 0;
        margin-bottom: 12px;
        font-size: 14px;
        line-height: 1.25;
    }

    .miwind-page-about .about-journey-card img {
        max-height: 126px;
    }

    .miwind-page-about .about-journey-grid::before {
        top: 22px;
    }

    .miwind-page-about .about-global-grid {
        gap: 18px;
    }

    .miwind-page-about .about-global-copy h2 {
        margin: 0 0 12px;
        font-size: 22px;
        line-height: 1.18;
    }

    .miwind-page-about .about-global-copy p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.45;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-about .about-global-gallery {
        gap: 10px;
    }

    .miwind-page-about .about-global-card {
        aspect-ratio: 4 / 3;
        border-radius: 8px;
    }

    .miwind-page-about .about-quality-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .miwind-page-about .about-quality-step {
        grid-template-columns: 28px minmax(0, 1fr);
        justify-items: start;
        align-items: center;
        min-height: 58px;
        border: 1px solid #ececec;
        border-radius: 10px;
        padding: 10px;
        text-align: left;
    }

    .miwind-page-about .about-quality-step span {
        width: 28px;
        height: 28px;
    }

    .miwind-page-about .about-quality-step img {
        width: 16px;
        height: 16px;
    }

    .miwind-page-about .about-quality-step p {
        font-size: 11px;
        line-height: 1.28;
    }

    .miwind-page-about .about-quality-support {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        margin-top: 24px;
    }

    .miwind-page-about .about-quality-support h3 {
        margin-bottom: 10px;
    }

    .miwind-page-about .about-performance-panel ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .miwind-page-about .about-performance-panel li {
        grid-template-columns: 20px minmax(0, 1fr);
        gap: 8px;
        font-size: 11px;
    }

    .miwind-page-about .about-standard-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .miwind-page-about .about-standard-grid span {
        width: auto;
        height: 50px;
    }

    .miwind-page-about .about-standard-grid img {
        max-width: 72px;
        max-height: 38px;
    }
}

/* Page-wide mobile density for resource and partner directory pages. */
@media (max-width: 900px) {
    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .page-builder-section {
        padding-top: 32px;
        padding-bottom: 36px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .page-builder-section > .wrap,
    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .page-wide-hero-grid {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .section-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        margin-bottom: 16px;
        border-left-width: 3px;
        padding-left: 12px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .section-head h2 {
        max-width: 100%;
        font-size: 21px;
        line-height: 1.18;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .section-head p {
        display: -webkit-box;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        margin-top: 0;
        font-size: 13px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-page-wide .page-wide-main--partners :is(
        #why-partner,
        #cooperation-process,
        #support-policy,
        #cooperation-conditions,
        #partner-evaluation-notes
    ) .page-builder-card-grid,
    .miwind-page-page-wide .page-wide-main--partners #customer-market-proof .page-builder-card-grid,
    .miwind-page-page-wide .page-wide-main--partners #partner-material-downloads .page-builder-card-grid,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-section--file_grid .page-builder-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .miwind-page-page-wide .page-wide-main--partners :is(
        #why-partner,
        #support-policy,
        #cooperation-conditions,
        #partner-evaluation-notes
    ) .page-builder-card {
        min-height: 112px;
        border-radius: 10px;
        padding: 13px 12px;
    }

    .miwind-page-page-wide .page-wide-main--partners #cooperation-process .page-builder-card {
        min-height: 122px;
        border-radius: 10px;
        padding: 42px 12px 12px;
    }

    .miwind-page-page-wide .page-wide-main--partners #cooperation-process .page-builder-card::before {
        left: 12px;
        top: 13px;
        font-size: 23px;
    }

    .miwind-page-page-wide .page-wide-main--partners #cooperation-process .page-builder-card::after {
        left: 12px;
        top: 38px;
        width: 26px;
        height: 2px;
    }

    .miwind-page-page-wide .page-wide-main--partners .page-builder-card h3,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-card h3 {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.24;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-page-wide .page-wide-main--partners .page-builder-card p,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-card p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 6px;
        font-size: 11px;
        line-height: 1.32;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-page-wide .page-wide-main--partners #customer-market-proof .page-builder-card {
        min-height: 0;
        border-radius: 10px;
        padding: 10px;
    }

    .miwind-page-page-wide .page-wide-main--partners #customer-market-proof .page-builder-card img {
        aspect-ratio: auto;
        height: 92px;
        margin-bottom: 8px;
        border-radius: 8px;
        object-fit: cover;
    }

    .miwind-page-page-wide .page-wide-main--partners #customer-market-proof .page-builder-card p {
        display: none;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners #partner-material-downloads, .page-wide-main--technical-resources .page-builder-section--file_grid) .page-builder-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
        min-height: 136px;
        border-radius: 10px;
        padding: 12px 10px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners #partner-material-downloads, .page-wide-main--technical-resources .page-builder-section--file_grid) .page-builder-file-icon {
        grid-row: auto;
        width: 36px;
        height: 36px;
        gap: 2px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners #partner-material-downloads, .page-wide-main--technical-resources .page-builder-section--file_grid) .page-builder-file-icon svg {
        width: 22px;
        height: 22px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners #partner-material-downloads, .page-wide-main--technical-resources .page-builder-section--file_grid) .page-builder-file-icon span {
        font-size: 7px;
        letter-spacing: 0;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners #partner-material-downloads, .page-wide-main--technical-resources .page-builder-section--file_grid) .page-builder-card p {
        display: none;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners #partner-material-downloads, .page-wide-main--technical-resources .page-builder-section--file_grid) .page-builder-card h3 a {
        display: -webkit-box;
        min-height: 44px;
        overflow: hidden;
        padding: 0;
        color: inherit;
        line-height: 1.24;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-section--cta {
        padding-top: 28px;
        padding-bottom: 32px;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal .page-builder-text,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-section--cta .page-builder-text {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        border-radius: 12px;
        padding: 18px;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal h2,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-section--cta h2 {
        font-size: 20px;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal p,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-section--cta p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-page-wide .page-wide-main--partners #dealer-portal .button,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-section--cta .button {
        width: 100%;
        min-height: 44px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .page-builder-section--faq {
        padding-top: 30px;
        padding-bottom: 36px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .page-builder-faq-list {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .page-builder-faq-item {
        border-radius: 10px;
        padding: 14px;
    }

    .miwind-page-page-wide :is(.page-wide-main--partners, .page-wide-main--technical-resources) .page-builder-faq-item summary {
        font-size: 14px;
        line-height: 1.3;
    }
}

@media (max-width: 340px) {
    .miwind-page-page-wide .page-wide-main--partners :is(
        #why-partner,
        #cooperation-process,
        #support-policy,
        #cooperation-conditions,
        #partner-evaluation-notes,
        #customer-market-proof,
        #partner-material-downloads
    ) .page-builder-card-grid,
    .miwind-page-page-wide .page-wide-main--technical-resources .page-builder-section--file_grid .page-builder-card-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Product series mobile density: keep the catalog elegant without desktop-height cards. */
@media (max-width: 900px) {
    .miwind-page-product-series .series-hero.unified-page-hero {
        min-height: 300px;
        background-position: center top;
    }

    .miwind-page-product-series .series-products {
        padding-top: 34px;
        padding-bottom: 42px;
    }

    .miwind-page-product-series .series-products > .wrap,
    .miwind-page-product-series .product-solution-showcase > .wrap,
    .miwind-page-product-series .product-support-resources--document > .wrap {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-product-series .series-heading--content {
        margin-bottom: 22px;
    }

    .miwind-page-product-series .series-heading--content h1 {
        font-size: 26px;
        line-height: 1.16;
    }

    .miwind-page-product-series .series-heading--content p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-product-series .series-product-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .miwind-page-product-series .series-product-card {
        min-height: 0;
        border: 1px solid #e5e7eb;
        border-radius: 14px;
        background: #ffffff;
        box-shadow: 0 10px 24px rgba(16, 24, 32, .06);
    }

    .miwind-page-product-series .series-product-link {
        grid-template-rows: 230px minmax(58px, auto);
        min-height: 288px;
    }

    .miwind-page-product-series .series-product-media {
        min-height: 230px;
        overflow: hidden;
        padding: 18px 24px 14px;
        background: #f7f8f9;
    }

    .miwind-page-product-series .series-product-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 48%;
    }

    .miwind-page-product-series .series-product-title {
        min-height: 58px;
        padding: 10px 18px;
        color: #252b31;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.22;
    }

    .miwind-page-product-series .series-pagination {
        margin-top: 24px;
    }

    .miwind-page-product-series main .product-solution-showcase {
        padding-top: 34px;
        padding-bottom: 42px;
    }

    .miwind-page-product-series .product-support-resources--document {
        padding-top: 34px;
        padding-bottom: 42px;
        background: #ffffff;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card {
        grid-template-columns: 24px minmax(0, 1fr);
        column-gap: 9px;
        min-height: 116px;
        border-radius: 10px;
        padding: 12px 10px;
        background: #f5f6f7;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card.highlight {
        background: #ffe5c8;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card-icon,
    .miwind-page-product-series .product-support-resources--document .resource-card-icon img {
        width: 24px;
        height: 24px;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card-copy {
        min-height: 92px;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card h2 {
        margin-bottom: 7px;
        font-size: 13px;
        line-height: 1.22;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card p {
        display: none;
    }

    .miwind-page-product-series .product-support-resources--document .resource-card a,
    .miwind-page-product-series .product-support-resources--document .resource-card button {
        min-height: 32px;
        font-size: 12px;
        line-height: 1.2;
    }

    .miwind-page-product-series .product-support-resources--document .dark-product-cta {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin-top: 14px;
        border-radius: 10px;
        padding: 18px;
    }

    body.miwind-page-product-series main .product-support-resources--document .dark-product-cta h2 {
        font-size: 18px;
        line-height: 1.22;
    }

    body.miwind-page-product-series main .product-support-resources--document .dark-product-cta p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.38;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-product-series .product-support-resources--document .dark-product-cta .button,
    .miwind-page-product-series .product-support-resources--document .dark-product-cta > button,
    .miwind-page-product-series .product-support-resources--document .dark-product-cta > a {
        min-height: 44px;
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    .miwind-page-product-series .series-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 340px) {
    .miwind-page-product-series .product-support-resources--document .resource-card-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Capability mobile density and readability. */
@media (max-width: 640px) {
    .miwind-page-capability .capability-hero.unified-page-hero {
        position: relative;
        min-height: 300px;
        overflow: hidden;
        background-position: center;
    }

    .miwind-page-capability .capability-hero.unified-page-hero::before {
        z-index: 0;
        background: linear-gradient(90deg, rgba(8, 14, 22, .78), rgba(8, 14, 22, .52) 58%, rgba(8, 14, 22, .28));
    }

    .miwind-page-capability .capability-hero .unified-page-hero-inner {
        position: relative;
        z-index: 1;
        min-height: 300px;
        padding-top: 94px;
        padding-bottom: 38px;
    }

    .miwind-page-capability .capability-hero :where(h1, p) {
        color: #ffffff;
        text-shadow: 0 3px 18px rgba(0, 0, 0, .46);
    }

    .miwind-page-capability .capability-hero h1 {
        font-weight: 800;
    }

    .miwind-page-capability :where(
        .capability-market-section,
        .capability-partner-logo-section,
        .capability-industry-section,
        .capability-experience-section,
        .capability-rnd-section,
        .capability-quality-section,
        .capability-partner-section
    ) {
        padding-top: 38px;
        padding-bottom: 42px;
    }

    .miwind-page-capability :where(.section-title-center, .capability-rnd-head h2) {
        font-size: 23px;
        line-height: 1.18;
    }

    .miwind-page-capability :where(.section-copy-center, .capability-rnd-head p) {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.48;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-capability .market-footprint-card {
        gap: 16px;
        margin-top: 24px;
        border-radius: 12px;
        padding: 16px;
    }

    .miwind-page-capability .market-map-figure img {
        max-height: 118px;
    }

    .miwind-page-capability .market-metric-row {
        min-height: 42px;
    }

    .miwind-page-capability .market-note {
        margin-top: 12px;
    }

    .miwind-page-capability .partner-logo-wall {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 26px;
    }

    .miwind-page-capability .partner-logo-wall span {
        min-height: 56px;
    }

    .miwind-page-capability .partner-logo-wall img {
        max-height: 42px;
    }

    .miwind-page-capability .industry-application-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 24px;
    }

    .miwind-page-capability .industry-application-image {
        display: none;
    }

    .miwind-page-capability .industry-application-item {
        min-height: 58px;
        border: 1px solid #e6e6e6;
        border-radius: 9px;
        padding: 9px 7px;
        background: #ffffff;
    }

    .miwind-page-capability .industry-application-item strong {
        display: -webkit-box;
        overflow: hidden;
        min-height: 34px;
        font-size: 11px;
        line-height: 1.22;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-capability .experience-tabs {
        gap: 8px;
        margin: 24px auto 18px;
    }

    .miwind-page-capability .experience-tabs button {
        min-height: 42px;
        border-radius: 8px;
        padding: 0 10px;
        font-size: 12px;
    }

    .miwind-page-capability .experience-card {
        gap: 14px;
        border-radius: 14px;
        padding: 14px;
    }

    .miwind-page-capability .experience-card > img {
        max-height: 170px;
        border-radius: 10px;
    }

    .miwind-page-capability .experience-copy h3 {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .miwind-page-capability .experience-copy p {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 1.45;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-capability .capability-experience-proof {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .miwind-page-capability .capability-experience-proof span {
        min-height: 34px;
        padding-left: 20px;
        font-size: 12px;
    }

    .miwind-page-capability .capability-experience-proof span::before {
        width: 14px;
        height: 14px;
    }

    .miwind-page-capability .capability-experience-proof span::after {
        left: 4px;
        top: calc(.1em + 4px);
    }

    .miwind-page-capability .rnd-capability-layout {
        gap: 18px;
    }

    .miwind-page-capability .rnd-copy-column {
        gap: 16px;
    }

    .miwind-page-capability .rnd-capability-image {
        max-height: 176px;
        border-radius: 10px;
    }

    .miwind-page-capability .rnd-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .miwind-page-capability .rnd-capability-card {
        min-height: 112px;
        border-radius: 12px;
        padding: 16px 10px 14px;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .08);
    }

    .miwind-page-capability .rnd-capability-card i {
        width: 28px;
        height: 28px;
        margin-bottom: 10px;
    }

    .miwind-page-capability .rnd-capability-card i img,
    .miwind-page-capability .rnd-capability-card img {
        width: 26px;
        height: 26px;
    }

    .miwind-page-capability .rnd-capability-card span {
        display: -webkit-box;
        overflow: hidden;
        font-size: 12px;
        line-height: 1.28;
        text-transform: none;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-capability .quality-process-line {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 24px;
        padding-bottom: 0;
    }

    .miwind-page-capability .quality-process-step {
        min-height: 92px;
        border: 1px solid #eeeeee;
        border-radius: 10px;
        padding: 14px 10px;
        gap: 10px;
        background: #ffffff;
    }

    .miwind-page-capability .quality-process-step .kicker {
        width: 46px;
        height: 46px;
    }

    .miwind-page-capability .quality-process-step img {
        width: 22px;
        height: 22px;
    }

    .miwind-page-capability .quality-process-step p {
        font-size: 12px;
        line-height: 1.24;
        text-transform: none;
    }

    .miwind-page-capability .certification-card {
        gap: 18px;
        margin-top: 28px;
    }

    .miwind-page-capability .capability-certification-card {
        border-radius: 14px;
        padding: 32px 14px 18px;
    }

    .miwind-page-capability .capability-certification-card h3 {
        top: -18px;
        min-height: 36px;
        padding: 0 12px;
        font-size: 14px;
    }

    .miwind-page-capability .certification-mark-list--logos {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        min-height: 0;
    }

    .miwind-page-capability .certification-mark-list--logos span {
        min-height: 54px;
    }

    .miwind-page-capability .certification-mark-list--logos img {
        max-height: 42px;
    }

    .miwind-page-capability .certification-mark-list--warranty {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        min-height: 0;
    }

    .miwind-page-capability .certification-warranty-item {
        min-height: 74px;
    }

    .miwind-page-capability .certification-warranty-count {
        min-height: 34px;
        gap: 5px;
    }

    .miwind-page-capability .certification-mark-list--warranty strong {
        font-size: 30px;
    }

    .miwind-page-capability .certification-warranty-count b,
    .miwind-page-capability .certification-mark-list--warranty em {
        font-size: 11px;
    }

    .miwind-page-capability .certification-warranty-item--support img {
        width: 28px;
        height: 28px;
        margin-bottom: 4px;
    }

    .miwind-page-capability .capability-partner-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-top: 26px;
    }

    .miwind-page-capability .capability-partner-feature {
        grid-column: 1 / -1;
        min-height: 190px;
        border-radius: 14px;
    }

    .miwind-page-capability .capability-partner-solution-card {
        min-height: 164px;
        border-radius: 12px;
        padding: 14px 12px;
    }

    .miwind-page-capability .capability-partner-solution-card h3,
    .miwind-page-capability .capability-partner-solution-card h3.capability-partner-solution-title--with-icon {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 1.2;
    }

    .miwind-page-capability .capability-partner-solution-card h3 img {
        display: none;
    }

    .miwind-page-capability .capability-partner-solution-card p {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 8px;
        font-size: 11px;
        line-height: 1.32;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-capability .capability-partner-solution-card ul {
        gap: 5px;
    }

    .miwind-page-capability .capability-partner-solution-card li {
        padding-left: 14px;
        font-size: 11px;
        line-height: 1.25;
    }

    .miwind-page-capability .capability-partner-solution-card li::before {
        width: 8px;
        height: 8px;
        top: .35em;
    }

    .miwind-page-capability .capability-partner-solution-card li::after {
        content: none;
    }
}

/* Public mobile density pass: downloads, product detail, solution index and home hotspots. */
.miwind-page-downloads .download-hero.unified-page-hero::before {
    display: block;
    background:
        linear-gradient(90deg, rgba(243, 246, 248, .96) 0%, rgba(243, 246, 248, .86) 48%, rgba(243, 246, 248, .24) 100%),
        linear-gradient(180deg, rgba(255, 255, 255, .36), rgba(255, 255, 255, .12));
}

.miwind-page-downloads .download-hero .unified-page-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    align-content: center;
    justify-items: start;
    width: min(var(--miwind-reference-wrap), calc(100vw - 84px));
    padding-top: var(--miwind-page-hero-header-clearance);
    padding-bottom: 64px;
}

.miwind-page-downloads .download-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #2c3137;
    font-size: 38px;
    line-height: 1.16;
}

.miwind-page-downloads .download-hero p {
    max-width: 620px;
    margin: 14px 0 0;
    color: #5d6570;
    font-size: 15px;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .miwind-page-downloads .download-hero.unified-page-hero,
    .miwind-page-downloads .download-hero .unified-page-hero-inner {
        min-height: 230px;
    }

    .miwind-page-downloads .download-hero .unified-page-hero-inner {
        width: min(100% - 32px, var(--miwind-reference-wrap));
        padding-top: 78px;
        padding-bottom: 34px;
    }

    .miwind-page-downloads .download-hero h1 {
        font-size: 28px;
        line-height: 1.12;
    }

    .miwind-page-downloads .download-hero p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-downloads .download-main-section {
        padding-top: 28px;
        padding-bottom: 46px;
    }

    .miwind-page-downloads .download-layout {
        gap: 22px;
    }

    .miwind-page-downloads .download-category-accordion {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding: 10px;
        border-radius: 14px;
        background: #ffffff;
    }

    .miwind-page-downloads .download-category-accordion h2 {
        margin: 0 0 2px;
        padding: 0 2px;
        font-size: 14px;
        line-height: 1.2;
    }

    .miwind-page-downloads .download-category-group {
        margin-bottom: 0;
    }

    .miwind-page-downloads .download-category-header,
    .miwind-page-downloads .download-category-items a {
        min-height: 40px;
        border-radius: 9px;
        padding: 0 12px;
        background: #f5f6f7;
        font-size: 12px;
    }

    .miwind-page-downloads .download-category-items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        width: 100%;
        margin: 8px 0 0;
    }

    .miwind-page-downloads .download-category-items a.active,
    .miwind-page-downloads .download-category-items a:hover {
        padding-right: 12px;
        padding-left: 12px;
    }

    .miwind-page-downloads .download-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .miwind-page-downloads .download-file-card {
        grid-template-rows: auto auto auto;
        min-height: 168px;
        border-radius: 14px;
        padding: 16px 12px 14px;
    }

    .miwind-page-downloads .download-file-icon {
        width: 30px;
        height: 30px;
        margin-bottom: 12px;
    }

    .miwind-page-downloads .download-file-icon svg {
        width: 30px;
        height: 30px;
    }

    .miwind-page-downloads .download-file-icon em {
        top: 11px;
        font-size: 7px;
    }

    .miwind-page-downloads .download-file-card strong,
    .miwind-page-downloads .download-file-card strong a {
        display: -webkit-box;
        overflow: hidden;
        min-height: 40px;
        font-size: 13px;
        line-height: 1.28;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-downloads .download-file-card p {
        display: none;
    }

    .miwind-page-downloads .download-file-action {
        align-self: end;
        min-height: 36px;
        margin-top: 12px;
        font-size: 12px;
    }

    .miwind-page-product-detail .detail-banner {
        min-height: 180px;
        background-position: center top;
    }

    .miwind-page-product-detail .detail-main {
        padding-top: 28px;
        padding-bottom: 46px;
    }

    .miwind-page-product-detail .detail-main > .wrap {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-product-detail .product-intro {
        gap: 22px;
    }

    .miwind-page-product-detail .product-gallery.product-carousel--thumbs-right {
        gap: 10px;
    }

    .miwind-page-product-detail .gallery-stage {
        width: 100%;
        max-height: 270px;
        aspect-ratio: 4 / 3;
        border-radius: 16px;
        padding: 18px;
    }

    .miwind-page-product-detail .thumbnail-rail {
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        grid-template-rows: 54px;
        gap: 6px;
        overflow: hidden;
    }

    .miwind-page-product-detail .thumbnail-rail > button {
        width: 44px;
        height: 44px;
        min-height: 44px;
        border-radius: 10px;
    }

    .miwind-page-product-detail .thumbnail-rail .carousel-thumb-strip {
        grid-auto-columns: 54px;
        grid-auto-rows: 54px;
        gap: 8px;
        height: 54px;
    }

    .miwind-page-product-detail .thumbnail-rail .carousel-thumb {
        width: 54px;
        height: 54px;
        border-radius: 9px;
        padding: 6px;
    }

    .miwind-page-product-detail .product-summary h1 {
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 1.16;
    }

    .miwind-page-product-detail .product-summary > p {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 14px;
        font-size: 13px;
        line-height: 1.45;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-product-detail .parameter-card {
        border-radius: 14px;
        padding: 14px;
    }

    .miwind-page-product-detail .parameter-card > hr {
        margin: 12px 0;
    }

    .miwind-page-product-detail .parameter-card__section h2 {
        margin-bottom: 8px;
        font-size: 13px;
    }

    .miwind-page-product-detail .fact-grid--parameters,
    .miwind-page-product-detail .fact-grid--features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px 12px;
    }

    .miwind-page-product-detail .fact-item--parameter,
    .miwind-page-product-detail .fact-item--feature {
        display: -webkit-box;
        overflow: hidden;
        font-size: 11.5px;
        line-height: 1.32;
        overflow-wrap: anywhere;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .miwind-page-product-detail .product-summary > .button,
    .miwind-page-product-detail .product-summary > button {
        width: 100%;
        min-height: 44px;
        margin-top: 14px;
        border-radius: 8px;
        padding: 0 18px;
        font-size: 13px;
    }

    .miwind-page-product-detail .detail-technical-data-panel {
        margin-top: 28px;
    }

    .miwind-page-product-detail .technical-spec-panel {
        border-radius: 16px;
        padding-bottom: 18px;
    }

    .miwind-page-product-detail .technical-tab-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-height: 48px;
        margin-bottom: 18px;
        overflow: hidden;
    }

    .miwind-page-product-detail .technical-tab-row button {
        min-height: 48px;
        padding: 8px 6px;
        font-size: 12.5px;
    }

    .miwind-page-product-detail .product-detail-tab-panel {
        padding: 0 12px;
    }

    .miwind-page-product-detail .technical-parameters-content table,
    .miwind-page-product-detail .technical-parameters-content .table {
        min-width: 640px;
        font-size: 12px;
    }

    .miwind-page-product-detail .technical-parameters-content th,
    .miwind-page-product-detail .technical-parameters-content td {
        height: 38px;
        padding: 0 10px;
        font-size: 12px;
    }

    .miwind-page-product-detail .detail-recommended-panel {
        margin-top: 30px;
        border-radius: 16px;
        padding: 20px 14px;
    }

    .miwind-page-product-detail .detail-recommended-head {
        margin-bottom: 14px;
    }

    .miwind-page-product-detail .detail-recommended-head h2 {
        font-size: 19px;
    }

    .miwind-page-product-detail .detail-recommended-head p {
        display: -webkit-box;
        overflow: hidden;
        margin-top: 6px;
        font-size: 12px;
        line-height: 1.4;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-product-detail .detail-recommended-grid {
        gap: 10px;
    }

    .miwind-page-product-detail .detail-recommended-card a,
    .miwind-page-product-detail .detail-recommended-card > :not(a) {
        display: grid;
        grid-template-columns: 104px minmax(0, 1fr);
        grid-template-rows: auto auto;
        align-items: center;
        min-height: 104px;
        border-radius: 12px;
    }

    .miwind-page-product-detail .detail-recommended-card img {
        grid-row: 1 / span 2;
        width: 104px;
        height: 104px;
        object-fit: cover;
    }

    .miwind-page-product-detail .detail-recommended-panel:not(.detail-related-solutions) .detail-recommended-card img {
        width: 104px;
        max-width: 104px;
        padding: 8px;
        background: #f0f1f2;
        object-fit: contain;
    }

    .miwind-page-product-detail .detail-recommended-card strong {
        padding: 0 12px 0 0;
        font-size: 13px;
        line-height: 1.28;
    }

    .miwind-page-product-detail .detail-recommended-card span {
        padding: 4px 12px 0 0;
        font-size: 11px;
        line-height: 1.34;
        -webkit-line-clamp: 2;
    }

    .miwind-page-solution-index .solution-index-hero,
    .miwind-page-solution-index .solution-index-hero .wrap {
        min-height: 300px;
    }

    .miwind-page-solution-index .solution-index-hero {
        background-image:
            linear-gradient(90deg, rgba(247, 249, 250, .96) 0%, rgba(247, 249, 250, .84) 56%, rgba(247, 249, 250, .36) 100%),
            var(--miwind-solution-index-hero);
    }

    .miwind-page-solution-index .solution-index-hero .wrap {
        width: min(100% - 32px, var(--miwind-reference-wrap));
        padding-top: 88px;
        padding-bottom: 38px;
    }

    .miwind-page-solution-index .solution-index-hero h1 {
        font-size: 28px;
    }

    .miwind-page-solution-index .solution-index-hero p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.45;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-solution-index .solution-index-band {
        padding-top: 28px;
        padding-bottom: 46px;
    }

    .miwind-page-solution-index .solution-index-layout {
        width: min(100% - 28px, var(--miwind-reference-wrap));
        gap: 18px;
    }

    .miwind-page-solution-index .solution-index-aside {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding: 8px;
        border-radius: 14px;
        scrollbar-width: none;
    }

    .miwind-page-solution-index .solution-index-aside::-webkit-scrollbar {
        display: none;
    }

    .miwind-page-solution-index .solution-index-aside span,
    .miwind-page-solution-index .solution-index-aside a {
        flex: 0 0 auto;
        min-height: 38px;
        border-radius: 9px;
        padding: 0 12px;
        white-space: nowrap;
    }

    .miwind-page-solution-index .solution-index-aside span {
        display: inline-flex;
        align-items: center;
        margin: 0;
        background: #f5f6f7;
        font-size: 12px;
    }

    .miwind-page-solution-index .solution-index-aside a {
        border: 1px solid #e4e7eb;
        font-size: 12px;
    }

    .miwind-page-solution-index .solution-index-heading {
        margin-bottom: 14px;
    }

    .miwind-page-solution-index .solution-index-heading h2 {
        font-size: 22px;
    }

    .miwind-page-solution-index .solution-index-grid {
        gap: 12px;
    }

    .miwind-page-solution-index .solution-index-card {
        border-radius: 14px;
    }

    .miwind-page-solution-index .solution-index-card > a,
    .miwind-page-solution-index .solution-index-card > div {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        grid-template-rows: auto;
        min-height: 112px;
    }

    .miwind-page-solution-index .solution-index-card img {
        width: 118px;
        height: 112px;
    }

    .miwind-page-solution-index .solution-index-card > a > div,
    .miwind-page-solution-index .solution-index-card > div {
        min-width: 0;
        padding: 12px 12px 12px 14px;
    }

    .miwind-page-solution-index .solution-index-card h3 {
        display: -webkit-box;
        overflow: hidden;
        margin-bottom: 6px;
        font-size: 15px;
        line-height: 1.22;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-solution-index .solution-index-card p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        font-size: 12px;
        line-height: 1.38;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-solution-index .solution-index-card ul {
        display: none;
    }

    .miwind-page-home .home-products {
        padding-top: 46px;
        padding-bottom: 36px;
    }

    .miwind-page-home .home-products > .wrap {
        width: min(100% - 28px, var(--miwind-reference-wrap));
    }

    .miwind-page-home .home-products .section-head {
        margin-bottom: 22px;
        padding-bottom: 14px;
    }

    .miwind-page-home .home-product-grid {
        gap: 12px;
    }

    .miwind-page-home .home-product-card a {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
        grid-template-rows: auto;
        min-height: 112px;
        border-radius: 12px;
    }

    .miwind-page-home .home-product-card-media {
        align-items: center;
        min-height: 112px;
        padding: 10px;
    }

    .miwind-page-home .home-product-card-media::after {
        right: 18px;
        bottom: 10px;
        left: 18px;
        height: 14px;
        filter: blur(8px);
    }

    .miwind-page-home .home-product-card img {
        width: 130px;
        max-height: 92px;
    }

    .miwind-page-home .home-product-card-copy {
        display: grid;
        align-content: center;
        min-width: 0;
        padding: 12px 14px 12px 8px;
    }

    .miwind-page-home .home-product-card h3 {
        display: -webkit-box;
        overflow: hidden;
        font-size: 15px;
        line-height: 1.22;
        text-align: left;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-home .home-product-card p {
        min-height: 0;
        margin-top: 6px;
        font-size: 12px;
        line-height: 1.35;
        text-align: left;
        -webkit-line-clamp: 2;
    }

    .miwind-page-home .about-photo {
        min-height: 210px;
        border-radius: 16px;
        background-position: center;
    }

    .miwind-page-home .about-copy {
        padding: 24px 0 30px;
    }

    .miwind-page-home .about-copy-head {
        margin-bottom: 14px;
    }

    .miwind-page-home .about-copy p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 13px;
        line-height: 1.48;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .miwind-page-home .metric-grid {
        gap: 10px;
        margin-top: 22px;
    }

    .miwind-page-home .metric-grid strong {
        min-height: 28px;
        font-size: 24px;
    }

    .miwind-page-home .metric-grid > div > span {
        margin-top: 4px;
        font-size: 11px;
    }

    .miwind-page-home .strength-grid.wrap {
        width: min(100% - 28px, var(--miwind-reference-wrap));
        gap: 22px;
        padding-top: 34px;
        padding-bottom: 42px;
    }

    .miwind-page-home .strength-copy {
        min-height: 0;
    }

    .miwind-page-home .strength-copy h2 {
        margin-bottom: 18px;
    }

    .miwind-page-home .strength-copy article {
        margin-bottom: 12px;
        padding-left: 24px;
    }

    .miwind-page-home .strength-copy article::before {
        top: -1px;
        font-size: 20px;
    }

    .miwind-page-home .strength-copy h3 {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .miwind-page-home .strength-copy p {
        display: -webkit-box;
        overflow: hidden;
        font-size: 12px;
        line-height: 1.38;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .miwind-page-home .strength-mosaic {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        aspect-ratio: auto;
        max-width: none;
    }

    .miwind-page-home .strength-mosaic > span,
    .miwind-page-home .strength-mosaic > span:nth-child(1),
    .miwind-page-home .strength-mosaic > span:nth-child(2),
    .miwind-page-home .strength-mosaic > span:nth-child(3),
    .miwind-page-home .strength-mosaic > span:nth-child(4) {
        position: static;
        width: auto;
        height: 98px;
        min-height: 0;
        border-radius: 12px;
    }

    .miwind-page-applications .solution-index-aside {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 8px;
    }

    .miwind-page-applications .solution-index-aside span,
    .miwind-page-applications .solution-index-aside a {
        min-height: 38px;
        padding: 0 12px;
        font-size: 12px;
    }

    .miwind-page-applications .solution-index-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .miwind-page-applications .application-index-card {
        padding: 0;
    }

    .miwind-page-applications .application-index-card > a,
    .miwind-page-applications .application-index-card > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        grid-template-columns: none;
        grid-template-rows: none;
        width: 100%;
        min-height: 74px;
    }

    .miwind-page-applications .application-index-card div {
        padding: 8px;
    }

    .miwind-page-applications .application-index-card > a > div,
    .miwind-page-applications .application-index-card > div {
        display: grid;
        align-content: center;
        width: 100%;
    }

    .miwind-page-applications .application-index-card h3 {
        font-size: 11.5px;
        line-height: 1.22;
        overflow-wrap: normal;
        word-break: normal;
        text-align: center;
        -webkit-line-clamp: 3;
    }

    .miwind-page-applications .application-index-card p,
    .miwind-page-applications .application-index-card ul,
    .miwind-page-applications .application-index-card span {
        display: none;
    }
}

/* Product detail mobile polish: product-first scan order and tighter controls. */
@media (max-width: 900px) {
    .miwind-page-product-detail .detail-banner {
        min-height: 116px;
        background-image:
            linear-gradient(90deg, rgba(238, 238, 238, .96) 0%, rgba(238, 238, 238, .7) 46%, rgba(238, 238, 238, .22) 100%),
            var(--miwind-product-hero);
        background-position: center top;
    }

    .miwind-page-product-detail .detail-main {
        padding-top: 18px;
    }

    .miwind-page-product-detail .product-intro {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        align-items: start;
    }

    .miwind-page-product-detail .product-summary {
        display: contents;
    }

    .miwind-page-product-detail .product-summary h1 {
        order: 1;
        margin: 0;
        padding: 0 2px;
        font-size: 26px;
        line-height: 1.1;
    }

    .miwind-page-product-detail .product-summary > p {
        order: 2;
        max-width: none;
        margin: -4px 0 2px;
        color: #4e565f;
        font-size: 13px;
        line-height: 1.42;
        -webkit-line-clamp: 2;
    }

    .miwind-page-product-detail .product-summary .kicker {
        order: 3;
    }

    .miwind-page-product-detail .product-intro > .product-gallery {
        order: 4;
    }

    .miwind-page-product-detail .product-intro > .product-gallery[data-carousel-mode="gallery"] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        width: 100%;
        border: 1px solid rgba(28, 33, 39, .06);
        border-radius: 18px;
        padding: 10px;
        background: #ffffff;
        box-shadow: 0 12px 30px rgba(32, 38, 46, .06);
    }

    .miwind-page-product-detail .gallery-stage {
        max-height: none;
        aspect-ratio: 1 / 1;
        border: 0;
        border-radius: 14px;
        padding: 14px;
        background: linear-gradient(180deg, #fbfbfb 0%, #f3f4f5 100%);
    }

    .miwind-page-product-detail .thumbnail-rail {
        grid-template-columns: 38px minmax(0, 1fr) 38px;
        grid-template-rows: 48px;
        align-items: center;
        width: 100%;
        height: 48px;
        max-height: 48px;
        margin: 0;
        gap: 6px;
        overflow: hidden;
    }

    .miwind-page-product-detail .thumbnail-rail > button {
        width: 38px;
        height: 38px;
        min-height: 38px;
        border-radius: 9px;
        background: #ffffff;
        color: var(--accent);
        box-shadow: inset 0 0 0 1px rgba(221, 107, 0, .18);
    }

    .miwind-page-product-detail .thumbnail-rail .carousel-thumb-strip {
        grid-auto-flow: column;
        grid-auto-columns: 48px;
        grid-auto-rows: 48px;
        align-items: center;
        width: 100%;
        height: 48px;
        gap: 7px;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .miwind-page-product-detail .thumbnail-rail .carousel-thumb {
        width: 48px;
        height: 48px;
        border-radius: 9px;
        padding: 5px;
        background: #f6f7f8;
    }

    .miwind-page-product-detail .thumbnail-rail .carousel-thumb.active {
        box-shadow: inset 0 0 0 2px var(--accent);
    }

    .miwind-page-product-detail .parameter-card {
        order: 5;
        margin-top: 0;
        border: 1px solid rgba(28, 33, 39, .06);
        border-radius: 16px;
        padding: 14px;
        box-shadow: 0 10px 26px rgba(32, 38, 46, .05);
    }

    .miwind-page-product-detail .parameter-card > hr {
        margin: 12px 0;
        background: #eceff2;
    }

    .miwind-page-product-detail .parameter-card__section h2 {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 1.2;
        letter-spacing: 0;
    }

    .miwind-page-product-detail .fact-grid--parameters,
    .miwind-page-product-detail .fact-grid--features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .miwind-page-product-detail .fact-item--parameter {
        display: block;
        min-height: 58px;
        border-radius: 10px;
        padding: 8px 9px;
        background: #f6f7f8;
        color: #343a40;
        font-size: 11.5px;
        line-height: 1.25;
    }

    .miwind-page-product-detail .fact-item--feature {
        display: block;
        min-height: 0;
        border-radius: 10px;
        padding: 8px 9px;
        background: #fff5ec;
        color: #83460f;
        font-size: 11.5px;
        line-height: 1.3;
    }

    .miwind-page-product-detail .fact-name,
    .miwind-page-product-detail .fact-value {
        display: block;
    }

    .miwind-page-product-detail .fact-name {
        margin-bottom: 3px;
        color: #8a929b;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.1;
    }

    .miwind-page-product-detail .fact-value {
        color: #2d3339;
        font-size: 11.5px;
        font-weight: 700;
        line-height: 1.25;
    }

    .miwind-page-product-detail .fact-item--feature .fact-value {
        color: inherit;
        font-weight: 600;
        line-height: 1.3;
    }

    .miwind-page-product-detail .fact-name::before,
    .miwind-page-product-detail .fact-name::after,
    .miwind-page-product-detail .fact-value::before,
    .miwind-page-product-detail .fact-item--feature .fact-value::before,
    .miwind-page-product-detail .fact-item--parameter .fact-name::before {
        content: "";
    }

    .miwind-page-product-detail .product-summary > .button,
    .miwind-page-product-detail .product-summary > button {
        order: 6;
        margin-top: 0;
        border-radius: 12px;
        box-shadow: 0 12px 22px rgba(221, 107, 0, .18);
    }

    .miwind-page-product-detail .product-summary > .miwind-modal {
        order: 99;
    }

    .miwind-page-product-detail .detail-technical-data-panel {
        margin-top: 18px;
    }

    .miwind-page-product-detail .technical-spec-panel {
        border-radius: 18px;
        padding-bottom: 14px;
        box-shadow: 0 10px 26px rgba(32, 38, 46, .05);
    }

    .miwind-page-product-detail .technical-tab-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        min-height: 44px;
        margin-bottom: 12px;
        background: #f1f2f3;
    }

    .miwind-page-product-detail .technical-tab-row button {
        min-height: 44px;
        border: 0;
        border-radius: 0;
        padding: 8px 5px;
        background: transparent;
        font-size: 11.5px;
        line-height: 1.18;
    }

    .miwind-page-product-detail .technical-tab-row button.active {
        border-color: transparent;
        background: #ffffff;
    }

    .miwind-page-product-detail .product-detail-tab-panel {
        padding: 0 10px;
    }

    .miwind-page-product-detail .technical-parameters-content {
        margin: 0;
        padding-bottom: 4px;
    }

    .miwind-page-product-detail .technical-parameters-content table,
    .miwind-page-product-detail .technical-parameters-content .table {
        min-width: 560px;
        font-size: 11.5px;
    }

    .miwind-page-product-detail .technical-parameters-content th,
    .miwind-page-product-detail .technical-parameters-content td {
        height: 36px;
        padding: 0 8px;
        font-size: 11.5px;
        line-height: 1.25;
    }

    .miwind-page-product-detail .detail-recommended-panel {
        margin-top: 20px;
        border-radius: 18px;
        padding: 18px 14px;
        box-shadow: 0 10px 26px rgba(32, 38, 46, .05);
    }

    .miwind-page-product-detail .detail-related-solutions {
        margin-top: 22px;
    }

    .miwind-page-product-detail .detail-recommended-head {
        display: block;
        margin-bottom: 12px;
    }

    .miwind-page-product-detail .detail-recommended-head h2 {
        font-size: 18px;
        line-height: 1.2;
    }

    .miwind-page-product-detail .detail-recommended-head p {
        margin-top: 5px;
        text-align: left;
    }

    .miwind-page-product-detail .detail-recommended-card a,
    .miwind-page-product-detail .detail-recommended-card > :not(a) {
        grid-template-columns: 96px minmax(0, 1fr);
        min-height: 96px;
        border-radius: 13px;
        background: #f7f8f9;
    }

    .miwind-page-product-detail .detail-recommended-card img {
        width: 96px;
        height: 96px;
    }

    .miwind-page-product-detail .detail-recommended-panel:not(.detail-related-solutions) .detail-recommended-card img {
        width: 96px;
        max-width: 96px;
        background: #f1f2f3;
    }

    .miwind-page-product-detail .detail-recommended-card strong {
        padding-right: 12px;
        font-size: 12.5px;
    }

    .miwind-page-product-detail .detail-recommended-card span {
        padding-right: 12px;
        font-size: 10.5px;
        line-height: 1.32;
    }
}

@media (max-width: 640px) {
    .site-cookie-notice {
        left: 10px !important;
        right: 10px !important;
        bottom: max(10px, env(safe-area-inset-bottom)) !important;
        grid-template-columns: minmax(0, 1fr) 66px !important;
        gap: 8px !important;
        max-width: none !important;
        border-radius: 10px !important;
        padding: 10px !important;
        font-size: 11.5px !important;
        line-height: 1.32 !important;
        box-shadow: 0 14px 30px rgba(17, 24, 39, .2) !important;
    }

    .site-cookie-notice span {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .site-cookie-notice button {
        min-width: 66px !important;
        min-height: 36px !important;
        border-radius: 6px !important;
        padding: 6px 8px !important;
        font-size: 11.5px !important;
    }
}

@media (max-width: 340px) {
    .miwind-page-applications .solution-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .miwind-page-downloads .download-card-grid,
    .miwind-page-product-detail .fact-grid--parameters,
    .miwind-page-product-detail .fact-grid--features {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-detail .detail-recommended-card a,
    .miwind-page-product-detail .detail-recommended-card > :not(a),
    .miwind-page-solution-index .solution-index-card > a,
    .miwind-page-solution-index .solution-index-card > div,
    .miwind-page-home .home-product-card a {
        grid-template-columns: minmax(0, 1fr);
    }

    .miwind-page-product-detail .detail-recommended-card img,
    .miwind-page-product-detail .detail-recommended-panel:not(.detail-related-solutions) .detail-recommended-card img,
    .miwind-page-solution-index .solution-index-card img,
    .miwind-page-home .home-product-card-media {
        width: 100%;
    }
}