/* =========================================================
   HITEK RECEIVE — DESIGN TOKENS
   ========================================================= */

:root {
    /* Brand */
    --hr-accent: #c9ae4e;
    --hr-accent-soft: rgba(201, 174, 78, .06);

    /* Text */
    --hr-text: #171512;
    --hr-text-secondary: #666;
    --hr-text-muted: #92969a;

    /* Surfaces */
    --hr-surface: #fff;
    --hr-surface-soft: #f6f6f6;
    --hr-surface-soft-hover: #ececec;

    /* Borders */
    --hr-border: #e5e5e5;
    --hr-border-soft: rgba(153, 150, 150, .17);

    /* Header */
    --hr-header-border-dark: rgba(255, 255, 255, .14);
    --hr-header-border-light: #ddd;
    --hr-header-text: #fff;
    --hr-header-muted: rgba(255, 255, 255, .59);

    /* Overlay / shadows */
    --hr-overlay: rgba(0, 0, 0, .55);
    --hr-shadow-modal: 0 20px 60px rgba(0, 0, 0, .25);
    --hr-shadow-store: 0 4px 14px rgba(0, 0, 0, .05);

    /* Scrollbar */
    --hr-scrollbar: #c7c7c7;
    --hr-scrollbar-hover: #a8a8a8;
    --hr-accent: #c9ae4e;
    --hr-accent-border: rgba(201, 174, 78, .72);
    --hr-accent-border-hover: rgba(201, 174, 78, .55);
    --hr-accent-soft: rgba(201, 174, 78, .06);
    --hr-accent-soft-hover: rgba(201, 174, 78, .035);

    --hitek-mobile-context-height: 60px;
    --hitek-mobile-main-height: 70px;
}

#mobileheader .hitek-mobile-header-context {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 8px;
    height: var(--hitek-mobile-context-height);
    box-sizing: border-box;
    width: 100%;
    padding: 9px 12px;

    background: #171512;

    box-shadow: inset 0 -1px 0 rgb(255 255 255 / 4%);
}

#mobileheader .hitek-mobile-header-context__region,
#mobileheader .hitek-mobile-header-context__receive {
    min-width: 0;
}

#mobileheader .hitek-city--mobile,
#mobileheader .hitek-receive--mobile {
    background: rgba(255, 255, 255, .04);
    border-radius: 14px;
    padding: 5px 11px;
}