/* Shared home/inner header presentation. */
.sm-f-chrome {
    --sm-f-red: var(--color-primary, #e1121b);
    --sm-f-red-2: var(--color-accent, #ff333d);
    --sm-f-black: var(--color-secondary, #07090b);
    --sm-f-bg: var(--color-background, #090b0d);
    --sm-f-text: var(--color-text, #f8fafc);
    --sm-f-muted: var(--theme-muted);
    --sm-f-line: color-mix(in srgb, var(--theme-on-hero) 12%, transparent);
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}
.sm-f-header { width: min(1180px, calc(100% - 64px)); margin: 0 auto; }
.sm-f-header {
    position: relative;
    z-index: 10;
    display: grid;
    min-height: 90px;
    grid-template-columns: 280px 1fr auto;
    align-items: center;
    gap: 24px;
    border-bottom: 1px solid var(--sm-f-line);
}
.sm-f-brand { display: inline-flex; align-items: center; gap: 14px; }
.sm-f-brand img { width: 64px; height: 64px; object-fit: contain; }
.sm-f-brand strong { display: block; color: var(--theme-surface-text); font-size: 21px; font-weight: 950; line-height: 1; text-transform: uppercase; }
.sm-f-brand small { display: block; margin-top: 5px; color: color-mix(in srgb, var(--theme-surface-text) 72%, transparent); font-size: 11px; font-weight: 900; letter-spacing: .32em; text-transform: uppercase; }
.sm-f-menu-toggle { display: none; }
.sm-f-menu-panel { display: contents; }
.sm-f-nav { display: flex; align-items: center; }
.sm-f-nav { justify-content: center; gap: clamp(14px, 1.8vw, 28px); }
.sm-f-nav > a,
.sm-f-nav-group > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 0;
    color: color-mix(in srgb, var(--theme-on-hero) 90%, transparent);
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
    white-space: nowrap;
}
.sm-f-nav > a::before,
.sm-f-nav-group > a::before {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0;
    height: 2px;
    background: var(--sm-f-red);
    content: "";
    transition: width .18s ease;
}
.sm-f-nav > a:hover::before,
.sm-f-nav > a.is-active::before,
.sm-f-nav-group:hover > a::before,
.sm-f-nav-group:focus-within > a::before { width: 100%; }
.sm-f-nav-group { position: relative; }
.sm-f-nav-group::after { position: absolute; top: 100%; left: -12px; right: -12px; height: 18px; content: ""; }
.sm-f-nav-menu {
    position: absolute;
    top: calc(100% + 13px);
    left: 50%;
    z-index: 60;
    display: grid;
    min-width: 198px;
    padding: 8px;
    border: 1px solid var(--sm-f-line);
    border-radius: 6px;
    background: color-mix(in srgb, var(--theme-hero) 98%, transparent);
    box-shadow: 0 24px 54px color-mix(in srgb, var(--color-secondary) 48%, transparent);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 8px);
    transition: opacity .18s ease, transform .18s ease;
}
.sm-f-nav-group:hover .sm-f-nav-menu,
.sm-f-nav-group:focus-within .sm-f-nav-menu { opacity: 1; pointer-events: auto; transform: translate(-50%,0); }
.sm-f-nav-menu a { border-radius: 5px; padding: 10px 12px; color: var(--theme-on-hero); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.sm-f-nav-menu a:hover { background: color-mix(in srgb, var(--color-primary) 16%, transparent); color: var(--sm-f-red-2); }
.sm-f-cta {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 950;
    text-transform: uppercase;
}
.sm-f-cta {
    border: 1px solid var(--sm-f-red);
    background: linear-gradient(135deg, var(--sm-f-red), var(--color-primary));
    color: var(--theme-on-action) !important;
    box-shadow: 0 18px 38px color-mix(in srgb, var(--color-primary) 22%, transparent);
}
@media (max-width: 991px) {.sm-f-header { width: min(100% - 32px, 1180px); min-height: 84px; grid-template-columns: minmax(0, 1fr) 46px; }
.sm-f-brand img { width: 56px; height: 56px; }
.sm-f-brand strong { font-size: 18px; }
.sm-f-menu-toggle { display: inline-grid; width: 44px; height: 44px; place-items: center; border: 1px solid color-mix(in srgb, var(--theme-on-hero) 22%, transparent); border-radius: 6px; background: color-mix(in srgb, var(--theme-on-hero) 5%, transparent); }
.sm-f-menu-toggle span { display: block; width: 20px; height: 2px; border-radius: 999px; background: var(--theme-surface); }
.sm-f-menu-panel { position: absolute; left: 0; right: 0; top: 100%; display: none; border: 1px solid var(--sm-f-line); border-radius: 8px; padding: 14px; background: color-mix(in srgb, var(--theme-hero) 98%, transparent); }
.sm-f-header.is-menu-open .sm-f-menu-panel { display: grid; gap: 14px; }
.sm-f-nav { display: grid; justify-content: stretch; gap: 8px; }
.sm-f-nav > a,
.sm-f-nav-group > a { justify-content: space-between; padding: 12px; border-radius: 6px; }
.sm-f-nav > a::before,
.sm-f-nav-group > a::before,
.sm-f-nav-group::after { display: none; }
.sm-f-nav-menu { position: static; display: none; min-width: 0; margin-top: 6px; opacity: 1; pointer-events: auto; transform: none; box-shadow: none; }
.sm-f-nav-group.is-submenu-open .sm-f-nav-menu,
.sm-f-nav-group:hover .sm-f-nav-menu,
.sm-f-nav-group:focus-within .sm-f-nav-menu { display: grid; }
.sm-f-cta { width: 100%; }}