<style>
    @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&display=swap');

    .xm-topbar-wrapper {
       
        border-bottom: 1px solid #e2e8f0;
        padding: 10px 24px;
        font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.78rem;
        color: #475569;
        letter-spacing: 0.06em;
    }

    .xm-topbar-left, .xm-topbar-right {
        display: flex;
        align-items: center;
        gap: 20px;
        flex: 1;
    }

    .xm-topbar-right {
        justify-content: flex-end;
    }

    .xm-currency-selector {
        display: flex;
        align-items: center;
        gap: 6px;
        font-weight: 700;
        color: #0f172a;
        cursor: pointer;
        padding: 4px 8px;
        border-radius: 6px;
        background-color: #f8fafc;
        border: 1px solid #f1f5f9;
        transition: all 0.2s ease;
    }

    .xm-currency-selector:hover {
        border-color: #cbd5e1;
    }

    /* Thẻ trung tâm độc đáo dạng Floating Pill */
    .xm-topbar-center-pill {
        display: flex;
        align-items: center;
        gap: 8px;
        background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);
        border: 1px solid #dbeafe;
        padding: 6px 18px;
        border-radius: 50px;
        cursor: pointer;
        transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s ease;
        text-decoration: none;
    }

    .xm-topbar-center-pill:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.12);
        border-color: #c7d2fe;
    }

    /* Phối 2 màu chữ đặc sắc cho tiêu đề */
    .xm-text-primary {
        color: #0f172a;
        font-weight: 800;
        text-transform: uppercase;
    }

    .xm-text-accent {
        color: #4f46e5;
        font-weight: 800;
        text-transform: uppercase;
        position: relative;
    }

    /* Chấm trạng thái nhấp nháy tạo sự chú ý */
    .xm-live-dot {
        width: 6px;
        height: 6px;
        background-color: #10b981;
        border-radius: 50%;
        display: inline-block;
        box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
    }

    /* Menu Link góc phải */
    .xm-nav-link {
        text-decoration: none;
        color: #334155;
        font-weight: 700;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 2px;
        transition: color 0.2s ease;
    }

    .xm-nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #4f46e5;
        transition: width 0.25s ease;
    }

    .xm-nav-link:hover {
        color: #4f46e5;
    }

    .xm-nav-link:hover::after {
        width: 100%;
    }

    /* Responsive tinh chỉnh riêng cho di động */
    @media (max-width: 868px) {
        .xm-topbar-left, .xm-topbar-right {
            display: none;
        }
        .xm-topbar-wrapper {
            justify-content: center;
            padding: 8px 12px;
        }
        .xm-topbar-center-pill {
            padding: 6px 12px;
            font-size: 0.72rem;
        }
    }
</style>

<div class="xm-topbar-wrapper">
    
    <div class="xm-topbar-left">
        <div class="xm-currency-selector">
            <span>🌐</span>
            <span>USD / VND</span>
        </div>
    </div>
    
    
    <a href="/shop" class="xm-topbar-center-pill">
        <span class="xm-live-dot"></span>
        <span class="xm-text-primary">AUTUMN ESSENTIALS 2026</span>
        <span style="color: #94a3b8; font-weight: 400;">—</span>
        <span class="xm-text-accent">REDEFINE YOUR EVERYDAY STYLE</span>
    </a>
    
    
    <div class="xm-topbar-right">
        <a href="/shop/New%20T-Shirts" class="xm-nav-link">T-Shirts</a>
        <a href="/shop/New%20Hoodies" class="xm-nav-link">Hoodies</a>
    </div>
</div>

Home

All Products

About Us

Contact Us

Order Tracking

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Shop Keychains products at our online store.

xunmate

Contact us

United States

Browse Keychains — unique handmade products designed by independent artists.