/**
 * 1688buyer Storefront Design System & Architecture
 * Modular CSS Manifest - Modeled after 1688.com B2B Design Architecture
 * Refactored into specialized modules for maintainability and scalability.
 */

@import url('modules/tokens.css?v=20261105_01');
@import url('modules/badge.css?v=20261103_01');
@import url('modules/dock.css?v=20261104_04');
@import url('modules/header.css?v=20261102_02');
@import url('modules/sticky-header.css?v=20261102_01');
@import url('modules/hero-layout.css');
@import url('modules/category-sidebar.css?v=20261105_01');
@import url('modules/opportunity-grid.css?v=20261104_02');
@import url('modules/buyer-panel.css?v=20261031_08');
@import url('modules/campaign-ribbon.css?v=20261104_03');
@import url('modules/product-feed.css');
@import url('modules/skeletons.css');
@import url('modules/footer.css?v=20261105_01');
@import url('modules/1688-native-extracted.css');
@import url('modules/product-detail.css?v=20261105_02');
@import url('modules/search-catalog.css?v=20261105_01');
@import url('modules/cart.css?v=20261105_01');
@import url('modules/image-search.css?v=20261102_01');
@import url('modules/factory.css');
@import url('modules/industrial.css');
@import url('modules/load-more.css?v=20261105_01');
@import url('modules/mobile-nav.css?v=20261105_01');
@import url('modules/policy.css?v=20261105_02');
@import url('modules/responsive.css?v=20261104_03');

/* Remove visible breadcrumb trails throughout the public storefront. */
.breadcrumbs,
.policy-breadcrumbs,
.contact-breadcrumbs,
.factory-breadcrumb,
.industrial-breadcrumb,
.bread-crumb,
.fp-breadcrumb,
.breadcrumb,
nav[aria-label*="breadcrumb" i],
nav[aria-label="Đường dẫn"] {
    display: none !important;
}

/* Shared storefront wordmark colors: orange 1688, black buyer. */
.storefront-wordmark {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
}

.storefront-wordmark > .brand-main {
    color: #ff5000 !important;
}

.storefront-wordmark > .brand-sub {
    color: #111111 !important;
}

.buyer-login-wordmark {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.5px;
    line-height: 1;
}

.buyer-login-wordmark .storefront-wordmark > .brand-sub {
    font-size: 18px;
    font-weight: 700;
    margin-left: 2px;
}