/* ============================================================================
   FEIZHOU · B2B采购与供应商协作主题
   Path: wwwroot/css/theme/themes/feizhou.css

   Scope: B2B components are nested inside .feizhou-b2b.
   - When selected under Admin > User Settings, global Feizhou palette applies.
   - Future standalone B2B layout can load this file and wrap its content in
     <div class="feizhou-b2b">...</div> independently of global theme setting.

   UI modules: procurement home / suppliers / RFQ / quotations / PO / approval /
               shipment / invoice & reconciliation / buyer dashboard.
   No JavaScript and no global body/header/footer selectors are required.
   ============================================================================ */

.feizhou-b2b {
    --fz-bg: #f6f7f4;
    --fz-surface: #ffffff;
    --fz-surface-alt: #f0f5f0;
    --fz-ink: #203027;
    --fz-muted: #65736a;
    --fz-primary: #176348;
    --fz-primary-hover: #0f4a34;
    --fz-primary-tint: #e8f3ed;
    --fz-accent: #c68735;
    --fz-border: #dce4dd;
    --fz-border-strong: #b7c9bb;
    --fz-info: #2864a4;
    --fz-warning: #9b670c;
    --fz-danger: #a83434;
    --fz-success: #21734f;
    --fz-radius-sm: 8px;
    --fz-radius: 12px;
    --fz-radius-lg: 18px;
    --fz-shadow: 0 8px 28px rgba(23, 66, 42, .065);
    --fz-container: 1320px;
    min-height: 100vh;
    background: var(--fz-bg);
    color: var(--fz-ink);
    font-family: Inter, "Noto Sans", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color-scheme: light;
}

    .feizhou-b2b,
    .feizhou-b2b *,
    .feizhou-b2b *::before,
    .feizhou-b2b *::after {
        box-sizing: border-box;
    }

        .feizhou-b2b :where(h1, h2, h3, h4, p) {
            margin-top: 0;
        }

        .feizhou-b2b a {
            color: var(--fz-primary);
            text-decoration: none;
        }

            .feizhou-b2b a:hover {
                text-decoration: underline;
            }

        .feizhou-b2b :where(button, input, select, textarea) {
            font: inherit;
        }

        .feizhou-b2b :where(a, button, input, select, textarea):focus-visible {
            outline: 3px solid rgba(23, 99, 72, .32);
            outline-offset: 3px;
        }

        /* ── 1. B2B专属容器、页头和页尾：不影响原商城 ───────────────────────────── */
        .feizhou-b2b .fz-container {
            width: min(calc(100% - 40px), var(--fz-container));
            margin-inline: auto;
        }

        .feizhou-b2b .fz-topbar {
            background: #173a2c;
            color: #e5f1e9;
            font-size: 12px;
        }

        .feizhou-b2b .fz-topbar__inner {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px 24px;
            min-height: 36px;
        }

        .feizhou-b2b .fz-topbar a {
            color: inherit;
        }

        .feizhou-b2b .fz-header {
            background: var(--fz-surface);
            border-bottom: 1px solid var(--fz-border);
            box-shadow: 0 3px 14px rgba(33, 65, 42, .025);
        }

        .feizhou-b2b .fz-header__inner {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 18px 28px;
            padding-block: 16px;
        }

        .feizhou-b2b .fz-logo {
            font-size: 22px;
            font-weight: 800;
            letter-spacing: -.04em;
            color: #173d2e;
        }

        .feizhou-b2b .fz-logo__mark {
            color: var(--fz-accent);
        }

        .feizhou-b2b .fz-header__search {
            flex: 1 1 330px;
        }

        .feizhou-b2b .fz-nav {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px 24px;
            padding-block: 12px;
            border-top: 1px solid var(--fz-border);
        }

            .feizhou-b2b .fz-nav a {
                font-size: 14px;
                font-weight: 600;
                color: var(--fz-ink);
            }

                .feizhou-b2b .fz-nav a:hover,
                .feizhou-b2b .fz-nav a[aria-current="page"] {
                    color: var(--fz-primary);
                }

                .feizhou-b2b .fz-nav a[aria-current="page"] {
                    text-decoration: underline;
                    text-underline-offset: 7px;
                }

        .feizhou-b2b .fz-page {
            padding-block: 34px 64px;
        }

        .feizhou-b2b .fz-page-header {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: end;
            gap: 14px;
            margin-bottom: 24px;
        }

        .feizhou-b2b .fz-page-title {
            margin: 0;
            font-size: clamp(24px, 3vw, 32px);
            letter-spacing: -.035em;
        }

        .feizhou-b2b .fz-page-subtitle {
            color: var(--fz-muted);
            margin: 8px 0 0;
        }

        .feizhou-b2b .fz-footer {
            background: #18362b;
            color: #d6e6db;
            padding: 34px 0;
        }

            .feizhou-b2b .fz-footer a {
                color: inherit;
            }

        /* ── 2. 首页横幅、快捷入口、卡片 ──────────────────────────────────────── */
        .feizhou-b2b .fz-hero {
            display: grid;
            grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr);
            align-items: center;
            gap: 28px;
            padding: clamp(30px, 5vw, 68px);
            border-radius: var(--fz-radius-lg);
            background: linear-gradient(115deg, #174c37 0%, #226044 60%, #337858 100%);
            color: #fff;
            overflow: hidden;
        }

        .feizhou-b2b .fz-hero__eyebrow {
            display: inline-flex;
            padding: 5px 12px;
            border-radius: 100px;
            background: rgba(255, 255, 255, .13);
            border: 1px solid rgba(255, 255, 255, .22);
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .04em;
        }

        .feizhou-b2b .fz-hero h1 {
            font-size: clamp(30px, 4vw, 50px);
            line-height: 1.16;
            margin: 18px 0;
        }

        .feizhou-b2b .fz-hero p {
            color: #e2efe7;
            font-size: 15px;
            max-width: 62ch;
        }

        .feizhou-b2b .fz-hero__panel {
            background: rgba(255, 255, 255, .95);
            color: var(--fz-ink);
            padding: 24px;
            border-radius: var(--fz-radius);
            box-shadow: 0 18px 50px rgba(3, 39, 22, .18);
        }

        .feizhou-b2b .fz-section {
            margin-top: 34px;
        }

        .feizhou-b2b .fz-section__header {
            display: flex;
            align-items: end;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 18px;
        }

        .feizhou-b2b .fz-section__title {
            margin: 0;
            font-size: 21px;
            font-weight: 750;
        }

        .feizhou-b2b .fz-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
        }

        .feizhou-b2b .fz-grid--4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .feizhou-b2b .fz-grid--2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .feizhou-b2b .fz-card {
            min-width: 0;
            border: 1px solid var(--fz-border);
            border-radius: var(--fz-radius);
            background: var(--fz-surface);
            box-shadow: var(--fz-shadow);
            padding: 20px;
        }

        .feizhou-b2b .fz-card--soft {
            background: var(--fz-surface-alt);
            box-shadow: none;
        }

        .feizhou-b2b .fz-card--clickable {
            transition: transform .17s ease, border-color .17s ease;
        }

            .feizhou-b2b .fz-card--clickable:hover {
                transform: translateY(-2px);
                border-color: var(--fz-primary);
            }

        .feizhou-b2b .fz-card__title {
            margin: 0 0 7px;
            font-weight: 750;
            font-size: 17px;
        }

        .feizhou-b2b .fz-card__desc {
            margin: 0;
            color: var(--fz-muted);
        }

        .feizhou-b2b .fz-stat {
            font-size: clamp(22px, 3vw, 31px);
            font-weight: 800;
            letter-spacing: -.035em;
        }

        .feizhou-b2b .fz-stat__label {
            color: var(--fz-muted);
            font-weight: 600;
            font-size: 13px;
        }

        /* ── 3. 工作台、侧栏与列表 ───────────────────────────────────────────── */
        .feizhou-b2b .fz-workspace {
            display: grid;
            grid-template-columns: 240px minmax(0, 1fr);
            gap: 24px;
        }

        .feizhou-b2b .fz-sidebar {
            background: var(--fz-surface);
            border: 1px solid var(--fz-border);
            border-radius: var(--fz-radius);
            padding: 14px;
            align-self: start;
        }

        .feizhou-b2b .fz-sidebar__heading {
            color: var(--fz-muted);
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: .09em;
            font-weight: 800;
            padding: 12px 10px 8px;
        }

        .feizhou-b2b .fz-sidebar a {
            display: flex;
            gap: 10px;
            align-items: center;
            border-radius: var(--fz-radius-sm);
            padding: 11px 12px;
            margin-block: 3px;
            color: var(--fz-ink);
            font-weight: 600;
        }

            .feizhou-b2b .fz-sidebar a:hover,
            .feizhou-b2b .fz-sidebar a[aria-current="page"] {
                background: var(--fz-primary-tint);
                color: var(--fz-primary);
                text-decoration: none;
            }

        .feizhou-b2b .fz-toolbar {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 16px;
        }

        .feizhou-b2b .fz-toolbar__spacer {
            flex: 1 1 auto;
        }

        .feizhou-b2b .fz-table-wrap {
            overflow-x: auto;
            border-radius: var(--fz-radius);
            border: 1px solid var(--fz-border);
            background: var(--fz-surface);
        }

        .feizhou-b2b .fz-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            min-width: 640px;
        }

            .feizhou-b2b .fz-table th,
            .feizhou-b2b .fz-table td {
                padding: 13px 16px;
                border-bottom: 1px solid var(--fz-border);
                vertical-align: middle;
            }

            .feizhou-b2b .fz-table th {
                background: #f0f4f0;
                font-weight: 750;
                color: #43594a;
                font-size: 12px;
            }

            .feizhou-b2b .fz-table tr:last-child td {
                border-bottom: 0;
            }

            .feizhou-b2b .fz-table tbody tr:hover {
                background: #f9fbf9;
            }

        .feizhou-b2b .fz-table__number {
            white-space: nowrap;
            font-variant-numeric: tabular-nums;
        }

        .feizhou-b2b .fz-empty {
            padding: 48px 24px;
            text-align: center;
            color: var(--fz-muted);
        }

        /* ── 4. 询价、报价、订单、合同与审批的状态样式 ───────────────────────────── */
        .feizhou-b2b .fz-badge {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border-radius: 999px;
            padding: 4px 10px;
            font-size: 12px;
            font-weight: 750;
            background: #edf1ee;
            color: #4e5d52;
            white-space: nowrap;
        }

        .feizhou-b2b .fz-badge--draft {
            background: #eef1f2;
            color: #5d6970;
        }

        .feizhou-b2b .fz-badge--pending {
            background: #fff3de;
            color: var(--fz-warning);
        }

        .feizhou-b2b .fz-badge--negotiating {
            background: #eaf2ff;
            color: var(--fz-info);
        }

        .feizhou-b2b .fz-badge--approved {
            background: var(--fz-primary-tint);
            color: var(--fz-success);
        }

        .feizhou-b2b .fz-badge--rejected {
            background: #ffeded;
            color: var(--fz-danger);
        }

        .feizhou-b2b .fz-badge--closed {
            background: #edf0ec;
            color: #56675a;
        }

        .feizhou-b2b .fz-process {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin: 0;
            padding: 18px 0;
        }

        .feizhou-b2b .fz-process__step {
            display: flex;
            align-items: center;
            gap: 9px;
            color: var(--fz-muted);
            font-weight: 650;
            font-size: 13px;
        }

            .feizhou-b2b .fz-process__step:not(:last-child)::after {
                content: "→";
                color: #abbab0;
                margin-left: 6px;
            }

        .feizhou-b2b .fz-process__number {
            display: inline-grid;
            place-items: center;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #e9efea;
            font-size: 12px;
            font-weight: 750;
        }

        .feizhou-b2b .fz-process__step.is-current {
            color: var(--fz-primary);
        }

            .feizhou-b2b .fz-process__step.is-current .fz-process__number,
            .feizhou-b2b .fz-process__step.is-done .fz-process__number {
                background: var(--fz-primary);
                color: white;
            }

        .feizhou-b2b .fz-timeline {
            border-left: 2px solid var(--fz-border-strong);
            padding-left: 22px;
            margin: 12px 0 4px 8px;
        }

        .feizhou-b2b .fz-timeline__item {
            position: relative;
            margin-bottom: 25px;
        }

            .feizhou-b2b .fz-timeline__item::before {
                content: "";
                position: absolute;
                left: -29px;
                top: 5px;
                height: 12px;
                width: 12px;
                background: var(--fz-surface);
                border: 3px solid var(--fz-primary);
                border-radius: 50%;
            }

        .feizhou-b2b .fz-timeline__title {
            font-weight: 750;
            margin: 0 0 3px;
        }

        .feizhou-b2b .fz-timeline__meta {
            font-size: 12px;
            color: var(--fz-muted);
        }

        .feizhou-b2b .fz-callout {
            border-left: 4px solid var(--fz-info);
            border-radius: var(--fz-radius-sm);
            background: #edf4fc;
            padding: 16px 18px;
        }

        .feizhou-b2b .fz-callout--warning {
            border-left-color: var(--fz-warning);
            background: #fff6e8;
        }

        .feizhou-b2b .fz-callout--success {
            border-left-color: var(--fz-success);
            background: #edf8f1;
        }

        /* ── 5. 搜索、录入报价表单、操作按钮 ────────────────────────────────── */
        .feizhou-b2b .fz-field {
            display: flex;
            flex-direction: column;
            gap: 7px;
            min-width: 0;
        }

        .feizhou-b2b .fz-label {
            font-size: 13px;
            font-weight: 700;
        }

        .feizhou-b2b .fz-hint {
            color: var(--fz-muted);
            font-size: 12px;
        }

        .feizhou-b2b :where(.fz-input, .fz-select, .fz-textarea) {
            display: block;
            width: 100%;
            min-height: 42px;
            padding: 10px 12px;
            border: 1px solid var(--fz-border-strong);
            border-radius: var(--fz-radius-sm);
            background: #fff;
            color: var(--fz-ink);
            transition: border-color .16s ease, box-shadow .16s ease;
        }

        .feizhou-b2b .fz-textarea {
            min-height: 110px;
            resize: vertical;
        }

        .feizhou-b2b :where(.fz-input, .fz-select, .fz-textarea):focus {
            outline: none;
            border-color: var(--fz-primary);
            box-shadow: 0 0 0 3px rgba(23, 99, 72, .15);
        }

        .feizhou-b2b :where(.fz-input, .fz-select, .fz-textarea):disabled {
            background: #f0f3f0;
            cursor: not-allowed;
        }

        .feizhou-b2b .fz-form-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px;
        }

        .feizhou-b2b .fz-search {
            display: flex;
            min-width: 0;
            align-items: stretch;
        }

            .feizhou-b2b .fz-search .fz-input {
                border-radius: var(--fz-radius-sm) 0 0 var(--fz-radius-sm);
            }

            .feizhou-b2b .fz-search .fz-btn {
                border-radius: 0 var(--fz-radius-sm) var(--fz-radius-sm) 0;
                white-space: nowrap;
            }

        .feizhou-b2b .fz-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            align-items: center;
        }

        .feizhou-b2b .fz-btn {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            min-height: 42px;
            padding: 10px 17px;
            border: 1px solid var(--fz-primary);
            border-radius: var(--fz-radius-sm);
            background: var(--fz-primary);
            color: #fff;
            font-weight: 750;
            cursor: pointer;
            line-height: 1.35;
            transition: background .15s ease, border-color .15s ease;
        }

            .feizhou-b2b .fz-btn:hover {
                background: var(--fz-primary-hover);
                border-color: var(--fz-primary-hover);
                color: #fff;
                text-decoration: none;
            }

        .feizhou-b2b .fz-btn--secondary {
            background: #fff;
            color: var(--fz-primary);
        }

            .feizhou-b2b .fz-btn--secondary:hover {
                background: var(--fz-primary-tint);
                color: var(--fz-primary-hover);
            }

        .feizhou-b2b .fz-btn--ghost {
            background: transparent;
            color: var(--fz-ink);
            border-color: var(--fz-border-strong);
        }

            .feizhou-b2b .fz-btn--ghost:hover {
                background: var(--fz-surface-alt);
                border-color: var(--fz-primary);
                color: var(--fz-primary);
            }

        .feizhou-b2b .fz-btn--accent {
            background: var(--fz-accent);
            border-color: var(--fz-accent);
            color: #17251b;
        }

            .feizhou-b2b .fz-btn--accent:hover {
                background: #d49a51;
                border-color: #d49a51;
                color: #17251b;
            }

        .feizhou-b2b .fz-btn:disabled {
            opacity: .55;
            cursor: not-allowed;
        }

        .feizhou-b2b .fz-btn--small {
            padding: 6px 11px;
            min-height: 32px;
            font-size: 12px;
        }

        .feizhou-b2b .fz-divider {
            border: 0;
            border-top: 1px solid var(--fz-border);
            margin-block: 20px;
        }

        .feizhou-b2b .fz-muted {
            color: var(--fz-muted);
        }

        .feizhou-b2b .fz-money {
            font-weight: 800;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
        }

        .feizhou-b2b .fz-inline-meta {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px 20px;
            color: var(--fz-muted);
            font-size: 12px;
        }

/* ── 6. 手机端与窄屏工作台 ─────────────────────────────────────────── */
@media (max-width: 1050px) {
    .feizhou-b2b .fz-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feizhou-b2b .fz-workspace {
        grid-template-columns: 200px minmax(0, 1fr);
        gap: 16px;
    }
}

@media (max-width: 760px) {
    .feizhou-b2b .fz-container {
        width: min(calc(100% - 28px), var(--fz-container));
    }

    .feizhou-b2b .fz-hero {
        grid-template-columns: minmax(0, 1fr);
    }

    .feizhou-b2b :where(.fz-grid, .fz-grid--2, .fz-grid--4) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feizhou-b2b .fz-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .feizhou-b2b .fz-sidebar {
        display: flex;
        gap: 4px;
        flex-wrap: wrap;
    }

    .feizhou-b2b .fz-sidebar__heading {
        flex-basis: 100%;
    }

    .feizhou-b2b .fz-form-grid {
        grid-template-columns: 1fr;
    }

    .feizhou-b2b .fz-page {
        padding-block: 24px 44px;
    }
}

@media (max-width: 480px) {
    .feizhou-b2b :where(.fz-grid, .fz-grid--2, .fz-grid--4) {
        grid-template-columns: 1fr;
    }

    .feizhou-b2b .fz-hero {
        padding: 26px 22px;
    }

    .feizhou-b2b .fz-header__inner {
        gap: 12px;
    }

    .feizhou-b2b .fz-nav {
        gap: 10px 14px;
    }

    .feizhou-b2b .fz-process {
        flex-direction: column;
    }

    .feizhou-b2b .fz-process__step::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .feizhou-b2b :where(.fz-btn, .fz-card--clickable, .fz-input, .fz-select, .fz-textarea) {
        transition: none;
    }
}

@media print {
    .feizhou-b2b {
        background: #fff;
        color: #000;
    }

        .feizhou-b2b :where(.fz-topbar, .fz-header, .fz-footer, .fz-sidebar, .fz-toolbar, .fz-actions) {
            display: none;
        }

        .feizhou-b2b :where(.fz-card, .fz-table-wrap) {
            box-shadow: none;
            break-inside: avoid;
        }

        .feizhou-b2b .fz-workspace {
            display: block;
        }
}

/* ===== Feizhou v2: brand storefront and shop-specific chat ===== */
.feizhou-b2b .fz-store-hero {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 32px;
    border-radius: var(--fz-radius-lg);
    background: linear-gradient(135deg,#173a2c,#27684d);
    color: #fff;
}

    .feizhou-b2b .fz-store-hero h1,
    .feizhou-b2b .fz-store-hero a {
        color: #fff;
    }

.feizhou-b2b .fz-store-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.feizhou-b2b .fz-store-brand__logo {
    width: 72px;
    height: 72px;
    object-fit: contain;
    border-radius: 12px;
    background: #fff;
    padding: 7px;
}

.feizhou-b2b .fz-store-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

    .feizhou-b2b .fz-store-tags span {
        border: 1px solid rgba(255,255,255,.35);
        border-radius: 50px;
        padding: 3px 10px;
    }

.feizhou-b2b .fz-store-products {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    gap: 18px;
}

.feizhou-b2b .fz-store-product {
    overflow: hidden;
    border: 1px solid var(--fz-border);
    border-radius: var(--fz-radius);
    background: #fff;
}

.feizhou-b2b .fz-store-product__media {
    aspect-ratio: 4/3;
    width: 100%;
    object-fit: contain;
    background: var(--fz-surface-alt);
}

.feizhou-b2b .fz-store-product__body {
    padding: 16px;
}

.feizhou-b2b .fz-store-product__moq {
    font-weight: 600;
    color: var(--fz-primary);
}

.feizhou-b2b .fz-store-chat-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    padding: 10px 16px;
    background: var(--fz-primary);
    color: #fff;
    border: 0;
    cursor: pointer;
}

.feizhou-b2b .fz-store-chat {
    display: grid;
    grid-template-columns: 260px minmax(0,1fr);
    background: #fff;
    border: 1px solid var(--fz-border);
    border-radius: var(--fz-radius-lg);
    min-height: 480px;
    overflow: hidden;
}

.feizhou-b2b .fz-store-chat__list {
    border-right: 1px solid var(--fz-border);
    background: var(--fz-surface-alt);
    overflow: auto;
}

.feizhou-b2b .fz-store-chat__thread {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.feizhou-b2b .fz-store-chat__messages {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.feizhou-b2b .fz-store-chat__bubble {
    max-width: min(78%,560px);
    border-radius: 14px;
    padding: 10px 14px;
    overflow-wrap: anywhere;
    background: var(--fz-surface-alt);
}

.feizhou-b2b .fz-store-chat__bubble--own {
    align-self: flex-end;
    background: var(--fz-primary-tint);
}

.feizhou-b2b .fz-store-chat__compose {
    display: flex;
    gap: 10px;
    padding: 14px;
    border-top: 1px solid var(--fz-border);
}

    .feizhou-b2b .fz-store-chat__compose textarea {
        flex: 1;
        min-width: 0;
        max-height: 150px;
        resize: vertical;
    }

    .feizhou-b2b .fz-store-chat__compose button {
        align-self: end;
    }

.feizhou-b2b .fz-store-review-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 20px;
    padding: 4px 10px;
    background: var(--fz-primary-tint);
    color: var(--fz-primary);
}

@media(max-width:760px) {
    .feizhou-b2b .fz-store-hero {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .feizhou-b2b .fz-store-chat {
        grid-template-columns: 1fr;
    }

    .feizhou-b2b .fz-store-chat__list {
        max-height: 180px;
        border-right: 0;
        border-bottom: 1px solid var(--fz-border);
    }

    .feizhou-b2b .fz-store-chat__bubble {
        max-width: 92%;
    }
}


/* ===== Feizhou v3: B2B homepage / brand-scoped image similarity search ===== */
.feizhou-b2b .fz-image-search {
    margin-block: 24px;
    padding: 24px;
    border-radius: var(--fz-radius-lg);
    background: var(--fz-surface-alt);
    border: 1px solid var(--fz-border);
}

.feizhou-b2b .fz-image-search__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.feizhou-b2b .fz-image-search__tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--fz-border-strong);
    background: #fff;
    color: var(--fz-ink);
    border-radius: 100px;
    padding: 10px 16px;
    font: inherit;
    cursor: pointer;
}

    .feizhou-b2b .fz-image-search__tab[aria-selected="true"] {
        background: var(--fz-primary);
        color: #fff;
        border-color: var(--fz-primary);
    }

.feizhou-b2b .fz-image-search__drop {
    border: 2px dashed var(--fz-border-strong);
    border-radius: var(--fz-radius);
    padding: 30px 22px;
    background: #fff;
    text-align: center;
    transition: border-color .15s,background .15s;
}

    .feizhou-b2b .fz-image-search__drop--dragover, .feizhou-b2b .fz-image-search__drop:focus-within {
        border-color: var(--fz-primary);
        background: var(--fz-primary-tint);
    }

.feizhou-b2b .fz-image-search__upload {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    min-height: 42px;
    border-radius: var(--fz-radius-sm);
    background: var(--fz-primary);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
}

.feizhou-b2b .fz-image-search__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

    .feizhou-b2b .fz-image-search__input:focus-visible + .fz-image-search__upload {
        outline: 3px solid var(--fz-accent);
        outline-offset: 3px;
    }

.feizhou-b2b .fz-image-search__preview {
    display: block;
    max-height: 260px;
    max-width: 100%;
    object-fit: contain;
    margin-inline: auto;
    border-radius: var(--fz-radius-sm);
}

.feizhou-b2b .fz-image-search__controls {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.feizhou-b2b .fz-image-search__message[role="alert"] {
    color: #a23d36;
}

.feizhou-b2b .fz-image-results {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(205px,1fr));
    gap: 16px;
    margin-block: 22px;
}

.feizhou-b2b .fz-image-results__card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--fz-border);
    border-radius: var(--fz-radius);
}

.feizhou-b2b .fz-image-results__image {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: contain;
    background: var(--fz-surface-alt);
}

.feizhou-b2b .fz-image-results__content {
    padding: 14px;
    display: grid;
    gap: 7px;
}

.feizhou-b2b .fz-image-results__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

@media(max-width:760px) {
    .feizhou-b2b .fz-image-search {
        padding: 16px;
    }

    .feizhou-b2b .fz-image-search__drop {
        padding: 25px 12px;
    }

    .feizhou-b2b .fz-image-results {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 10px;
    }
}

@media(max-width:420px) {
    .feizhou-b2b .fz-image-results {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Storefront palette bridge: applies only after an administrator explicitly
   selects Feizhou in Admin / Users / Settings. Existing themes stay unchanged.
   Standalone B2B modules above continue to require the .feizhou-b2b wrapper.
   ========================================================================== */
:root[data-theme="feizhou"] {
    --bg: #f6f7f4;
    --bg-soft: #eef4ef;
    --card: #ffffff;
    --text: #203027;
    --text-muted: #65736a;
    --primary: #176348;
    --primary-soft: #e8f3ed;
    --border: #dce4dd;
    --btn-text: #203027;
    --btn-bg: #ffffff;
    --btn-border: #dce4dd;
    --btn-primary-text: #ffffff;
    --btn-primary-bg: #176348;
    --btn-primary-border: #176348;
    --btn-secondary-text: #176348;
    --btn-secondary-bg: #e8f3ed;
    --btn-secondary-border: #b7c9bb;
    --shadow-md: 0 8px 28px rgba(23,66,42,.065);
    color-scheme: light;
}

body.theme-feizhou {
    background: #f6f7f4;
    color: #203027;
}

    body.theme-feizhou .site-header {
        background: rgba(255,255,255,.96);
        border-bottom-color: #dce4dd;
    }

        body.theme-feizhou .site-header :is(.brand, .navbar-brand, .site-brand),
        body.theme-feizhou .site-header .nav-links a:hover {
            color: #176348;
        }

        body.theme-feizhou .site-header .nav-links a.is-active {
            background: #e8f3ed;
            color: #176348;
        }

    body.theme-feizhou .btn-primary {
        background: #176348;
        border-color: #176348;
        color: #fff;
    }

    body.theme-feizhou .btn-outline {
        border-color: #176348;
        color: #176348;
    }

    body.theme-feizhou .site-footer {
        background: #173a2c;
        color: #e2ece5;
    }

        body.theme-feizhou .site-footer :is(a, h4, span) {
            color: #e2ece5;
        }

    /* ==========================================================================
   Feizhou V4 — actual homepage and brand-store templates
   Rendered only when the Feizhou theme is selected (homepage) and on the
   explicit B2B store route. Namespaced so existing B2C themes are unchanged.
   ========================================================================== */
    body.theme-feizhou main:has(> .fz-home) {
        padding: 0;
        max-width: none;
    }

.feizhou-b2b.fz-home, .feizhou-b2b.fz-storefront {
    --fz-container: 1260px;
    font-family: Inter, "Noto Sans", "Microsoft YaHei", system-ui, sans-serif;
    overflow: clip;
}

.feizhou-b2b .fz-home-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

.feizhou-b2b .fz-home-hero {
    color: #fff;
    padding: 74px 0 96px;
    background: radial-gradient(ellipse 490px 460px at 89% 15%, rgba(126,186,128,.16), transparent 72%), linear-gradient(119deg,#103927 1%, #174f38 51%, #1a6749 100%);
}

.feizhou-b2b .fz-home-hero__layout {
    display: grid;
    grid-template-columns: minmax(0,1.22fr) minmax(300px,.78fr);
    align-items: center;
    gap: clamp(24px,5vw,70px);
}

.feizhou-b2b .fz-home-hero__copy {
    min-width: 0;
}

.feizhou-b2b .fz-home-hero__kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 30px;
    font-size: 11px;
    font-weight: 780;
    letter-spacing: .12em;
    color: #cce2cd;
}

.feizhou-b2b .fz-home-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #b9dd9c;
    box-shadow: 0 0 0 4px rgba(177,218,163,.12);
}

.feizhou-b2b .fz-home-hero h1 {
    margin: 28px 0 21px;
    max-width: 700px;
    color: white;
    font-size: clamp(39px,5vw,66px);
    letter-spacing: -.055em;
    font-weight: 770;
    line-height: 1.13;
}

.feizhou-b2b .fz-home-hero__copy > p {
    color: #d7e7db;
    line-height: 1.75;
    font-size: 16px;
    max-width: 590px;
    margin: 0 0 28px;
}

.feizhou-b2b .fz-home-search {
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(100%, 635px);
    background: white;
    border: 2px solid white;
    padding: 6px;
    border-radius: 15px;
    box-shadow: 0 19px 48px rgba(4,29,17,.23);
}

    .feizhou-b2b .fz-home-search svg {
        flex: 0 0 22px;
        width: 22px;
        color: #66786d;
        margin-left: 12px;
    }

    .feizhou-b2b .fz-home-search input {
        flex: 1;
        min-width: 0;
        border: 0;
        outline: none;
        padding: 10px 5px;
        min-height: 44px;
        color: #253a2d;
        background: transparent;
        font-size: 14px;
    }

        .feizhou-b2b .fz-home-search input::placeholder {
            color: #7d8d82;
        }

        .feizhou-b2b .fz-home-search input:focus-visible {
            outline: none;
        }

    .feizhou-b2b .fz-home-search:focus-within {
        outline: 3px solid rgba(211,176,99,.68);
        outline-offset: 3px;
    }

    .feizhou-b2b .fz-home-search button {
        flex: 0 0 auto;
        align-self: stretch;
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: center;
        border: 0;
        padding: 0 21px;
        border-radius: 10px;
        background: #c58e3c;
        color: #172e23;
        font-weight: 780;
        cursor: pointer;
    }

        .feizhou-b2b .fz-home-search button:hover {
            background: #dca851;
        }

.feizhou-b2b .fz-home-hero__quick {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    color: #c9e1d0;
    font-size: 12px;
}

    .feizhou-b2b .fz-home-hero__quick span:not(:first-child) {
        border: 1px solid rgba(218,237,222,.23);
        padding: 4px 9px;
        border-radius: 22px;
        color: #e4efe6;
    }

.feizhou-b2b .fz-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.feizhou-b2b .fz-home-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 13px 20px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 780;
    min-height: 47px;
    text-decoration: none;
}

.feizhou-b2b .fz-home-btn--light {
    color: #164732;
    background: #f5f7f1;
}

.feizhou-b2b .fz-home-btn--outline {
    color: #f4fcf5;
    border: 1px solid rgba(230,244,234,.55);
}

.feizhou-b2b .fz-home-btn:hover {
    text-decoration: none;
    transform: translateY(-1px);
}

.feizhou-b2b .fz-home-btn--outline:hover {
    color: #fff;
    background: rgba(255,255,255,.09);
}

.feizhou-b2b .fz-home-hero__visual {
    background: linear-gradient(151deg, rgba(247,251,245,.13), rgba(18,51,36,.6));
    border: 1px solid rgba(227,245,230,.27);
    border-radius: 26px;
    padding: 30px;
    box-shadow: 0 34px 90px rgba(0,0,0,.18);
    backdrop-filter: blur(8px);
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

    .feizhou-b2b .fz-home-hero__visual:before {
        content: "";
        position: absolute;
        width: 345px;
        height: 345px;
        border: 1px solid rgba(221,240,221,.13);
        border-radius: 50%;
        left: 37%;
        top: 18%;
        box-shadow: 0 0 0 58px rgba(221,240,221,.035), 0 0 0 116px rgba(221,240,221,.025);
        pointer-events: none;
    }

.feizhou-b2b .fz-home-visual__top, .feizhou-b2b .fz-home-visual__flow {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feizhou-b2b .fz-home-visual__top {
    color: #d6ebd8;
    font-size: 11px;
    letter-spacing: .14em;
    font-weight: 750;
}

.feizhou-b2b .fz-home-visual__icon {
    font-size: 25px;
    color: #edc47a;
}

.feizhou-b2b .fz-home-visual__figure {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 27px 0;
}

.feizhou-b2b .fz-home-visual__symbol {
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 126px;
    height: 126px;
    background: linear-gradient(145deg,#ecdcad,#bf8e3e);
    color: #143f2c;
    border: 9px solid rgba(241,238,216,.24);
    border-radius: 27px;
    font: 900 77px/.85 Georgia,serif;
    box-shadow: 0 20px 54px rgba(10,24,13,.25);
}

    .feizhou-b2b .fz-home-visual__symbol span {
        font-size: 29px;
        color: #296747;
        margin-top: -30px;
    }

.feizhou-b2b .fz-home-visual__headline {
    font-size: 24px;
    line-height: 1.25;
    letter-spacing: .09em;
    font-weight: 820;
    margin-top: 24px;
    color: #fff;
}

.feizhou-b2b .fz-home-visual__flow {
    background: rgba(12,43,29,.54);
    border: 1px solid rgba(243,247,239,.12);
    border-radius: 13px;
    padding: 16px;
    gap: 4px;
}

    .feizhou-b2b .fz-home-visual__flow div {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .feizhou-b2b .fz-home-visual__flow b {
        color: #d7b175;
        font-size: 14px;
    }

    .feizhou-b2b .fz-home-visual__flow span {
        color: #d8e7dd;
        font-size: 11px;
    }

    .feizhou-b2b .fz-home-visual__flow i {
        font-style: normal;
        color: #b6d4be;
    }

.feizhou-b2b .fz-home-content {
    padding: 0 0 78px;
}

.feizhou-b2b .fz-home-entry {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 13px;
    margin-top: -37px;
    position: relative;
    z-index: 1;
}

.feizhou-b2b .fz-home-entry__card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 106px;
    padding: 19px 23px;
    background: white;
    border: 1px solid #e2eae2;
    border-radius: 16px;
    box-shadow: 0 13px 32px rgba(22,56,30,.075);
    color: #25392d;
}

    .feizhou-b2b .fz-home-entry__card:hover {
        transform: translateY(-3px);
        text-decoration: none;
        border-color: #92bca2;
    }

    .feizhou-b2b .fz-home-entry__card > span:nth-child(2) {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .feizhou-b2b .fz-home-entry__card strong {
        font-size: 15px;
        font-weight: 800;
        color: #253d2c;
    }

    .feizhou-b2b .fz-home-entry__card small {
        color: #78887d;
        font-size: 12px;
    }

.feizhou-b2b .fz-home-entry__icon {
    flex: 0 0 51px;
    width: 51px;
    height: 51px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: #edf5ec;
    color: #1b6a47;
    font-size: 27px;
    font-weight: 750;
}

.feizhou-b2b .fz-home-entry__arrow {
    margin-left: auto;
    align-self: flex-start;
    color: #4b8c64;
}

.feizhou-b2b .fz-home-eyebrow {
    color: #b0782c;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .16em;
    margin-bottom: 10px;
}

.feizhou-b2b .fz-home-photo {
    margin-top: 79px;
    display: grid;
    grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
    align-items: center;
    gap: 46px;
    background: #edf4ed;
    border: 1px solid #dce8da;
    border-radius: 23px;
    padding: clamp(24px,4vw,52px);
}

    .feizhou-b2b .fz-home-photo h2 {
        font-size: clamp(27px,3vw,40px);
        letter-spacing: -.035em;
        line-height: 1.25;
        font-weight: 800;
        max-width: 430px;
        color: #193e2a;
        margin: 0 0 17px;
    }

    .feizhou-b2b .fz-home-photo p {
        font-size: 14px;
        color: #607566;
        line-height: 1.8;
        max-width: 440px;
    }

.feizhou-b2b .fz-home-photo__features {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
}

    .feizhou-b2b .fz-home-photo__features span {
        background: #fff;
        border: 1px solid #dce6dc;
        color: #3f6650;
        padding: 7px 10px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 750;
    }

.feizhou-b2b .fz-home-photo__box {
    background: white;
    border: 1px solid #dce7db;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 11px 30px rgba(31,71,43,.045);
}

.feizhou-b2b .fz-home-photo__drop {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 216px;
    padding: 25px;
    border: 2px dashed #a8c7ad;
    border-radius: 11px;
    cursor: pointer;
    text-align: center;
    transition: background .2s,border-color .2s;
}

    .feizhou-b2b .fz-home-photo__drop:hover, .feizhou-b2b .fz-home-photo__drop.is-dragging, .feizhou-b2b .fz-home-photo__box:focus-within .fz-home-photo__drop {
        background: #f2f8f1;
        border-color: #4b926a;
    }

.feizhou-b2b .fz-home-photo__camera {
    display: grid;
    place-items: center;
    width: 59px;
    height: 59px;
    border-radius: 15px;
    background: #e5f2e5;
    color: #1c704b;
}

    .feizhou-b2b .fz-home-photo__camera svg {
        width: 30px;
        height: 30px;
    }

.feizhou-b2b .fz-home-photo__drop strong {
    font-size: 14px;
    color: #245139;
}

.feizhou-b2b .fz-home-photo__drop small {
    font-size: 12px;
    color: #7a8c7b;
}

.feizhou-b2b .fz-home-photo__drop img {
    max-height: 185px;
    max-width: 100%;
    object-fit: contain;
    border-radius: 7px;
}

    .feizhou-b2b .fz-home-photo__drop img[hidden] {
        display: none;
    }

.feizhou-b2b .fz-home-photo__foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 14px;
    font-size: 11px;
    color: #6f8373;
}

    .feizhou-b2b .fz-home-photo__foot [data-error="true"] {
        color: #a63636;
    }

.feizhou-b2b .fz-home-photo__coming {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 850;
    padding: 5px 8px;
    color: #ae7b36;
    background: #fff7e8;
    border-radius: 7px;
}

.feizhou-b2b .fz-home-section {
    margin-top: 84px;
}

.feizhou-b2b .fz-home-section__head {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}

    .feizhou-b2b .fz-home-section__head h2 {
        font-size: clamp(26px,3vw,35px);
        margin: 0 0 9px;
        color: #203d2d;
        font-weight: 850;
        letter-spacing: -.035em;
    }

    .feizhou-b2b .fz-home-section__head p {
        color: #738578;
        margin: 0;
        font-size: 13px;
    }

.feizhou-b2b .fz-home-section__more {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    color: #1c6647;
    font-size: 13px;
    font-weight: 800;
    padding: 8px 0;
    white-space: nowrap;
}

.feizhou-b2b .fz-home-categories {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 16px;
}

.feizhou-b2b .fz-home-category {
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    padding: 12px 12px 22px;
    text-align: center;
    border-radius: 15px;
    background: white;
    border: 1px solid #e1e9df;
    min-width: 0;
}

    .feizhou-b2b .fz-home-category:hover, .feizhou-b2b .fz-home-brand:hover {
        text-decoration: none;
        transform: translateY(-3px);
        border-color: #9bc2a6;
        box-shadow: 0 13px 35px rgba(25,65,38,.075);
    }

.feizhou-b2b .fz-home-category__media {
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 4/3;
    background: #f3f6f1;
    border-radius: 11px;
    overflow: hidden;
}

    .feizhou-b2b .fz-home-category__media img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        mix-blend-mode: multiply;
    }

    .feizhou-b2b .fz-home-category__media span {
        font-size: 45px;
        color: #7daa89;
    }

.feizhou-b2b .fz-home-category strong {
    font-size: 13px;
    font-weight: 780;
    color: #284633;
    overflow-wrap: anywhere;
}

.feizhou-b2b .fz-home-category > span:last-child {
    position: absolute;
    bottom: 8px;
    right: 12px;
    color: #699578;
    font-size: 13px;
}

.feizhou-b2b .fz-home-brands {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}

.feizhou-b2b .fz-home-brand {
    overflow: hidden;
    border-radius: 16px;
    background: white;
    border: 1px solid #dce7dd;
    color: #284335;
}

.feizhou-b2b .fz-home-brand__cover {
    height: 100px;
    background: linear-gradient(132deg,#184b36,#3b8660);
    position: relative;
    overflow: hidden;
}

    .feizhou-b2b .fz-home-brand__cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.feizhou-b2b .fz-home-brand__pattern {
    display: block;
    position: absolute;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(255,255,255,.21);
    border-radius: 50%;
    top: -45px;
    right: -40px;
    box-shadow: 0 0 0 34px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.035);
}

.feizhou-b2b .fz-home-brand__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    padding: 30px 19px 18px;
}

.feizhou-b2b .fz-home-brand__logo {
    position: absolute;
    top: -26px;
    left: 18px;
    width: 49px;
    height: 49px;
    border: 4px solid white;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: #eaf2e9;
    color: #206447;
    font-size: 24px;
    font-weight: 850;
    overflow: hidden;
}

    .feizhou-b2b .fz-home-brand__logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #fff;
    }

.feizhou-b2b .fz-home-brand__active {
    color: #568467;
    font-size: 10px;
    letter-spacing: .1em;
    font-weight: 820;
}

.feizhou-b2b .fz-home-brand__body > strong {
    color: #244232;
    font-size: 17px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.feizhou-b2b .fz-home-brand__body > small {
    color: #819087;
    font-size: 12px;
    min-height: 31px;
}

.feizhou-b2b .fz-home-brand__link {
    color: #206f49;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e9eee8;
    padding-top: 13px;
}

.feizhou-b2b .fz-home-products {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 19px;
}

.feizhou-b2b .fz-home-product {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: white;
    border: 1px solid #e1e9e0;
    border-radius: 15px;
}

.feizhou-b2b .fz-home-product__image {
    display: block;
    width: 100%;
    aspect-ratio: 5/4;
    background: #f1f5f0;
    overflow: hidden;
}

    .feizhou-b2b .fz-home-product__image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: transform .25s ease;
    }

.feizhou-b2b .fz-home-product:hover img {
    transform: scale(1.035);
}

.feizhou-b2b .fz-home-product__info {
    flex: 1;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.feizhou-b2b .fz-home-product__brand {
    color: #2f8558;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.feizhou-b2b .fz-home-product__info h3 {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
    min-height: 45px;
}

    .feizhou-b2b .fz-home-product__info h3 a {
        color: #273d30;
    }

.feizhou-b2b .fz-home-product__quote {
    color: #718277;
    font-size: 12px;
    margin-top: auto;
}

.feizhou-b2b .fz-home-product__action {
    display: flex;
    justify-content: space-between;
    padding-top: 11px;
    border-top: 1px solid #e7eee7;
    color: #176b47;
    font-size: 12px;
    font-weight: 800;
}

.feizhou-b2b .fz-home-empty {
    border: 1px dashed #b4cdb8;
    background: #f1f6f0;
    padding: 38px 25px;
    color: #687e6b;
    border-radius: 15px;
    text-align: center;
}

.feizhou-b2b .fz-home-bottom {
    margin-top: 87px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(118deg,#184834,#286b4b);
    border-radius: 22px;
    padding: 42px clamp(23px,4vw,54px);
}

    .feizhou-b2b .fz-home-bottom .fz-home-eyebrow {
        color: #ddc08a;
    }

    .feizhou-b2b .fz-home-bottom h2 {
        color: #fff;
        font-size: clamp(23px,3vw,34px);
        font-weight: 850;
        margin: 0 0 10px;
    }

    .feizhou-b2b .fz-home-bottom p {
        color: #d7ebdd;
        font-size: 13px;
        margin: 0;
    }
/* Brand storefront */
.feizhou-b2b.fz-storefront {
    padding: 32px 0 75px;
}

.feizhou-b2b .fz-storefront__breadcrumbs {
    display: flex;
    gap: 11px;
    font-size: 12px;
    color: #79907e;
    margin-bottom: 20px;
}

.feizhou-b2b .fz-storefront__banner {
    position: relative;
    overflow: hidden;
    min-height: 245px;
    padding: 35px;
    border-radius: 19px;
    background: linear-gradient(120deg,#174331,#31805a);
    display: flex;
    align-items: end;
}

.feizhou-b2b .fz-storefront__banner-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .26;
}

.feizhou-b2b .fz-storefront__intro {
    display: flex;
    gap: 22px;
    align-items: center;
    z-index: 1;
    position: relative;
}

.feizhou-b2b .fz-storefront__logo {
    flex: 0 0 82px;
    display: grid;
    place-items: center;
    width: 82px;
    height: 82px;
    border: 5px solid #e5ece4;
    border-radius: 18px;
    background: white;
    color: #176348;
    font-size: 40px;
    font-weight: 850;
    overflow: hidden;
}

    .feizhou-b2b .fz-storefront__logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.feizhou-b2b .fz-storefront__intro h1 {
    font-size: clamp(27px,4vw,46px);
    margin: 12px 0 4px;
    color: #fff;
}

.feizhou-b2b .fz-storefront__intro p {
    color: #d7e7dd;
    font-size: 14px;
}

.feizhou-b2b .fz-storefront__about {
    margin-top: 32px;
    border-radius: 15px;
    background: white;
    border: 1px solid #dce6db;
    padding: 25px;
}

    .feizhou-b2b .fz-storefront__about h2 {
        font-size: 21px;
        color: #234932;
    }

    .feizhou-b2b .fz-storefront__about p {
        color: #68806e;
        white-space: pre-line;
    }

.feizhou-b2b .fz-storefront__note {
    margin-top: 35px;
    border-left: 4px solid #c48d3e;
    background: #fff9ed;
    padding: 16px 18px;
    border-radius: 0 9px 9px 0;
    color: #776b49;
    font-size: 12px;
}

@media(max-width:1050px) {
    .feizhou-b2b .fz-home-hero__layout {
        grid-template-columns: 1fr minmax(255px,.65fr);
        gap: 24px;
    }

    .feizhou-b2b .fz-home-hero h1 {
        font-size: clamp(36px,4.5vw,54px);
    }

    .feizhou-b2b .fz-home-categories {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .feizhou-b2b .fz-home-brands, .feizhou-b2b .fz-home-products {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media(max-width:790px) {
    .feizhou-b2b .fz-home-hero {
        padding: 54px 0 82px;
    }

    .feizhou-b2b .fz-home-hero__layout {
        grid-template-columns: 1fr;
    }

    .feizhou-b2b .fz-home-hero__visual {
        min-height: 290px;
    }

    .feizhou-b2b .fz-home-visual__figure {
        padding: 8px 0;
    }

    .feizhou-b2b .fz-home-entry {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .feizhou-b2b .fz-home-entry__card {
        min-height: 88px;
    }

    .feizhou-b2b .fz-home-photo {
        grid-template-columns: 1fr;
        gap: 23px;
        margin-top: 56px;
    }

    .feizhou-b2b .fz-home-section {
        margin-top: 65px;
    }

    .feizhou-b2b .fz-home-bottom {
        margin-top: 68px;
    }
}

@media(max-width:520px) {
    .feizhou-b2b .fz-container {
        width: min(calc(100% - 28px),var(--fz-container));
    }

    .feizhou-b2b .fz-home-hero h1 {
        font-size: 37px;
    }

    .feizhou-b2b .fz-home-search {
        gap: 4px;
    }

        .feizhou-b2b .fz-home-search button {
            padding-inline: 12px;
            font-size: 12px;
        }

    .feizhou-b2b .fz-home-categories, .feizhou-b2b .fz-home-brands, .feizhou-b2b .fz-home-products {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 10px;
    }

    .feizhou-b2b .fz-home-category {
        padding: 9px 9px 20px;
    }

    .feizhou-b2b .fz-home-product__info {
        padding: 12px;
    }

        .feizhou-b2b .fz-home-product__info h3 {
            font-size: 13px;
        }

    .feizhou-b2b .fz-home-brand__body {
        padding: 28px 12px 14px;
    }

    .feizhou-b2b .fz-home-photo {
        padding: 19px;
    }

    .feizhou-b2b .fz-home-visual__flow {
        gap: 5px;
        padding: 12px;
    }

    .feizhou-b2b .fz-storefront__banner {
        padding: 22px;
    }

    .feizhou-b2b .fz-storefront__intro {
        gap: 12px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .feizhou-b2b :where(.fz-home-brand,.fz-home-entry__card,.fz-home-category,.fz-home-product__image img,.fz-home-btn) {
        transition: none !important;
    }
}
/* Feizhou navigation is visibly distinct; other themes retain their own header. */
body.theme-feizhou .site-header {
    background: #123e2c;
    border-bottom: 1px solid #2c6247;
}

    body.theme-feizhou .site-header :is(.brand,.navbar-brand,.site-brand,.nav-links a,.auth a,.auth span) {
        color: #edf5ed;
    }

    body.theme-feizhou .site-header :is(.brand,.navbar-brand,.site-brand,.nav-links a):hover {
        color: #f1ca8b;
    }

    body.theme-feizhou .site-header .nav-links a.is-active {
        background: rgba(255,255,255,.11);
        color: #fff;
    }

    body.theme-feizhou .site-header .fz-site-mark {
        color: #f8f7ed;
        font-size: 22px;
        letter-spacing: -.06em;
        font-weight: 900;
        white-space: nowrap;
    }

        body.theme-feizhou .site-header .fz-site-mark span {
            color: #e9bf74;
            border: 1px solid rgba(232,191,114,.4);
            padding: 3px 5px;
            border-radius: 5px;
            font-size: 11px;
            margin-left: 3px;
            vertical-align: 4px;
            letter-spacing: 0;
        }

    body.theme-feizhou .site-header .nav-links a.fz-header-join {
        color: #dcb67a;
        font-weight: 800;
    }

    body.theme-feizhou .site-header .nav-toggle {
        color: #fff;
        background: #1c573c;
        border-color: #3d7354;
    }

    body.theme-feizhou .site-header .auth .auth-btn {
        color: #e7f3e9;
        border-color: rgba(222,240,225,.45);
    }

@media(max-width:1050px) {
    body.theme-feizhou .site-header .nav-links {
        gap: 4px;
    }

        body.theme-feizhou .site-header .nav-links a {
            font-size: 12px;
            padding: 0 8px;
        }
}

@media(max-width:768px) {
    body.theme-feizhou .site-header .nav-links {
        background: #154932;
    }

        body.theme-feizhou .site-header .nav-links a {
            font-size: 14px;
            padding: 11px 15px;
            color: white;
        }
}

.feizhou-b2b .fz-home-entry__card--soon {
    opacity: .72;
    cursor: default;
}

    .feizhou-b2b .fz-home-entry__card--soon:hover {
        transform: none;
        border-color: #e2eae2;
        box-shadow: 0 13px 32px rgba(22,56,30,.075);
    }

.feizhou-b2b .fz-home-entry__soon {
    margin-left: auto;
    padding: 5px 6px;
    font-size: 9px;
    font-weight: 850;
    color: #af792d;
    background: #fff2df;
    border-radius: 6px;
}

@media(max-width:1120px) {
    .feizhou-b2b .fz-home-entry {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media(max-width:790px) {
    .feizhou-b2b .fz-home-entry {
        grid-template-columns: 1fr;
    }
}

/* AfriWeva V7: independent supplier storefront management UI */
.fz-v7-header {
    margin-bottom: 22px
}

    .fz-v7-header h1 {
        margin: 0 0 8px;
        font-size: 30px
    }

.fz-v7-card {
    padding: 24px;
    margin: 16px 0
}

    .fz-v7-card label {
        display: block;
        font-size: 14px;
        font-weight: 650;
        margin-bottom: 13px
    }

    .fz-v7-card input:not([type=checkbox]):not([type=file]), .fz-v7-card textarea, .fz-v7-card select,
    .fz-v7-form-grid input:not([type=checkbox]):not([type=file]) {
        display: block;
        width: 100%;
        padding: 10px;
        border: 1px solid #cddbd1;
        border-radius: 8px;
        margin-top: 6px;
        background: #fff;
        color: #173a2c
    }

.fz-v7-form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin: 16px 0
}

.fz-v7-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14px
}

    .fz-v7-table th, .fz-v7-table td {
        padding: 11px;
        border-bottom: 1px solid #dfe9e1;
        text-align: left
    }

.fz-v7-alert {
    padding: 12px 16px;
    border: 1px solid #d7bd7f;
    background: #faf5e7;
    border-radius: 8px;
    color: #594318;
    margin: 15px 0
}

@media(max-width:720px) {
    .fz-v7-form-grid {
        grid-template-columns: 1fr
    }

    .fz-v7-table {
        font-size: 12px
    }
}
/* Public clothing wholesale detail */
.feizhou-b2b .fz-v7-product-header {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 34px;
    padding: 25px 0
}

.feizhou-b2b .fz-v7-product-photo {
    width: 100%;
    max-height: 570px;
    object-fit: contain;
    background: #f2f5f0;
    border-radius: 14px
}

.feizhou-b2b .fz-v7-product-gallery {
    display: flex;
    gap: 8px;
    margin: 8px 0;
    overflow: auto
}

    .feizhou-b2b .fz-v7-product-gallery img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 8px
    }

.feizhou-b2b .fz-v7-public-panel {
    background: #fff;
    border: 1px solid #d8e7db;
    border-radius: 12px;
    padding: 24px;
    margin: 16px 0
}

.feizhou-b2b .fz-v7-quote-note {
    background: #f3f7f2;
    border-left: 3px solid #b78a36;
    padding: 10px
}

@media(max-width:750px) {
    .feizhou-b2b .fz-v7-product-header {
        grid-template-columns: 1fr
    }
}

/* ===== AfriWeva V8: standalone brand messaging ===== */
.feizhou-b2b.fz-v8-shell {
    padding: 28px 0 56px;
    min-height: 60vh;
    color: #19392b
}

.fz-v8-container {
    max-width: 920px;
    margin: 0 auto;
    padding: 0 18px
}

.fz-v8-shell .fz-container {
    max-width: 1000px
}

.fz-v8-shell h1 {
    font-size: clamp(1.5rem,3vw,2rem);
    margin: 12px 0
}

.fz-v8-muted, .fz-v8-context, .fz-v8-disclaimer {
    color: #67786e;
    font-size: .9rem
}

.fz-v8-back {
    color: #256646;
    text-decoration: none
}

.fz-v8-heading {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    margin: 14px 0 20px
}

.fz-v8-list {
    display: grid;
    gap: 10px
}

.fz-v8-list-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    background: #fff;
    border: 1px solid #dae6de;
    border-radius: 12px;
    padding: 18px;
    color: #173a2c;
    text-decoration: none
}

    .fz-v8-list-item:hover {
        border-color: #5c9a70;
        background: #fafdfa
    }

    .fz-v8-list-item small {
        display: block;
        color: #6b7e72;
        font-size: .85rem;
        margin-top: 4px
    }

.fz-v8-unread {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #296f4b;
    color: white;
    font-size: .8rem
}

.fz-v8-empty {
    border: 1px dashed #aac7b1;
    background: #fff;
    padding: 28px;
    border-radius: 12px
}

.fz-v8-messages {
    height: min(58vh,520px);
    min-height: 280px;
    overflow: auto;
    background: #f7f9f7;
    border: 1px solid #dbe9df;
    padding: 16px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.fz-v8-message {
    max-width: min(80%,600px);
    border-radius: 14px;
    padding: 12px 15px;
    border: 1px solid #dfebe2;
    background: white;
    white-space: pre-wrap;
    overflow-wrap: anywhere
}

    .fz-v8-message.mine {
        align-self: flex-end;
        background: #e2efe7;
        border-color: #add1b8
    }

    .fz-v8-message.theirs {
        align-self: flex-start
    }

    .fz-v8-message strong, .fz-v8-message time {
        display: block;
        font-size: .75rem;
        color: #557563
    }

    .fz-v8-message p {
        margin: 7px 0;
        white-space: pre-wrap
    }

    .fz-v8-message time {
        text-align: right;
        margin-top: 7px
    }

.fz-v8-image {
    max-width: 100%;
    max-height: 260px;
    border-radius: 8px;
    display: block;
    margin: 6px 0
}

.fz-v8-compose {
    background: #fff;
    border: 1px solid #dbe9df;
    border-radius: 14px;
    padding: 16px;
    margin-top: 12px
}

    .fz-v8-compose label {
        display: block;
        font-weight: 600;
        margin-bottom: 6px
    }

    .fz-v8-compose textarea {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #abcab4;
        border-radius: 10px;
        padding: 12px;
        background: #fff;
        font: inherit;
        color: #19392b;
        resize: vertical
    }

.fz-v8-compose-actions, .fz-v8-tools {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 12px
}

    .fz-v8-compose-actions label {
        margin: 0
    }

.fz-v8-tools {
    margin: 10px 0 18px
}

    .fz-v8-tools form {
        display: flex;
        gap: 8px;
        align-items: center;
        flex-wrap: wrap
    }

    .fz-v8-tools select {
        max-width: 260px;
        padding: 9px;
        border: 1px solid #b7cebd;
        border-radius: 7px
    }

.fz-v8-button {
    background: #176348;
    border: 0;
    border-radius: 9px;
    color: white;
    padding: 11px 18px;
    cursor: pointer;
    font-weight: 600;
    white-space: nowrap
}

    .fz-v8-button:disabled {
        opacity: .55;
        cursor: not-allowed
    }

    .fz-v8-button.fz-v8-secondary {
        background: #4d6155
    }

.fz-v8-status {
    color: #446b53;
    min-height: 1.2em;
    font-size: .85rem
}

.fz-v8-disclaimer {
    padding-top: 8px
}

@media(max-width:640px) {
    .fz-v8-compose-actions {
        align-items: stretch;
        flex-direction: column
    }

    .fz-v8-message {
        max-width: 94%
    }

    .fz-v8-tools form {
        width: 100%
    }
}

.fz-v8-product-card {
    display: flex;
    gap: 9px;
    align-items: center;
    flex-wrap: wrap;
    background: #edf5ef;
    border: 1px solid #cee0d2;
    padding: 9px 12px;
    border-radius: 10px;
    color: #4d6a57;
    margin: 12px 0
}

    .fz-v8-product-card a {
        color: #216748;
        font-weight: 700
    }

/* AfriWeva V9 image similarity search */
.feizhou-b2b .aw-image-page, .aw-image-page {
    padding: 40px 0 70px;
}

    .aw-image-page .fz-container {
        max-width: 1160px;
        margin-inline: auto;
        padding-inline: 20px;
    }

.aw-image-kicker {
    color: #9a763b;
    font-weight: 800;
    letter-spacing: .12em;
}

.aw-image-page h1 {
    color: #173a2c;
    font-size: clamp(1.6rem,4vw,2.7rem);
}

.aw-image-form {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    background: #eff5ef;
    border-radius: 16px;
    padding: 20px;
    margin-top: 22px;
}

    .aw-image-form label {
        flex: 1 1 100%;
        font-weight: 700;
    }

    .aw-image-form input {
        max-width: 100%;
    }

    .aw-image-form button, .fz-home-photo__box #fz-photo-submit {
        border: 0;
        color: #fff;
        background: #176348;
        border-radius: 12px;
        padding: 11px 17px;
        cursor: pointer;
    }

        .fz-home-photo__box #fz-photo-submit:disabled {
            opacity: .45;
            cursor: not-allowed;
        }

.aw-image-info {
    color: #53695b;
    font-size: .9rem;
}

.aw-image-warning {
    border-left: 4px solid #b58731;
    background: #fff9e7;
    padding: 15px;
    border-radius: 9px;
}

.aw-image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(225px,1fr));
    gap: 18px;
    padding: 20px 0;
}

.aw-image-product {
    overflow: hidden;
    border: 1px solid #d7e2d8;
    background: #fff;
    border-radius: 16px;
}

    .aw-image-product img {
        display: block;
        width: 100%;
        aspect-ratio: 4/5;
        object-fit: cover;
    }

.aw-image-product-body {
    padding: 15px;
}

.aw-image-product h2 {
    font-size: 1.08rem;
    margin: 0 0 12px;
}

.aw-image-product p {
    color: #5a7062;
    font-size: .91rem;
}

.aw-image-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .aw-image-product-actions a, .aw-image-back, .aw-store-image-search a {
        color: #176348;
        font-weight: 700;
    }

.aw-image-back {
    display: inline-block;
    padding-block: 12px;
}

.aw-store-image-search {
    margin: 12px 0;
    padding: 10px 15px;
    border: 1px solid #d7e2d8;
    border-radius: 12px;
}


/* AfriWeva V10: buyer RFQ and supplier quoting workspaces */
.feizhou-b2b.aw-rfq-page {
    background: #f6f8f6;
    color: #163b2a;
    padding: 34px 0 70px;
    min-height: 70vh
}

.aw-rfq-page .fz-container {
    max-width: 1100px;
    margin: auto;
    padding: 0 20px
}

.aw-rfq-nav {
    margin-bottom: 22px;
    color: #6a7c70;
    font-size: .91rem
}

.aw-rfq-page a {
    color: #176348
}

.aw-rfq-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 22px
}

    .aw-rfq-heading h1 {
        font-size: clamp(1.7rem,3.4vw,2.4rem);
        line-height: 1.18;
        margin: 7px 0 12px;
        color: #173a2c
    }

    .aw-rfq-heading h3 {
        margin: 0 0 7px
    }

    .aw-rfq-heading p, .aw-rfq-muted {
        color: #627367;
        font-size: .93rem;
        line-height: 1.6
    }

.aw-rfq-form, .aw-rfq-panel {
    background: #fff;
    border: 1px solid #d9e5da;
    border-radius: 16px;
    padding: 24px;
    margin: 18px 0;
    box-shadow: 0 4px 18px rgba(14,49,29,.03)
}

.aw-rfq-page h2 {
    margin: 17px 0 14px;
    font-size: 1.2rem;
    color: #173a2c
}

.aw-rfq-form label {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-weight: 650;
    font-size: .91rem;
    margin-bottom: 15px
}

.aw-rfq-page input, .aw-rfq-page textarea, .aw-rfq-page select {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    border: 1px solid #bdcfbf;
    border-radius: 9px;
    background: #fff;
    color: #173a2c;
    padding: 10px 12px;
    font: inherit;
    font-weight: 400
}

    .aw-rfq-page input[readonly] {
        background: #f0f4ef
    }

    .aw-rfq-page input:focus, .aw-rfq-page textarea:focus, .aw-rfq-page select:focus {
        outline: 2px solid #9bbda5;
        outline-offset: 2px
    }

.aw-rfq-two {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px 20px
}

.aw-rfq-item {
    border-top: 1px solid #e3eae3;
    padding: 15px 0 0
}

    .aw-rfq-item h3 {
        font-size: 1.04rem;
        margin: 4px 0 15px
    }

.aw-rfq-actions {
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 18px
}

.aw-rfq-primary, .aw-rfq-secondary {
    display: inline-block;
    border: 0;
    border-radius: 10px;
    padding: 12px 18px;
    background: #176348;
    color: white !important;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

.aw-rfq-secondary {
    background: #526b5c
}

.aw-rfq-primary:disabled {
    opacity: .5;
    cursor: not-allowed
}

.aw-rfq-note, .aw-rfq-success, .aw-rfq-alert {
    border-radius: 10px;
    padding: 14px 17px;
    margin: 13px 0
}

.aw-rfq-note {
    background: #eaf2eb;
    border: 1px solid #cce0ce
}

.aw-rfq-success {
    background: #e2f2e6;
    border-left: 4px solid #277347
}

.aw-rfq-alert {
    background: #fff3e8;
    border-left: 4px solid #b08034;
    color: #7a4611
}

.aw-rfq-table-wrap {
    max-width: 100%;
    overflow: auto;
    background: white;
    border-radius: 12px;
    border: 1px solid #dfe7de
}

.aw-rfq-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px;
    text-align: left;
    color: #274c34
}

    .aw-rfq-table th, .aw-rfq-table td {
        padding: 13px 12px;
        border-bottom: 1px solid #e3ebe4;
        vertical-align: top
    }

    .aw-rfq-table th {
        font-size: .87rem;
        color: #4d6d57;
        background: #f0f5f0
    }

    .aw-rfq-table small {
        display: block;
        color: #77887b;
        margin-top: 5px
    }

.aw-rfq-quote-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 13px 0;
    border-top: 1px solid #e3ebe4
}

    .aw-rfq-quote-line small {
        display: block;
        color: #627c67
    }

    .aw-rfq-quote-line label {
        width: 180px;
        margin: 0
    }

.aw-rfq-history {
    margin-top: 15px
}

.aw-rfq-history-row {
    padding: 9px 0;
    border-bottom: 1px solid #e4e9e2
}

    .aw-rfq-history-row span {
        display: block;
        color: #687b6c;
        font-size: .85rem
    }

.aw-rfq-chat-cta {
    padding: 14px 20px;
    background: #eaf2ed;
    border-radius: 12px
}

@media(max-width:700px) {
    .aw-rfq-two {
        grid-template-columns: 1fr
    }

    .aw-rfq-form, .aw-rfq-panel {
        padding: 15px
    }

    .aw-rfq-quote-line {
        flex-wrap: wrap
    }

    .aw-rfq-table {
        min-width: 430px
    }
}


/* AfriWeva V11 buyer approval, commercial-term acknowledgement and PO views. */
.feizhou-b2b.aw-trade .aw-rfq-panel {
    margin-block: 18px
}

.feizhou-b2b.aw-trade .aw-trade-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap: 20px;
    align-items: start
}

    .feizhou-b2b.aw-trade .aw-trade-actions form {
        min-width: 0;
        display: grid;
        gap: 10px
    }

.feizhou-b2b.aw-trade .aw-trade-terms {
    padding: 20px;
    border-radius: 12px;
    background: #eef5ef;
    color: #173a2c;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.65;
    max-height: 480px;
    overflow: auto
}

.feizhou-b2b.aw-trade input[type="checkbox"] {
    width: auto;
    margin-right: 7px;
    accent-color: #176348
}

.feizhou-b2b.aw-trade .aw-rfq-heading {
    flex-wrap: wrap
}

@media(max-width:700px) {
    .feizhou-b2b.aw-trade .aw-trade-actions {
        grid-template-columns: 1fr
    }
}

/* AfriWeva V12: PO settlement and shipment sections, scoped to B2B pages only. */
.feizhou-b2b .aw-v12 {
    margin-top: 1.25rem;
}

.feizhou-b2b .aw-v12-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: .75rem;
    margin: 1rem 0;
}

    .feizhou-b2b .aw-v12-inline input, .feizhou-b2b .aw-v12-shipment-form input, .feizhou-b2b .aw-v12-shipment-form select {
        max-width: 280px;
        width: 100%;
        border: 1px solid #c7d8cc;
        border-radius: 7px;
        padding: .65rem;
        background: white;
        color: #183b2b;
    }

    .feizhou-b2b .aw-v12-inline label, .feizhou-b2b .aw-v12-grid label {
        display: flex;
        flex-direction: column;
        gap: .3rem;
    }

.feizhou-b2b .aw-v12-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: .7rem;
    margin: 1rem 0;
}

.feizhou-b2b .aw-v12-shipment {
    border: 1px solid #d1dfd6;
    border-radius: 12px;
    padding: 1rem;
    margin: 1rem 0;
    background: #fbfcfa;
}

    .feizhou-b2b .aw-v12-shipment h3 {
        color: #173a2c;
        margin: .1rem 0 .5rem;
    }

@media(max-width:700px) {
    .feizhou-b2b .aw-v12-inline {
        flex-direction: column;
        align-items: stretch
    }

        .feizhou-b2b .aw-v12-inline input {
            max-width: none
        }
}

/* =======================================================================
   AfriWeva V12.2 — Mobile-first buyer discovery (homepage/store/photo/product)
   Scoped to B2B pages. Does not alter the existing B2C theme or dashboards.
   ======================================================================= */
.aw-h5-nav, .feizhou-b2b .aw-h5-hero-photo, .feizhou-b2b .aw-h5-sku-cards {
    display: none;
}

.feizhou-b2b .aw-h5-photo-choices {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .feizhou-b2b .aw-h5-photo-choices label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        padding: 13px 16px;
        min-height: 48px;
        font-size: 14px;
        font-weight: 750;
        cursor: pointer;
        text-align: center;
        touch-action: manipulation;
    }

.feizhou-b2b .aw-h5-photo-primary {
    background: #176348;
    color: #fff;
}

.feizhou-b2b .aw-h5-photo-secondary {
    border: 1px solid #9fb6a5;
    background: #fff;
    color: #184c35;
}

.feizhou-b2b .aw-h5-photo-form:focus-within .aw-h5-photo-choices label,
.feizhou-b2b .aw-h5-photo-choices label:focus-visible {
    outline: 2px solid #ca9b45;
    outline-offset: 2px;
}

.feizhou-b2b .aw-h5-photo-feedback {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 30px;
    color: #587263;
    font-size: 13px;
}

    .feizhou-b2b .aw-h5-photo-feedback img:not([hidden]) {
        display: block;
        width: 72px;
        height: 72px;
        object-fit: cover;
        border: 1px solid #cbdcd0;
        border-radius: 10px;
        flex-shrink: 0;
    }

    .feizhou-b2b .aw-h5-photo-feedback [data-error="true"] {
        color: #a33434;
    }

.feizhou-b2b .aw-h5-photo-submit {
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border: 0;
    border-radius: 12px;
    background: #176348;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

    .feizhou-b2b .aw-h5-photo-submit:disabled {
        opacity: .5;
        cursor: not-allowed;
    }

.feizhou-b2b .aw-h5-store-photo-link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 12px;
    padding: 14px 18px;
    border-radius: 12px;
    border: 1px solid #bdd6c3;
    background: #e8f3ed;
    color: #195c3e;
    font-weight: 750;
    text-decoration: none;
}

.feizhou-b2b .aw-image-form {
    flex-direction: column;
    align-items: stretch;
}

    .feizhou-b2b .aw-image-form > button {
        min-height: 48px;
        width: 100%;
    }

    .feizhou-b2b .aw-image-form .aw-h5-photo-feedback {
        width: 100%;
    }

.feizhou-b2b .aw-image-product-actions a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    border: 1px solid #bfd5c5;
    border-radius: 10px;
    padding: 9px 13px;
    text-decoration: none;
}

    .feizhou-b2b .aw-image-product-actions a:nth-child(2) {
        background: #176348;
        border-color: #176348;
        color: #fff;
    }

@media(max-width:760px) {
    /* The nav appears only on public B2B pages that render its partial. */
    .aw-h5-nav {
        display: grid;
        grid-template-columns: repeat(5,minmax(0,1fr));
        position: fixed;
        inset-inline: 0;
        bottom: 0;
        z-index: 1200;
        padding: 5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
        background: #fff;
        border-top: 1px solid #dce7df;
        box-shadow: 0 -7px 22px rgba(14,59,39,.10);
    }

        .aw-h5-nav a {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 0;
            min-height: 50px;
            gap: 2px;
            border-radius: 9px;
            color: #506658;
            text-decoration: none;
            font-weight: 650;
        }

            .aw-h5-nav a.is-current {
                background: #e9f3eb;
                color: #146342;
            }

            .aw-h5-nav a > span {
                font-size: 26px;
                line-height: 1;
            }

        .aw-h5-nav small {
            font-size: 11px;
        }

        .aw-h5-nav a:focus-visible {
            outline: 2px solid #b98434;
            outline-offset: -2px;
        }

    .feizhou-b2b.aw-h5-page {
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }

    .feizhou-b2b.fz-home .fz-home-hero {
        padding: 26px 0 31px;
    }

    .feizhou-b2b.fz-home .fz-home-hero__layout {
        gap: 0;
    }

    .feizhou-b2b.fz-home .fz-home-hero__visual {
        display: none;
    }

    .feizhou-b2b.fz-home .fz-home-hero h1 {
        font-size: clamp(27px,6.8vw,38px);
        line-height: 1.17;
        letter-spacing: -.035em;
        margin: 16px 0 10px;
    }

    .feizhou-b2b.fz-home .fz-home-hero__copy > p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 18px;
    }

    .feizhou-b2b.fz-home .fz-home-hero__kicker {
        font-size: 10px;
        letter-spacing: .07em;
        padding: 5px 9px;
    }

    .feizhou-b2b.fz-home .fz-home-search {
        width: 100%;
        padding: 4px;
    }

        .feizhou-b2b.fz-home .fz-home-search input {
            font-size: 16px;
            min-height: 48px;
        }

        .feizhou-b2b.fz-home .fz-home-search button {
            min-height: 48px;
            font-size: 13px;
        }

    .feizhou-b2b.fz-home .aw-h5-hero-photo {
        display: grid;
        gap: 10px;
        background: #fff;
        color: #173a2c;
        padding: 13px;
        margin: 12px 0 0;
        border-radius: 15px;
        box-shadow: 0 9px 25px rgba(11,40,24,.12);
    }

        .feizhou-b2b.fz-home .aw-h5-hero-photo .aw-h5-photo-choices label {
            flex: 1;
            min-width: 0;
            padding-inline: 9px;
            font-size: 13px;
        }

        .feizhou-b2b.fz-home .aw-h5-hero-photo [data-aw-status] {
            line-height: 1.45;
        }

    .feizhou-b2b.fz-home .fz-home-hero__quick {
        margin-top: 14px;
        gap: 7px;
    }

    .feizhou-b2b.fz-home .fz-home-hero__actions {
        margin-top: 15px;
        gap: 9px;
    }

        .feizhou-b2b.fz-home .fz-home-hero__actions .fz-home-btn {
            flex: 1;
            min-width: 140px;
            padding: 10px;
            min-height: 48px;
        }

    .feizhou-b2b.fz-home .fz-home-content .fz-home-photo {
        display: none;
    }
    /* search is directly in mobile hero */
    .feizhou-b2b.fz-home .fz-home-entry {
        grid-template-columns: repeat(2,minmax(0,1fr));
        margin-top: 22px;
        gap: 10px;
    }

    .feizhou-b2b.fz-home .fz-home-entry__card {
        min-width: 0;
        min-height: 102px;
        padding: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

        .feizhou-b2b.fz-home .fz-home-entry__card small {
            font-size: 11px;
        }

    .feizhou-b2b.fz-home .fz-home-section {
        margin-top: 32px;
    }

    .feizhou-b2b.fz-home .fz-home-section__head {
        gap: 10px;
    }

    .feizhou-b2b .fz-home-product__action {
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    .feizhou-b2b .fz-home-product__image {
        aspect-ratio: 4/5;
    }

    .feizhou-b2b.fz-storefront .fz-storefront__banner {
        min-height: 155px;
        padding: 16px;
    }

    .feizhou-b2b.fz-storefront .fz-storefront__intro {
        align-items: flex-start;
    }

    .feizhou-b2b.fz-storefront .fz-storefront__logo {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
        font-size: 27px;
        border-width: 3px;
    }

    .feizhou-b2b.fz-storefront .fz-storefront__intro h1 {
        font-size: 24px;
        margin: 4px 0;
    }

    .feizhou-b2b.fz-storefront .fz-v7-public-panel {
        padding: 16px;
    }

    .feizhou-b2b.fz-storefront .fz-v8-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
    }

    .feizhou-b2b.fz-storefront .aw-h5-store-photo-link {
        display: flex;
        min-height: 49px;
    }

    .feizhou-b2b .fz-v7-product-header {
        gap: 17px;
        padding: 12px 0;
    }

    .feizhou-b2b .fz-v7-product-photo {
        max-height: 470px;
    }

    .feizhou-b2b .fz-v7-product-gallery {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .feizhou-b2b .fz-v7-product-gallery img {
            flex: 0 0 66px;
            width: 66px;
            height: 66px;
        }

    .feizhou-b2b .fz-v7-public-panel .aw-h5-sku-table {
        display: none;
    }

    .feizhou-b2b .aw-h5-sku-cards {
        display: grid;
        gap: 10px;
    }

    .feizhou-b2b .aw-h5-sku-card {
        display: grid;
        gap: 5px;
        padding: 13px;
        background: #f6faf6;
        border: 1px solid #ddeade;
        border-radius: 12px;
    }

        .feizhou-b2b .aw-h5-sku-card span {
            overflow-wrap: anywhere;
            font-size: 13px;
            color: #617566;
        }

        .feizhou-b2b .aw-h5-sku-card b {
            color: #146343;
        }

    .feizhou-b2b .aw-image-page {
        padding: 20px 0 35px;
    }

        .feizhou-b2b .aw-image-page .fz-container {
            padding-inline: 14px;
        }

    .feizhou-b2b .aw-image-form {
        padding: 16px;
    }

    .feizhou-b2b .aw-image-product-actions a {
        flex: 1 1 auto;
    }

    .feizhou-b2b .aw-image-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 10px;
    }

    .feizhou-b2b .aw-image-product-body {
        padding: 11px;
    }

    .feizhou-b2b .aw-image-product h2 {
        font-size: 14px;
    }

    .feizhou-b2b .aw-image-product-actions {
        flex-direction: column;
    }
}

@media(max-width:390px) {
    .feizhou-b2b .aw-image-grid {
        grid-template-columns: minmax(0,1fr);
    }

    .feizhou-b2b.fz-home .fz-home-search svg {
        margin-left: 6px;
        width: 18px;
        flex-basis: 18px;
    }

    .feizhou-b2b.fz-home .fz-home-search button {
        padding-inline: 10px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .aw-h5-nav *, .feizhou-b2b .aw-h5-photo-choices * {
        transition: none !important;
    }
}


/* AfriWeva V12.2 batch 2 — mobile chat, RFQ, approval and trade.
   Desktop tables remain intact; only tables opted into .aw-h5-table become mobile cards. */
.feizhou-b2b .aw-h5-chat-connect {
    display: inline-flex;
    margin: 7px 0 3px;
    color: #476d56;
    font-size: .84rem;
    background: #eaf3ed;
    border: 1px solid #cce1d0;
    border-radius: 999px;
    padding: 5px 12px;
}

    .feizhou-b2b .aw-h5-chat-connect[data-state="offline"],
    .feizhou-b2b .aw-h5-chat-connect[data-state="disconnected"] {
        color: #87531c;
        background: #fff5e7;
        border-color: #eed5b3
    }

.feizhou-b2b .aw-h5-chat-thread {
    overflow: visible
}

.feizhou-b2b .fz-v8-message p {
    overflow-wrap: anywhere
}

.feizhou-b2b .fz-v8-messages {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}

.feizhou-b2b .fz-v8-compose textarea, .feizhou-b2b .fz-v8-compose input, .feizhou-b2b .fz-v8-tools select {
    font-size: 16px
}

.feizhou-b2b .fz-v8-compose .fz-v8-button {
    min-height: 48px;
    touch-action: manipulation
}

.feizhou-b2b .aw-h5-form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.feizhou-b2b .aw-h5-table td[data-label] {
    overflow-wrap: anywhere
}

.feizhou-b2b .aw-h5-confirm-form label:has(input[type="checkbox"]) {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 10px;
    line-height: 1.5
}

.feizhou-b2b .aw-h5-confirm-form input[type="checkbox"] {
    margin: 5px 0 0;
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

.feizhou-b2b .aw-h5-chat-thread .fz-v8-compose :focus-visible,
.feizhou-b2b.aw-rfq-page :focus-visible {
    outline: 2px solid #c18d3b;
    outline-offset: 3px
}

@media (max-width:760px) {
    .feizhou-b2b.aw-h5-page {
        padding-bottom: calc(86px + env(safe-area-inset-bottom));
    }

    .feizhou-b2b.aw-rfq-page .fz-container {
        padding-inline: 14px
    }

    .feizhou-b2b.aw-rfq-page .aw-rfq-form, .feizhou-b2b.aw-rfq-page .aw-rfq-panel {
        padding: 15px;
        margin: 13px 0;
        border-radius: 13px;
        min-width: 0
    }

    .feizhou-b2b.aw-rfq-page .aw-rfq-heading {
        display: grid;
        gap: 12px;
        grid-template-columns: minmax(0,1fr)
    }

        .feizhou-b2b.aw-rfq-page .aw-rfq-heading h1 {
            font-size: clamp(23px,6vw,31px);
            overflow-wrap: anywhere
        }

        .feizhou-b2b.aw-rfq-page .aw-rfq-heading p {
            overflow-wrap: anywhere
        }

    .feizhou-b2b.aw-rfq-page .aw-rfq-secondary, .feizhou-b2b.aw-rfq-page .aw-rfq-primary {
        min-height: 48px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        text-align: center;
        max-width: 100%;
        touch-action: manipulation
    }

    .feizhou-b2b.aw-rfq-page .aw-rfq-form input:not([type="checkbox"]), .feizhou-b2b.aw-rfq-page .aw-rfq-form textarea, .feizhou-b2b.aw-rfq-page .aw-rfq-form select,
    .feizhou-b2b.aw-rfq-page .aw-v12 input, .feizhou-b2b.aw-rfq-page .aw-v12 select {
        font-size: 16px;
        min-height: 46px
    }

    .feizhou-b2b.aw-rfq-page .aw-rfq-two {
        grid-template-columns: minmax(0,1fr)
    }

    .feizhou-b2b.aw-rfq-page .aw-rfq-actions, .feizhou-b2b.aw-rfq-page .aw-h5-form-actions {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: 12px
    }

    .feizhou-b2b .aw-rfq-table-wrap:has(.aw-h5-table) {
        overflow: visible;
        border: 0;
        background: transparent
    }

    .feizhou-b2b .aw-h5-table {
        display: block;
        min-width: 0;
        width: 100%;
        background: transparent;
        border: 0
    }

        .feizhou-b2b .aw-h5-table thead {
            position: absolute !important;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            white-space: nowrap;
            border: 0
        }

        .feizhou-b2b .aw-h5-table tbody {
            display: grid;
            gap: 10px
        }

        .feizhou-b2b .aw-h5-table tr {
            display: grid;
            gap: 5px;
            padding: 13px;
            border: 1px solid #d8e6db;
            background: #fff;
            border-radius: 12px;
            min-width: 0;
            box-shadow: 0 2px 8px rgba(0,43,18,.03)
        }

        .feizhou-b2b .aw-h5-table td {
            display: grid;
            grid-template-columns: minmax(100px,40%) minmax(0,1fr);
            gap: 9px;
            align-items: start;
            min-width: 0;
            padding: 7px 0;
            border-bottom: 1px solid #edf1ed;
            font-size: 14px;
            overflow-wrap: anywhere
        }

            .feizhou-b2b .aw-h5-table td:last-child {
                border: 0
            }

            .feizhou-b2b .aw-h5-table td::before {
                content: attr(data-label);
                font-size: 12px;
                color: #687b6c;
                font-weight: 650;
                line-height: 1.5
            }

            .feizhou-b2b .aw-h5-table td.aw-h5-main {
                display: block;
                font-weight: 700;
                color: #173a2c;
                font-size: 16px
            }

                .feizhou-b2b .aw-h5-table td.aw-h5-main::before {
                    display: block;
                    margin-bottom: 2px
                }

            .feizhou-b2b .aw-h5-table td.aw-h5-action {
                display: flex;
                flex-direction: column;
                align-items: stretch;
                gap: 8px
            }

                .feizhou-b2b .aw-h5-table td.aw-h5-action::before {
                    display: block
                }

                .feizhou-b2b .aw-h5-table td.aw-h5-action input[type="number"] {
                    width: 100%;
                    max-width: 100%;
                    box-sizing: border-box
                }

                .feizhou-b2b .aw-h5-table td.aw-h5-action form {
                    display: grid;
                    gap: 10px;
                    max-width: 100%;
                    width: 100%
                }

                    .feizhou-b2b .aw-h5-table td.aw-h5-action form button {
                        min-height: 44px
                    }

    .feizhou-b2b .aw-h5-quote-line {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: 11px;
        padding: 15px;
        border: 1px solid #d9e8dc;
        border-radius: 12px;
        margin-block: 10px
    }

        .feizhou-b2b .aw-h5-quote-line label {
            width: 100%;
            max-width: none
        }

            .feizhou-b2b .aw-h5-quote-line label input {
                min-width: 0
            }

    .feizhou-b2b.aw-trade .aw-trade-actions {
        grid-template-columns: minmax(0,1fr);
        gap: 12px
    }

        .feizhou-b2b.aw-trade .aw-trade-actions form {
            padding: 12px;
            border: 1px solid #e0e9df;
            border-radius: 12px
        }

    .feizhou-b2b.aw-trade .aw-h5-decision button {
        width: 100%
    }

    .feizhou-b2b .aw-v12-inline {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        gap: 11px
    }

        .feizhou-b2b .aw-v12-inline label, .feizhou-b2b .aw-v12-inline input, .feizhou-b2b .aw-v12-inline select {
            max-width: none;
            width: 100%;
            min-width: 0
        }

        .feizhou-b2b .aw-v12-inline button, .feizhou-b2b .aw-v12-shipment-form > button, .feizhou-b2b .aw-v12-shipment button {
            min-height: 46px;
            width: 100%
        }

    .feizhou-b2b .aw-v12-grid {
        grid-template-columns: minmax(0,1fr)
    }

    .feizhou-b2b .aw-v12-shipment {
        padding: 13px
    }

        .feizhou-b2b .aw-v12-shipment p {
            overflow-wrap: anywhere
        }

    .feizhou-b2b .aw-trade-terms {
        padding: 12px;
        max-height: 50dvh
    }

    .feizhou-b2b.fz-v8-shell .fz-v8-container, .feizhou-b2b.fz-v8-shell .fz-container {
        padding-inline: 12px
    }

    .feizhou-b2b.fz-v8-shell .fz-v8-list-item {
        min-height: 66px;
        padding: 14px;
        overflow-wrap: anywhere
    }

    .feizhou-b2b.fz-v8-shell .fz-v8-unread {
        flex-shrink: 0
    }

    .feizhou-b2b.aw-h5-chat-thread {
        padding: 14px 0 24px
    }

        .feizhou-b2b.aw-h5-chat-thread .fz-v8-heading {
            margin: 10px 0 12px
        }

        .feizhou-b2b.aw-h5-chat-thread .fz-v8-messages {
            height: clamp(220px,43dvh,550px);
            min-height: 220px;
            padding: 10px;
            gap: 8px
        }

        .feizhou-b2b.aw-h5-chat-thread .fz-v8-message {
            max-width: 92%;
            padding: 10px 12px
        }

        .feizhou-b2b.aw-h5-chat-thread .fz-v8-compose {
            position: sticky;
            bottom: 8px;
            z-index: 20;
            padding: 10px;
            box-shadow: 0 -5px 20px rgba(19,58,39,.09)
        }

        .feizhou-b2b.aw-h5-chat-thread[data-side="buyer"] .fz-v8-compose {
            bottom: calc(71px + env(safe-area-inset-bottom))
        }

        .feizhou-b2b.aw-h5-chat-thread .fz-v8-compose textarea {
            font-size: 16px;
            min-height: 50px;
            max-height: 20dvh;
            resize: vertical
        }

        .feizhou-b2b.aw-h5-chat-thread .fz-v8-compose-actions {
            display: grid;
            grid-template-columns: minmax(0,1fr);
            gap: 9px
        }

            .feizhou-b2b.aw-h5-chat-thread .fz-v8-compose-actions input[type="file"] {
                width: 100%;
                max-width: 100%;
                font-size: 14px
            }

            .feizhou-b2b.aw-h5-chat-thread .fz-v8-compose-actions button {
                width: 100%
            }

        .feizhou-b2b.aw-h5-chat-thread .fz-v8-tools {
            display: grid;
            gap: 10px
        }

            .feizhou-b2b.aw-h5-chat-thread .fz-v8-tools form {
                display: grid;
                width: 100%;
                gap: 8px
            }

            .feizhou-b2b.aw-h5-chat-thread .fz-v8-tools select, .feizhou-b2b.aw-h5-chat-thread .fz-v8-tools button {
                width: 100%;
                max-width: 100%;
                min-height: 46px
            }
}

@media (max-width:390px) {
    .feizhou-b2b .aw-h5-table td {
        grid-template-columns: minmax(85px,38%) minmax(0,1fr)
    }
}

@media (prefers-reduced-motion:reduce) {
    .feizhou-b2b .aw-h5-table * {
        transition: none !important
    }
}


/* ======================================================================
   AfriWeva V13.1 — supplier CTA + WeChat buyer chat corrections
   ====================================================================== */

/* Supplier contact card: never allow CTA text to disappear into the button background. */
.feizhou-b2b .aw-supplier-contact-card {
    padding: 24px
}

.feizhou-b2b .aw-supplier-contact-head h2 {
    margin: 5px 0 8px;
    color: #1d3027
}

.feizhou-b2b .aw-supplier-contact-head p {
    margin: 0;
    color: #52665a
}

.feizhou-b2b .aw-supplier-contact-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-top: 18px
}

.feizhou-b2b .aw-supplier-chat-form {
    margin: 0;
    display: block
}

.feizhou-b2b .aw-supplier-action {
    width: 100%;
    min-height: 72px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 12px;
    text-align: left;
    border-radius: 14px;
    padding: 12px 15px;
    text-decoration: none !important;
    border: 1px solid #176348;
    background: #176348;
    color: #fff !important;
    cursor: pointer;
    font: inherit
}

.feizhou-b2b button.aw-supplier-action {
    appearance: none;
    -webkit-appearance: none
}

.feizhou-b2b .aw-supplier-action * {
    color: inherit !important
}

.feizhou-b2b .aw-supplier-action--rfq {
    background: #fff;
    color: #176348 !important;
    border-color: #9fc5ac
}

.feizhou-b2b .aw-supplier-action--chat {
    background: #176348;
    color: #fff !important
}

.feizhou-b2b .aw-supplier-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(23,99,72,.12)
}

.feizhou-b2b .aw-supplier-action-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    background: rgba(255,255,255,.16);
    font-weight: 900;
    font-size: 12px
}

.feizhou-b2b .aw-supplier-action--rfq .aw-supplier-action-icon {
    background: #e8f3ed;
    color: #176348 !important
}

.feizhou-b2b .aw-supplier-action strong {
    display: block;
    font-size: 15px;
    line-height: 1.25
}

.feizhou-b2b .aw-supplier-action small {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.3;
    opacity: .8;
    font-weight: 600
}

.feizhou-b2b .aw-supplier-contact-card .aw-h5-store-photo-link {
    margin-top: 12px
}

/* Buyer WeChat-style inbox. */
.feizhou-b2b.aw-wc-inbox {
    background: #f4f6f5;
    padding-top: 24px
}

.feizhou-b2b .aw-wc-inbox-container {
    max-width: 850px
}

.feizhou-b2b .aw-wc-inbox-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #dde6df;
    border-radius: 18px 18px 0 0
}

    .feizhou-b2b .aw-wc-inbox-head h1 {
        margin: 6px 0 5px;
        color: #173a2c
    }

    .feizhou-b2b .aw-wc-inbox-head p {
        margin: 0;
        color: #66796e
    }

.feizhou-b2b .aw-wc-rfq-btn {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 12px;
    background: #176348;
    color: #fff !important;
    text-decoration: none;
    font-weight: 800
}

.feizhou-b2b .aw-wc-search {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px 16px;
    background: #fff;
    border-inline: 1px solid #dde6df;
    border-bottom: 1px solid #edf1ee
}

    .feizhou-b2b .aw-wc-search span {
        color: #839187;
        font-size: 20px
    }

    .feizhou-b2b .aw-wc-search input {
        width: 100%;
        height: 42px;
        border: 0;
        outline: 0;
        border-radius: 10px;
        background: #f2f4f3;
        padding: 0 12px;
        font: inherit;
        color: #173a2c
    }

.feizhou-b2b .aw-wc-conversation-list {
    background: #fff;
    border: 1px solid #dde6df;
    border-top: 0;
    border-radius: 0 0 18px 18px;
    overflow: hidden
}

.feizhou-b2b .aw-wc-conversation {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 17px;
    color: #173a2c;
    text-decoration: none;
    border-bottom: 1px solid #eef2ef
}

    .feizhou-b2b .aw-wc-conversation:last-child {
        border-bottom: 0
    }

    .feizhou-b2b .aw-wc-conversation:hover {
        background: #f8faf8
    }

.feizhou-b2b .aw-wc-avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #176348;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 900;
    flex: 0 0 48px
}

.feizhou-b2b .aw-wc-conversation-main {
    min-width: 0;
    flex: 1
}

.feizhou-b2b .aw-wc-conversation-top {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center
}

    .feizhou-b2b .aw-wc-conversation-top strong {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px
    }

    .feizhou-b2b .aw-wc-conversation-top time {
        font-size: 11px;
        color: #99a49d;
        white-space: nowrap
    }

.feizhou-b2b .aw-wc-preview {
    display: block;
    margin-top: 4px;
    color: #728078;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.feizhou-b2b .aw-wc-state {
    display: block;
    margin-top: 3px;
    color: #9aa49e;
    font-size: 11px
}

.feizhou-b2b .aw-wc-unread {
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900
}

.feizhou-b2b .aw-wc-empty {
    padding: 30px 22px;
    background: #fff;
    border: 1px solid #dde6df;
    border-radius: 0 0 18px 18px;
    color: #6b7d72
}

    .feizhou-b2b .aw-wc-empty strong, .feizhou-b2b .aw-wc-empty span {
        display: block
    }

    .feizhou-b2b .aw-wc-empty span {
        margin-top: 5px
    }

/* WeChat-style chat: preserve all V8/V12.2 IDs and JS hooks. */
.feizhou-b2b.aw-wc-thread-page {
    padding: 22px 14px 38px;
    background: #f4f6f5;
    min-height: calc(100vh - 90px)
}

.feizhou-b2b .aw-wc-chat-shell {
    max-width: 980px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #dce5df;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 12px 34px rgba(23,57,39,.05)
}

.feizhou-b2b .aw-wc-thread-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    background: #fff;
    border-bottom: 1px solid #e9eeeb
}

.feizhou-b2b .aw-wc-thread-person {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.feizhou-b2b .aw-wc-thread-back {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #176348;
    text-decoration: none;
    background: #eff5f1;
    font-size: 27px;
    line-height: 1
}

.feizhou-b2b .aw-wc-thread-avatar {
    width: 46px;
    height: 46px;
    border-radius: 11px;
    background: #176348;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;
    font-size: 18px;
    font-weight: 900
}

.feizhou-b2b .aw-wc-thread-title {
    min-width: 0
}

    .feizhou-b2b .aw-wc-thread-title h1 {
        font-size: 21px;
        margin: 2px 0 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #173a2c
    }

.feizhou-b2b .aw-wc-thread-subline {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: #718078;
    font-size: 12px
}

.feizhou-b2b .aw-h5-chat-connect {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    border-radius: 999px;
    background: #eef6f0;
    border: 1px solid #d7e8dc;
    color: #52705e;
    font-size: 11px
}

    .feizhou-b2b .aw-h5-chat-connect[data-state="connected"] {
        background: #e8f7ee;
        border-color: #c9e8d4;
        color: #267247
    }

    .feizhou-b2b .aw-h5-chat-connect[data-state="offline"] {
        background: #fff1f2;
        border-color: #fecdd3;
        color: #b42318
    }

.feizhou-b2b .aw-wc-thread-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end
}

.feizhou-b2b .aw-wc-header-btn {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cedbd2;
    background: #fff;
    color: #176348 !important;
    text-decoration: none;
    font-size: 12px;
    font-weight: 850
}

.feizhou-b2b .aw-wc-header-btn--primary {
    background: #176348;
    color: #fff !important;
    border-color: #176348
}

.feizhou-b2b .aw-wc-context-card {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 18px;
    background: #f8faf8;
    border-bottom: 1px solid #e8eeea;
    color: #6a7d71;
    font-size: 12px
}

    .feizhou-b2b .aw-wc-context-card a {
        color: #176348;
        font-weight: 800;
        text-decoration: none
    }

.feizhou-b2b .aw-wc-brand-tools {
    margin: 0;
    padding: 12px 18px;
    border-bottom: 1px solid #e8eeea;
    background: #fff
}

/* Override old large empty message box into a real WeChat conversation viewport. */
.feizhou-b2b .aw-wc-messages.fz-v8-messages {
    height: clamp(360px,58vh,650px);
    min-height: 360px;
    border: 0;
    border-radius: 0;
    background: #ededed;
    padding: 20px 62px;
    gap: 14px
}

.feizhou-b2b .aw-wc-messages .fz-v8-message {
    position: relative;
    max-width: min(72%,620px);
    padding: 10px 12px;
    border: 0;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    color: #1f2a24;
    white-space: normal
}

    .feizhou-b2b .aw-wc-messages .fz-v8-message.mine {
        align-self: flex-end;
        background: #95ec69
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message.theirs {
        align-self: flex-start;
        background: #fff
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message::before {
        content: "";
        position: absolute;
        top: 0;
        width: 38px;
        height: 38px;
        border-radius: 8px;
        background: #176348;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.25)
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message.theirs::before {
        left: -48px
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message.mine::before {
        right: -48px;
        background: #2f7f59
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message::after {
        content: "";
        position: absolute;
        top: 13px;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message.theirs::after {
        left: -6px;
        border-right: 7px solid #fff
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message.mine::after {
        right: -6px;
        border-left: 7px solid #95ec69
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message strong {
        display: block;
        margin-bottom: 4px;
        font-size: 10px;
        font-weight: 750;
        color: #78847d
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message p {
        margin: 0;
        line-height: 1.58;
        font-size: 14px;
        white-space: pre-wrap;
        overflow-wrap: anywhere
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message time {
        display: block;
        margin-top: 5px;
        font-size: 9px;
        color: #7f8a83;
        text-align: right
    }

.feizhou-b2b .aw-wc-messages .fz-v8-image {
    max-width: 260px;
    max-height: 300px;
    border-radius: 6px;
    margin-top: 7px
}

.feizhou-b2b .aw-wc-file-link {
    display: inline-block;
    margin-top: 6px;
    color: #176348;
    font-weight: 700;
    text-decoration: none
}

.feizhou-b2b .aw-wc-message-empty {
    align-self: center;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 18px 22px;
    border-radius: 12px;
    background: rgba(255,255,255,.65);
    color: #6a786f
}

    .feizhou-b2b .aw-wc-message-empty strong {
        color: #31463a;
        margin-bottom: 4px
    }

.feizhou-b2b .aw-wc-compose.fz-v8-compose {
    margin: 0;
    border: 0;
    border-top: 1px solid #e3e8e5;
    border-radius: 0;
    padding: 12px 16px;
    background: #f7f7f7;
    position: relative;
    z-index: 5
}

.feizhou-b2b .aw-wc-compose-tools {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px
}

.feizhou-b2b .aw-wc-attach {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    margin: 0 !important;
    padding: 7px 10px;
    border-radius: 9px;
    background: #fff;
    border: 1px solid #d8dfda;
    color: #4d6356;
    font-size: 11px;
    font-weight: 750 !important;
    cursor: pointer
}

    .feizhou-b2b .aw-wc-attach > span:first-child {
        font-size: 18px;
        line-height: 1
    }

.feizhou-b2b .aw-wc-compose-tools input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none
}

.feizhou-b2b .aw-wc-compose-main {
    display: flex;
    align-items: flex-end;
    gap: 10px
}

.feizhou-b2b .aw-wc-compose textarea {
    min-height: 62px;
    max-height: 160px;
    resize: vertical;
    border: 1px solid #d1d8d3;
    border-radius: 8px;
    padding: 11px 12px;
    background: #fff;
    color: #1c3025;
    font-size: 16px
}

.feizhou-b2b .aw-wc-send {
    min-width: 78px;
    min-height: 42px;
    border-radius: 9px
}

.feizhou-b2b .aw-wc-compose-foot {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 6px;
    color: #929b95;
    font-size: 10px
}

    .feizhou-b2b .aw-wc-compose-foot .fz-v8-status {
        min-height: 0;
        margin: 0;
        color: #52705e
    }

.feizhou-b2b .aw-wc-chat-closed {
    padding: 15px 18px;
    background: #f8faf8;
    color: #6d7c73;
    border-top: 1px solid #e3e8e5
}

.feizhou-b2b .aw-wc-disclaimer {
    margin: 0;
    padding: 9px 16px 12px;
    background: #fff;
    color: #8b9690;
    font-size: 10px
}

@media(max-width:760px) {
    .feizhou-b2b .aw-supplier-contact-actions {
        grid-template-columns: 1fr
    }

    .feizhou-b2b .aw-supplier-contact-card {
        padding: 16px
    }

    .feizhou-b2b.aw-wc-inbox {
        padding-top: 12px
    }

    .feizhou-b2b .aw-wc-inbox-container {
        padding-inline: 12px
    }

    .feizhou-b2b .aw-wc-inbox-head {
        padding: 16px;
        border-radius: 16px 16px 0 0;
        flex-direction: column
    }

    .feizhou-b2b .aw-wc-rfq-btn {
        width: 100%
    }

    .feizhou-b2b.aw-wc-thread-page {
        padding: 0 0 calc(72px + env(safe-area-inset-bottom));
        background: #ededed
    }

    .feizhou-b2b .aw-wc-chat-shell {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        max-width: none;
        min-height: calc(100dvh - 72px)
    }

    .feizhou-b2b .aw-wc-thread-header {
        position: sticky;
        top: 0;
        z-index: 20;
        padding: 10px 11px;
        background: rgba(255,255,255,.98)
    }

    .feizhou-b2b .aw-wc-thread-avatar {
        width: 40px;
        height: 40px;
        flex-basis: 40px
    }

    .feizhou-b2b .aw-wc-thread-title h1 {
        font-size: 18px
    }

    .feizhou-b2b .aw-wc-thread-title .fz-home-eyebrow {
        display: none
    }

    .feizhou-b2b .aw-wc-thread-actions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .feizhou-b2b .aw-wc-header-btn {
        min-height: 40px
    }

    .feizhou-b2b .aw-wc-context-card {
        padding: 9px 12px
    }

    .feizhou-b2b .aw-wc-messages.fz-v8-messages {
        height: calc(100dvh - 330px);
        min-height: 260px;
        padding: 15px 52px;
        gap: 13px
    }

    .feizhou-b2b .aw-wc-messages .fz-v8-message {
        max-width: 86%;
        padding: 9px 11px
    }

        .feizhou-b2b .aw-wc-messages .fz-v8-message.theirs::before {
            left: -43px
        }

        .feizhou-b2b .aw-wc-messages .fz-v8-message.mine::before {
            right: -43px
        }

        .feizhou-b2b .aw-wc-messages .fz-v8-message::before {
            width: 34px;
            height: 34px
        }

    .feizhou-b2b .aw-wc-compose.fz-v8-compose {
        position: sticky;
        bottom: calc(62px + env(safe-area-inset-bottom));
        padding: 9px 10px
    }

    .feizhou-b2b .aw-wc-compose-tools {
        margin-bottom: 6px
    }

    .feizhou-b2b .aw-wc-compose textarea {
        min-height: 44px;
        max-height: 110px
    }

    .feizhou-b2b .aw-wc-compose-foot > span:first-child {
        display: none
    }

    .feizhou-b2b .aw-wc-send {
        min-width: 68px
    }
}


/* ======================================================================
   AfriWeva V13.6 — My Account / Orders / Promoter Center
   ====================================================================== */

.aw-my-account {
    --aw-my-green: #155c3f;
    --aw-my-green-dark: #163d2e;
    --aw-my-green-soft: #eef6f1;
    --aw-my-gold: #c99332;
    --aw-my-text: #1d3127;
    --aw-my-muted: #6f8077;
    --aw-my-line: #dfe7e2;
    --aw-my-bg: #f5f7f5;
    width: min(1460px, calc(100% - 32px));
    margin: 0 auto;
    padding: 28px 0 56px;
    color: var(--aw-my-text);
}

.aw-my-head {
    margin: 0 0 18px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.aw-my-kicker,
.aw-agent-eyebrow,
.aw-orders-eyebrow {
    margin-bottom: 7px;
    color: var(--aw-my-gold);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .16em;
}

.aw-my-account .my-title {
    margin: 0;
    color: #183c2d;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.aw-my-subtitle {
    margin: 9px 0 0;
    color: var(--aw-my-muted);
    font-size: 13px;
    line-height: 1.6;
}

.aw-my-account .my-layout {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.aw-my-account .my-sidebar {
    min-width: 0;
    position: sticky;
    top: 90px;
}

.aw-my-account .my-nav {
    overflow: hidden;
    border: 1px solid var(--aw-my-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(20, 67, 45, .04);
}

    .aw-my-account .my-nav a {
        min-height: 50px;
        padding: 0 13px;
        display: grid;
        grid-template-columns: 30px minmax(0, 1fr) auto;
        align-items: center;
        gap: 9px;
        border-bottom: 1px solid #edf1ee;
        color: #40564a;
        text-decoration: none;
        font-size: 12px;
        font-weight: 800;
        transition: background .15s ease, color .15s ease;
    }

        .aw-my-account .my-nav a:last-child {
            border-bottom: 0;
        }

        .aw-my-account .my-nav a:hover {
            background: #f7faf8;
            color: var(--aw-my-green);
        }

        .aw-my-account .my-nav a.is-active {
            background: linear-gradient(135deg, #174d38, #155c3f);
            color: #fff;
        }

.aw-my-account .my-nav-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #f0f5f2;
    color: #527263;
    font-size: 12px;
    font-weight: 900;
}

.aw-my-account .my-nav a.is-active .my-nav-icon {
    background: rgba(255,255,255,.14);
    color: #fff;
}

.aw-my-account .my-nav-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aw-my-account .my-nav-arrow {
    opacity: .55;
    font-size: 18px;
}

.aw-my-account .my-main {
    min-width: 0;
}

.aw-my-account .my-panel {
    min-height: 480px;
    padding: 22px;
    border: 1px solid var(--aw-my-line);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(20, 67, 45, .045);
}

.aw-my-account .my-alert {
    margin-bottom: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 750;
}

.aw-my-account .my-alert-success {
    border: 1px solid #cbe8d4;
    background: #eef9f1;
    color: #16663f;
}

.aw-my-account .my-alert-error {
    border: 1px solid #f4c7ca;
    background: #fff0f1;
    color: #a52a32;
}

/* ---------------- Promoter / Agent center ---------------- */

.aw-agent-center {
    display: grid;
    gap: 14px;
}

    .aw-agent-center .agent-hero {
        padding: 24px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 22px;
        align-items: center;
        overflow: hidden;
        position: relative;
        border: 1px solid #d7e5dc;
        border-radius: 20px;
        background: radial-gradient(circle at 90% 10%, rgba(213, 171, 83, .17), transparent 24%), linear-gradient(135deg, #f7faf8, #edf5f0);
    }

    .aw-agent-center .agent-title {
        margin: 0;
        color: #173f2f;
        font-size: 30px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .aw-agent-center .agent-sub {
        max-width: 780px;
        margin-top: 9px;
        color: #63766b;
        font-size: 13px;
        line-height: 1.7;
    }

.aw-agent-status-row {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.aw-agent-center .agent-status {
    min-height: 30px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
}

    .aw-agent-center .agent-status.active {
        background: #dcf2e4;
        color: #12653f;
    }

    .aw-agent-center .agent-status.pending {
        background: #fff2d8;
        color: #8a5b08;
    }

    .aw-agent-center .agent-status.rejected {
        background: #ffeaeb;
        color: #a72d36;
    }

.aw-agent-code {
    color: #72847a;
    font-size: 11px;
}

.aw-agent-center .agent-linkbox {
    margin-top: 15px;
    padding: 12px;
    border: 1px solid #d8e4dc;
    border-radius: 14px;
    background: #fff;
}

.aw-agent-link-label {
    margin-bottom: 7px;
    color: #75867c;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.aw-agent-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.aw-agent-center .agent-input {
    width: 100%;
    height: 42px;
    min-width: 0;
    padding: 0 12px;
    border: 1px solid #d9e2dc;
    border-radius: 10px;
    outline: 0;
    background: #f7faf8;
    color: #40574a;
    font: inherit;
    font-size: 12px;
}

.aw-agent-center .agent-btn {
    min-height: 42px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--aw-my-green);
    border-radius: 10px;
    background: var(--aw-my-green);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.aw-agent-center .agent-actions {
    margin-top: 15px;
}

.aw-agent-center .agent-note {
    margin-top: 12px;
    padding: 11px 13px;
    border-radius: 11px;
    background: #fff3f3;
    color: #9b3339;
    font-size: 12px;
}

.aw-agent-hero-balance {
    min-height: 140px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-radius: 18px;
    background: #164a36;
    color: #fff;
    box-shadow: 0 16px 32px rgba(20, 67, 45, .12);
}

    .aw-agent-hero-balance span,
    .aw-agent-hero-balance small {
        color: #bed4c7;
        font-size: 10px;
    }

    .aw-agent-hero-balance strong {
        margin: 8px 0 5px;
        font-size: 29px;
        line-height: 1;
        letter-spacing: -.03em;
    }

.aw-agent-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.aw-agent-center .agent-card {
    padding: 17px;
    border: 1px solid var(--aw-my-line);
    border-radius: 16px;
    background: #fff;
}

.aw-agent-center .aw-agent-stat {
    position: relative;
    overflow: hidden;
    min-height: 112px;
}

    .aw-agent-center .aw-agent-stat::after {
        content: "";
        width: 52px;
        height: 52px;
        position: absolute;
        right: -14px;
        top: -14px;
        border-radius: 50%;
        background: rgba(21, 92, 63, .06);
    }

.aw-agent-center .aw-agent-stat--pending::after {
    background: rgba(201, 147, 50, .10);
}

.aw-agent-center .aw-agent-stat--paid::after {
    background: rgba(28, 151, 83, .10);
}

.aw-agent-center .agent-card-label {
    color: #788a80;
    font-size: 10px;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.aw-agent-center .agent-card-value {
    margin-top: 8px;
    color: #173d2e;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.aw-agent-stat-note {
    margin-top: 7px;
    color: #98a39d;
    font-size: 10px;
}

.aw-agent-profile-card {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 0 !important;
    overflow: hidden;
}

.aw-agent-profile-item {
    padding: 15px 17px;
    border-right: 1px solid #edf1ee;
}

    .aw-agent-profile-item:last-child {
        border-right: 0;
    }

    .aw-agent-profile-item span,
    .aw-agent-profile-item strong {
        display: block;
    }

    .aw-agent-profile-item span {
        color: #87958d;
        font-size: 10px;
    }

    .aw-agent-profile-item strong {
        margin-top: 5px;
        color: #29483a;
        font-size: 12px;
    }

.aw-agent-members-card {
    padding: 0 !important;
    overflow: hidden;
}

.aw-agent-section-head {
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #edf1ee;
}

.aw-agent-center .agent-section-title {
    margin: 3px 0 0;
    color: #173d2e;
    font-size: 20px;
}

.aw-agent-member-count {
    padding: 6px 9px;
    border-radius: 999px;
    background: #eff5f1;
    color: #567063;
    font-size: 10px;
    font-weight: 800;
}

.aw-agent-center .agent-customer-list {
    display: grid;
}

.aw-agent-center .agent-customer {
    border-bottom: 1px solid #edf1ee;
}

    .aw-agent-center .agent-customer:last-child {
        border-bottom: 0;
    }

    .aw-agent-center .agent-customer > summary {
        padding: 14px 18px;
        display: grid;
        grid-template-columns: minmax(220px, 1.2fr) minmax(300px, 1fr) auto;
        align-items: center;
        gap: 16px;
        cursor: pointer;
        list-style: none;
        transition: background .15s ease;
    }

        .aw-agent-center .agent-customer > summary::-webkit-details-marker {
            display: none;
        }

        .aw-agent-center .agent-customer > summary:hover {
            background: #fafcfb;
        }

.aw-agent-member-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.aw-agent-member-avatar {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #17563d;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
}

.aw-agent-center .agent-customer-email {
    color: #254638;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aw-agent-center .agent-customer-id {
    margin-top: 3px;
    color: #9aa49e;
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aw-agent-center .agent-customer-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

    .aw-agent-center .agent-customer-stats span {
        min-width: 0;
    }

    .aw-agent-center .agent-customer-stats small,
    .aw-agent-center .agent-customer-stats b {
        display: block;
    }

    .aw-agent-center .agent-customer-stats small {
        color: #98a49d;
        font-size: 9px;
    }

    .aw-agent-center .agent-customer-stats b {
        margin-top: 2px;
        color: #355445;
        font-size: 11px;
    }

.aw-agent-member-chevron {
    color: #7f9087;
    font-size: 18px;
}

.aw-agent-center details[open] .aw-agent-member-chevron {
    transform: rotate(180deg);
}

.aw-agent-center .agent-customer-body {
    padding: 0 18px 16px;
    background: #fafcfb;
}

.aw-agent-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e4ebe7;
    border-radius: 12px;
    background: #fff;
}

.aw-agent-center .agent-table {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
}

    .aw-agent-center .agent-table th,
    .aw-agent-center .agent-table td {
        padding: 10px 11px;
        border-bottom: 1px solid #edf1ee;
        text-align: left;
        color: #51655a;
        font-size: 10px;
        white-space: nowrap;
    }

    .aw-agent-center .agent-table th {
        background: #f4f8f5;
        color: #718179;
        font-size: 9px;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .aw-agent-center .agent-table tr:last-child td {
        border-bottom: 0;
    }

.aw-agent-commission-status {
    min-height: 24px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #fff2d8;
    color: #835808;
    font-size: 9px;
    font-weight: 900;
}

    .aw-agent-commission-status.is-paid {
        background: #def3e5;
        color: #176b43;
    }

.aw-agent-center .agent-empty {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #7c8b83;
}

    .aw-agent-center .agent-empty strong {
        color: #375446;
        font-size: 13px;
    }

    .aw-agent-center .agent-empty span {
        margin-top: 5px;
        font-size: 11px;
    }

/* ---------------- My Orders ---------------- */

.my-panel-orders {
    padding: 22px !important;
}

    .my-panel-orders .orders-head {
        margin-bottom: 14px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 16px;
    }

    .my-panel-orders .orders-title {
        margin: 0;
        color: #173d2e;
        font-size: 28px;
        line-height: 1.05;
        letter-spacing: -.03em;
    }

    .my-panel-orders .orders-sub {
        margin-top: 7px;
        color: #76877e;
        font-size: 12px;
    }

    .my-panel-orders .orders-count {
        min-width: 78px;
        padding: 10px 13px;
        display: flex;
        align-items: baseline;
        justify-content: center;
        gap: 5px;
        border-radius: 12px;
        background: #f1f6f3;
        color: #667b70;
    }

        .my-panel-orders .orders-count strong {
            color: #16583d;
            font-size: 19px;
        }

        .my-panel-orders .orders-count span {
            font-size: 9px;
            text-transform: uppercase;
            letter-spacing: .06em;
        }

    .my-panel-orders .orders-tools {
        margin-bottom: 15px;
        padding: 13px;
        border: 1px solid #e0e8e3;
        border-radius: 15px;
        background: #f8faf9;
    }

    .my-panel-orders .tool-left {
        display: grid;
        grid-template-columns: minmax(220px, 1fr) 170px auto auto;
        gap: 9px;
        align-items: end;
    }

.aw-order-search,
.aw-order-status-filter {
    display: block;
}

    .aw-order-search > span,
    .aw-order-status-filter > span {
        display: block;
        margin-bottom: 5px;
        color: #74867c;
        font-size: 9px;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

.my-panel-orders .tool-input,
.my-panel-orders .tool-select {
    width: 100%;
    height: 40px;
    padding: 0 11px;
    border: 1px solid #d7e1da;
    border-radius: 10px;
    outline: 0;
    background: #fff;
    color: #2e4639;
    font: inherit;
    font-size: 11px;
}

    .my-panel-orders .tool-input:focus,
    .my-panel-orders .tool-select:focus {
        border-color: #90b7a0;
        box-shadow: 0 0 0 3px rgba(21, 92, 63, .07);
    }

.my-panel-orders .tool-btn {
    min-height: 40px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--aw-my-green);
    border-radius: 10px;
    background: var(--aw-my-green);
    color: #fff !important;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: none;
}

.my-panel-orders .tool-btn-secondary {
    border-color: #d6e0da;
    background: #fff;
    color: #597064 !important;
}

.my-panel-orders .order-list {
    display: grid;
    gap: 10px;
}

.my-panel-orders .order-card {
    overflow: hidden;
    border: 1px solid #e0e7e3;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(17, 61, 40, .035);
}

.my-panel-orders .order-row {
    padding: 15px 16px;
    display: grid;
    grid-template-columns: minmax(180px, 1.35fr) .72fr .75fr .8fr 1fr auto;
    gap: 14px;
    align-items: center;
}

.my-panel-orders .k {
    margin-bottom: 4px;
    color: #99a69f;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.my-panel-orders .v {
    color: #385346;
    font-size: 11px;
    font-weight: 800;
}

.my-panel-orders .order-no {
    color: #176044;
    font-size: 12px;
    word-break: break-word;
}

.my-panel-orders .amount .amt-pay {
    color: #173d2e;
    font-size: 16px;
    font-weight: 950;
}

.my-panel-orders .amt-was {
    margin-top: 2px;
    color: #a0aaa4;
    font-size: 9px;
    text-decoration: line-through;
}

.my-panel-orders .amt-save {
    margin-top: 2px;
    color: #168148;
    font-size: 9px;
    font-weight: 850;
}

.my-panel-orders .order-badge {
    min-height: 26px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
}

    .my-panel-orders .order-badge .dot {
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: currentColor;
    }

.my-panel-orders .order-badge-paid,
.my-panel-orders .order-badge-done {
    background: #38b96b;
}

.my-panel-orders .order-badge-ship {
    background: #408ddd;
}

.my-panel-orders .order-badge-cancel {
    background: #eb6b72;
}

.my-panel-orders .order-badge-pending {
    background: #d99b31;
}

.my-panel-orders .track-box {
    min-width: 0;
}

.my-panel-orders .track-carrier {
    color: #3c5649;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.my-panel-orders .track-number {
    margin-top: 3px;
    color: #8b9991;
    font-size: 8px;
    font-weight: 700;
    word-break: break-all;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.my-panel-orders .track-empty {
    color: #a8b0ab;
    font-size: 11px;
}

.my-panel-orders .track-link {
    margin-top: 5px;
    color: #176044 !important;
    text-decoration: none !important;
    font-size: 9px;
    font-weight: 850;
}

.my-panel-orders .act {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.my-panel-orders .act-btn,
.my-panel-orders .act-btn-mini {
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #d3ded7;
    border-radius: 9px;
    background: #fff;
    color: #315240 !important;
    text-decoration: none !important;
    font-size: 9px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: none;
}

.my-panel-orders .act-btn-primary {
    border-color: var(--aw-my-green);
    background: var(--aw-my-green);
    color: #fff !important;
}

.my-panel-orders .act-btn-disabled {
    opacity: .48;
    cursor: not-allowed;
}

.my-panel-orders .order-details {
    display: none;
    padding: 0 16px 16px;
    background: #fafcfb;
}

    .my-panel-orders .order-details.is-open {
        display: block;
    }

.my-panel-orders .od-head {
    padding: 13px 0 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e7ece9;
}

.my-panel-orders .od-title {
    color: #30503f;
    font-size: 12px;
    font-weight: 900;
}

.my-panel-orders .od-dim {
    color: #8a9991;
    font-size: 9px;
}

.my-panel-orders .od-tracking {
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #e0e8e3;
    border-radius: 12px;
    background: #fff;
}

.my-panel-orders .od-tracking-grid {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px;
    align-items: center;
}

.aw-order-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e1e8e4;
    border-radius: 12px;
    background: #fff;
}

.my-panel-orders .od-table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

    .my-panel-orders .od-table th,
    .my-panel-orders .od-table td {
        padding: 10px 11px;
        border-bottom: 1px solid #edf1ee;
        color: #51655a;
        font-size: 10px;
    }

    .my-panel-orders .od-table th {
        background: #f4f8f5;
        color: #78877f;
        font-size: 8px;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    .my-panel-orders .od-table tr:last-child td {
        border-bottom: 0;
    }

.my-panel-orders .od-right {
    text-align: right;
}

.my-panel-orders .orders-empty {
    min-height: 220px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #cbd8d0;
    border-radius: 16px;
    background: #fafcfb;
    text-align: center;
}

.my-panel-orders .orders-empty-title {
    color: #2f5140;
    font-size: 18px;
    font-weight: 900;
}

.my-panel-orders .orders-empty-sub {
    margin-top: 5px;
    color: #87968e;
    font-size: 11px;
}

.my-panel-orders .pager {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.my-panel-orders .page-btn {
    min-width: 34px;
    min-height: 34px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e1db;
    border-radius: 9px;
    background: #fff;
    color: #587064 !important;
    text-decoration: none !important;
    font-size: 9px;
    font-weight: 850;
}

    .my-panel-orders .page-btn.active {
        border-color: var(--aw-my-green);
        background: var(--aw-my-green);
        color: #fff !important;
    }

    .my-panel-orders .page-btn.disabled {
        pointer-events: none;
        opacity: .4;
    }

@media (max-width: 1180px) {
    .aw-agent-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aw-agent-profile-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aw-agent-profile-item:nth-child(2) {
        border-right: 0;
    }

    .aw-agent-profile-item:nth-child(-n+2) {
        border-bottom: 1px solid #edf1ee;
    }

    .my-panel-orders .order-row {
        grid-template-columns: minmax(180px, 1.2fr) .7fr .75fr .8fr;
    }

    .my-panel-orders .track-box {
        grid-column: 1 / -2;
    }

    .my-panel-orders .act {
        grid-column: -2 / -1;
    }
}

@media (max-width: 980px) {
    .aw-my-account .my-layout {
        grid-template-columns: 1fr;
    }

    .aw-my-account .my-sidebar {
        position: static;
    }

    .aw-my-account .my-nav {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

        .aw-my-account .my-nav a {
            border-right: 1px solid #edf1ee;
        }

    .aw-agent-center .agent-hero {
        grid-template-columns: 1fr;
    }

    .aw-agent-hero-balance {
        min-height: 105px;
    }

    .aw-agent-center .agent-customer > summary {
        grid-template-columns: 1fr auto;
    }

    .aw-agent-center .agent-customer-stats {
        grid-column: 1 / -1;
    }

    .my-panel-orders .tool-left {
        grid-template-columns: 1fr 160px;
    }

    .my-panel-orders .tool-btn,
    .my-panel-orders .tool-btn-secondary {
        width: 100%;
    }
}

@media (max-width: 680px) {
    .aw-my-account {
        width: min(100% - 20px, 1460px);
        padding: 16px 0 calc(80px + env(safe-area-inset-bottom));
    }

        .aw-my-account .my-title {
            font-size: 34px;
        }

        .aw-my-account .my-nav {
            display: flex;
            overflow-x: auto;
            border-radius: 14px;
            scrollbar-width: none;
        }

            .aw-my-account .my-nav::-webkit-scrollbar {
                display: none;
            }

            .aw-my-account .my-nav a {
                min-width: max-content;
                min-height: 44px;
                grid-template-columns: 25px auto;
                padding: 0 11px;
                border-right: 1px solid #edf1ee;
                border-bottom: 0;
                font-size: 10px;
            }

        .aw-my-account .my-nav-arrow {
            display: none;
        }

        .aw-my-account .my-nav-icon {
            width: 25px;
            height: 25px;
            border-radius: 8px;
            font-size: 10px;
        }

        .aw-my-account .my-panel {
            min-height: 0;
            padding: 14px;
            border-radius: 16px;
        }

    .aw-agent-center .agent-hero {
        padding: 18px;
        border-radius: 16px;
    }

    .aw-agent-center .agent-title {
        font-size: 25px;
    }

    .aw-agent-link-row {
        grid-template-columns: 1fr;
    }

    .aw-agent-center .agent-btn {
        width: 100%;
    }

    .aw-agent-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aw-agent-center .agent-card {
        padding: 13px;
        border-radius: 13px;
    }

    .aw-agent-center .agent-card-value {
        font-size: 19px;
    }

    .aw-agent-profile-card {
        grid-template-columns: 1fr 1fr;
    }

    .aw-agent-center .agent-customer > summary {
        padding: 13px;
        grid-template-columns: 1fr auto;
    }

    .aw-agent-center .agent-customer-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
    }

    .aw-agent-center .agent-customer-body {
        padding: 0 10px 12px;
    }

    .my-panel-orders {
        padding: 14px !important;
    }

        .my-panel-orders .orders-head {
            align-items: flex-start;
        }

        .my-panel-orders .orders-title {
            font-size: 24px;
        }

        .my-panel-orders .orders-count {
            min-width: 60px;
        }

        .my-panel-orders .tool-left {
            grid-template-columns: 1fr;
        }

        .my-panel-orders .order-row {
            grid-template-columns: 1fr 1fr;
            gap: 11px;
            padding: 13px;
        }

        .my-panel-orders .track-box,
        .my-panel-orders .act {
            grid-column: 1 / -1;
        }

        .my-panel-orders .act {
            justify-content: stretch;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .my-panel-orders .act-btn,
        .my-panel-orders .act-btn-mini {
            width: 100%;
        }

        .my-panel-orders .od-tracking-grid {
            grid-template-columns: 1fr;
        }

        .my-panel-orders .order-details {
            padding: 0 10px 12px;
        }
}

@media (max-width: 430px) {
    .aw-agent-stats-grid {
        grid-template-columns: 1fr;
    }

    .aw-agent-profile-card {
        grid-template-columns: 1fr;
    }

    .aw-agent-profile-item {
        border-right: 0;
        border-bottom: 1px solid #edf1ee;
    }

        .aw-agent-profile-item:last-child {
            border-bottom: 0;
        }

    .my-panel-orders .order-row {
        grid-template-columns: 1fr;
    }

    .my-panel-orders .track-box,
    .my-panel-orders .act {
        grid-column: auto;
    }
}


/* ======================================================================
   AfriWeva V13.7 — Brand Center H5 specialization
   ====================================================================== */

.aw-brand-dashboard-kicker {
    margin-bottom: 7px;
    color: #b78125;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .15em;
}

.aw-brand-dashboard .bcd-head,
.aw-brand-products .bcp-header,
.aw-brand-subpage-head {
    margin-bottom: 18px;
}

    .aw-brand-dashboard .bcd-head h1,
    .aw-brand-products .bcp-header h1,
    .aw-brand-subpage-head h1 {
        margin: 0;
        color: #173d2e;
        font-size: 34px;
        line-height: 1.05;
        letter-spacing: -.04em;
    }

    .aw-brand-dashboard .bcd-head p,
    .aw-brand-products .bcp-header p,
    .aw-brand-subpage-head p {
        margin: 8px 0 0;
        color: #718077;
        font-size: 13px;
        line-height: 1.6;
    }

.aw-brand-quick-actions {
    margin-bottom: 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
}

    .aw-brand-quick-actions a {
        min-width: 0;
        padding: 15px;
        display: grid;
        grid-template-columns: 38px minmax(0,1fr);
        grid-template-rows: auto auto;
        column-gap: 10px;
        border: 1px solid #e0e7e2;
        border-radius: 15px;
        background: #fff;
        color: #254839 !important;
        text-decoration: none !important;
        box-shadow: 0 8px 24px rgba(21,73,48,.035);
    }

        .aw-brand-quick-actions a > span {
            width: 38px;
            height: 38px;
            grid-row: 1 / 3;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 11px;
            background: #edf5f0;
            color: #176047;
            font-size: 14px;
            font-weight: 900;
        }

    .aw-brand-quick-actions strong {
        align-self: end;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 12px;
    }

    .aw-brand-quick-actions small {
        margin-top: 3px;
        color: #87958d;
        font-size: 9px;
        line-height: 1.25;
    }

.aw-brand-dashboard .bcd-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
}

.aw-brand-dashboard .bcd-stat {
    min-width: 0;
    padding: 18px;
}

.aw-brand-dashboard .bcd-stat-label {
    color: #849289;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.aw-brand-dashboard .bcd-stat-value {
    margin-top: 10px;
    color: #173d2e;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.aw-brand-dashboard .bcd-stat-sub {
    margin-top: 5px;
    color: #9aa49e;
    font-size: 10px;
}

.aw-brand-dashboard .bcd-section {
    margin-top: 14px;
    padding: 20px;
}

.aw-brand-section-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
}

    .aw-brand-section-head h2 {
        margin: 0;
        color: #214635;
        font-size: 19px;
    }

    .aw-brand-section-head p,
    .aw-brand-dashboard .bcd-section-description {
        margin: 5px 0 0;
        color: #7b8a82;
        font-size: 11px;
        line-height: 1.55;
    }

.aw-brand-dashboard .bcd-checklist {
    margin-top: 15px;
    display: grid;
    gap: 8px;
}

.aw-brand-dashboard .bcd-check {
    min-height: 66px;
    padding: 12px 13px;
    display: grid;
    grid-template-columns: 30px minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid #e4eae6;
    border-radius: 13px;
}

.aw-brand-dashboard .bcd-check-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e5f7eb;
    color: #267340;
    font-weight: 900;
}

.aw-brand-dashboard .bcd-check.pending .bcd-check-icon {
    background: #f1f4f2;
    color: #89958e;
}

.aw-brand-dashboard .bcd-check-title {
    color: #2a493a;
    font-size: 12px;
    font-weight: 850;
}

.aw-brand-dashboard .bcd-check-sub {
    margin-top: 2px;
    color: #8b9891;
    font-size: 10px;
}

.aw-brand-check-link {
    color: inherit !important;
    text-decoration: none !important;
}

/* Product list */
.aw-brand-products .bcp-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.aw-brand-products .bcp-toolbar {
    margin-bottom: 12px;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(240px,1fr) 190px auto auto;
    gap: 8px;
    align-items: end;
}

.aw-brand-filter-field {
    min-width: 0;
    display: block;
}

    .aw-brand-filter-field > span {
        display: block;
        margin: 0 0 5px 2px;
        color: #74847b;
        font-size: 9px;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

.aw-brand-products .bcp-input,
.aw-brand-products .bcp-select {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid #d8e1db;
    border-radius: 10px;
    background: #fff;
    color: #2b4537;
    font: inherit;
    font-size: 12px;
}

.aw-brand-products .bcp-filter-btn,
.aw-brand-filter-reset {
    min-height: 42px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 900;
}

.aw-brand-products .bcp-filter-btn {
    border: 1px solid #155c3f;
    background: #155c3f;
    color: #fff;
    cursor: pointer;
}

.aw-brand-filter-reset {
    border: 1px solid #d8e1db;
    background: #fff;
    color: #5d7166 !important;
    text-decoration: none !important;
}

.aw-brand-products-card {
    overflow: hidden;
}

.aw-brand-products .bcp-table-wrap {
    overflow-x: auto;
}

.aw-brand-products .bcp-table {
    width: 100%;
    border-collapse: collapse;
}

    .aw-brand-products .bcp-table th {
        padding: 12px 13px;
        color: #86938c;
        font-size: 9px;
        font-weight: 900;
        text-align: left;
        text-transform: uppercase;
        letter-spacing: .07em;
        border-bottom: 1px solid #edf1ee;
    }

    .aw-brand-products .bcp-table td {
        padding: 13px;
        border-bottom: 1px solid #edf1ee;
        color: #445b4e;
        font-size: 11px;
        vertical-align: middle;
    }

    .aw-brand-products .bcp-table tr:last-child td {
        border-bottom: 0;
    }

.aw-brand-products .bcp-product {
    min-width: 230px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.aw-brand-products .bcp-image,
.aw-brand-products .bcp-image-empty {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 10px;
}

.aw-brand-products .bcp-image {
    object-fit: cover;
    background: #eff3f0;
}

.aw-brand-products .bcp-image-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eff3f0;
    color: #9aa59f;
    font-size: 8px;
}

.aw-brand-product-copy {
    min-width: 0;
}

.aw-brand-products .bcp-name {
    color: #234536;
    font-size: 12px;
    font-weight: 900;
}

.aw-brand-products .bcp-category {
    margin-top: 3px;
    color: #89958e;
    font-size: 9px;
}

.aw-brand-products .bcp-status {
    min-height: 25px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
}

    .aw-brand-products .bcp-status.published {
        background: #e5f7eb;
        color: #23713d;
    }

    .aw-brand-products .bcp-status.pending {
        background: #e7f1ff;
        color: #205fa7;
    }

    .aw-brand-products .bcp-status.draft {
        background: #eee;
        color: #666;
    }

    .aw-brand-products .bcp-status.rejected {
        background: #ffe7e7;
        color: #a32626;
    }

    .aw-brand-products .bcp-status.unpublished {
        background: #fff1db;
        color: #925000;
    }

.aw-brand-product-action a {
    color: #155c3f !important;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 900;
}

.aw-brand-products .bcp-pages {
    padding: 12px 14px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #edf1ee;
    color: #718178;
    font-size: 10px;
}

.aw-brand-pagination {
    display: flex;
    gap: 10px;
    align-items: center;
}

.aw-brand-products .bcp-page-link {
    color: #155c3f !important;
    text-decoration: none !important;
    font-weight: 900;
}

.aw-brand-products .bcp-empty {
    padding: 52px 20px;
    text-align: center;
}

.aw-brand-empty-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #edf5f0;
    color: #176047;
    font-size: 22px;
}

.aw-brand-products .bcp-empty h2 {
    margin: 0;
    color: #234536;
}

.aw-brand-products .bcp-empty p {
    margin: 7px 0 17px;
    color: #829087;
    font-size: 11px;
}

.aw-brand-add-fab {
    display: none;
}

/* Product create / edit */
.aw-brand-product-form input,
.aw-brand-product-form select,
.aw-brand-product-form textarea,
.aw-brand-sku-page input,
.aw-brand-tier-page input {
    font-size: 16px;
}

.aw-brand-wholesale-card h2 {
    margin-top: 0;
    color: #214635;
}

.aw-brand-file-preview {
    margin-top: 9px;
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    align-items: center;
    gap: 9px;
    color: #718178;
    font-size: 9px;
}

    .aw-brand-file-preview img {
        width: 58px;
        height: 58px;
        border-radius: 9px;
        object-fit: cover;
        background: #eef3ef;
    }

.aw-brand-file-processing {
    grid-column: 1 / -1;
    padding: 8px 9px;
    border-radius: 8px;
    background: #f3f7f4;
    color: #5b7164;
}

/* SKU and tier pages */
.aw-brand-subpage-head h1 {
    margin-top: 8px;
}

.aw-brand-back {
    display: inline-flex;
    margin-bottom: 12px;
    color: #5f7167 !important;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 850;
}

.aw-brand-toast {
    margin-bottom: 12px;
}

.aw-brand-sku-section,
.aw-brand-tier-card {
    padding: 18px;
}

.aw-brand-sku-grid {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}

.aw-brand-sku-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #e1e8e4;
    border-radius: 15px;
    background: #fff;
}

.aw-brand-sku-card-head {
    padding: 12px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #f7faf8;
    border-bottom: 1px solid #e8edea;
}

    .aw-brand-sku-card-head > div:first-child span,
    .aw-brand-sku-card-head > div:first-child strong {
        display: block;
    }

    .aw-brand-sku-card-head > div:first-child span {
        color: #8c9992;
        font-size: 8px;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    .aw-brand-sku-card-head > div:first-child strong {
        margin-top: 3px;
        color: #244635;
        font-size: 12px;
    }

.aw-brand-sku-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

    .aw-brand-sku-tags span {
        padding: 5px 7px;
        border-radius: 999px;
        background: #e8f2eb;
        color: #486655;
        font-size: 8px;
        font-weight: 850;
    }

.aw-brand-sku-form,
.aw-brand-new-sku-form {
    padding: 12px 13px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
}

    .aw-brand-sku-form label,
    .aw-brand-new-sku-form label,
    .aw-brand-tier-row label {
        min-width: 0;
    }

        .aw-brand-sku-form label > span,
        .aw-brand-new-sku-form label > span,
        .aw-brand-tier-row label > span {
            display: block;
            margin-bottom: 4px;
            color: #78877f;
            font-size: 8px;
            font-weight: 850;
            text-transform: uppercase;
            letter-spacing: .05em;
        }

    .aw-brand-sku-form input,
    .aw-brand-new-sku-form input,
    .aw-brand-tier-row input {
        width: 100%;
        min-width: 0;
        height: 41px;
        padding: 0 10px;
        border: 1px solid #d8e1db;
        border-radius: 9px;
        outline: 0;
        background: #fff;
        color: #2f483b;
        font: inherit;
    }

.aw-brand-sku-save {
    grid-column: 1 / -1;
}

.aw-brand-sku-delete {
    padding: 0 13px 12px;
}

    .aw-brand-sku-delete button {
        border: 0;
        background: transparent;
        color: #a34045;
        font-size: 9px;
        font-weight: 850;
        cursor: pointer;
    }

.aw-brand-sku-readonly {
    padding: 13px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
}

    .aw-brand-sku-readonly span {
        min-width: 0;
    }

    .aw-brand-sku-readonly small,
    .aw-brand-sku-readonly strong {
        display: block;
    }

    .aw-brand-sku-readonly small {
        color: #929e97;
        font-size: 8px;
    }

    .aw-brand-sku-readonly strong {
        margin-top: 2px;
        color: #355344;
        font-size: 10px;
        overflow-wrap: anywhere;
    }

.aw-brand-add-sku {
    margin-top: 12px;
}

.aw-brand-new-sku-form {
    margin-top: 13px;
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.aw-brand-new-sku-submit {
    grid-column: 1 / -1;
    justify-self: start;
}

.aw-brand-sku-empty,
.aw-brand-lock-note {
    margin-top: 13px;
    padding: 18px;
    border-radius: 12px;
    background: #f7faf8;
    color: #74857b;
    font-size: 11px;
    text-align: center;
}

.aw-brand-tier-head {
    margin-top: 14px;
    padding: 0 37px 5px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    color: #8b9891;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.aw-brand-tier-list {
    display: grid;
    gap: 7px;
}

.aw-brand-tier-row {
    display: grid;
    grid-template-columns: 28px 1fr 1fr;
    gap: 9px;
    align-items: end;
}

.aw-brand-tier-number {
    width: 28px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eff5f1;
    color: #678074;
    font-size: 9px;
    font-weight: 900;
}

.aw-brand-tier-note {
    margin-top: 12px;
    color: #88958e;
    font-size: 9px;
    line-height: 1.55;
}

.aw-brand-tier-save {
    margin-top: 13px;
}

.aw-brand-tier-readonly {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
}

    .aw-brand-tier-readonly > div {
        padding: 13px;
        border: 1px solid #e1e8e4;
        border-radius: 12px;
        background: #fafcfb;
    }

    .aw-brand-tier-readonly span,
    .aw-brand-tier-readonly strong {
        display: block;
    }

    .aw-brand-tier-readonly span {
        color: #7d8d84;
        font-size: 9px;
    }

    .aw-brand-tier-readonly strong {
        margin-top: 4px;
        color: #214635;
        font-size: 13px;
    }

@media(max-width:1100px) {
    .aw-brand-quick-actions,
    .aw-brand-dashboard .bcd-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .aw-brand-products .bcp-toolbar {
        grid-template-columns: minmax(200px,1fr) 170px auto;
    }

    .aw-brand-filter-reset {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .aw-brand-new-sku-form {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media(max-width:850px) {
    .aw-brand-dashboard .bcd-head h1,
    .aw-brand-products .bcp-header h1,
    .aw-brand-subpage-head h1 {
        font-size: 28px;
    }

    .aw-brand-dashboard .bcd-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    .aw-brand-dashboard .bcd-stat {
        padding: 14px !important;
    }

    .aw-brand-dashboard .bcd-stat-value {
        font-size: 20px;
    }

    .aw-brand-quick-actions {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px;
    }

        .aw-brand-quick-actions a {
            padding: 12px;
        }

    .aw-brand-dashboard .bcd-section {
        padding: 15px !important;
    }

    .aw-brand-products .bcp-header {
        display: block;
    }

        .aw-brand-products .bcp-header .bc-button {
            width: 100%;
            margin-top: 13px;
        }

    .aw-brand-products .bcp-toolbar {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .aw-brand-products .bcp-filter-btn,
    .aw-brand-filter-reset {
        width: 100%;
    }

    .aw-brand-filter-reset {
        grid-column: auto;
    }

    .aw-brand-add-fab {
        width: 50px;
        height: 50px;
        position: fixed;
        z-index: 75;
        right: 14px;
        bottom: calc(82px + env(safe-area-inset-bottom));
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #155c3f;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 27px;
        box-shadow: 0 12px 28px rgba(21,92,63,.28);
    }

    body.aw-brand-keyboard .aw-brand-add-fab {
        display: none;
    }

    .aw-brand-products .bcp-table-wrap {
        overflow: visible;
        padding: 8px;
    }

    .aw-brand-products .bcp-table,
    .aw-brand-products .bcp-table tbody,
    .aw-brand-products .bcp-table tr,
    .aw-brand-products .bcp-table td {
        display: block;
        width: 100%;
    }

        .aw-brand-products .bcp-table thead {
            display: none;
        }

        .aw-brand-products .bcp-table tbody {
            display: grid;
            gap: 8px;
        }

        .aw-brand-products .bcp-table tr {
            padding: 12px;
            border: 1px solid #e3e9e5;
            border-radius: 14px;
            background: #fff;
        }

        .aw-brand-products .bcp-table td {
            padding: 6px 0;
            border: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
        }

            .aw-brand-products .bcp-table td[data-label]::before {
                content: attr(data-label);
                color: #89958e;
                font-size: 9px;
                font-weight: 850;
                text-transform: uppercase;
                letter-spacing: .05em;
            }

            .aw-brand-products .bcp-table td.aw-brand-product-main,
            .aw-brand-products .bcp-table td.aw-brand-product-action {
                display: block;
            }

    .aw-brand-products .bcp-product {
        min-width: 0;
    }

    .aw-brand-product-action {
        padding-top: 10px !important;
    }

        .aw-brand-product-action a {
            min-height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            background: #edf5f0;
        }

    .aw-brand-products .bcp-pages {
        align-items: center;
    }

    /* Existing create/edit pages already collapse to one column. Tighten them for H5. */
    .aw-brand-product-form .bpf-grid,
    .aw-brand-product-form .bpe-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .aw-brand-product-form .bpf-card,
    .aw-brand-product-form .bpe-card,
    .aw-brand-wholesale-card {
        padding: 15px !important;
        margin-bottom: 10px !important;
        border-radius: 15px !important;
    }

        .aw-brand-product-form .bpf-row,
        .aw-brand-product-form .bpf-row-2,
        .aw-brand-product-form .bpe-row,
        .aw-brand-product-form .bpe-row-2,
        .aw-brand-wholesale-card .fz-v7-form-grid {
            grid-template-columns: 1fr !important;
            gap: 0 !important;
        }

    .aw-brand-product-form .bpf-field,
    .aw-brand-product-form .bpe-field {
        margin-bottom: 14px !important;
    }

    .aw-brand-product-form .bpf-textarea,
    .aw-brand-product-form .bpe-textarea {
        min-height: 120px !important;
    }

    .aw-brand-product-form .bpf-upload {
        padding: 12px !important;
        border-radius: 11px !important;
    }

    .aw-brand-product-form .bpe-images {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important;
    }

    .aw-brand-product-form .bpe-image-preview {
        height: 115px !important;
    }

    .aw-brand-product-form .bpe-image-upload {
        padding: 9px !important;
    }

    .aw-brand-product-form input[type="file"] {
        width: 100%;
        max-width: 100%;
        font-size: 12px !important;
    }

    .aw-brand-sticky-actions {
        position: sticky !important;
        z-index: 25;
        bottom: calc(74px + env(safe-area-inset-bottom));
        margin: 10px -3px 0 !important;
        padding: 9px !important;
        border: 1px solid #dbe4de;
        border-radius: 13px;
        background: rgba(255,255,255,.96);
        box-shadow: 0 -8px 28px rgba(20,65,45,.08);
        backdrop-filter: blur(10px);
    }

        .aw-brand-sticky-actions .bc-button,
        .aw-brand-sticky-actions .bpf-cancel,
        .aw-brand-sticky-actions .bpe-secondary {
            flex: 1;
            min-height: 44px;
        }

    body.aw-brand-keyboard .aw-brand-sticky-actions {
        bottom: 8px;
    }

    .aw-brand-sku-section,
    .aw-brand-tier-card {
        padding: 14px;
    }

    .aw-brand-sku-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .aw-brand-new-sku-form {
        grid-template-columns: 1fr 1fr;
        padding: 0;
    }

    .aw-brand-sku-form {
        grid-template-columns: 1fr 1fr;
    }

    .aw-brand-tier-head {
        display: none;
    }

    .aw-brand-tier-row {
        grid-template-columns: 25px 1fr 1fr;
        gap: 7px;
    }

    .aw-brand-tier-number {
        width: 25px;
    }

    .aw-brand-tier-readonly {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media(max-width:520px) {
    .aw-brand-products .bcp-toolbar {
        grid-template-columns: 1fr;
    }

    .aw-brand-dashboard .bcd-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .aw-brand-quick-actions {
        grid-template-columns: 1fr 1fr;
    }

        .aw-brand-quick-actions a {
            grid-template-columns: 34px minmax(0,1fr);
            padding: 10px;
        }

            .aw-brand-quick-actions a > span {
                width: 34px;
                height: 34px;
            }

    .aw-brand-product-form .bpe-images {
        grid-template-columns: 1fr 1fr !important;
    }

    .aw-brand-sku-form,
    .aw-brand-new-sku-form {
        grid-template-columns: 1fr;
    }

    .aw-brand-sku-save,
    .aw-brand-new-sku-submit {
        grid-column: auto;
        width: 100%;
    }

    .aw-brand-tier-row {
        grid-template-columns: 24px 1fr;
        align-items: start;
    }

        .aw-brand-tier-row label {
            grid-column: 2;
        }

    .aw-brand-tier-number {
        grid-row: 1 / 3;
        height: 100%;
        min-height: 86px;
    }

    .aw-brand-tier-readonly {
        grid-template-columns: 1fr 1fr;
    }
}


/* ======================================================================
   AfriWeva V13.8 — Brand operations H5: Store / Commission / Payment / Shipping
   ====================================================================== */

/* Store settings */
.aw-store-settings {
    max-width: 1180px;
    margin: 0 auto;
}

.aw-store-settings-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.aw-store-public-link {
    min-height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cad8cf;
    border-radius: 11px;
    background: #fff;
    color: #155c3f !important;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.aw-store-permission-note,
.aw-store-review-note {
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid #ead8ad;
    border-radius: 12px;
    background: #fff9eb;
    color: #71561c;
    font-size: 11px;
    line-height: 1.55;
}

    .aw-store-review-note strong,
    .aw-store-review-note span {
        display: block;
    }

    .aw-store-review-note span {
        margin-top: 3px;
    }

.aw-store-card {
    margin-bottom: 13px;
    padding: 20px;
}

.aw-store-form {
    margin-top: 17px;
}

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

    .aw-store-default-grid > label,
    .aw-store-field,
    .aw-store-banner-upload {
        min-width: 0;
        display: block;
    }

        .aw-store-default-grid > label > span,
        .aw-store-field > span,
        .aw-store-banner-upload > span,
        .aw-store-current-banner > span {
            display: block;
            margin-bottom: 6px;
            color: #5f7167;
            font-size: 9px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: .07em;
        }

        .aw-store-default-grid input,
        .aw-store-field input,
        .aw-store-field textarea,
        .aw-store-banner-upload input {
            width: 100%;
            min-width: 0;
            border: 1px solid #d7e1da;
            border-radius: 10px;
            outline: 0;
            background: #fff;
            color: #2e4739;
            font: inherit;
            font-size: 16px;
        }

        .aw-store-default-grid input,
        .aw-store-field input {
            min-height: 43px;
            padding: 0 11px;
        }

        .aw-store-field textarea {
            min-height: 140px;
            padding: 11px;
            resize: vertical;
            line-height: 1.55;
        }

        .aw-store-default-grid small,
        .aw-store-field small,
        .aw-store-banner-upload small {
            display: block;
            margin-top: 5px;
            color: #909b95;
            font-size: 9px;
            line-height: 1.45;
        }

.aw-store-input-suffix {
    display: flex;
    overflow: hidden;
    border: 1px solid #d7e1da;
    border-radius: 10px;
}

    .aw-store-input-suffix input {
        border: 0;
        border-radius: 0;
    }

    .aw-store-input-suffix b {
        padding: 0 12px;
        display: flex;
        align-items: center;
        border-left: 1px solid #e2e8e4;
        background: #f7faf8;
        color: #708077;
        font-size: 10px;
    }

.aw-store-switch-card {
    grid-column: 1 / -1;
    min-height: 72px;
    padding: 13px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border: 1px solid #e0e8e3;
    border-radius: 13px;
    background: #f8faf9;
}

    .aw-store-switch-card strong,
    .aw-store-switch-card small {
        display: block;
    }

    .aw-store-switch-card strong {
        color: #2b493a;
        font-size: 11px;
    }

    .aw-store-switch-card small {
        margin-top: 3px;
        color: #85928b;
        font-size: 9px;
        line-height: 1.4;
    }

.aw-store-switch {
    width: 54px;
    height: 30px;
    flex: 0 0 54px;
    position: relative;
}

    .aw-store-switch input {
        position: absolute;
        opacity: 0;
    }

    .aw-store-switch span {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        background: #cbd5cf;
        cursor: pointer;
        transition: .18s;
    }

        .aw-store-switch span::before {
            content: "";
            width: 22px;
            height: 22px;
            position: absolute;
            left: 4px;
            top: 4px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 2px 7px rgba(0,0,0,.15);
            transition: .18s;
        }

    .aw-store-switch input:checked + input + span {
        background: #176047;
    }

        .aw-store-switch input:checked + input + span::before {
            transform: translateX(24px);
        }

.aw-store-info-box {
    margin-top: 12px;
    padding: 11px 13px;
    border-radius: 11px;
    background: #f2f7f4;
    color: #687c70;
    font-size: 10px;
    line-height: 1.55;
}

.aw-store-actions {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 11px;
    flex-wrap: wrap;
}

    .aw-store-actions > span {
        color: #8a9890;
        font-size: 9px;
    }

.aw-store-review-status {
    min-height: 28px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #f0f4f2;
    color: #677a6f;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

    .aw-store-review-status.pending {
        background: #fff2d8;
        color: #865c0e;
    }

    .aw-store-review-status.approved {
        background: #def3e5;
        color: #176b43;
    }

    .aw-store-review-status.rejected {
        background: #ffe6e8;
        color: #a32d35;
    }

.aw-store-profile-form {
    display: grid;
    gap: 13px;
}

.aw-store-banner-grid {
    display: grid;
    grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr);
    gap: 12px;
}

.aw-store-banner-preview,
.aw-store-new-banner-preview {
    min-height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dfe7e2;
    border-radius: 13px;
    background: #f3f6f4;
}

    .aw-store-banner-preview img,
    .aw-store-new-banner-preview img {
        width: 100%;
        height: 100%;
        min-height: 150px;
        max-height: 220px;
        object-fit: cover;
        display: block;
    }

.aw-store-banner-empty {
    color: #98a39d;
    font-size: 10px;
}

.aw-store-banner-upload {
    padding: 13px;
    border: 1px dashed #bfcfc5;
    border-radius: 13px;
    background: #fafcfb;
}

    .aw-store-banner-upload input {
        padding: 9px;
        border-radius: 9px;
        font-size: 11px;
    }

.aw-store-new-banner-preview {
    min-height: 88px;
    margin-top: 9px;
    border: 0;
    background: transparent;
    justify-content: flex-start;
}

    .aw-store-new-banner-preview:empty {
        display: none;
    }

    .aw-store-new-banner-preview img {
        width: 120px;
        min-height: 76px;
        height: 76px;
        border-radius: 9px;
    }

    .aw-store-new-banner-preview span {
        margin-left: 9px;
        color: #75857c;
        font-size: 9px;
        overflow-wrap: anywhere;
    }

/* Promoter commission */
.aw-brand-commission {
    max-width: 1180px;
    margin: 0 auto;
}

.aw-brand-commission-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

    .aw-brand-commission-head h1 span {
        color: #176047;
    }

.aw-brand-commission-state {
    min-width: 125px;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f0f3f1;
    color: #6f7d75;
    text-align: center;
}

    .aw-brand-commission-state strong,
    .aw-brand-commission-state span {
        display: block;
    }

    .aw-brand-commission-state strong {
        font-size: 17px;
    }

    .aw-brand-commission-state span {
        margin-top: 2px;
        font-size: 9px;
    }

    .aw-brand-commission-state.is-on {
        background: #e2f3e8;
        color: #176b43;
    }

.aw-brand-commission-alert {
    margin-bottom: 12px;
    padding: 11px 13px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 800;
}

    .aw-brand-commission-alert.success {
        background: #e9f8ee;
        color: #176b43;
    }

    .aw-brand-commission-alert.error {
        background: #ffedef;
        color: #a52f37;
    }

.aw-brand-commission-stats {
    margin-bottom: 12px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 9px;
}

    .aw-brand-commission-stats article {
        min-width: 0;
        padding: 16px;
        border: 1px solid #e0e7e2;
        border-radius: 15px;
        background: #fff;
    }

    .aw-brand-commission-stats span,
    .aw-brand-commission-stats strong,
    .aw-brand-commission-stats small {
        display: block;
    }

    .aw-brand-commission-stats span {
        color: #7c8b83;
        font-size: 9px;
        font-weight: 800;
    }

    .aw-brand-commission-stats strong {
        margin-top: 8px;
        color: #173d2e;
        font-size: 23px;
        line-height: 1;
        overflow-wrap: anywhere;
    }

    .aw-brand-commission-stats small {
        margin-top: 6px;
        color: #9aa49e;
        font-size: 9px;
    }

.aw-brand-commission-grid {
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(330px,.95fr);
    gap: 12px;
}

.aw-brand-commission-settings,
.aw-brand-commission-rules {
    padding: 19px;
}

.aw-brand-commission-switch {
    width: 56px;
    height: 31px;
    flex: 0 0 56px;
    position: relative;
}

    .aw-brand-commission-switch input {
        position: absolute;
        opacity: 0;
    }

    .aw-brand-commission-switch span {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        background: #cbd5cf;
        cursor: pointer;
        transition: .18s;
    }

        .aw-brand-commission-switch span::before {
            content: "";
            width: 23px;
            height: 23px;
            position: absolute;
            top: 4px;
            left: 4px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 2px 7px rgba(0,0,0,.14);
            transition: .18s;
        }

    .aw-brand-commission-switch input:checked + input + span {
        background: #176047;
    }

        .aw-brand-commission-switch input:checked + input + span::before {
            transform: translateX(25px);
        }

.aw-brand-commission-rate {
    margin-top: 24px;
}

    .aw-brand-commission-rate > label {
        display: block;
        margin-bottom: 7px;
        color: #556b5e;
        font-size: 10px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .aw-brand-commission-rate > div {
        max-width: 290px;
        display: flex;
        overflow: hidden;
        border: 1px solid #cad9d0;
        border-radius: 13px;
    }

    .aw-brand-commission-rate input {
        width: 100%;
        min-width: 0;
        height: 58px;
        padding: 0 14px;
        border: 0;
        outline: 0;
        background: #fff;
        color: #173d2e;
        font: inherit;
        font-size: 28px;
        font-weight: 900;
    }

    .aw-brand-commission-rate > div strong {
        padding: 0 15px;
        display: flex;
        align-items: center;
        border-left: 1px solid #e1e7e3;
        background: #f7faf8;
        color: #60746a;
        font-size: 19px;
    }

    .aw-brand-commission-rate > small {
        display: block;
        max-width: 600px;
        margin-top: 8px;
        color: #829087;
        font-size: 9px;
        line-height: 1.55;
    }

.aw-brand-commission-example {
    margin-top: 16px;
    padding: 13px 14px;
    border: 1px solid #ead7aa;
    border-radius: 13px;
    background: #fff9eb;
    color: #6d531d;
}

    .aw-brand-commission-example > span {
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .1em;
    }

    .aw-brand-commission-example p {
        margin: 6px 0;
        font-size: 10px;
    }

    .aw-brand-commission-example > div {
        font-size: 17px;
    }

.aw-brand-commission-rules ol {
    margin: 16px 0 0;
    padding-left: 20px;
    color: #50675a;
    font-size: 10px;
    line-height: 1.7;
}

.aw-brand-commission-rules li + li {
    margin-top: 5px;
}

.aw-brand-commission-note {
    margin-top: 15px;
    padding: 12px 13px;
    border-radius: 11px;
    background: #f4f7f5;
    color: #61756a;
    font-size: 9px;
    line-height: 1.5;
}

    .aw-brand-commission-note strong,
    .aw-brand-commission-note span {
        display: block;
    }

    .aw-brand-commission-note strong {
        margin-bottom: 3px;
        color: #2e503f;
    }

/* Supplier trade-order H5 */
.aw-brand-order-detail {
    padding-bottom: 18px;
}

.aw-brand-order-back {
    display: flex;
    gap: 6px;
    align-items: center;
}

    .aw-brand-order-back a {
        color: #155c3f !important;
        text-decoration: none !important;
        font-weight: 850;
    }

.aw-trade-mobile-tabs {
    display: none;
}

.aw-brand-order-heading {
    align-items: flex-start;
}

.aw-brand-order-total {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
}

.aw-brand-order-status {
    min-height: 25px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #edf5f0;
    color: #176047;
    font-size: 9px;
    font-weight: 900;
}

.aw-brand-order-facts {
    margin: 14px 0 18px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
}

    .aw-brand-order-facts article {
        min-width: 0;
        padding: 12px;
        border: 1px solid #e2e8e4;
        border-radius: 12px;
        background: #f9fbfa;
    }

    .aw-brand-order-facts span,
    .aw-brand-order-facts strong {
        display: block;
    }

    .aw-brand-order-facts span {
        color: #8b9790;
        font-size: 8px;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .aw-brand-order-facts strong {
        margin-top: 4px;
        color: #365344;
        font-size: 10px;
        line-height: 1.4;
        overflow-wrap: anywhere;
    }

.aw-brand-order-lines-head {
    margin-top: 4px;
    margin-bottom: 8px;
}

.aw-brand-order-confirmations {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 8px;
}

    .aw-brand-order-confirmations article {
        padding: 12px;
        border: 1px solid #e2e8e4;
        border-radius: 12px;
        background: #f9fbfa;
    }

    .aw-brand-order-confirmations span,
    .aw-brand-order-confirmations strong {
        display: block;
    }

    .aw-brand-order-confirmations span {
        color: #89958e;
        font-size: 8px;
    }

    .aw-brand-order-confirmations strong {
        margin-top: 4px;
        color: #345243;
        font-size: 10px;
        overflow-wrap: anywhere;
    }

.aw-brand-order-timeline {
    margin-top: 12px;
    display: grid;
    gap: 7px;
}

    .aw-brand-order-timeline article {
        padding: 10px 12px 10px 18px;
        position: relative;
        border-left: 2px solid #cce0d3;
        background: #fafcfb;
    }

        .aw-brand-order-timeline article::before {
            content: "";
            width: 8px;
            height: 8px;
            position: absolute;
            left: -5px;
            top: 15px;
            border-radius: 50%;
            background: #176047;
        }

    .aw-brand-order-timeline time,
    .aw-brand-order-timeline strong,
    .aw-brand-order-timeline span {
        display: block;
    }

    .aw-brand-order-timeline time {
        color: #929d97;
        font-size: 8px;
    }

    .aw-brand-order-timeline strong {
        margin-top: 3px;
        color: #355344;
        font-size: 10px;
    }

    .aw-brand-order-timeline span {
        margin-top: 2px;
        color: #74847b;
        font-size: 9px;
    }

.aw-brand-order-decision {
    border-color: #e8d6a8 !important;
    background: #fffdf7 !important;
}

.aw-brand-order-confirm-form,
.aw-brand-order-decline-form {
    margin-top: 12px;
}

.aw-brand-order-check {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #52675b;
    font-size: 10px;
    line-height: 1.45;
}

    .aw-brand-order-check input {
        margin-top: 1px;
    }

.aw-brand-order-decline-form label > span {
    display: block;
    margin-bottom: 5px;
    color: #687a70;
    font-size: 9px;
    font-weight: 850;
}

.aw-brand-order-decline-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #d7e1da;
    border-radius: 10px;
    font: inherit;
    font-size: 16px;
    resize: vertical;
}

.aw-brand-settlement-section {
    scroll-margin-top: 78px;
}

    .aw-brand-settlement-section > .aw-brand-section-head {
        margin-bottom: 8px;
    }

.aw-brand-ops-form {
    border-radius: 12px;
}

.aw-h5-shipment-card {
    margin-top: 10px !important;
    padding: 14px !important;
    border: 1px solid #e0e7e2 !important;
    border-radius: 13px !important;
    background: #fafcfb !important;
}

    .aw-h5-shipment-card > h3 {
        margin-top: 0;
        color: #294b3b;
    }

@media(max-width:850px) {
    .aw-store-settings-head,
    .aw-brand-commission-head {
        display: block;
    }

    .aw-store-public-link {
        width: 100%;
        margin-top: 12px;
    }

    .aw-store-card,
    .aw-brand-commission-settings,
    .aw-brand-commission-rules {
        padding: 15px;
        border-radius: 15px;
    }

    .aw-store-default-grid,
    .aw-store-banner-grid {
        grid-template-columns: 1fr;
    }

    .aw-store-switch-card {
        grid-column: auto;
    }

    .aw-store-actions {
        align-items: stretch;
        flex-direction: column;
    }

        .aw-store-actions .bc-button {
            width: 100%;
        }

    .aw-store-banner-preview {
        min-height: 115px;
    }

        .aw-store-banner-preview img {
            min-height: 115px;
            max-height: 160px;
        }

    .aw-brand-commission-state {
        margin-top: 12px;
        min-width: 0;
        width: 100%;
        text-align: left;
    }

    .aw-brand-commission-stats {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px;
    }

        .aw-brand-commission-stats article {
            padding: 13px;
        }

        .aw-brand-commission-stats strong {
            font-size: 20px;
        }

    .aw-brand-commission-grid {
        grid-template-columns: 1fr;
    }

    .aw-brand-commission-rate > div {
        max-width: none;
    }

    .aw-brand-commission-rate input {
        height: 53px;
        font-size: 25px;
    }

    .aw-brand-order-detail .fz-container {
        width: min(100% - 18px, 1180px);
    }

    .aw-trade-mobile-tabs {
        margin: 8px 0 10px;
        padding: 6px;
        position: sticky;
        z-index: 35;
        top: 62px;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(92px,1fr);
        gap: 4px;
        overflow-x: auto;
        border: 1px solid #dce5df;
        border-radius: 13px;
        background: rgba(255,255,255,.96);
        box-shadow: 0 8px 24px rgba(19,65,43,.08);
        scrollbar-width: none;
        backdrop-filter: blur(10px);
    }

        .aw-trade-mobile-tabs::-webkit-scrollbar {
            display: none;
        }

        .aw-trade-mobile-tabs a {
            min-height: 38px;
            padding: 0 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            background: #f4f8f5;
            color: #365445 !important;
            text-decoration: none !important;
            font-size: 9px;
            font-weight: 900;
            white-space: nowrap;
        }

    .aw-brand-order-overview,
    .aw-brand-order-terms,
    .aw-brand-order-audit,
    .aw-brand-settlement-section,
    .aw-brand-order-decision {
        scroll-margin-top: 116px;
    }

    .aw-brand-order-heading {
        display: block !important;
    }

    .aw-brand-order-total {
        margin-top: 12px;
        align-items: flex-start;
    }

        .aw-brand-order-total > strong {
            font-size: 24px !important;
        }

    .aw-brand-order-facts {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
    }

    .aw-brand-order-confirmations {
        grid-template-columns: 1fr;
    }

    .aw-brand-order-detail .aw-rfq-panel {
        padding: 14px !important;
        border-radius: 15px !important;
    }

        .aw-brand-order-detail .aw-rfq-panel h1 {
            font-size: 24px !important;
        }

        .aw-brand-order-detail .aw-rfq-panel h2 {
            font-size: 17px !important;
        }

        .aw-brand-order-detail .aw-rfq-panel h3 {
            font-size: 14px !important;
        }

    .aw-brand-order-detail .aw-v12-inline,
    .aw-brand-order-detail .aw-v12-shipment-form {
        padding: 11px !important;
        border: 1px solid #e0e7e2;
        background: #fafcfb;
    }

        .aw-brand-order-detail .aw-v12-inline label,
        .aw-brand-order-detail .aw-v12-grid label {
            width: 100%;
            display: block;
        }

        .aw-brand-order-detail .aw-v12-inline input,
        .aw-brand-order-detail .aw-v12-inline select,
        .aw-brand-order-detail .aw-v12-grid input,
        .aw-brand-order-detail .aw-v12-grid select {
            width: 100%;
            min-height: 42px;
            margin-top: 5px;
            padding: 0 10px;
            border: 1px solid #d6e0da;
            border-radius: 9px;
            background: #fff;
            font-size: 16px;
        }

    .aw-brand-order-detail .aw-v12-grid {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .aw-brand-order-detail .aw-rfq-primary,
    .aw-brand-order-detail .aw-rfq-secondary,
    .aw-brand-order-detail .aw-v12-inline button,
    .aw-brand-order-detail .aw-v12-shipment-form > button {
        min-height: 43px;
        width: 100%;
        margin-top: 7px;
    }

    .aw-h5-shipment-card {
        padding: 12px !important;
    }

        .aw-h5-shipment-card p {
            overflow-wrap: anywhere;
        }

    .aw-brand-order-detail .aw-trade-terms {
        max-height: 240px;
        overflow: auto;
        padding: 11px !important;
        border-radius: 10px;
        font-size: 10px;
        white-space: pre-wrap;
    }
}

@media(max-width:500px) {
    .aw-brand-commission-stats {
        grid-template-columns: 1fr 1fr;
    }

    .aw-brand-order-facts {
        grid-template-columns: 1fr 1fr;
    }

        .aw-brand-order-facts article {
            padding: 10px;
        }
}


/* ======================================================================
   AfriWeva V13.9 — Buyer H5 full sourcing flow
   RFQ → Company → Approval → PO → Payment → Shipment
   ====================================================================== */

.aw-buyer-flow {
    --aw-buyer-green: #155c3f;
    --aw-buyer-dark: #173d2e;
    --aw-buyer-soft: #edf5f0;
    --aw-buyer-gold: #c99232;
    --aw-buyer-line: #dfe7e2;
    --aw-buyer-muted: #75857c;
}

.aw-buyer-flow-head {
    margin-bottom: 14px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

    .aw-buyer-flow-head h1 {
        margin: 0;
        color: var(--aw-buyer-dark);
        font-size: clamp(30px,4vw,44px);
        line-height: 1.04;
        letter-spacing: -.04em;
    }

    .aw-buyer-flow-head p {
        max-width: 760px;
        margin: 8px 0 0;
        color: var(--aw-buyer-muted);
        font-size: 12px;
        line-height: 1.65;
    }

.aw-buyer-main-action {
    flex: 0 0 auto;
    min-height: 44px;
    white-space: nowrap;
}

.aw-buyer-flow-nav {
    margin-bottom: 13px;
    padding: 7px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 5px;
    border: 1px solid var(--aw-buyer-line);
    border-radius: 15px;
    background: #fff;
}

    .aw-buyer-flow-nav a {
        min-width: 0;
        min-height: 52px;
        padding: 7px 9px;
        display: grid;
        grid-template-columns: 28px minmax(0,1fr);
        align-items: center;
        gap: 8px;
        border-radius: 10px;
        color: #63766b !important;
        text-decoration: none !important;
    }

        .aw-buyer-flow-nav a:hover,
        .aw-buyer-flow-nav a.is-active {
            background: var(--aw-buyer-soft);
            color: var(--aw-buyer-green) !important;
        }

    .aw-buyer-flow-nav span {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #eff4f1;
        font-size: 9px;
        font-weight: 900;
    }

    .aw-buyer-flow-nav a.is-active span {
        background: var(--aw-buyer-green);
        color: #fff;
    }

    .aw-buyer-flow-nav strong {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 10px;
    }

.aw-buyer-summary-grid {
    margin-bottom: 13px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px;
}

    .aw-buyer-summary-grid article {
        padding: 14px 15px;
        border: 1px solid var(--aw-buyer-line);
        border-radius: 14px;
        background: #fff;
    }

    .aw-buyer-summary-grid span,
    .aw-buyer-summary-grid strong {
        display: block;
    }

    .aw-buyer-summary-grid span {
        color: #86938c;
        font-size: 9px;
        font-weight: 850;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .aw-buyer-summary-grid strong {
        margin-top: 7px;
        color: var(--aw-buyer-dark);
        font-size: 23px;
        line-height: 1;
    }

.aw-buyer-empty {
    min-height: 260px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #c8d5cd;
    border-radius: 18px;
    background: #fafcfb;
    text-align: center;
}

.aw-buyer-empty--compact {
    min-height: 170px;
}

.aw-buyer-empty-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    background: var(--aw-buyer-soft);
    color: var(--aw-buyer-green);
    font-size: 13px;
    font-weight: 950;
}

.aw-buyer-empty h2,
.aw-buyer-empty h3 {
    margin: 0;
    color: #294939;
}

.aw-buyer-empty p {
    max-width: 560px;
    margin: 6px 0 15px;
    color: #809087;
    font-size: 11px;
    line-height: 1.55;
}

/* RFQ list */
.aw-buyer-rfq-list,
.aw-buyer-order-list,
.aw-buyer-company-list,
.aw-buyer-approval-list,
.aw-buyer-quote-list {
    display: grid;
    gap: 10px;
}

.aw-buyer-rfq-card,
.aw-buyer-order-card {
    padding: 16px;
    display: block;
    border: 1px solid var(--aw-buyer-line);
    border-radius: 17px;
    background: #fff;
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: 0 8px 25px rgba(18,63,41,.035);
    transition: transform .15s ease, box-shadow .15s ease;
}

    .aw-buyer-rfq-card:hover,
    .aw-buyer-order-card:hover {
        transform: translateY(-1px);
        box-shadow: 0 12px 30px rgba(18,63,41,.07);
    }

    .aw-buyer-rfq-card-top,
    .aw-buyer-order-card > header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

.aw-buyer-rfq-number,
.aw-buyer-order-number {
    color: #87958d;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .06em;
}

.aw-buyer-rfq-card h2,
.aw-buyer-order-card h2 {
    margin: 7px 0 0;
    color: #234536;
    font-size: 17px;
    line-height: 1.35;
}

.aw-buyer-state {
    min-height: 25px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #eef2f0;
    color: #65756d;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}

    .aw-buyer-state.open,
    .aw-buyer-state.confirmed,
    .aw-buyer-state.approved,
    .aw-buyer-state.active {
        background: #dff3e6;
        color: #176c43;
    }

    .aw-buyer-state.awarded,
    .aw-buyer-state.pending,
    .aw-buyer-state.awaitingconfirmations {
        background: #fff1d8;
        color: #8a5c08;
    }

    .aw-buyer-state.closed,
    .aw-buyer-state.rejected,
    .aw-buyer-state.declined,
    .aw-buyer-state.cancelled {
        background: #ffe9eb;
        color: #a42f38;
    }

.aw-buyer-rfq-facts,
.aw-buyer-order-facts {
    margin-top: 13px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
}

    .aw-buyer-rfq-facts span,
    .aw-buyer-order-facts span {
        min-width: 0;
        padding: 9px 10px;
        border-radius: 10px;
        background: #f7faf8;
    }

    .aw-buyer-rfq-facts small,
    .aw-buyer-rfq-facts strong,
    .aw-buyer-order-facts small,
    .aw-buyer-order-facts strong {
        display: block;
    }

    .aw-buyer-rfq-facts small,
    .aw-buyer-order-facts small {
        color: #909c95;
        font-size: 8px;
    }

    .aw-buyer-rfq-facts strong,
    .aw-buyer-order-facts strong {
        margin-top: 3px;
        color: #3a5648;
        font-size: 10px;
        overflow-wrap: anywhere;
    }

.aw-buyer-rfq-open {
    margin-top: 13px;
    padding-top: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #edf1ee;
    color: var(--aw-buyer-green);
    font-size: 10px;
    font-weight: 900;
}

/* New RFQ */
.aw-buyer-stepper {
    margin-bottom: 12px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
}

    .aw-buyer-stepper span {
        min-height: 42px;
        padding: 7px 10px;
        display: flex;
        align-items: center;
        gap: 7px;
        border: 1px solid #dfe7e2;
        border-radius: 11px;
        background: #fff;
        color: #76877d;
        font-size: 9px;
        font-weight: 850;
    }

    .aw-buyer-stepper b {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #eff4f1;
        color: #5d7266;
        font-size: 8px;
    }

    .aw-buyer-stepper span.is-active {
        border-color: #b8d4c2;
        background: #f2f8f4;
        color: #176047;
    }

        .aw-buyer-stepper span.is-active b {
            background: #176047;
            color: #fff;
        }

.aw-buyer-rfq-form {
    display: grid;
    gap: 11px;
}

.aw-buyer-form-section {
    padding: 18px !important;
}

.aw-buyer-section-title {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

    .aw-buyer-section-title > span {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #edf5f0;
        color: #176047;
        font-size: 9px;
        font-weight: 950;
    }

    .aw-buyer-section-title h2 {
        margin: 0;
        color: #234536;
        font-size: 18px;
    }

    .aw-buyer-section-title p {
        margin: 4px 0 0;
        color: #7f8e86;
        font-size: 10px;
        line-height: 1.5;
    }

.aw-buyer-style-list {
    display: grid;
    gap: 9px;
}

.aw-buyer-style-card {
    margin: 0 !important;
    padding: 14px !important;
    position: relative;
    border-radius: 13px !important;
    background: #fafcfb !important;
}

.aw-buyer-style-number {
    width: 26px;
    height: 26px;
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #176047;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
}

.aw-buyer-sticky-submit {
    margin-top: 0 !important;
}

/* RFQ detail / quotes */
.aw-buyer-rfq-detail-head {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

    .aw-buyer-rfq-detail-head h1 {
        margin: 3px 0 0;
        color: #173d2e;
        font-size: 34px;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

.aw-buyer-detail-meta {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 12px;
    color: #77877e;
    font-size: 9px;
}

    .aw-buyer-detail-meta strong {
        color: #385547;
    }

.aw-buyer-detail-tabs {
    margin-bottom: 12px;
    padding: 5px;
    display: flex;
    gap: 4px;
    border: 1px solid #dfe7e2;
    border-radius: 12px;
    background: #fff;
}

    .aw-buyer-detail-tabs a {
        min-height: 36px;
        padding: 0 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        border-radius: 8px;
        background: #f5f8f6;
        color: #466153 !important;
        text-decoration: none !important;
        font-size: 9px;
        font-weight: 900;
    }

    .aw-buyer-detail-tabs span {
        min-width: 18px;
        height: 18px;
        padding: 0 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #ddebe2;
        color: #176047;
        font-size: 8px;
    }

.aw-buyer-progress-links {
    margin-top: 13px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
}

    .aw-buyer-progress-links a {
        min-height: 52px;
        padding: 9px;
        display: grid;
        grid-template-columns: 25px minmax(0,1fr);
        align-items: center;
        gap: 7px;
        border: 1px solid #e0e7e2;
        border-radius: 11px;
        background: #fafcfb;
        color: #385648 !important;
        text-decoration: none !important;
    }

    .aw-buyer-progress-links span {
        width: 25px;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #edf5f0;
        color: #176047;
        font-size: 8px;
        font-weight: 900;
    }

    .aw-buyer-progress-links strong {
        font-size: 9px;
    }

.aw-buyer-approval-note {
    margin-top: 9px;
    padding: 10px 11px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    background: #f7faf8;
}

    .aw-buyer-approval-note strong {
        color: #3b5749;
        font-size: 9px;
    }

    .aw-buyer-approval-note small {
        color: #929d97;
        font-size: 8px;
    }

    .aw-buyer-approval-note p {
        grid-column: 1 / -1;
        margin: 2px 0 0;
        color: #6e7f76;
        font-size: 9px;
    }

.aw-buyer-po-link {
    margin-top: 10px;
    display: inline-flex !important;
}

.aw-buyer-quotes-section {
    scroll-margin-top: 80px;
}

.aw-buyer-quotes-head,
.aw-buyer-list-heading {
    margin: 18px 0 10px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

    .aw-buyer-quotes-head h2,
    .aw-buyer-list-heading h2 {
        margin: 0;
        color: #173d2e;
        font-size: 22px;
    }

    .aw-buyer-quotes-head > span,
    .aw-buyer-list-heading > span {
        min-width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #edf5f0;
        color: #176047;
        font-size: 10px;
        font-weight: 900;
    }

.aw-buyer-quote-card,
.aw-buyer-approval-card,
.aw-buyer-company-card {
    padding: 17px !important;
}

.aw-buyer-quote-card {
    border: 1px solid #dfe7e2;
    border-radius: 17px;
    background: #fff;
}

    .aw-buyer-quote-card.is-selected {
        border-color: #9fc4ad;
        box-shadow: 0 0 0 3px rgba(21,92,63,.06);
    }

    .aw-buyer-quote-card > header,
    .aw-buyer-approval-card > header,
    .aw-buyer-company-card > header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 14px;
    }

.aw-buyer-quote-version {
    color: #8c9992;
    font-size: 8px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.aw-buyer-quote-card h3,
.aw-buyer-company-card h3 {
    margin: 4px 0 0;
    color: #244635;
    font-size: 17px;
}

.aw-buyer-quote-total,
.aw-buyer-approval-total {
    text-align: right;
    white-space: nowrap;
}

    .aw-buyer-quote-total small,
    .aw-buyer-quote-total strong,
    .aw-buyer-approval-total small,
    .aw-buyer-approval-total strong {
        display: block;
    }

    .aw-buyer-quote-total small,
    .aw-buyer-approval-total small {
        color: #8f9a94;
        font-size: 8px;
    }

    .aw-buyer-quote-total strong,
    .aw-buyer-approval-total strong {
        margin-top: 4px;
        color: #176047;
        font-size: 18px;
    }

.aw-buyer-quote-terms {
    margin: 12px 0;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
}

    .aw-buyer-quote-terms span {
        min-width: 0;
        padding: 9px 10px;
        border-radius: 10px;
        background: #f7faf8;
    }

    .aw-buyer-quote-terms small,
    .aw-buyer-quote-terms strong {
        display: block;
    }

    .aw-buyer-quote-terms small {
        color: #909b95;
        font-size: 8px;
    }

    .aw-buyer-quote-terms strong {
        margin-top: 3px;
        color: #3b584a;
        font-size: 9px;
        overflow-wrap: anywhere;
    }

.aw-buyer-payment-terms,
.aw-buyer-quote-note,
.aw-buyer-decision-note,
.aw-buyer-action-note {
    margin: 9px 0;
    padding: 10px 11px;
    border-radius: 10px;
    background: #f7faf8;
    color: #667a6e;
    font-size: 9px;
    line-height: 1.5;
}

    .aw-buyer-payment-terms small,
    .aw-buyer-payment-terms strong,
    .aw-buyer-decision-note strong,
    .aw-buyer-decision-note span,
    .aw-buyer-action-note strong,
    .aw-buyer-action-note a {
        display: block;
    }

    .aw-buyer-payment-terms small {
        color: #8c9992;
    }

    .aw-buyer-payment-terms strong,
    .aw-buyer-decision-note strong,
    .aw-buyer-action-note strong {
        margin-top: 3px;
        color: #365445;
    }

.aw-buyer-action-note {
    background: #fff9ea;
}

    .aw-buyer-action-note a {
        margin-top: 4px;
        color: #176047 !important;
        text-decoration: none !important;
        font-weight: 900;
    }

.aw-buyer-quote-accept {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #dbe5de;
    border-radius: 12px;
    background: #fafcfb;
}

.aw-buyer-quote-history {
    margin-top: 10px;
}

.aw-buyer-compare-note {
    margin-top: 12px !important;
}

/* Company */
.aw-buyer-company-create {
    padding: 18px !important;
}

.aw-buyer-company-form {
    margin-top: 14px;
}

.aw-buyer-company-members {
    margin-top: 13px;
    overflow: hidden;
    border: 1px solid #e2e8e4;
    border-radius: 12px;
}

.aw-buyer-company-members-head,
.aw-buyer-company-member {
    padding: 10px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.aw-buyer-company-members-head {
    background: #f5f8f6;
    color: #476154;
    font-size: 9px;
}

    .aw-buyer-company-members-head span {
        min-width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #e4eee8;
        color: #176047;
        font-size: 8px;
        font-weight: 900;
    }

.aw-buyer-company-member {
    border-top: 1px solid #edf1ee;
}

    .aw-buyer-company-member > div {
        min-width: 0;
    }

    .aw-buyer-company-member span,
    .aw-buyer-company-member small {
        display: block;
    }

    .aw-buyer-company-member span {
        color: #385648;
        font-size: 9px;
        font-weight: 850;
    }

    .aw-buyer-company-member small {
        max-width: 520px;
        margin-top: 2px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #929d97;
        font-size: 8px;
    }

    .aw-buyer-company-member form {
        flex: 0 0 auto;
    }

    .aw-buyer-company-member .aw-rfq-secondary {
        min-height: 32px;
        padding: 0 9px;
        font-size: 8px;
    }

.aw-buyer-company-add-approver {
    margin-top: 12px;
    border-top: 1px solid #edf1ee;
    padding-top: 10px;
}

    .aw-buyer-company-add-approver summary {
        color: #176047;
        font-size: 10px;
        font-weight: 900;
        cursor: pointer;
    }

    .aw-buyer-company-add-approver form {
        margin-top: 10px;
    }

/* Approvals */
.aw-buyer-approval-card > header h2 {
    margin: 6px 0 0;
    color: #244635;
    font-size: 17px;
}

.aw-buyer-approval-card > header p {
    margin: 5px 0 0;
    color: #7d8c84;
    font-size: 9px;
}

.aw-buyer-approval-card > header a {
    color: #176047 !important;
    text-decoration: none !important;
    font-weight: 900;
}

.aw-buyer-approval-actions {
    margin-top: 12px !important;
}

    .aw-buyer-approval-actions form {
        padding: 12px;
        border: 1px solid #e0e7e2;
        border-radius: 11px;
        background: #fafcfb;
    }

/* Orders */
.aw-buyer-order-card {
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(150px,.5fr);
    gap: 10px 18px;
}

    .aw-buyer-order-card > header {
        grid-column: 1 / -1;
    }

.aw-buyer-order-total small,
.aw-buyer-order-total strong {
    display: block;
}

.aw-buyer-order-total small {
    color: #8b9891;
    font-size: 8px;
}

.aw-buyer-order-total strong {
    margin-top: 4px;
    color: #176047;
    font-size: 20px;
}

.aw-buyer-order-facts {
    margin-top: 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
}

.aw-buyer-order-card .aw-buyer-rfq-open {
    grid-column: 1 / -1;
}

.aw-buyer-order-back {
    display: flex;
    align-items: center;
    gap: 6px;
}

    .aw-buyer-order-back a {
        color: #176047 !important;
        text-decoration: none !important;
        font-weight: 850;
    }

.aw-buyer-order-check {
    margin: 12px 0;
    display: flex !important;
    align-items: flex-start;
    gap: 8px;
    color: #53695c;
    font-size: 10px;
    line-height: 1.45;
}

    .aw-buyer-order-check input {
        width: auto !important;
        margin-top: 2px;
        flex: 0 0 auto;
    }

.aw-buyer-order-ready {
    margin-bottom: 12px;
}

/* H5 */
@media(max-width:760px) {
    .aw-buyer-flow .fz-container,
    .aw-buyer-order-detail .fz-container {
        width: min(100% - 18px, 1180px);
    }

    .aw-buyer-flow-head {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

        .aw-buyer-flow-head h1 {
            font-size: 29px;
        }

    .aw-buyer-main-action {
        width: 100%;
    }

    .aw-buyer-flow-nav {
        grid-template-columns: repeat(4,minmax(78px,1fr));
        overflow-x: auto;
        scrollbar-width: none;
    }

        .aw-buyer-flow-nav::-webkit-scrollbar {
            display: none;
        }

        .aw-buyer-flow-nav a {
            grid-template-columns: 24px minmax(0,1fr);
            min-height: 46px;
            padding: 6px;
        }

        .aw-buyer-flow-nav span {
            width: 24px;
            height: 24px;
        }

    .aw-buyer-summary-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 6px;
    }

        .aw-buyer-summary-grid article {
            padding: 11px;
        }

        .aw-buyer-summary-grid strong {
            font-size: 20px;
        }

    .aw-buyer-rfq-card,
    .aw-buyer-order-card,
    .aw-buyer-quote-card,
    .aw-buyer-approval-card,
    .aw-buyer-company-card {
        border-radius: 14px;
    }

    .aw-buyer-rfq-facts {
        grid-template-columns: 1fr 1fr;
    }

        .aw-buyer-rfq-facts span:last-child {
            grid-column: 1 / -1;
        }

    .aw-buyer-stepper span {
        min-height: 38px;
        padding: 5px;
        justify-content: center;
    }

        .aw-buyer-stepper span:not(.is-active) {
            color: #8b9891;
        }

    .aw-buyer-stepper b {
        width: 22px;
        height: 22px;
    }

    .aw-buyer-form-section {
        padding: 14px !important;
        border-radius: 15px !important;
    }

    .aw-buyer-rfq-form .aw-rfq-two {
        grid-template-columns: 1fr !important;
    }

    .aw-buyer-rfq-form input,
    .aw-buyer-rfq-form select,
    .aw-buyer-rfq-form textarea,
    .aw-buyer-company-form input,
    .aw-buyer-company-form select,
    .aw-buyer-approval-page textarea,
    .aw-buyer-quote-accept select {
        font-size: 16px !important;
    }

    .aw-buyer-publish-section {
        padding-bottom: 10px !important;
    }

    .aw-buyer-sticky-submit {
        position: sticky;
        z-index: 24;
        bottom: calc(70px + env(safe-area-inset-bottom));
        padding: 8px;
        border: 1px solid #dbe4de;
        border-radius: 12px;
        background: rgba(255,255,255,.97);
        box-shadow: 0 -8px 25px rgba(18,62,41,.08);
        backdrop-filter: blur(10px);
    }

        .aw-buyer-sticky-submit .aw-rfq-primary {
            flex: 1;
            min-height: 44px;
        }

    body.aw-h5-keyboard .aw-buyer-sticky-submit {
        bottom: 8px;
    }

    .aw-buyer-rfq-detail-head {
        display: block;
    }

        .aw-buyer-rfq-detail-head h1 {
            font-size: 28px;
        }

        .aw-buyer-rfq-detail-head form {
            margin-top: 10px;
        }

            .aw-buyer-rfq-detail-head form button {
                width: 100%;
            }

    .aw-buyer-detail-tabs {
        position: sticky;
        z-index: 34;
        top: 6px;
        overflow-x: auto;
        scrollbar-width: none;
        box-shadow: 0 8px 22px rgba(19,64,43,.07);
        backdrop-filter: blur(10px);
    }

        .aw-buyer-detail-tabs::-webkit-scrollbar {
            display: none;
        }

    #awBuyerRequest,
    #awBuyerQuotes,
    #awBuyerProgress {
        scroll-margin-top: 64px;
    }

    .aw-buyer-progress-links {
        grid-template-columns: 1fr;
    }

    .aw-buyer-approval-note {
        grid-template-columns: auto 1fr;
    }

        .aw-buyer-approval-note small {
            grid-column: 2;
        }

    .aw-buyer-quote-card > header,
    .aw-buyer-approval-card > header,
    .aw-buyer-company-card > header {
        display: block;
    }

    .aw-buyer-quote-total,
    .aw-buyer-approval-total {
        margin-top: 10px;
        text-align: left;
    }

    .aw-buyer-quote-terms {
        grid-template-columns: 1fr 1fr;
    }

        .aw-buyer-quote-terms span:last-child {
            grid-column: 1 / -1;
        }

    .aw-buyer-quote-accept .aw-rfq-primary {
        width: 100%;
    }

    .aw-buyer-company-member {
        align-items: flex-start;
        flex-direction: column;
    }

        .aw-buyer-company-member form,
        .aw-buyer-company-member .aw-rfq-secondary {
            width: 100%;
        }

    .aw-buyer-approval-actions {
        grid-template-columns: 1fr !important;
    }

        .aw-buyer-approval-actions form {
            padding: 10px;
        }

    .aw-buyer-order-card {
        display: block;
    }

    .aw-buyer-order-total {
        margin-top: 12px;
    }

    .aw-buyer-order-facts {
        margin-top: 10px;
    }

    .aw-buyer-order-tabs {
        top: 6px !important;
    }

    .aw-buyer-order-confirm {
        padding: 14px !important;
        border-radius: 15px !important;
    }

        .aw-buyer-order-confirm .aw-rfq-primary {
            width: 100%;
        }
}

@media(max-width:440px) {
    .aw-buyer-summary-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

        .aw-buyer-summary-grid span {
            font-size: 7px;
        }

        .aw-buyer-summary-grid strong {
            font-size: 18px;
        }

    .aw-buyer-stepper span {
        font-size: 8px;
    }

    .aw-buyer-stepper b {
        display: none;
    }

    .aw-buyer-rfq-facts,
    .aw-buyer-order-facts,
    .aw-buyer-quote-terms {
        grid-template-columns: 1fr;
    }

        .aw-buyer-rfq-facts span:last-child,
        .aw-buyer-quote-terms span:last-child {
            grid-column: auto;
        }
}


/* ======================================================================
   AfriWeva V14.2 — Promoter B2B commission + completed-order history
   ====================================================================== */

.aw-agent-b2b-card {
    padding: 0 !important;
    overflow: hidden;
}

.aw-agent-b2b-summary {
    padding: 13px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    border-bottom: 1px solid #edf1ee;
    background: #fafcfb;
}

    .aw-agent-b2b-summary article {
        min-width: 0;
        padding: 13px;
        border: 1px solid #e2e8e4;
        border-radius: 12px;
        background: #fff;
    }

    .aw-agent-b2b-summary span,
    .aw-agent-b2b-summary strong,
    .aw-agent-b2b-summary small {
        display: block;
    }

    .aw-agent-b2b-summary span {
        color: #7c8c83;
        font-size: 9px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .06em;
    }

    .aw-agent-b2b-summary strong {
        margin-top: 6px;
        color: #173d2e;
        font-size: 17px;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .aw-agent-b2b-summary small {
        margin-top: 5px;
        color: #96a19b;
        font-size: 8px;
        line-height: 1.45;
    }

.aw-agent-b2b-ledger-wrap {
    margin: 13px;
}

.aw-agent-b2b-ledger {
    min-width: 980px !important;
}

.aw-agent-commission-status.is-locked {
    background: #fff1d8;
    color: #875b09;
}

.aw-agent-commission-status.is-available {
    background: #e2f3e8;
    color: #176b43;
}

.aw-agent-b2b-footnote {
    margin: 0 13px 13px;
    padding: 10px 11px;
    border-radius: 10px;
    background: #f3f7f4;
    color: #708178;
    font-size: 9px;
    line-height: 1.55;
}

.aw-v14-completed-note {
    margin-bottom: 10px;
}

@media (max-width: 680px) {
    .aw-agent-b2b-summary {
        grid-template-columns: 1fr;
        padding: 10px;
    }

        .aw-agent-b2b-summary article {
            padding: 11px;
        }

        .aw-agent-b2b-summary strong {
            font-size: 15px;
        }

    .aw-agent-b2b-ledger-wrap {
        margin: 10px;
    }

    .aw-agent-b2b-footnote {
        margin: 0 10px 10px;
    }
}


/* ======================================================================
   AfriWeva V14.2.2 — H5 chat layout + mobile global header spacing
   ====================================================================== */

/* Global AfriWeva mobile header:
   use the full row and deliberately separate brand from the menu button. */
@media (max-width:760px) {
    body.theme-feizhou .site-header .nav-wrap {
        width: 100%;
        max-width: none;
        min-height: 64px;
        margin: 0 auto;
        padding-left: 18px;
        padding-right: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        box-sizing: border-box;
    }

    body.theme-feizhou .site-header .nav-left {
        min-width: 0;
        flex: 1 1 auto;
        margin-right: auto;
    }

    body.theme-feizhou .site-header .brand {
        max-width: 100%;
        margin: 0;
        display: inline-flex;
        align-items: center;
    }

    body.theme-feizhou .site-header .fz-site-mark {
        font-size: 21px;
        line-height: 1;
        letter-spacing: -.045em;
    }

        body.theme-feizhou .site-header .fz-site-mark span {
            margin-left: 5px;
            vertical-align: 3px;
        }

    body.theme-feizhou .site-header .nav-toggle {
        width: 46px;
        height: 46px;
        min-width: 46px;
        flex: 0 0 46px;
        margin: 0 0 0 auto;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 13px;
        font-size: 23px;
        line-height: 1;
    }
}

/* H5 chat becomes one compact app-like panel:
   compact header → flexible message viewport → composer. */
@media (max-width:760px) {
    .feizhou-b2b.aw-wc-thread-page {
        min-height: 0 !important;
        height: var(--aw-chat-mobile-height, calc(100dvh - 138px)) !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #edf0ee;
    }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-chat-shell {
            width: 100%;
            max-width: none;
            height: 100%;
            min-height: 0 !important;
            margin: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            background: #fff;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-header {
            position: relative !important;
            top: auto !important;
            z-index: 20;
            min-height: 62px;
            flex: 0 0 auto;
            padding: 8px 10px !important;
            display: flex;
            align-items: center;
            gap: 7px;
            border-bottom: 1px solid #e4ebe6;
            background: rgba(255,255,255,.99);
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-person {
            min-width: 0;
            flex: 1 1 auto;
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-back {
            width: 30px;
            height: 38px;
            min-width: 30px;
            flex: 0 0 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 9px;
            font-size: 25px;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-avatar {
            width: 38px !important;
            height: 38px !important;
            flex: 0 0 38px !important;
            border-radius: 10px;
            font-size: 16px;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-title {
            min-width: 0;
            flex: 1 1 auto;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-title .fz-home-eyebrow {
                display: none;
            }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-title h1 {
                max-width: 100%;
                margin: 0 0 3px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 17px !important;
                line-height: 1.15;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-subline {
            min-width: 0;
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 5px;
            overflow: hidden;
            color: #74837b;
            font-size: 9px;
            line-height: 1;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-subline > span:first-child {
                flex: 0 0 auto;
                white-space: nowrap;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-h5-chat-connect {
            min-width: 0;
            max-width: 76px;
            min-height: 19px;
            margin: 0;
            padding: 0 6px;
            display: inline-flex;
            align-items: center;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            border-radius: 999px;
            font-size: 8px;
            line-height: 17px;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-h5-chat-connect::before {
                content: "";
                width: 5px;
                height: 5px;
                flex: 0 0 5px;
                margin-right: 4px;
                border-radius: 50%;
                background: currentColor;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-actions {
            width: auto !important;
            flex: 0 0 auto;
            display: flex !important;
            grid-template-columns: none !important;
            gap: 5px;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-header-btn {
            min-height: 38px !important;
            max-width: 82px;
            padding: 0 9px;
            border-radius: 10px;
            font-size: 10px;
            line-height: 1.12;
            text-align: center;
            white-space: normal;
        }

        .feizhou-b2b.aw-wc-thread-page
        .aw-wc-thread-actions
        .aw-wc-header-btn:not(.aw-wc-header-btn--primary) {
            display: none;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-context-card {
            flex: 0 0 auto;
            min-height: 34px;
            padding: 7px 10px !important;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            gap: 6px;
            overflow: hidden;
            white-space: nowrap;
            font-size: 9px;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-context-card > span {
                flex: 0 0 auto;
            }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-context-card a,
            .feizhou-b2b.aw-wc-thread-page .aw-wc-context-card strong {
                min-width: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-messages.fz-v8-messages {
            height: auto !important;
            min-height: 0 !important;
            flex: 1 1 auto;
            overflow-y: auto;
            padding: 13px 45px 16px !important;
            gap: 12px;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-message-empty {
            width: min(88%, 320px);
            margin: auto;
            padding: 16px 15px;
            border-radius: 13px;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-message-empty strong {
                font-size: 14px;
            }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-message-empty span {
                margin-top: 4px;
                font-size: 11px;
                line-height: 1.45;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-messages .fz-v8-message {
            max-width: 88%;
            padding: 8px 10px;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-messages .fz-v8-message::before {
                width: 32px;
                height: 32px;
            }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-messages .fz-v8-message.theirs::before {
                left: -39px;
            }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-messages .fz-v8-message.mine::before {
                right: -39px;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-compose.fz-v8-compose {
            position: relative !important;
            bottom: auto !important;
            z-index: 15;
            flex: 0 0 auto;
            margin: 0;
            padding: 8px 9px calc(8px + env(safe-area-inset-bottom));
            display: grid;
            grid-template-columns: 42px minmax(0,1fr) auto;
            align-items: end;
            gap: 7px;
            border-top: 1px solid #dfe6e1;
            background: #f7f8f7;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-compose-tools {
            width: 42px;
            margin: 0;
            display: block;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-attach {
            width: 42px;
            height: 42px;
            padding: 0 !important;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            border-radius: 11px;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-attach > span:first-child {
                font-size: 24px;
                line-height: 1;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-attach-label {
            display: none;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-compose-main {
            display: contents;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-compose textarea {
            grid-column: 2;
            width: 100%;
            min-width: 0;
            min-height: 42px !important;
            max-height: 104px;
            margin: 0;
            padding: 9px 10px;
            resize: none;
            border-radius: 11px;
            font-size: 16px;
            line-height: 1.35;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-send {
            grid-column: 3;
            min-width: 58px !important;
            height: 42px;
            min-height: 42px !important;
            padding: 0 11px;
            margin: 0;
            border-radius: 11px;
            font-size: 11px;
        }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-compose-foot {
            grid-column: 1 / -1;
            min-height: 0;
            margin: 0;
            display: block;
            font-size: 8px;
            line-height: 1;
        }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-compose-foot > span:first-child {
                display: none;
            }

            .feizhou-b2b.aw-wc-thread-page .aw-wc-compose-foot .fz-v8-status:empty {
                display: none;
            }

        .feizhou-b2b.aw-wc-thread-page .aw-wc-disclaimer {
            display: none;
        }

    body.aw-chat-keyboard .aw-h5-nav {
        display: none !important;
    }
}

@media (max-width:390px) {
    body.theme-feizhou .site-header .nav-wrap {
        padding-left: 15px;
        padding-right: 15px;
        gap: 14px;
    }

    body.theme-feizhou .site-header .fz-site-mark {
        font-size: 19px;
    }

    body.theme-feizhou .site-header .nav-toggle {
        width: 43px;
        height: 43px;
        min-width: 43px;
        flex-basis: 43px;
    }

    .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-header {
        padding-inline: 7px !important;
        gap: 5px;
    }

    .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-back {
        width: 27px;
        min-width: 27px;
        flex-basis: 27px;
    }

    .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-avatar {
        width: 35px !important;
        height: 35px !important;
        flex-basis: 35px !important;
    }

    .feizhou-b2b.aw-wc-thread-page .aw-wc-thread-title h1 {
        font-size: 15px !important;
    }

    .feizhou-b2b.aw-wc-thread-page .aw-wc-header-btn {
        max-width: 72px;
        padding-inline: 7px;
        font-size: 9px;
    }

    .feizhou-b2b.aw-wc-thread-page .aw-h5-chat-connect {
        max-width: 62px;
    }

    .feizhou-b2b.aw-wc-thread-page .aw-wc-messages.fz-v8-messages {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }
}


/* ======================================================================
   AfriWeva V14.2.3 — desktop homepage/global header spacing hotfix
   ====================================================================== */

/*
   The previous V14.2.2 spacing rule targeted H5 only (<=760px).
   V14.2.3 fixes the desktop/tablet header too.
*/
@media (min-width: 861px) {
    body.theme-feizhou .site-header .nav-wrap {
        width: 100% !important;
        max-width: 1600px !important;
        min-height: 70px !important;
        padding-left: clamp(22px, 2.1vw, 38px) !important;
        padding-right: clamp(22px, 2.1vw, 38px) !important;
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        column-gap: clamp(20px, 2vw, 34px) !important;
        box-sizing: border-box;
    }

    body.theme-feizhou .site-header .nav-left {
        min-width: max-content;
    }

    body.theme-feizhou .site-header .fz-site-mark {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 21px;
        line-height: 1;
    }

        body.theme-feizhou .site-header .fz-site-mark span {
            margin-left: 0;
            vertical-align: 0;
            flex: 0 0 auto;
        }

    body.theme-feizhou .site-header .nav-links {
        min-width: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-evenly !important;
        gap: clamp(5px, .7vw, 12px) !important;
        overflow: hidden;
    }

        body.theme-feizhou .site-header .nav-links a {
            min-width: 0;
            height: 38px;
            padding-left: clamp(7px, .75vw, 12px) !important;
            padding-right: clamp(7px, .75vw, 12px) !important;
            font-size: clamp(12px, .86vw, 14px) !important;
            white-space: nowrap;
        }

    body.theme-feizhou .site-header .auth.auth-desktop {
        min-width: max-content;
        gap: clamp(8px, .7vw, 12px) !important;
    }

    body.theme-feizhou .site-header .auth-link,
    body.theme-feizhou .site-header .auth-btn,
    body.theme-feizhou .site-header .welcome {
        font-size: 12px !important;
    }

    body.theme-feizhou .site-header .lang-select {
        min-width: 92px;
        height: 38px;
        padding-left: 10px;
        padding-right: 28px;
        font-size: 12px;
    }
}

/* Typical 1280–1450px laptop/desktop width:
   remove the long email greeting from the single-line nav.
   The user still has My / Cart / language / Logout available. */
@media (min-width: 861px) and (max-width: 1450px) {
    body.theme-feizhou .site-header .nav-wrap {
        max-width: none !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
        column-gap: 20px !important;
    }

    body.theme-feizhou .site-header .auth.auth-desktop .welcome {
        display: none !important;
    }

    body.theme-feizhou .site-header .nav-links {
        justify-content: space-between !important;
        gap: 5px !important;
    }

        body.theme-feizhou .site-header .nav-links a {
            padding-left: 8px !important;
            padding-right: 8px !important;
            font-size: 12px !important;
        }

    body.theme-feizhou .site-header .auth.auth-desktop {
        gap: 9px !important;
    }
}

/* At narrower desktop widths keep everything readable rather than overlapping. */
@media (min-width: 861px) and (max-width: 1180px) {
    body.theme-feizhou .site-header .nav-wrap {
        padding-left: 16px !important;
        padding-right: 16px !important;
        column-gap: 14px !important;
    }

    body.theme-feizhou .site-header .fz-site-mark {
        font-size: 19px;
    }

    body.theme-feizhou .site-header .nav-links a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 11px !important;
    }

    body.theme-feizhou .site-header .auth-link,
    body.theme-feizhou .site-header .auth-btn {
        font-size: 11px !important;
    }

    body.theme-feizhou .site-header .lang-select {
        min-width: 82px;
        font-size: 11px;
    }
}