.mfb-hw {
    --mfb-hw-ink: #14251f;
    --mfb-hw-muted: #66736e;
    --mfb-hw-line: #dce3df;
    --mfb-hw-soft: #f4f7f5;
    --mfb-hw-brand: #e94f27;
    --mfb-hw-brand-dark: #bd3514;
    --mfb-hw-green: #183c31;
    --mfb-hw-radius: 22px;
    color: var(--mfb-hw-ink);
    font: inherit;
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
}

.mfb-hw *,
.mfb-hw *::before,
.mfb-hw *::after {
    box-sizing: border-box;
}

.mfb-hw button,
.mfb-hw input,
.mfb-hw select {
    font: inherit;
}

.mfb-hw button,
.mfb-hw a,
.mfb-hw input,
.mfb-hw select {
    -webkit-tap-highlight-color: transparent;
}

.mfb-hw button:focus-visible,
.mfb-hw a:focus-visible,
.mfb-hw input:focus-visible,
.mfb-hw select:focus-visible {
    outline: 3px solid rgba(233, 79, 39, .3);
    outline-offset: 3px;
}

.mfb-hw__contact.mfb-hw__contact--received {
    align-items: flex-start;
    background: #eef9f2;
    border: 1px solid #b9dfc9;
    color: #12633d;
    display: grid;
    gap: 14px;
    grid-template-columns: 48px minmax(0, 1fr);
}

.mfb-hw__received-icon {
    align-items: center;
    background: #fff;
    border-radius: 14px;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.mfb-hw__contact--received svg {
    fill: none;
    height: 25px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2.2;
    width: 25px;
}

.mfb-hw__contact--received h3,
.mfb-hw__contact--received p,
.mfb-hw__contact--received small {
    display: block;
}

.mfb-hw__contact--received h3 {
    color: var(--mfb-hw-ink);
    font-size: 18px;
    line-height: 1.25;
}

.mfb-hw__contact--received p:not(.mfb-hw__eyebrow) {
    color: var(--mfb-hw-muted);
    margin: 5px 0 0;
}

.mfb-hw__contact--received small {
    margin-top: 9px;
}

.mfb-hw__contact--received b {
    color: var(--mfb-hw-ink);
    letter-spacing: .025em;
}

.mfb-hw .mfb-hw__contact--received h3 {
    font-size: clamp(20px, 2.4vw, 28px);
    margin: 0;
}

.mfb-hw[data-received="1"] .mfb-hw__mobile-bar {
    display: none;
}

.mfb-hw__head {
    background:
        radial-gradient(circle at 88% 12%, rgba(255, 255, 255, .14), transparent 29%),
        linear-gradient(135deg, #132f27, #1e4a3b);
    border-radius: 28px;
    color: #fff;
    overflow: hidden;
    padding: clamp(28px, 5vw, 60px);
    position: relative;
}

.mfb-hw__head::after {
    background: var(--mfb-hw-brand);
    border-radius: 999px;
    content: "";
    height: 7px;
    left: clamp(28px, 5vw, 60px);
    position: absolute;
    top: 0;
    width: 74px;
}

.mfb-hw__eyebrow {
    color: var(--mfb-hw-brand);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0 0 12px;
}

.mfb-hw__head h2 {
    color: inherit;
    font-size: clamp(31px, 4vw, 52px);
    letter-spacing: -.045em;
    line-height: 1.02;
    margin: 0;
    max-width: 850px;
}

.mfb-hw__head > p:not(.mfb-hw__eyebrow) {
    color: rgba(255, 255, 255, .79);
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.65;
    margin: 22px 0;
    max-width: 820px;
}

.mfb-hw__head ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mfb-hw__head li {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-left: 22px;
    position: relative;
}

.mfb-hw__head li::before {
    color: #ffb39e;
    content: "✓";
    left: 0;
    position: absolute;
}

.mfb-hw__layout {
    align-items: start;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 370px);
    margin-top: 32px;
}

.mfb-hw__catalog,
.mfb-hw__summary-inner,
.mfb-hw__contact {
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: var(--mfb-hw-radius);
    box-shadow: 0 18px 55px rgba(24, 60, 49, .08);
}

.mfb-hw__catalog {
    min-width: 0;
    padding: clamp(18px, 3vw, 30px);
}

.mfb-hw__categories,
.mfb-hw__brands {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 2px 7px;
    scrollbar-width: thin;
}

.mfb-hw__categories button,
.mfb-hw__brands button,
.mfb-hw__more button {
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 999px;
    color: var(--mfb-hw-ink);
    cursor: pointer;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 750;
    min-height: 44px;
    padding: 9px 17px;
}

.mfb-hw__categories button[aria-pressed="true"],
.mfb-hw__brands button[aria-pressed="true"] {
    background: var(--mfb-hw-green);
    border-color: var(--mfb-hw-green);
    color: #fff;
}

.mfb-hw__brands {
    margin-top: 9px;
}

.mfb-hw__brands button {
    font-size: 13px;
    min-height: 44px;
    padding: 7px 14px;
}

.mfb-hw__search {
    display: block;
    margin: 18px 0;
    position: relative;
}

.mfb-hw__search::before {
    color: var(--mfb-hw-muted);
    content: "⌕";
    font-size: 23px;
    left: 16px;
    line-height: 1;
    position: absolute;
    top: 14px;
}

.mfb-hw__search input {
    background: var(--mfb-hw-soft);
    border: 1px solid transparent;
    border-radius: 14px;
    color: var(--mfb-hw-ink);
    min-height: 50px;
    padding: 10px 15px 10px 48px;
    width: 100%;
}

.mfb-hw__search input:focus {
    background: #fff;
    border-color: var(--mfb-hw-green);
}

.mfb-hw__list {
    display: grid;
    gap: 12px;
}

.mfb-hw__card {
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 18px;
    overflow: clip;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.mfb-hw__card:hover,
.mfb-hw__card.is-open {
    border-color: #b9c8c1;
    box-shadow: 0 12px 30px rgba(20, 37, 31, .08);
}

.mfb-hw__card.is-open {
    transform: translateY(-2px);
}

.mfb-hw__card-toggle {
    align-items: center;
    background: #fff;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 14px;
    grid-template-columns: 82px minmax(0, 1fr) auto 26px;
    min-height: 112px;
    padding: 14px 18px;
    text-align: left;
    width: 100%;
}

.mfb-hw .mfb-hw__card-toggle:hover,
.mfb-hw .mfb-hw__card-toggle:active {
    background: #fff;
    color: var(--mfb-hw-ink);
}

.mfb-hw__thumb {
    align-items: center;
    background: var(--mfb-hw-soft);
    border-radius: 14px;
    display: flex;
    height: 82px;
    justify-content: center;
    overflow: hidden;
    width: 82px;
}

.mfb-hw__thumb img {
    height: 100%;
    object-fit: contain;
    padding: 7px;
    width: 100%;
}

.mfb-hw__thumb svg {
    color: #9aa8a2;
    height: 43px;
    width: 43px;
}

.mfb-hw__identity,
.mfb-hw__from {
    display: flex;
    min-width: 0;
}

.mfb-hw__identity {
    align-items: flex-start;
    flex-direction: column;
}

.mfb-hw__identity small,
.mfb-hw__from small,
.mfb-hw__from span {
    color: var(--mfb-hw-muted);
    font-size: 12px;
}

.mfb-hw__identity strong {
    font-size: clamp(16px, 2vw, 19px);
    line-height: 1.25;
    margin-top: 3px;
}

.mfb-hw__identity em {
    background: #fff0eb;
    border-radius: 999px;
    color: var(--mfb-hw-brand-dark);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    margin-top: 8px;
    padding: 3px 8px;
}

.mfb-hw__from {
    align-items: flex-end;
    flex-direction: column;
    white-space: nowrap;
}

.mfb-hw__from strong {
    color: var(--mfb-hw-green);
    font-size: 18px;
}

.mfb-hw__chevron {
    font-size: 26px;
    transform-origin: center;
    transition: transform .18s ease;
}

.is-open .mfb-hw__chevron {
    transform: rotate(180deg);
}

.mfb-hw__variant {
    background: var(--mfb-hw-soft);
    border-top: 1px solid var(--mfb-hw-line);
    padding: 22px;
}

.mfb-hw__variant h4,
.mfb-hw__tariffs h4 {
    color: var(--mfb-hw-ink);
    font-size: 17px;
    margin: 0 0 18px;
}

.mfb-hw__variant-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mfb-hw__choice {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.mfb-hw__choice--term {
    grid-column: 1 / -1;
}

.mfb-hw__choice legend {
    color: var(--mfb-hw-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.mfb-hw__options {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.mfb-hw__option {
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 10px;
    color: var(--mfb-hw-ink);
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    min-height: 42px;
    padding: 8px 12px;
}

.mfb-hw__option[aria-pressed="true"] {
    background: var(--mfb-hw-green);
    border-color: var(--mfb-hw-green);
    color: #fff;
}

.mfb-hw .mfb-hw__option:hover:not([aria-pressed="true"]) {
    background: #f8faf9;
    border-color: #b9c8c1;
    color: var(--mfb-hw-ink);
}

.mfb-hw__variant-footer {
    align-items: end;
    border-top: 1px solid var(--mfb-hw-line);
    display: grid;
    gap: 14px;
    grid-template-columns: minmax(140px, 1fr) 90px auto;
    margin-top: 20px;
    padding-top: 18px;
}

.mfb-hw__variant-price {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.mfb-hw__variant-price small,
.mfb-hw__quantity span {
    color: var(--mfb-hw-muted);
    font-size: 12px;
}

.mfb-hw__variant-price strong {
    color: var(--mfb-hw-green);
    font-size: 21px;
}

.mfb-hw__quantity {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mfb-hw__quantity input,
.mfb-hw__cart-controls input,
.mfb-hw__tariff-quantity input {
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 9px;
    min-height: 44px;
    padding: 7px 9px;
    width: 76px;
}

.mfb-hw__add,
.mfb-hw__to-form,
.mfb-hw__submit,
.mfb-hw__mobile-bar a {
    align-items: center;
    background: var(--mfb-hw-brand);
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-height: 48px;
    padding: 11px 18px;
    text-decoration: none;
}

.mfb-hw__add:hover,
.mfb-hw__to-form:hover,
.mfb-hw__submit:hover,
.mfb-hw__mobile-bar a:hover {
    background: var(--mfb-hw-brand-dark);
    color: #fff;
}

.mfb-hw__more {
    margin: 18px 0 0;
    text-align: center;
}

.mfb-hw__empty,
.mfb-hw__status {
    color: var(--mfb-hw-muted);
    font-size: 14px;
    margin: 18px 0 0;
    text-align: center;
}

.mfb-hw__status:empty {
    display: none;
}

.mfb-hw__summary {
    min-width: 0;
    position: sticky;
    top: 92px;
}

.mfb-hw__summary-inner {
    padding: 24px;
}

.mfb-hw__summary h3,
.mfb-hw__contact h3 {
    color: var(--mfb-hw-ink);
    font-size: 24px;
    letter-spacing: -.025em;
    margin: 0 0 18px;
}

.mfb-hw__cart-empty,
.mfb-hw__tariff-empty {
    background: var(--mfb-hw-soft);
    border-radius: 12px;
    color: var(--mfb-hw-muted);
    font-size: 13px;
    margin: 0;
    padding: 14px;
}

.mfb-hw__cart-item {
    border-bottom: 1px solid var(--mfb-hw-line);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 13px 0;
}

.mfb-hw__cart-copy {
    display: flex;
    flex-direction: column;
}

.mfb-hw__cart-copy strong {
    font-size: 14px;
}

.mfb-hw__cart-copy span,
.mfb-hw__cart-copy small {
    color: var(--mfb-hw-muted);
    font-size: 11px;
    line-height: 1.45;
}

.mfb-hw__cart-controls {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mfb-hw__cart-controls input {
    min-height: 36px;
    width: 60px;
}

.mfb-hw__cart-controls button {
    background: transparent;
    border: 0;
    color: var(--mfb-hw-brand-dark);
    cursor: pointer;
    font-size: 11px;
    min-height: 44px;
    padding: 3px;
}

.mfb-hw__tariffs {
    border-top: 1px solid var(--mfb-hw-line);
    margin-top: 20px;
    padding-top: 20px;
}

.mfb-hw__tariff-intro {
    color: var(--mfb-hw-muted);
    font-size: 12px;
    line-height: 1.5;
    margin: -10px 0 13px;
}

.mfb-hw__tariff {
    border: 1px solid var(--mfb-hw-line);
    border-radius: 12px;
    margin-top: 9px;
    padding: 11px;
}

.mfb-hw__tariff.is-featured {
    border-color: #efad9c;
    box-shadow: inset 3px 0 0 var(--mfb-hw-brand);
}

.mfb-hw__tariff-main {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 9px;
    grid-template-columns: 20px minmax(0, 1fr) auto;
}

.mfb-hw__tariff-main input,
.mfb-hw__privacy input {
    accent-color: var(--mfb-hw-brand);
    height: 18px;
    width: 18px;
}

.mfb-hw__tariff-copy,
.mfb-hw__tariff-price {
    display: flex;
    flex-direction: column;
}

.mfb-hw__tariff-copy small,
.mfb-hw__tariff-copy span,
.mfb-hw__tariff-price small {
    color: var(--mfb-hw-muted);
    font-size: 10px;
}

.mfb-hw__tariff-copy strong,
.mfb-hw__tariff-price strong {
    font-size: 12px;
}

.mfb-hw__tariff-price {
    align-items: flex-end;
}

.mfb-hw__tariff-quantity {
    align-items: center;
    color: var(--mfb-hw-muted);
    display: flex;
    font-size: 11px;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 8px;
}

.mfb-hw__tariff-quantity input {
    min-height: 34px;
    width: 60px;
}

.mfb-hw__totals {
    border-top: 1px solid var(--mfb-hw-line);
    margin: 20px 0 0;
    padding-top: 14px;
}

.mfb-hw__totals div {
    display: flex;
    font-size: 13px;
    gap: 10px;
    justify-content: space-between;
    padding: 5px 0;
}

.mfb-hw__totals dt,
.mfb-hw__totals dd {
    margin: 0;
}

.mfb-hw__totals dd {
    font-weight: 800;
}

.mfb-hw__totals .is-total {
    border-top: 1px solid var(--mfb-hw-line);
    font-size: 16px;
    margin-top: 8px;
    padding-top: 13px;
}

.mfb-hw__rounding,
.mfb-hw__source {
    color: var(--mfb-hw-muted);
    font-size: 11px;
    line-height: 1.55;
}

.mfb-hw__to-form {
    margin-top: 8px;
    width: 100%;
}

.mfb-hw .mfb-hw__to-form,
.mfb-hw .mfb-hw__to-form:visited,
.mfb-hw .mfb-hw__to-form:hover,
.mfb-hw .mfb-hw__to-form:focus-visible {
    color: #fff !important;
}

.mfb-hw__contact {
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(230px, .75fr) minmax(0, 1.25fr);
    margin-top: 34px;
    padding: clamp(24px, 4vw, 42px);
    scroll-margin-top: 110px;
}

.mfb-hw__contact > div:first-of-type p:last-child {
    color: var(--mfb-hw-muted);
    line-height: 1.6;
}

.mfb-hw__contact-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mfb-hw__contact-grid label {
    color: var(--mfb-hw-muted);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
}

.mfb-hw__contact-grid input,
.mfb-hw__contact-grid select,
.mfb-hw__contact-grid textarea {
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 11px;
    color: var(--mfb-hw-ink);
    font-size: 16px;
    line-height: 1.35;
    min-height: 48px;
    padding: 10px 12px;
    width: 100%;
}

.mfb-hw__privacy,
.mfb-hw__submit {
    grid-column: 2;
}

.mfb-hw__privacy {
    align-items: flex-start;
    color: var(--mfb-hw-muted);
    display: flex;
    font-size: 12px;
    gap: 10px;
    line-height: 1.5;
}

.mfb-hw__privacy input {
    flex: 0 0 auto;
    margin-top: 2px;
}

.mfb-hw__submit[disabled] {
    background: #b6bfbb;
    cursor: not-allowed;
}

.mfb-hw__trap {
    height: 0;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.mfb-hw__source {
    margin: 18px auto 0;
    max-width: 960px;
    text-align: center;
}

.mfb-hw__mobile-bar {
    display: none;
}

.mfb-hw--empty {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    padding: 18px;
}

.mfb-hw-admin .nav-tab-wrapper {
    margin-bottom: 22px;
}

.mfb-hw-admin__products {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}

.mfb-hw-admin__product {
    display: grid;
    gap: 18px;
    grid-template-columns: 150px minmax(0, 1fr);
}

.mfb-hw-admin__preview {
    align-items: center;
    background: #f4f7f5;
    border-radius: 12px;
    display: flex;
    height: 150px;
    justify-content: center;
    overflow: hidden;
}

.mfb-hw-admin__preview img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.mfb-hw-admin__missing {
    color: #8b9490;
    font-weight: 700;
}

.mfb-hw-admin__actions {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 18px;
}

.mfb-hw-admin__tariff-form {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mfb-hw-admin__tariff-form label {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.mfb-hw-admin__tariff-form .is-wide {
    grid-column: 1 / -1;
}

@media (max-width: 960px) {
    .mfb-hw__layout {
        grid-template-columns: 1fr;
    }

    .mfb-hw__summary {
        position: static;
    }

    .mfb-hw__contact {
        grid-template-columns: 1fr;
    }

    .mfb-hw__privacy,
    .mfb-hw__submit {
        grid-column: 1;
    }

    .mfb-hw-admin__tariff-form {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .mfb-hw {
        padding-bottom: 0;
    }

    .mfb-hw__head {
        border-radius: 20px;
        padding: 30px 21px;
    }

    .mfb-hw__head h2 {
        font-size: 30px;
    }

    .mfb-hw__head ul {
        align-items: flex-start;
        flex-direction: column;
    }

    .mfb-hw__layout {
        gap: 18px;
        margin-top: 18px;
    }

    .mfb-hw__catalog,
    .mfb-hw__summary-inner,
    .mfb-hw__contact {
        border-radius: 17px;
        padding: 16px;
    }

    .mfb-hw__card-toggle {
        gap: 10px;
        grid-template-columns: 62px minmax(0, 1fr) 20px;
        min-height: 92px;
        padding: 12px;
    }

    .mfb-hw__thumb {
        height: 62px;
        width: 62px;
    }

    .mfb-hw__from {
        align-items: flex-start;
        grid-column: 2;
    }

    .mfb-hw__from strong {
        font-size: 15px;
    }

    .mfb-hw__chevron {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .mfb-hw__variant {
        padding: 17px 13px;
    }

    .mfb-hw__variant-grid,
    .mfb-hw__variant-footer,
    .mfb-hw__contact-grid {
        grid-template-columns: 1fr;
    }

    .mfb-hw__choice--term {
        grid-column: auto;
    }

    .mfb-hw__add {
        width: 100%;
    }

    .mfb-hw__contact {
        gap: 18px;
        margin-top: 18px;
    }

    .mfb-hw.has-selection {
        padding-bottom: 84px;
    }

    .mfb-hw.has-selection .mfb-hw__mobile-bar {
        align-items: center;
        background: #fff;
        border-top: 1px solid var(--mfb-hw-line);
        bottom: 0;
        box-shadow: 0 -12px 32px rgba(20, 37, 31, .12);
        display: flex;
        gap: 12px;
        justify-content: space-between;
        left: 0;
        padding: 10px max(14px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-bottom));
        position: fixed;
        right: 0;
        z-index: 999;
    }

    .mfb-hw__mobile-bar span {
        display: flex;
        flex-direction: column;
    }

    .mfb-hw__mobile-bar small {
        color: var(--mfb-hw-muted);
        font-size: 10px;
    }

    .mfb-hw__mobile-bar strong {
        font-size: 16px;
    }

    .mfb-hw__mobile-bar a {
        min-height: 44px;
        padding: 8px 14px;
    }

    .mfb-hw-admin__products,
    .mfb-hw-admin__product,
    .mfb-hw-admin__tariff-form {
        grid-template-columns: 1fr;
    }

    .mfb-hw-admin__tariff-form .is-wide {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mfb-hw__card,
    .mfb-hw__chevron {
        transition: none;
    }
}

.mfb-hw__variant-config {
    align-items: start;
    display: grid;
    gap: 22px;
    grid-template-columns: 190px minmax(0, 1fr);
}

.mfb-hw__variant-media {
    align-items: center;
    aspect-ratio: 1;
    background: #f7f8f7;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

.mfb-hw__variant-media img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.mfb-hw__variant-media-open {
    color: var(--mfb-hw-muted);
    font-size: 12px;
    line-height: 1.45;
    padding: 18px;
    text-align: center;
}

.mfb-hw-admin__products {
    grid-template-columns: 1fr;
}

details.mfb-hw-admin__product {
    display: block;
    padding: 0;
}

.mfb-hw-admin__product > summary {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
    min-height: 72px;
    padding: 16px 20px;
}

.mfb-hw-admin__product > summary::-webkit-details-marker {
    display: none;
}

.mfb-hw-admin__product > summary::after {
    content: "⌄";
    font-size: 24px;
    transition: transform .18s ease;
}

.mfb-hw-admin__product[open] > summary::after {
    transform: rotate(180deg);
}

.mfb-hw-admin__product > summary span {
    display: grid;
    gap: 5px;
}

.mfb-hw-admin__product > summary small {
    color: #60706a;
}

.mfb-hw-admin__variant-list {
    border-top: 1px solid #dfe6e2;
    display: grid;
    gap: 0;
}

.mfb-hw-admin__variant-image {
    display: grid;
    gap: 20px;
    grid-template-columns: 150px minmax(0, 1fr);
    padding: 20px;
}

.mfb-hw-admin__variant-image + .mfb-hw-admin__variant-image {
    border-top: 1px solid #e7ece9;
}

.mfb-hw-admin__variant-form h3 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
}

.mfb-hw-admin__variant-form .large-text {
    max-width: 760px;
    width: 100%;
}

.mfb-hw-admin__status {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 9px;
}

.mfb-hw-admin__status.is-approved {
    background: #dcfce7;
    color: #166534;
}

.mfb-hw-admin__status.is-candidate {
    background: #fef3c7;
    color: #92400e;
}

.mfb-hw-admin__status.is-rejected {
    background: #fee2e2;
    color: #991b1b;
}

.mfb-hw-admin__status.is-missing {
    background: #eef2f0;
    color: #52615b;
}

.mfb-hw-admin__image-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mfb-hw-admin__confirm {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.mfb-hw-admin__pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    padding: 0;
}

@media (max-width: 782px) {
    .mfb-hw__variant-config,
    .mfb-hw-admin__variant-image {
        grid-template-columns: 1fr;
    }

    .mfb-hw__variant-media,
    .mfb-hw-admin__preview {
        max-width: 190px;
    }

    .mfb-hw-admin__product > summary,
    .mfb-hw-admin__variant-image {
        padding: 14px;
    }
}
/* Reusable hardware-shop view: isolated from the established configurator. */
.mfb-hw--shop .mfb-hw__head {
    background:
        radial-gradient(circle at 88% 15%, rgba(233, 79, 39, .1), transparent 28%),
        linear-gradient(135deg, #f3f7f4, #fffaf7);
    border: 1px solid #dce5df;
    color: var(--mfb-hw-ink);
    padding: clamp(28px, 4vw, 46px);
}

.mfb-hw--shop .mfb-hw__head::after {
    background: var(--mfb-hw-brand);
    left: clamp(28px, 4vw, 46px);
    top: 0;
}

.mfb-hw--shop .mfb-hw__head > p:not(.mfb-hw__eyebrow) {
    color: var(--mfb-hw-muted);
    font-size: clamp(15px, 1.8vw, 18px);
    margin: 18px 0;
}

.mfb-hw--shop .mfb-hw__head li {
    color: var(--mfb-hw-ink);
}

.mfb-hw--shop .mfb-hw__head li::before {
    color: var(--mfb-hw-brand);
}

.mfb-hw--shop .mfb-hw__layout {
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(350px, 390px);
}

.mfb-hw--shop .mfb-hw__catalog {
    padding: clamp(18px, 2.4vw, 28px);
}

.mfb-hw__catalog-title {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin-bottom: 18px;
}

.mfb-hw__catalog-title .mfb-hw__eyebrow {
    margin-bottom: 5px;
}

.mfb-hw__catalog-title h2 {
    color: var(--mfb-hw-ink);
    font-size: clamp(23px, 2.7vw, 30px);
    letter-spacing: -.035em;
    line-height: 1.1;
    margin: 0;
}

.mfb-hw__result-count {
    background: #edf4f0;
    border: 1px solid #d7e3dc;
    border-radius: 999px;
    color: var(--mfb-hw-green);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 12px;
}

.mfb-hw__filter-label {
    color: var(--mfb-hw-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    margin: 14px 2px 2px;
    text-transform: uppercase;
}

.mfb-hw--shop .mfb-hw__brands {
    flex-wrap: wrap;
    margin-top: 0;
    overflow: visible;
}

.mfb-hw--shop .mfb-hw__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mfb-hw--shop .mfb-hw__card.is-open {
    grid-column: 1 / -1;
}

.mfb-hw--shop .mfb-hw__card-toggle {
    gap: 11px;
    grid-template-columns: 72px minmax(0, 1fr) 22px;
    min-height: 118px;
    padding: 13px;
}

.mfb-hw--shop .mfb-hw__thumb {
    height: 72px;
    width: 72px;
}

.mfb-hw--shop .mfb-hw__identity strong {
    font-size: 16px;
}

.mfb-hw__identity-meta {
    color: var(--mfb-hw-muted);
    font-size: 11px;
    line-height: 1.35;
    margin-top: 5px;
}

.mfb-hw--shop .mfb-hw__from {
    align-items: flex-start;
    grid-column: 2;
}

.mfb-hw--shop .mfb-hw__from strong {
    font-size: 16px;
}

.mfb-hw--shop .mfb-hw__chevron {
    grid-column: 3;
    grid-row: 1 / span 2;
}

.mfb-hw--shop .mfb-hw__variant.is-shop {
    background: linear-gradient(145deg, #f7faf8, #fffaf7);
    padding: clamp(17px, 2.5vw, 25px);
}

.mfb-hw--shop .mfb-hw__variant.is-shop .mfb-hw__variant-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mfb-hw--shop .mfb-hw__summary-inner {
    border-top: 5px solid var(--mfb-hw-brand);
    padding: 24px;
}

.mfb-hw__shop-pricing {
    border-bottom: 1px solid var(--mfb-hw-line);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.mfb-hw__pricing-placeholder {
    align-items: center;
    background: linear-gradient(145deg, #f2f6f3, #fff);
    border: 1px dashed #bdcbc4;
    border-radius: 16px;
    display: grid;
    justify-items: center;
    min-height: 190px;
    padding: 24px;
    text-align: center;
}

.mfb-hw__pricing-placeholder strong {
    font-size: 17px;
    margin-top: 10px;
}

.mfb-hw__pricing-placeholder p {
    color: var(--mfb-hw-muted);
    font-size: 12px;
    line-height: 1.55;
    margin: 7px 0 0;
    max-width: 250px;
}

.mfb-hw__pricing-step {
    align-items: center;
    background: var(--mfb-hw-green);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 850;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.mfb-hw__pricing-product {
    display: flex;
    flex-direction: column;
    margin-bottom: 14px;
}

.mfb-hw__pricing-product small,
.mfb-hw__selection-title span {
    color: var(--mfb-hw-brand-dark);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
}

.mfb-hw__pricing-product strong {
    font-size: 17px;
    line-height: 1.3;
    margin-top: 4px;
}

.mfb-hw__pricing-product span {
    color: var(--mfb-hw-muted);
    font-size: 12px;
    margin-top: 3px;
}

.mfb-hw__pricing-monthly {
    background:
        radial-gradient(circle at 90% 10%, rgba(255, 255, 255, .15), transparent 35%),
        var(--mfb-hw-green);
    border-radius: 16px;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
    padding: 18px;
}

.mfb-hw__pricing-monthly small {
    color: #c8dbd3;
    font-size: 11px;
    font-weight: 750;
}

.mfb-hw__pricing-monthly strong {
    font-size: 31px;
    letter-spacing: -.04em;
    line-height: 1.1;
    margin: 5px 0 2px;
}

.mfb-hw__pricing-monthly span {
    color: #dbe9e3;
    font-size: 11px;
}

.mfb-hw__term-choice {
    border: 0;
    margin: 0;
    padding: 0;
}

.mfb-hw__term-choice legend {
    color: var(--mfb-hw-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.mfb-hw__term-options {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mfb-hw__term-card {
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 11px;
    color: var(--mfb-hw-ink);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    min-height: 60px;
    padding: 9px 6px;
}

.mfb-hw__term-card strong {
    font-size: 12px;
}

.mfb-hw__term-card span {
    color: var(--mfb-hw-muted);
    font-size: 9px;
    margin-top: 3px;
}

.mfb-hw__term-card[aria-pressed="true"] {
    background: #fff1eb;
    border-color: var(--mfb-hw-brand);
    box-shadow: inset 0 0 0 1px var(--mfb-hw-brand);
    color: var(--mfb-hw-brand-dark);
}

.mfb-hw__term-card[aria-pressed="true"] span {
    color: var(--mfb-hw-brand-dark);
}

.mfb-hw__pricing-facts {
    border-bottom: 1px solid var(--mfb-hw-line);
    border-top: 1px solid var(--mfb-hw-line);
    margin: 17px 0;
    padding: 10px 0;
}

.mfb-hw__pricing-facts div {
    display: flex;
    font-size: 12px;
    gap: 14px;
    justify-content: space-between;
    padding: 4px 0;
}

.mfb-hw__pricing-facts dt,
.mfb-hw__pricing-facts dd {
    margin: 0;
}

.mfb-hw__pricing-facts dt {
    color: var(--mfb-hw-muted);
}

.mfb-hw__pricing-facts dd {
    font-weight: 800;
    text-align: right;
}

.mfb-hw__pricing-actions {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: 78px minmax(0, 1fr);
}

.mfb-hw__pricing-actions .mfb-hw__quantity input {
    width: 100%;
}

.mfb-hw__pricing-actions .mfb-hw__add {
    padding-inline: 10px;
    width: 100%;
}

.mfb-hw__selection-title {
    display: flex;
    flex-direction: column;
    margin: 2px 0 10px;
}

.mfb-hw__selection-title strong {
    font-size: 14px;
    margin-top: 2px;
}

.mfb-hw__shop-inline-pricing {
    display: none;
}

@media (max-width: 1080px) and (min-width: 961px) {
    .mfb-hw--shop .mfb-hw__list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) {
    .mfb-hw--shop .mfb-hw__shop-pricing {
        display: none;
    }

    .mfb-hw--shop .mfb-hw__shop-inline-pricing {
        border-top: 1px solid var(--mfb-hw-line);
        display: block;
        margin-top: 20px;
        padding-top: 20px;
    }

    .mfb-hw__shop-inline-pricing h5 {
        color: var(--mfb-hw-ink);
        font-size: 18px;
        margin: 0 0 13px;
    }

    .mfb-hw--shop .mfb-hw__summary-inner > .mfb-hw__eyebrow,
    .mfb-hw--shop .mfb-hw__summary-inner > h3 {
        display: none;
    }
}

@media (max-width: 680px) {
    .mfb-hw--shop .mfb-hw__brands {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .mfb-hw--shop .mfb-hw__head {
        padding: 27px 20px;
    }

    .mfb-hw--shop .mfb-hw__list {
        grid-template-columns: 1fr;
    }

    .mfb-hw__catalog-title {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .mfb-hw--shop .mfb-hw__variant.is-shop .mfb-hw__variant-grid {
        grid-template-columns: 1fr;
    }

    .mfb-hw--shop .mfb-hw__term-options {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mfb-hw--shop .mfb-hw__pricing-monthly strong {
        font-size: 28px;
    }
}

/* Hardware hub UX refinement: intentionally scoped to the reusable shop layout. */
.mfb-content__module.is-hardware-catalog {
    margin-top: 30px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.mfb-content__module.is-hardware-catalog > .mfb-hw {
    max-width: none;
}

.mfb-hw--shop .mfb-hw__layout {
    margin-top: 0;
}

.mfb-hw--shop .mfb-hw__categories button {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.mfb-hw--shop .mfb-hw__category-icon {
    align-items: center;
    display: inline-flex;
    height: 21px;
    justify-content: center;
    width: 21px;
}

.mfb-hw--shop .mfb-hw__category-icon svg {
    height: 20px;
    width: 20px;
}

.mfb-hw--shop .mfb-hw__brands button {
    font-size: 11px;
    min-height: 44px;
    padding: 6px 12px;
}

.mfb-hw__toolbar {
    align-items: end;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
    margin: 18px 0;
}

.mfb-hw--shop .mfb-hw__toolbar .mfb-hw__search {
    margin: 0;
}

.mfb-hw__sort {
    color: var(--mfb-hw-muted);
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: 850;
    gap: 5px;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.mfb-hw__sort select {
    appearance: none;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2314251f' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 14px;
    color: var(--mfb-hw-ink);
    cursor: pointer;
    font-size: 13px;
    font-weight: 750;
    min-height: 50px;
    padding: 10px 42px 10px 14px;
    text-transform: none;
    width: 100%;
}

.mfb-hw__sort select:focus {
    border-color: var(--mfb-hw-green);
}

.mfb-hw--shop .mfb-hw__identity-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 18px;
}

.mfb-hw__card-colors {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.mfb-hw__card-colors small {
    color: var(--mfb-hw-muted);
    font-size: 9px;
    font-weight: 800;
}

.mfb-hw__card-storage {
    color: var(--mfb-hw-muted);
    font-size: 10px;
    font-weight: 750;
}

.mfb-hw__color-swatch {
    background: #c9d0cd;
    border: 1px solid rgba(20, 37, 31, .2);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34);
    display: inline-block;
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.mfb-hw__color-swatch.is-black { background: #202526; }
.mfb-hw__color-swatch.is-white { background: #fff; }
.mfb-hw__color-swatch.is-silver { background: linear-gradient(135deg, #f4f5f5, #aeb6b7); }
.mfb-hw__color-swatch.is-grey { background: #727a7b; }
.mfb-hw__color-swatch.is-navy { background: #18304b; }
.mfb-hw__color-swatch.is-lightblue { background: #a9d4e8; }
.mfb-hw__color-swatch.is-blue { background: #3b76bf; }
.mfb-hw__color-swatch.is-olive { background: #85936a; }
.mfb-hw__color-swatch.is-green { background: #4f8a68; }
.mfb-hw__color-swatch.is-orange { background: #df6e35; }
.mfb-hw__color-swatch.is-yellow { background: #d8c759; }
.mfb-hw__color-swatch.is-red { background: #9e3455; }
.mfb-hw__color-swatch.is-pink { background: #e7a8bd; }
.mfb-hw__color-swatch.is-purple { background: #8068a5; }
.mfb-hw__color-swatch.is-cream { background: #e8ddc4; }
.mfb-hw__color-swatch.is-brown { background: #9b765f; }

.mfb-hw__option--color {
    align-items: center;
    display: inline-flex;
    gap: 7px;
}

.mfb-hw__option--color .mfb-hw__color-swatch {
    height: 17px;
    width: 17px;
}

.mfb-hw__from-upfront {
    color: #23704f;
    font-size: 9px;
    font-style: normal;
    font-weight: 850;
    margin-top: 4px;
}

.mfb-hw--shop .mfb-hw__pricing-monthly {
    padding-bottom: 14px;
}

.mfb-hw__pricing-benefits {
    border-top: 1px solid rgba(255, 255, 255, .17);
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 13px;
    padding-top: 11px;
}

.mfb-hw__pricing-benefits span {
    align-items: center;
    color: #e7f2ed;
    display: inline-flex;
    font-size: 9px;
    font-weight: 750;
    gap: 5px;
}

.mfb-hw__pricing-benefits span::before {
    color: #ffb49e;
    content: '✓';
    font-weight: 900;
}

.mfb-hw--shop .mfb-hw__term-options {
    grid-template-columns: 1fr;
}

.mfb-hw--shop .mfb-hw__term-card {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 52px;
    padding: 9px 12px;
    text-align: left;
}

.mfb-hw--shop .mfb-hw__term-card strong {
    font-size: 13px;
}

.mfb-hw--shop .mfb-hw__term-card span {
    font-size: 11px;
    margin: 0;
}

.mfb-hw--shop .mfb-hw__term-card:hover:not([aria-pressed="true"]) {
    background: #f6f9f7;
    border-color: #aac1b5;
    color: var(--mfb-hw-ink);
}

.mfb-hw--shop .mfb-hw__term-card:hover:not([aria-pressed="true"]) span {
    color: var(--mfb-hw-muted);
}


.mfb-hw__pricing-actions {
    align-items: end;
    grid-template-columns: minmax(136px, 148px) minmax(0, 1fr);
}

.mfb-hw__quantity > span {
    color: var(--mfb-hw-muted);
    display: block;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 5px;
}

.mfb-hw__stepper {
    align-items: stretch;
    background: #fff;
    border: 1px solid var(--mfb-hw-line);
    border-radius: 11px;
    display: grid;
    grid-template-columns: 38px minmax(38px, 1fr) 38px;
    min-height: 46px;
    overflow: hidden;
}

.mfb-hw__stepper input {
    appearance: textfield;
    border: 0;
    border-left: 1px solid var(--mfb-hw-line);
    border-radius: 0;
    border-right: 1px solid var(--mfb-hw-line);
    min-height: 44px;
    padding: 6px 3px;
    text-align: center;
    width: 100%;
}

.mfb-hw__stepper input::-webkit-inner-spin-button,
.mfb-hw__stepper input::-webkit-outer-spin-button {
    appearance: none;
    margin: 0;
}

.mfb-hw__stepper-button {
    background: #f5f8f6;
    border: 0;
    color: var(--mfb-hw-ink);
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    min-height: 44px;
    padding: 0;
}

.mfb-hw__stepper-button:hover {
    background: #eaf1ed;
    color: var(--mfb-hw-brand-dark);
}

.mfb-hw--shop .mfb-hw__add {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    justify-content: center;
    min-height: 46px;
}

.mfb-hw__add-icon {
    align-items: center;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.mfb-hw__add-icon svg {
    fill: none;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 20px;
}

.mfb-hw--shop .mfb-hw__cart-item {
    grid-template-columns: 58px minmax(0, 1fr);
    padding: 14px 0;
}

.mfb-hw__cart-thumb {
    align-items: center;
    background: #f4f7f5;
    border-radius: 11px;
    display: flex;
    height: 58px;
    justify-content: center;
    overflow: hidden;
    width: 58px;
}

.mfb-hw__cart-thumb img {
    display: block;
    height: 54px;
    object-fit: contain;
    width: 54px;
}

.mfb-hw--shop .mfb-hw__cart-controls {
    align-items: center;
    flex-direction: row;
    grid-column: 1 / -1;
    justify-content: space-between;
}

.mfb-hw--shop .mfb-hw__cart-controls .mfb-hw__stepper {
    grid-template-columns: 34px 44px 34px;
    min-height: 40px;
}

.mfb-hw--shop .mfb-hw__cart-controls .mfb-hw__stepper input,
.mfb-hw--shop .mfb-hw__cart-controls .mfb-hw__stepper-button {
    min-height: 38px;
}

.mfb-hw--shop .mfb-hw__remove {
    min-height: 40px;
    padding: 5px 7px;
}

.mfb-hw__trust {
    border: 1px solid #dce6e0;
    border-radius: 16px;
    background: linear-gradient(145deg, #f4f8f5, #fff);
    margin: 18px 0;
    padding: 15px;
}

.mfb-hw__trust-brand {
    align-items: center;
    display: grid;
    gap: 11px;
    grid-template-columns: 42px minmax(0, 1fr);
}

.mfb-hw__trust-brand img {
    display: block;
    height: 40px;
    object-fit: contain;
    width: 40px;
}

.mfb-hw__trust-brand strong {
    color: var(--mfb-hw-ink);
    display: block;
    font-size: 13px;
}

.mfb-hw__trust-brand p {
    color: var(--mfb-hw-muted);
    font-size: 10px;
    line-height: 1.45;
    margin: 3px 0 0;
}

.mfb-hw__trust ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 9px;
    list-style: none;
    margin: 13px 0 0;
    padding: 13px 0 0;
    border-top: 1px solid #dfe7e2;
}

.mfb-hw__trust li {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    align-content: start;
    column-gap: 7px;
    row-gap: 2px;
    min-height: 96px;
    padding: 10px 8px;
    border: 1px solid #e2ebe6;
    border-radius: 11px;
    background: rgba(255, 255, 255, .82);
}

.mfb-hw__trust li::before {
    align-items: center;
    align-self: start;
    background: #e8f6ef;
    border-radius: 50%;
    color: #26805a;
    content: '✓';
    display: flex;
    font-size: 12px;
    font-weight: 900;
    grid-row: 1 / span 2;
    height: 18px;
    justify-content: center;
    line-height: 1;
    width: 18px;
}

.mfb-hw__trust li strong {
    color: var(--mfb-hw-ink);
    display: block;
    font-size: 11px;
    line-height: 1.32;
}

.mfb-hw__trust li span {
    color: var(--mfb-hw-muted);
    display: block;
    font-size: 10px;
    line-height: 1.4;
}

@media (max-width: 370px) {
    .mfb-hw__trust ul {
        grid-template-columns: minmax(0, 1fr);
    }

    .mfb-hw__trust li {
        min-height: 0;
    }
}

@media (max-width: 960px) {
    .mfb-hw--shop .mfb-hw__layout {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 720px) {
    .mfb-content__module.is-hardware-catalog {
        margin-top: 20px;
    }

    .mfb-hw__toolbar {
        grid-template-columns: 1fr;
    }

    .mfb-hw--shop .mfb-hw__categories {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .mfb-hw--shop .mfb-hw__term-options {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .mfb-hw__pricing-actions {
        grid-template-columns: 1fr;
    }

    .mfb-hw--shop .mfb-hw__add {
        width: 100%;
    }
}
 
@media (max-width: 680px) {
    .mfb-hw--shop .mfb-hw__from {
        align-items: baseline;
        column-gap: 6px;
        display: grid;
        grid-column: 1 / -1;
        grid-row: 2;
        grid-template-columns: auto auto;
        justify-content: start;
        line-height: 1.25;
        padding-left: 72px;
        row-gap: 2px;
        white-space: normal;
    }

    .mfb-hw--shop .mfb-hw__from small {
        grid-column: 1;
        grid-row: 1;
    }

    .mfb-hw--shop .mfb-hw__from strong {
        grid-column: 2;
        grid-row: 1;
    }

    .mfb-hw--shop .mfb-hw__from > span {
        grid-column: 1;
        grid-row: 2;
    }

    .mfb-hw--shop .mfb-hw__from-upfront {
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
    }

    .mfb-hw--shop .mfb-hw__from-upfront::before {
        content: '·';
        margin-right: 5px;
    }

    .mfb-hw--shop .mfb-hw__chevron {
        align-self: center;
        grid-row: 1;
    }

    .mfb-hw__summary {
        scroll-margin-top: 112px;
    }
}