/**
* Mislens Distribution Page
*
* 文件位置：
* /wp-content/themes/mislens-theme-v2/modules/distribution/distribution.css
*
* ==========================================================================
* 职责
* ==========================================================================
*
* 00 · 页面全局基础
* 01 · Hero
* 02 · Wholesale Entry
* 03 · Product Assortment
* 04 · Regional Inventory
* 05 · Ongoing Distribution
* 06 · Exclusive Distribution
* 07 · Exclusive Market Products
* 08 · Supply & Compliance
* 09 · Distribution FAQ
* 10 · Final Inquiry
*
* ==========================================================================
* 编号规则
* ==========================================================================
*
* 每个模块独立编号，不使用整份 CSS 连续编号。
*
* 例如：
*
* 02.01 模块主体
* 02.02 模块标题
* 02.03 内容布局
*
* 响应式统一预留：
*
* xx.90 平板
* xx.91 移动端
* xx.92 小尺寸手机
*
* 这样以后增加模块内部样式时，
* 不需要重新修改后续所有注释编号。
*/


/* ==========================================================================
00.01 页面基础
========================================================================== */

body.mislens-distribution-page {
    background: #ffffff;
}

body.mislens-distribution-page .site-content {
    display: block;
    padding: 0;
}

body.mislens-distribution-page .content-area {
    width: 100%;
    max-width: none;
    margin: 0;
}

body.mislens-distribution-page .site-main {
    margin: 0;
}

body.mislens-distribution-page .inside-article {
    padding: 0;
}

body.mislens-distribution-page .entry-content {
    margin: 0;
}


/* ==========================================================================
00.02 页面统一容器
========================================================================== */

.mislens-distribution-container {
    width: min(
        1200px,
        calc(100% - 48px)
    );

    margin: 0 auto;
}


/* ==========================================================================
00.03 品牌标题字体
========================================================================== */

.mislens-distribution-page h1,
.mislens-distribution-page h2 {
    font-family:
        var(--mislens-font-brand),
        Arial,
        sans-serif;

    font-weight: 400;
}

/* ==========================================================================
00.04 页面通用按钮
========================================================================== */

.mislens-distribution-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 13px 24px;

    border: 1px solid transparent;
    border-radius: 999px;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;

    text-decoration: none;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        color 180ms ease,
        transform 180ms ease,
        box-shadow 180ms ease;
}

.mislens-distribution-button:hover {
    transform: translateY(-1px);
}


/* 主操作按钮 */

.mislens-distribution-button--primary {
    background: #FA7598;
    border-color: #FA7598;
    color: #ffffff;

    box-shadow:
        0 6px 16px
        rgba(250, 117, 152, 0.16);
}

.mislens-distribution-button--primary:hover {
    background: #721A3F;
    border-color: #721A3F;
    color: #ffffff;

    box-shadow:
        0 8px 20px
        rgba(114, 26, 63, 0.18);
}


/* 次级操作按钮 */

.mislens-distribution-button--secondary {
    background: #ffffff;
    border-color: #d8d8d8;
    color: #242424;
}

.mislens-distribution-button--secondary:hover {
    background: #FCEEF4;
    border-color: #FA7598;
    color: #721A3F;
}


/* ==========================================================================
00.90 平板全局
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-container {
        width: min(
            100% - 40px,
            960px
        );
    }
}


/* ==========================================================================
00.91 移动端全局
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-container {
        width:
            calc(100% - 32px);
    }

    .mislens-distribution-button {
        width: 100%;
        min-height: 48px;
    }
}


/* ==========================================================================
00.92 小尺寸手机全局
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-container {
        width:
            calc(100% - 28px);
    }
}


/* ==========================================================================
01.01 Hero 主体
========================================================================== */

.mislens-distribution-hero {
    position: relative;

    overflow: hidden;

    padding:
        clamp(64px, 7vw, 104px)
        0;

    background:
        linear-gradient(
            135deg,
            #fafafa 0%,
            #ffffff 54%,
            #f7f7f7 100%
        );
}


/* ==========================================================================
01.02 Hero 全宽居中布局
========================================================================== */

.mislens-distribution-hero__layout {
    display: block;

    width: 100%;
}

.mislens-distribution-hero__content {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    text-align: center;
}


/* ==========================================================================
01.03 Hero 文字区
========================================================================== */

.mislens-distribution-hero__eyebrow {
    margin:
        0
        0
        18px;

    color: #777777;

    font-size: 12px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-hero__title {
    max-width: 1180px;

    margin:
        0
        auto;

    color: #171717;

    font-size:
        clamp(
            48px,
            5vw,
            76px
        );

    line-height: 1.03;
    font-weight: 400;

    letter-spacing: -0.035em;
}

.mislens-distribution-hero__description {
    max-width: 860px;

    margin:
        24px
        auto
        0;

    color: #666666;

    font-size: 17px;
    line-height: 1.75;
}


/* ==========================================================================
01.04 Hero CTA
========================================================================== */

.mislens-distribution-hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    gap: 12px;

    margin-top: 32px;
}


/* ==========================================================================
01.05 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-hero {
        padding:
            70px
            0;
    }

    .mislens-distribution-hero__content {
        max-width: 900px;
    }

    .mislens-distribution-hero__title {
        max-width: 900px;

        font-size:
            clamp(
                40px,
                6vw,
                58px
            );
    }

    .mislens-distribution-hero__description {
        max-width: 720px;

        font-size: 16px;
    }
}


/* ==========================================================================
01.06 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-hero {
        padding:
            42px
            0
            48px;
    }

    .mislens-distribution-hero__content {
        width: 100%;
        max-width: none;

        text-align: center;
    }

    .mislens-distribution-hero__eyebrow {
        margin-bottom: 13px;

        font-size: 10px;
        letter-spacing: 0.11em;
    }

    .mislens-distribution-hero__title {
        max-width: none;

        margin:
            0
            auto;

        font-size:
            clamp(
                36px,
                10vw,
                46px
            );

        line-height: 1.06;
    }

    .mislens-distribution-hero__description {
        max-width: 560px;

        margin:
            18px
            auto
            0;

        font-size: 15px;
        line-height: 1.65;
    }

    .mislens-distribution-hero__actions {
        display: grid;

        grid-template-columns: 1fr;

        gap: 10px;

        width: 100%;

        margin-top: 26px;
    }
}


/* ==========================================================================
01.07 小尺寸手机
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-hero {
        padding:
            36px
            0
            44px;
    }

    .mislens-distribution-hero__title {
        font-size: 34px;
    }
}


/* ==========================================================================
02.01 批发起订与产品组合
========================================================================== */

.mislens-distribution-wholesale {
    padding:
        clamp(68px, 6vw, 90px)
        0;

    background: #ffffff;
}


/* ==========================================================================
02.02 模块标题
========================================================================== */

.mislens-distribution-wholesale__heading {
    max-width: 760px;

    margin:
        0
        auto
        38px;

    text-align: center;
}

.mislens-distribution-wholesale__eyebrow {
    margin-bottom: 13px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-wholesale__title {
    margin: 0;

    color: #171717;

    font-size:
        clamp(
            34px,
            3.4vw,
            50px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.025em;
}

.mislens-distribution-wholesale__description {
    max-width: 680px;

    margin:
        18px
        auto
        0;

    color: #6c6c6c;

    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================================
02.03 批发逻辑主结构
========================================================================== */

.mislens-distribution-wholesale__logic {
    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        52px
        minmax(0, 0.92fr)
        52px
        minmax(0, 1.6fr);

    gap: 0;

    align-items: stretch;

    max-width: 1160px;

    margin: 0 auto;
}


/* ==========================================================================
02.04 100 Pairs 主信息
========================================================================== */

.mislens-distribution-wholesale__primary {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-width: 0;

    padding:
        28px
        26px;

    border:
        1px solid
        #dddddd;

    border-radius: 16px;

    background: #171717;
}

.mislens-distribution-wholesale__primary-value {
    color: #ffffff;

    font-size:
        clamp(
            34px,
            3vw,
            46px
        );

    line-height: 1;
    font-weight: 760;

    letter-spacing: -0.035em;
}

.mislens-distribution-wholesale__primary-content {
    margin-top: 34px;
}

.mislens-distribution-wholesale__primary-title {
    margin: 0;

    color: #ffffff;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

.mislens-distribution-wholesale__primary-note {
    margin:
        7px
        0
        0;

    color: #bdbdbd;

    font-size: 12px;
    line-height: 1.55;
}


/* ==========================================================================
02.05 5 Pairs 次级约束
========================================================================== */

.mislens-distribution-wholesale__minimum {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    min-width: 0;

    padding:
        28px
        26px;

    border:
        1px solid
        #dedede;

    border-radius: 16px;

    background: #f8f8f8;
}

.mislens-distribution-wholesale__minimum-value {
    color: #171717;

    font-size:
        clamp(
            30px,
            2.6vw,
            40px
        );

    line-height: 1;
    font-weight: 750;

    letter-spacing: -0.03em;
}

.mislens-distribution-wholesale__minimum-content {
    margin-top: 34px;
}

.mislens-distribution-wholesale__minimum-title {
    margin: 0;

    color: #222222;

    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

.mislens-distribution-wholesale__minimum-note {
    margin:
        7px
        0
        0;

    color: #777777;

    font-size: 12px;
    line-height: 1.55;
}


/* ==========================================================================
02.06 逻辑连接
========================================================================== */

.mislens-distribution-wholesale__arrow {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}

.mislens-distribution-wholesale__arrow::before {
    content: "";

    width: 25px;
    height: 1px;

    background: #bcbcbc;
}

.mislens-distribution-wholesale__arrow::after {
    content: "";

    position: absolute;

    right: 11px;

    width: 6px;
    height: 6px;

    border-top:
        1px solid
        #8c8c8c;

    border-right:
        1px solid
        #8c8c8c;

    transform: rotate(45deg);
}


/* ==========================================================================
02.07 订单组合灵活性
========================================================================== */

.mislens-distribution-wholesale__flexibility {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        1px
        minmax(0, 1fr);

    gap: 24px;

    min-width: 0;

    padding:
        26px
        28px;

    border:
        1px solid
        #dedede;

    border-radius: 16px;

    background: #ffffff;
}

.mislens-distribution-wholesale__flexibility-divider {
    width: 1px;
    height: 100%;

    background: #e2e2e2;
}

.mislens-distribution-wholesale__flexibility-item {
    min-width: 0;
}

.mislens-distribution-wholesale__flexibility-value {
    color: #1a1a1a;

    font-size: 21px;
    line-height: 1.2;
    font-weight: 750;

    letter-spacing: -0.018em;
}

.mislens-distribution-wholesale__flexibility-title {
    margin:
        15px
        0
        0;

    color: #262626;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.mislens-distribution-wholesale__flexibility-text {
    margin:
        7px
        0
        0;

    color: #777777;

    font-size: 12px;
    line-height: 1.58;
}


/* ==========================================================================
02.08 样品入口
========================================================================== */

.mislens-distribution-wholesale__sample {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 28px;

    max-width: 1160px;

    margin:
        18px
        auto
        0;

    padding:
        20px
        24px;

    border:
        1px solid
        #e1e1e1;

    border-radius: 14px;

    background: #f8f8f8;
}

.mislens-distribution-wholesale__sample-copy {
    display: flex;
    align-items: center;

    gap: 16px;

    min-width: 0;
}

.mislens-distribution-wholesale__sample-mark {
    flex: 0 0 auto;

    padding:
        6px
        9px;

    border-radius: 999px;

    background: #171717;

    color: #ffffff;

    font-size: 9px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.08em;
}

.mislens-distribution-wholesale__sample-copy p {
    margin: 0;

    color: #5e5e5e;

    font-size: 13px;
    line-height: 1.55;
}


/* ==========================================================================
02.90 Wholesale 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-wholesale__logic {
        grid-template-columns:
            1fr
            36px
            1fr;

        gap: 0;
    }

    .mislens-distribution-wholesale__flexibility {
        grid-column: 1 / -1;

        margin-top: 16px;
    }

    .mislens-distribution-wholesale__logic
    > .mislens-distribution-wholesale__arrow:nth-of-type(2) {
        display: none;
    }
}


/* ==========================================================================
02.91 Wholesale 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-wholesale {
        padding:
            60px
            0;
    }

    .mislens-distribution-wholesale__heading {
        margin-bottom: 28px;

        text-align: left;
    }

    .mislens-distribution-wholesale__title {
        font-size: 34px;
    }

    .mislens-distribution-wholesale__description {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.65;
    }

    .mislens-distribution-wholesale__logic {
        display: grid;

        grid-template-columns: 1fr;

        gap: 10px;
    }

    .mislens-distribution-wholesale__primary,
    .mislens-distribution-wholesale__minimum {
        padding:
            22px
            20px;

        border-radius: 13px;
    }

    .mislens-distribution-wholesale__primary-content,
    .mislens-distribution-wholesale__minimum-content {
        margin-top: 22px;
    }

    .mislens-distribution-wholesale__arrow {
        display: none;
    }

    .mislens-distribution-wholesale__flexibility {
        grid-template-columns: 1fr;

        gap: 18px;

        margin-top: 0;

        padding:
            21px
            20px;

        border-radius: 13px;
    }

    .mislens-distribution-wholesale__flexibility-divider {
        width: 100%;
        height: 1px;
    }

    .mislens-distribution-wholesale__sample {
        flex-direction: column;
        align-items: stretch;

        gap: 18px;

        margin-top: 12px;

        padding:
            20px;
    }

    .mislens-distribution-wholesale__sample-copy {
        align-items: flex-start;
    }
}


/* ==========================================================================
02.92 Wholesale 小尺寸手机
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-wholesale__sample-copy {
        display: block;
    }

    .mislens-distribution-wholesale__sample-mark {
        display: inline-flex;

        margin-bottom: 10px;
    }

    .mislens-distribution-wholesale__primary-value {
        font-size: 34px;
    }

    .mislens-distribution-wholesale__minimum-value {
        font-size: 30px;
    }
}


/* ==========================================================================
03.01 产品组合方向
========================================================================== */

.mislens-distribution-assortment {

    padding:
        clamp(78px, 7vw, 110px)
        0;

    background: #f8f8f8;
}


/* ==========================================================================
03.02 模块标题
========================================================================== */

.mislens-distribution-assortment__heading {
    display: grid;

    grid-template-columns:
        minmax(0, 0.88fr)
        minmax(0, 1.12fr);

    gap:
        clamp(40px, 7vw, 100px);

    align-items: end;

    margin-bottom: 46px;
}

.mislens-distribution-assortment__eyebrow {
    grid-column: 1 / -1;

    margin-bottom: -22px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-assortment__title {
    max-width: 560px;

    margin: 0;

    color: #171717;

    font-size:
        clamp(
            34px,
            3.4vw,
            50px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.025em;
}

.mislens-distribution-assortment__description {
    max-width: 620px;

    margin: 0;

    color: #6c6c6c;

    font-size: 16px;
    line-height: 1.75;
}


/* ==========================================================================
03.03 六类真实产品风格
========================================================================== */

.mislens-distribution-assortment__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        20px;
}

.mislens-distribution-assortment-card {
    overflow: hidden;

    min-width: 0;

    border:
        1px solid
        #e5e5e5;

    border-radius: 16px;

    background: #ffffff;

    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.mislens-distribution-assortment-card:hover {
    transform: translateY(-3px);

    border-color: #d6d6d6;

    box-shadow:
        0 12px 28px
        rgba(0, 0, 0, 0.06);
}


/* ==========================================================================
03.04 产品风格图片
========================================================================== */

.mislens-distribution-assortment-card__media {
    position: relative;

    overflow: hidden;

    aspect-ratio: 4 / 3;

    background: #eeeeee;
}

.mislens-distribution-assortment-card__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition:
        transform 320ms ease;
}

.mislens-distribution-assortment-card:hover
.mislens-distribution-assortment-card__image {
    transform: scale(1.025);
}

.mislens-distribution-assortment-card__placeholder {
    width: 100%;
    height: 100%;

    background:
        linear-gradient(
            135deg,
            #eeeeee,
            #f7f7f7
        );
}


/* ==========================================================================
03.05 产品风格文字
========================================================================== */

.mislens-distribution-assortment-card__content {
    padding:
        20px
        21px
        23px;
}

.mislens-distribution-assortment-card__title {
    margin: 0;

    color: #1d1d1d;

    font-size: 19px;
    line-height: 1.3;
    font-weight: 700;
}

.mislens-distribution-assortment-card__text {
    margin:
        8px
        0
        0;

    color: #777777;

    font-size: 13px;
    line-height: 1.6;
}


/* ==========================================================================
03.06 产品组合底部
========================================================================== */

.mislens-distribution-assortment__footer {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 22px;

    margin-top: 32px;
}

.mislens-distribution-assortment__proof {
    color: #777777;

    font-size: 13px;
    line-height: 1.5;
}


/* ==========================================================================
03.90 Product Assortment 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-assortment__heading {
        gap: 40px;
    }

    .mislens-distribution-assortment__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 18px;
    }

    .mislens-distribution-assortment-card__media {
        aspect-ratio: 5 / 4;
    }
}


/* ==========================================================================
03.91 Product Assortment 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-assortment {
        padding:
            64px
            0;
    }

    .mislens-distribution-assortment__heading {
        display: block;

        margin-bottom: 32px;
    }

    .mislens-distribution-assortment__eyebrow {
        margin-bottom: 13px;
    }

    .mislens-distribution-assortment__title {
        font-size: 34px;
    }

    .mislens-distribution-assortment__description {
        margin-top: 16px;

        font-size: 15px;
        line-height: 1.65;
    }

    .mislens-distribution-assortment__grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .mislens-distribution-assortment-card {
        border-radius: 12px;
    }

    .mislens-distribution-assortment-card__media {
        aspect-ratio: 16 / 10;
    }

    .mislens-distribution-assortment-card__content {
        padding:
            17px
            17px
            19px;
    }

    .mislens-distribution-assortment-card__title {
        font-size: 17px;
    }

    .mislens-distribution-assortment-card__text {
        font-size: 12px;
        line-height: 1.55;
    }

    .mislens-distribution-assortment__footer {
        flex-direction: column;

        gap: 14px;

        margin-top: 24px;
    }
}


/* ==========================================================================
03.92 Product Assortment 小尺寸手机
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-assortment-card__media {
        aspect-ratio: 16 / 11;
    }

    .mislens-distribution-assortment-card__content {
        padding:
            16px
            15px
            18px;
    }

    .mislens-distribution-assortment-card__title {
        font-size: 16px;
    }
}


/* ==========================================================================
04.01 区域库存
========================================================================== */

.mislens-distribution-inventory {
    padding:
        clamp(78px, 7vw, 110px)
        0;

    background: #ffffff;
}


/* ==========================================================================
04.02 模块标题
========================================================================== */

.mislens-distribution-inventory__heading {
    max-width: 820px;

    margin-bottom: 42px;
}

.mislens-distribution-inventory__eyebrow {
    margin-bottom: 14px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-inventory__title {
    margin: 0;

    color: #171717;

    font-size:
        clamp(
            34px,
            3.4vw,
            50px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.025em;
}

.mislens-distribution-inventory__description {
    max-width: 760px;

    margin:
        18px
        0
        0;

    color: #6c6c6c;

    font-size: 16px;
    line-height: 1.75;
}


/* ==========================================================================
04.03 地图 + 市场信息布局
========================================================================== */

.mislens-distribution-inventory__layout {
    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(360px, 0.88fr);

    gap:
        clamp(36px, 5vw, 68px);

    align-items: start;
}


/* ==========================================================================
04.04 地图区域
========================================================================== */

.mislens-distribution-inventory__visual {
    min-width: 0;
}

.mislens-distribution-inventory__map,
.mislens-distribution-inventory__map-placeholder {
    display: block;

    width: 100%;

    aspect-ratio: 4 / 3;

    border:
        1px solid
        #e4e4e4;

    border-radius: 16px;

    background: #f7f7f7;

    object-fit: cover;
}

.mislens-distribution-inventory__map-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 32px;

    color: #999999;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 600;

    text-align: center;
}


/* ==========================================================================
04.05 地图图例
========================================================================== */

.mislens-distribution-inventory__legend {
    display: flex;
    flex-wrap: wrap;

    gap:
        12px
        24px;

    margin-top: 15px;

    padding:
        0
        2px;
}

.mislens-distribution-inventory__legend-item {
    display: inline-flex;
    align-items: center;

    gap: 8px;
}

.mislens-distribution-inventory__legend-marker {
    display: block;

    flex: 0 0 auto;

    width: 10px;
    height: 10px;

    border-radius: 50%;
}

.mislens-distribution-inventory__legend-marker--local {
    background: #222222;

    border:
        1px solid
        #222222;
}

.mislens-distribution-inventory__legend-marker--third-party {
    background: #ffffff;

    border:
        1.5px solid
        #777777;
}

.mislens-distribution-inventory__legend-label {
    color: #666666;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}


/* ==========================================================================
04.06 库存分组
========================================================================== */

.mislens-distribution-inventory__markets {
    display: grid;

    gap: 18px;
}

.mislens-distribution-inventory-group {
    padding:
        24px
        24px
        22px;

    border:
        1px solid
        #e4e4e4;

    border-radius: 16px;

    background: #fafafa;
}

.mislens-distribution-inventory-group--third-party {
    background: #ffffff;
}


/* ==========================================================================
04.07 分组标题
========================================================================== */

.mislens-distribution-inventory-group__head {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 10px;
}

.mislens-distribution-inventory-group__marker {
    display: block;

    flex: 0 0 auto;

    width: 10px;
    height: 10px;

    border-radius: 50%;
}

.mislens-distribution-inventory-group__marker--local {
    background: #222222;

    border:
        1px solid
        #222222;
}

.mislens-distribution-inventory-group__marker--third-party {
    background: #ffffff;

    border:
        1.5px solid
        #777777;
}

.mislens-distribution-inventory-group__title {
    margin: 0;

    color: #202020;

    font-size: 17px;
    line-height: 1.35;
    font-weight: 700;
}


/* ==========================================================================
04.08 分组说明
========================================================================== */

.mislens-distribution-inventory-group__description {
    max-width: 520px;

    margin:
        0
        0
        18px;

    color: #747474;

    font-size: 13px;
    line-height: 1.6;
}


/* ==========================================================================
04.09 国家列表
========================================================================== */

.mislens-distribution-inventory-group__list {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        10px
        12px;
}

.mislens-distribution-inventory-market {
    display: flex;
    align-items: center;

    gap: 10px;

    min-width: 0;

    padding:
        10px
        12px;

    border:
        1px solid
        #e5e5e5;

    border-radius: 10px;

    background: #ffffff;
}

.mislens-distribution-inventory-market__code {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    min-width: 32px;
    height: 24px;

    padding:
        0
        7px;

    border-radius: 999px;

    background: #f2f2f2;

    color: #666666;

    font-size: 9px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.05em;
}

.mislens-distribution-inventory-market__country {
    min-width: 0;

    color: #242424;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
}


/* ==========================================================================
04.10 底部 CTA
========================================================================== */

.mislens-distribution-inventory__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    margin-top: 34px;

    padding-top: 24px;

    border-top:
        1px solid
        #e4e4e4;
}

.mislens-distribution-inventory__closing {
    max-width: 720px;

    margin: 0;

    color: #626262;

    font-size: 14px;
    line-height: 1.65;
}


/* ==========================================================================
04.90 Regional Inventory 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-inventory__layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(320px, 0.9fr);

        gap: 30px;
    }

    .mislens-distribution-inventory-group {
        padding:
            21px
            20px;
    }

    .mislens-distribution-inventory-group__list {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
04.91 Regional Inventory 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-inventory {
        padding:
            64px
            0;
    }

    .mislens-distribution-inventory__heading {
        margin-bottom: 30px;
    }

    .mislens-distribution-inventory__title {
        font-size: 34px;
    }

    .mislens-distribution-inventory__description {
        margin-top: 16px;

        font-size: 15px;
        line-height: 1.65;
    }

    .mislens-distribution-inventory__layout {
        grid-template-columns: 1fr;

        gap: 26px;
    }

    .mislens-distribution-inventory__map,
    .mislens-distribution-inventory__map-placeholder {
        aspect-ratio: 4 / 3;

        border-radius: 13px;
    }

    .mislens-distribution-inventory__legend {
        gap:
            10px
            18px;

        margin-top: 13px;
    }

    .mislens-distribution-inventory-group {
        padding:
            20px
            18px;

        border-radius: 13px;
    }

    .mislens-distribution-inventory-group__description {
        margin-bottom: 16px;

        font-size: 12px;
        line-height: 1.6;
    }

    .mislens-distribution-inventory-group__list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 9px;
    }

    .mislens-distribution-inventory-market {
        padding:
            9px
            10px;

        border-radius: 9px;
    }

    .mislens-distribution-inventory-market__country {
        font-size: 12px;
    }

    .mislens-distribution-inventory__footer {
        flex-direction: column;
        align-items: stretch;

        gap: 18px;

        margin-top: 28px;

        padding-top: 20px;
    }
}


/* ==========================================================================
04.92 Regional Inventory 小尺寸手机
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-inventory-group__list {
        grid-template-columns: 1fr;
    }

    .mislens-distribution-inventory-market {
        padding:
            10px
            11px;
    }

    .mislens-distribution-inventory__legend {
        display: grid;

        grid-template-columns: 1fr;

        gap: 8px;
    }
}


/* ==========================================================================
05.01 Distributor Support
========================================================================== */

.mislens-distribution-ongoing {
    padding:
        clamp(72px, 6.5vw, 98px)
        0;

    background: #f8f8f8;
}


/* ==========================================================================
05.02 模块标题
========================================================================== */

.mislens-distribution-ongoing__intro {
    max-width: 760px;

    margin-bottom: 38px;
}

.mislens-distribution-ongoing__eyebrow {
    margin-bottom: 13px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-ongoing__title {
    max-width: 700px;

    margin: 0;

    color: #171717;

    font-size:
        clamp(
            34px,
            3.4vw,
            50px
        );

    line-height: 1.08;
    font-weight: 400;

    letter-spacing: -0.025em;
}


/* ==========================================================================
05.03 Distributor Resources 总布局
========================================================================== */

.mislens-distribution-ongoing__resources {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    grid-template-areas:
        "updates updates"
        "compliance content";

    gap: 20px;
}

.mislens-distribution-support {
    min-width: 0;

    overflow: hidden;

    border:
        1px solid #e2e2e2;

    border-radius: 16px;

    background: #ffffff;
}

.mislens-distribution-support--updates {
    grid-area: updates;
}

.mislens-distribution-support--compliance {
    grid-area: compliance;
}

.mislens-distribution-support--content {
    grid-area: content;
}


/* ==========================================================================
05.04 New Product Updates
========================================================================== */

.mislens-distribution-support--updates {
    display: grid;

    grid-template-columns:
        minmax(240px, 0.38fr)
        minmax(0, 1fr);

    align-items: center;

    padding:
        34px
        38px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fbfbfb 100%
        );
}


/* ==========================================================================
05.05 新品数量 Proof
========================================================================== */

.mislens-distribution-support__updates-proof {
    min-width: 0;

    padding-right: 38px;

    border-right:
        1px solid #dddddd;
}

.mislens-distribution-support__updates-value {
    display: block;

    color: var(--mislens-primary);

    font-size:
        clamp(
            78px,
            7vw,
            110px
        );

    line-height: 0.88;
    font-weight: 700;

    letter-spacing: -0.055em;
}

.mislens-distribution-support--updates
.mislens-distribution-support__content {
    padding:
        0
        0
        0
        40px;
}

.mislens-distribution-support--updates
.mislens-distribution-support__title {
    max-width: 560px;

    margin: 0;

    color: #1c1c1c;

    font-size:
        clamp(
            28px,
            2.8vw,
            40px
        );

    line-height: 1.15;
    font-weight: 700;

    letter-spacing: -0.02em;
}


/* ==========================================================================
05.06 Certifications / Product Content 卡片
========================================================================== */

.mislens-distribution-support--compliance,
.mislens-distribution-support--content {
    display: flex;
    flex-direction: column;

    min-width: 0;
}


/* ==========================================================================
05.07 两张资源卡统一图片区
========================================================================== */

.mislens-distribution-support__media {
    position: relative;

    overflow: hidden;

    width: 100%;

    aspect-ratio: 16 / 8;

    background: #eeeeee;
}

.mislens-distribution-support__image,
.mislens-distribution-support__placeholder {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}

.mislens-distribution-support__placeholder {
    background:
        linear-gradient(
            135deg,
            #ececec,
            #f7f7f7
        );
}


/* ==========================================================================
05.08 Resource 文字区
========================================================================== */

.mislens-distribution-support__content {
    min-width: 0;

    padding:
        25px
        26px
        28px;
}

.mislens-distribution-support__label {
    margin-bottom: 11px;

    color: #898989;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.mislens-distribution-support__title {
    max-width: 430px;

    margin: 0;

    color: #1d1d1d;

    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;

    letter-spacing: -0.015em;
}


/* ==========================================================================
05.09 Resource Facts
========================================================================== */

.mislens-distribution-support__resource-list {
    margin-top: 14px;

    color: #333333;

    font-size: 13px;
    line-height: 1.65;
    font-weight: 700;
}


/* ==========================================================================
05.90 Distributor Support 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-ongoing__resources {
        gap: 18px;
    }

    .mislens-distribution-support--updates {
        grid-template-columns:
            minmax(210px, 0.36fr)
            minmax(0, 1fr);

        padding:
            30px;
    }

    .mislens-distribution-support__updates-value {
        font-size: 84px;
    }

    .mislens-distribution-support__updates-proof {
        padding-right: 30px;
    }

    .mislens-distribution-support--updates
    .mislens-distribution-support__content {
        padding-left: 32px;
    }

    .mislens-distribution-support__media {
        aspect-ratio: 16 / 8;
    }
}


/* ==========================================================================
05.91 Distributor Support 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-ongoing {
        padding:
            58px
            0;
    }

    .mislens-distribution-ongoing__intro {
        max-width: none;

        margin-bottom: 28px;
    }

    .mislens-distribution-ongoing__title {
        max-width: none;

        font-size: 34px;
    }


    /* 三个资源按既定顺序纵向排列 */

    .mislens-distribution-ongoing__resources {
        grid-template-columns: 1fr;

        grid-template-areas:
            "updates"
            "compliance"
            "content";

        gap: 14px;
    }

    .mislens-distribution-support {
        border-radius: 13px;
    }


    /* New Product Updates */

    .mislens-distribution-support--updates {
        grid-template-columns: 1fr;

        gap: 10px;

        padding:
            24px
            20px
            23px;
    }

    .mislens-distribution-support__updates-proof {
        padding: 0;

        border-right: 0;
    }

    .mislens-distribution-support__updates-value {
        font-size: 76px;
        line-height: 0.9;
    }

    .mislens-distribution-support--updates
    .mislens-distribution-support__content {
        padding:
            8px
            0
            0;
    }

    .mislens-distribution-support--updates
    .mislens-distribution-support__title {
        max-width: none;

        font-size: 26px;
        line-height: 1.18;
    }


    /* Certifications / Product Content
    继续保持与 PC 相同的上图下文结构 */

    .mislens-distribution-support--compliance,
    .mislens-distribution-support--content {
        display: flex;
        flex-direction: column;
    }

    .mislens-distribution-support__media {
        width: 100%;

        aspect-ratio: 16 / 8;
    }

    .mislens-distribution-support__image,
    .mislens-distribution-support__placeholder {
        width: 100%;
        height: 100%;

        object-fit: cover;
        object-position: center;
    }

    .mislens-distribution-support__content {
        padding:
            19px
            19px
            21px;
    }

    .mislens-distribution-support__label {
        margin-bottom: 9px;
    }

    .mislens-distribution-support__title {
        max-width: none;

        font-size: 20px;
        line-height: 1.28;
    }

    .mislens-distribution-support__resource-list {
        margin-top: 11px;

        font-size: 12px;
        line-height: 1.6;
    }
}


/* ==========================================================================
05.92 Distributor Support 小尺寸手机
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-support__updates-value {
        font-size: 68px;
    }

    .mislens-distribution-support--updates {
        padding:
            22px
            17px
            21px;
    }

    .mislens-distribution-support--updates
    .mislens-distribution-support__title {
        font-size: 24px;
    }

    .mislens-distribution-support__media {
        aspect-ratio: 16 / 8;
    }

    .mislens-distribution-support__content {
        padding:
            18px
            17px
            20px;
    }
}


/* ==========================================================================
06.01 Exclusive Distribution & Agency
========================================================================== */

.mislens-distribution-exclusive {
    padding:
        clamp(76px, 7vw, 108px)
        0;

    background: #ffffff;
}


/* ==========================================================================
06.02 Desktop 主布局
========================================================================== */

.mislens-distribution-exclusive__layout {
    display: grid;

    grid-template-columns:
        minmax(340px, 0.82fr)
        minmax(0, 1.18fr);

    gap:
        clamp(54px, 7vw, 96px);

    align-items: start;
}


/* ==========================================================================
06.03 左侧 Intro
========================================================================== */

.mislens-distribution-exclusive__intro {
    min-width: 0;
}

.mislens-distribution-exclusive__eyebrow {
    margin-bottom: 16px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-exclusive__title {
    max-width: 540px;

    margin: 0;

    color: #171717;

    font-size:
        clamp(
            34px,
            3.3vw,
            48px
        );

    line-height: 1.08;
    font-weight: 400;

    letter-spacing: -0.025em;
}

.mislens-distribution-exclusive__description {
    max-width: 540px;

    margin:
        22px
        0
        0;

    color: #666666;

    font-size: 16px;
    line-height: 1.72;
}

.mislens-distribution-exclusive__cta {
    margin-top: 28px;
}


/* ==========================================================================
06.04 右侧 Partnership Rules
========================================================================== */

.mislens-distribution-exclusive__rules {
    min-width: 0;

    border-top:
        1px solid #dddddd;
}

.mislens-distribution-exclusive-rule {
    display: grid;

    grid-template-columns:
        52px
        minmax(0, 1fr);

    gap: 20px;

    padding:
        24px
        0;

    border-bottom:
        1px solid #dddddd;
}

.mislens-distribution-exclusive-rule__number {
    padding-top: 2px;

    color: #9a9a9a;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    letter-spacing: 0.08em;
}

.mislens-distribution-exclusive-rule__content {
    min-width: 0;
}

.mislens-distribution-exclusive-rule__title {
    margin: 0;

    color: #1c1c1c;

    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}

.mislens-distribution-exclusive-rule__text {
    max-width: 720px;

    margin:
        9px
        0
        0;

    color: #707070;

    font-size: 14px;
    line-height: 1.65;
}


/* ==========================================================================
06.05 Exclusive Rights
========================================================================== */

.mislens-distribution-exclusive__continuity {
    display: grid;

    grid-template-columns:
        150px
        minmax(0, 1fr);

    gap: 26px;

    align-items: start;

    margin-top: 34px;

    padding:
        24px
        26px;

    border-left:
        3px solid #222222;

    background: #f7f7f7;
}

.mislens-distribution-exclusive__continuity-mark {
    padding-top: 3px;

    color: #666666;

    font-size: 10px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-exclusive__continuity-content {
    min-width: 0;
}

.mislens-distribution-exclusive__continuity-content h3 {
    margin: 0;

    color: #1d1d1d;

    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
}

.mislens-distribution-exclusive__continuity-content p {
    max-width: 920px;

    margin:
        8px
        0
        0;

    color: #707070;

    font-size: 13px;
    line-height: 1.65;
}


/* ==========================================================================
06.90 Exclusive Distribution 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-exclusive__layout {
        grid-template-columns:
            minmax(280px, 0.78fr)
            minmax(0, 1.22fr);

        gap: 42px;
    }

    .mislens-distribution-exclusive__title {
        font-size:
            clamp(
                34px,
                4.5vw,
                46px
            );
    }

    .mislens-distribution-exclusive-rule {
        grid-template-columns:
            44px
            minmax(0, 1fr);

        gap: 16px;
    }

    .mislens-distribution-exclusive__continuity {
        grid-template-columns:
            130px
            minmax(0, 1fr);

        gap: 22px;
    }
}


/* ==========================================================================
06.91 Exclusive Distribution 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-exclusive {
        padding:
            62px
            0;
    }

    .mislens-distribution-exclusive__layout {
        grid-template-columns: 1fr;

        gap: 36px;
    }

    .mislens-distribution-exclusive__eyebrow {
        margin-bottom: 13px;
    }

    .mislens-distribution-exclusive__title {
        max-width: none;

        font-size: 34px;
        line-height: 1.1;
    }

    .mislens-distribution-exclusive__description {
        max-width: none;

        margin-top: 17px;

        font-size: 15px;
        line-height: 1.65;
    }

    .mislens-distribution-exclusive__cta {
        width: 100%;

        margin-top: 24px;
    }


    /* Partnership Rules */

    .mislens-distribution-exclusive-rule {
        grid-template-columns: 1fr;

        gap: 8px;

        padding:
            20px
            0;
    }

    .mislens-distribution-exclusive-rule__number {
        padding-top: 0;

        font-size: 10px;
    }

    .mislens-distribution-exclusive-rule__title {
        font-size: 17px;
        line-height: 1.35;
    }

    .mislens-distribution-exclusive-rule__text {
        max-width: none;

        margin-top: 7px;

        font-size: 13px;
        line-height: 1.62;
    }


    /* Exclusive Rights */

    .mislens-distribution-exclusive__continuity {
        grid-template-columns: 1fr;

        gap: 10px;

        margin-top: 28px;

        padding:
            21px
            19px;

        border-left-width: 2px;
    }

    .mislens-distribution-exclusive__continuity-mark {
        padding-top: 0;
    }

    .mislens-distribution-exclusive__continuity-content h3 {
        font-size: 17px;
        line-height: 1.4;
    }

    .mislens-distribution-exclusive__continuity-content p {
        margin-top: 8px;

        font-size: 13px;
        line-height: 1.62;
    }
}


/* ==========================================================================
06.92 Exclusive Distribution 小尺寸手机
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-exclusive {
        padding:
            56px
            0;
    }

    .mislens-distribution-exclusive__title {
        font-size: 31px;
    }

    .mislens-distribution-exclusive__layout {
        gap: 32px;
    }

    .mislens-distribution-exclusive-rule {
        padding:
            18px
            0;
    }

    .mislens-distribution-exclusive__continuity {
        margin-top: 24px;

        padding:
            19px
            17px;
    }
}


/* ==========================================================================
07.01 独家市场产品
========================================================================== */

.mislens-distribution-market-products {
    padding:
        clamp(62px, 5.4vw, 82px)
        0;

    background: #f8f8f8;
}


/* ==========================================================================
07.02 主体布局
========================================================================== */

.mislens-distribution-market-products__layout {
    display: grid;

    grid-template-columns:
        minmax(0, 0.88fr)
        minmax(0, 1.12fr);

    gap:
        clamp(42px, 5.5vw, 76px);

    align-items: center;
}


/* ==========================================================================
07.03 图片区域
========================================================================== */

.mislens-distribution-market-products__visual {
    min-width: 0;
}

.mislens-distribution-market-products__image,
.mislens-distribution-market-products__placeholder {
    display: block;

    width: 100%;

    aspect-ratio: 4 / 3;

    border:
        1px solid
        #e3e3e3;

    border-radius: 14px;

    background: #eeeeee;

    object-fit: cover;
}

.mislens-distribution-market-products__placeholder {
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 32px;

    color: #999999;

    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;

    text-align: center;
}


/* ==========================================================================
07.04 文字区域
========================================================================== */

.mislens-distribution-market-products__content {
    min-width: 0;
}

.mislens-distribution-market-products__eyebrow {
    margin-bottom: 13px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-market-products__title {
    max-width: 560px;

    margin: 0;

    color: #171717;

    font-size:
        clamp(
            32px,
            3vw,
            44px
        );

    line-height: 1.1;
    font-weight: 700;

    letter-spacing: -0.024em;
}

.mislens-distribution-market-products__description {
    max-width: 590px;

    margin:
        18px
        0
        0;

    color: #6c6c6c;

    font-size: 15px;
    line-height: 1.72;
}


/* ==========================================================================
07.05 Mislens 品牌边界提示
========================================================================== */

.mislens-distribution-market-products__brand-note {
    display: flex;
    align-items: center;

    gap: 12px;

    max-width: 560px;

    margin-top: 22px;

    padding:
        13px
        0;

    border-top:
        1px solid
        #dcdcdc;

    border-bottom:
        1px solid
        #dcdcdc;
}

.mislens-distribution-market-products__brand-line {
    display: block;

    flex: 0 0 auto;

    width: 22px;
    height: 2px;

    background: #222222;
}

.mislens-distribution-market-products__brand-note strong {
    color: #222222;

    font-size: 13px;
    line-height: 1.45;
    font-weight: 700;
}


/* ==========================================================================
07.06 CTA
========================================================================== */

.mislens-distribution-market-products__cta {
    margin-top: 22px;
}


/* ==========================================================================
07.07 MOQ 区域
========================================================================== */

.mislens-distribution-market-products__moq {
    margin-top:
        clamp(34px, 4vw, 46px);

    padding-top: 22px;

    border-top:
        1px solid
        #dddddd;
}

.mislens-distribution-market-products__moq-heading {
    margin-bottom: 8px;

    color: #666666;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* ==========================================================================
07.08 MOQ 规则列表
========================================================================== */

.mislens-distribution-market-products__moq-list {
    border-top:
        1px solid
        #e1e1e1;
}

.mislens-distribution-market-products__moq-row {
    display: grid;

    grid-template-columns:
        minmax(130px, 0.65fr)
        minmax(170px, 0.75fr)
        minmax(0, 1.6fr);

    gap: 24px;

    align-items: start;

    padding:
        15px
        0;

    border-bottom:
        1px solid
        #e1e1e1;
}

.mislens-distribution-market-products__moq-label {
    color: #555555;

    font-size: 12px;
    line-height: 1.45;
    font-weight: 700;
}

.mislens-distribution-market-products__moq-value {
    color: #1f1f1f;

    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
}

.mislens-distribution-market-products__moq-note {
    color: #7a7a7a;

    font-size: 12px;
    line-height: 1.55;
}


/* ==========================================================================
07.09 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-market-products__layout {
        gap: 36px;
    }

    .mislens-distribution-market-products__moq-row {
        grid-template-columns:
            minmax(120px, 0.7fr)
            minmax(150px, 0.8fr)
            minmax(0, 1.5fr);

        gap: 18px;
    }
}


/* ==========================================================================
07.10 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-market-products {
        padding:
            56px
            0;
    }

    .mislens-distribution-market-products__moq-note-line {
        display: block;
    }

    .mislens-distribution-market-products__moq-note-line + 
    .mislens-distribution-market-products__moq-note-line {
        margin-top: 3px;
    }

    .mislens-distribution-market-products__layout {
        grid-template-columns: 1fr;

        gap: 26px;
    }

    .mislens-distribution-market-products__content {
        order: 1;
    }

    .mislens-distribution-market-products__visual {
        order: 2;
    }

    .mislens-distribution-market-products__title {
        font-size: 32px;
    }

    .mislens-distribution-market-products__description {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.65;
    }

    .mislens-distribution-market-products__image,
    .mislens-distribution-market-products__placeholder {
        aspect-ratio: 16 / 11;

        border-radius: 12px;
    }

    .mislens-distribution-market-products__brand-note {
        margin-top: 18px;
    }

    .mislens-distribution-market-products__cta {
        width: 100%;

        margin-top: 20px;
    }

    .mislens-distribution-market-products__moq {
        margin-top: 30px;

        padding-top: 18px;
    }

    .mislens-distribution-market-products__moq-row {
        grid-template-columns:
            1fr
            auto;

        gap:
            6px
            14px;

        padding:
            14px
            0;
    }

    .mislens-distribution-market-products__moq-label {
        grid-column: 1;
        grid-row: 1;
    }

    .mislens-distribution-market-products__moq-value {
        grid-column: 2;
        grid-row: 1;

        text-align: right;
    }

    .mislens-distribution-market-products__moq-note {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}


/* ==========================================================================
08.01 Supply Chain Entry
========================================================================== */

.mislens-distribution-supply {
    padding:
        clamp(68px, 6vw, 82px)
        0;

    background: #ffffff;
}


/* ==========================================================================
08.02 Gateway 布局
========================================================================== */

.mislens-distribution-supply__gateway {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, 0.82fr);

    gap:
        clamp(60px, 8vw, 120px);

    align-items: center;

    padding:
        34px
        0;

    border-top:
        1px solid #e3e3e3;

    border-bottom:
        1px solid #e3e3e3;
}


/* ==========================================================================
08.03 左侧标题
========================================================================== */

.mislens-distribution-supply__heading {
    min-width: 0;
}

.mislens-distribution-supply__eyebrow {
    margin-bottom: 14px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-supply__title {
    max-width: 560px;

    margin: 0;

    color: #171717;

    font-size:
        clamp(
            36px,
            3.1vw,
            46px
        );

    line-height: 1.1;
    font-weight: 400;

    letter-spacing: -0.025em;
}


/* ==========================================================================
08.04 右侧说明与 CTA
========================================================================== */

.mislens-distribution-supply__action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
}

.mislens-distribution-supply__description {
    max-width: 520px;

    margin: 0;

    color: #686868;

    font-size: 15px;
    line-height: 1.7;
}

.mislens-distribution-supply__action
.mislens-distribution-button {
    width: auto;

    margin-top: 24px;
}


/* ==========================================================================
08.90 Supply Chain Entry 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-supply__gateway {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(300px, 0.9fr);

        gap: 48px;
    }

    .mislens-distribution-supply__title {
        font-size:
            clamp(
                34px,
                4vw,
                42px
            );
    }
}


/* ==========================================================================
08.91 Supply Chain Entry 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-supply {
        padding:
            48px
            0;
    }

    .mislens-distribution-supply__gateway {
        grid-template-columns: 1fr;

        gap: 20px;

        padding:
            28px
            0;
    }

    .mislens-distribution-supply__eyebrow {
        margin-bottom: 12px;
    }

    .mislens-distribution-supply__title {
        max-width: none;

        font-size: 32px;
        line-height: 1.12;
    }

    .mislens-distribution-supply__description {
        max-width: none;

        font-size: 14px;
        line-height: 1.65;
    }

    .mislens-distribution-supply__action
    .mislens-distribution-button {
        width: auto;
        max-width: 100%;

        margin-top: 20px;

        align-self: flex-start;
    }
}


/* ==========================================================================
08.92 Supply Chain Entry 小尺寸手机
========================================================================== */

@media (max-width: 420px) {

    .mislens-distribution-supply {
        padding:
            42px
            0;
    }

    .mislens-distribution-supply__gateway {
        padding:
            25px
            0;
    }

    .mislens-distribution-supply__title {
        font-size: 30px;
    }

    .mislens-distribution-supply__action
    .mislens-distribution-button {
        min-height: 44px;

        padding:
            11px
            18px;
    }
}


/* ==========================================================================
09.01 分销 FAQ
========================================================================== */

.mislens-distribution-faq {
    padding:
        clamp(76px, 7vw, 108px)
        0;

    background: #f8f8f8;
}


/* ==========================================================================
09.02 FAQ 标题
========================================================================== */

.mislens-distribution-faq__heading {
    max-width: 760px;

    margin-bottom: 38px;
}

.mislens-distribution-faq__eyebrow {
    margin-bottom: 14px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-faq__title {
    margin: 0;

    color: #171717;

    font-size:
        clamp(
            34px,
            3.4vw,
            50px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.025em;
}


/* ==========================================================================
09.03 FAQ 列表
========================================================================== */

.mislens-distribution-faq__list {
    border-top:
        1px solid
        #dddddd;
}

.mislens-distribution-faq-item {
    border-bottom:
        1px solid
        #dddddd;
}

.mislens-distribution-faq-item__question {
    display: grid;

    grid-template-columns:
        48px
        minmax(0, 1fr)
        28px;

    gap: 14px;

    align-items: center;

    padding:
        22px
        0;

    cursor: pointer;

    list-style: none;
}

.mislens-distribution-faq-item__question::-webkit-details-marker {
    display: none;
}

.mislens-distribution-faq-item__number {
    color: #999999;

    font-size: 10px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: 0.08em;
}

.mislens-distribution-faq-item__question-text {
    color: #202020;

    font-size: 17px;
    line-height: 1.45;
    font-weight: 700;
}


/* ==========================================================================
09.04 FAQ 加减号
========================================================================== */

.mislens-distribution-faq-item__icon {
    position: relative;

    display: block;

    width: 18px;
    height: 18px;
}

.mislens-distribution-faq-item__icon::before,
.mislens-distribution-faq-item__icon::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    background: #777777;

    transform:
        translate(
            -50%,
            -50%
        );

    transition:
        opacity 160ms ease,
        transform 160ms ease;
}

.mislens-distribution-faq-item__icon::before {
    width: 14px;
    height: 1px;
}

.mislens-distribution-faq-item__icon::after {
    width: 1px;
    height: 14px;
}

.mislens-distribution-faq-item[open]
.mislens-distribution-faq-item__icon::after {
    opacity: 0;

    transform:
        translate(
            -50%,
            -50%
        )
        scaleY(0);
}


/* ==========================================================================
09.05 FAQ 回答
========================================================================== */

.mislens-distribution-faq-item__answer {
    padding:
        0
        42px
        22px
        62px;
}

.mislens-distribution-faq-item__answer p {
    max-width: 880px;

    margin: 0;

    color: #6f6f6f;

    font-size: 14px;
    line-height: 1.75;
}


/* ==========================================================================
09.91 FAQ 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-faq {
        padding:
            64px
            0;
    }

    .mislens-distribution-faq__heading {
        margin-bottom: 28px;
    }

    .mislens-distribution-faq__title {
        font-size: 34px;
    }

    .mislens-distribution-faq-item__question {
        grid-template-columns:
            34px
            minmax(0, 1fr)
            24px;

        gap: 10px;

        padding:
            19px
            0;
    }

    .mislens-distribution-faq-item__question-text {
        font-size: 15px;
        line-height: 1.45;
    }

    .mislens-distribution-faq-item__answer {
        padding:
            0
            24px
            19px
            44px;
    }

    .mislens-distribution-faq-item__answer p {
        font-size: 13px;
        line-height: 1.7;
    }
}


/* ==========================================================================
10.01 最终询盘
========================================================================== */

.mislens-distribution-inquiry {
    padding:
        clamp(72px, 6.5vw, 96px)
        0;

    background: #ffffff;
}


/* ==========================================================================
10.02 最终询盘容器
========================================================================== */

.mislens-distribution-inquiry__box {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap:
        clamp(40px, 6vw, 84px);

    align-items: center;

    padding:
        clamp(36px, 5vw, 58px);

    border:
        1px solid
        #dfdfdf;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #f8f8f8 0%,
            #ffffff 100%
        );
}


/* ==========================================================================
10.03 左侧内容
========================================================================== */

.mislens-distribution-inquiry__content {
    max-width: 720px;
}

.mislens-distribution-inquiry__eyebrow {
    margin-bottom: 13px;

    color: #777777;

    font-size: 11px;
    line-height: 1.3;
    font-weight: 700;

    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mislens-distribution-inquiry__title {
    margin: 0;

    color: #171717;

    font-size:
        clamp(
            34px,
            3.5vw,
            50px
        );

    line-height: 1.08;
    font-weight: 700;

    letter-spacing: -0.025em;
}

.mislens-distribution-inquiry__description {
    max-width: 670px;

    margin:
        18px
        0
        0;

    color: #6b6b6b;

    font-size: 15px;
    line-height: 1.75;
}

.mislens-distribution-inquiry__labels {
    margin-top: 19px;

    color: #8a8a8a;

    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;

    letter-spacing: 0.025em;
}


/* ==========================================================================
10.04 右侧行动区
========================================================================== */

.mislens-distribution-inquiry__action {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 10px;

    min-width: 220px;
}

.mislens-distribution-inquiry__button {
    min-width: 220px;

    cursor: pointer;
}

.mislens-distribution-inquiry__hint {
    color: #999999;

    font-size: 10px;
    line-height: 1.45;
    font-weight: 500;

    text-align: center;
}


/* ==========================================================================
10.90 Final Inquiry 平板
========================================================================== */

@media (max-width: 1024px) {

    .mislens-distribution-inquiry__box {
        gap: 36px;

        padding:
            38px
            34px;
    }
}


/* ==========================================================================
10.91 Final Inquiry 移动端
========================================================================== */

@media (max-width: 767px) {

    .mislens-distribution-inquiry {
        padding:
            56px
            0
            64px;
    }

    .mislens-distribution-inquiry__box {
        grid-template-columns: 1fr;

        gap: 28px;

        padding:
            28px
            22px;

        border-radius: 14px;
    }

    .mislens-distribution-inquiry__title {
        font-size: 34px;
    }

    .mislens-distribution-inquiry__description {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.65;
    }

    .mislens-distribution-inquiry__action {
        align-items: stretch;

        min-width: 0;
    }

    .mislens-distribution-inquiry__button {
        width: 100%;
        min-width: 0;
    }
}

.mislens-distribution-assortment-card__link,
.mislens-distribution-assortment-card__link:hover,
.mislens-distribution-assortment-card__link:focus,
.mislens-distribution-assortment-card__link:active {
    display: block;

    color: inherit !important;
    text-decoration: none !important;
}

.mislens-distribution-assortment-card__link *,
.mislens-distribution-assortment-card__link:hover *,
.mislens-distribution-assortment-card__link:focus * {
    text-decoration: none !important;
}