/* ==========================================================
   MUFLIKHUN.ID
   SHARED PUBLIC NAVIGATION V1

   Canonical public header shell.
   Page content remains page-owned.
   ========================================================== */

.public-nav-v1,
.public-nav-v1 *,
.public-nav-v1-drawer,
.public-nav-v1-drawer * {
    box-sizing: border-box;
}


.public-nav-v1 {
    position: fixed;
    z-index: 10000;

    top: 0;
    left: 50%;

    width:
        min(
            calc(100% - 48px),
            1480px
        );

    height: 86px;

    display: grid;
    grid-template-columns:
        auto
        minmax(0,1fr)
        auto
        auto;

    align-items: center;

    gap:
        clamp(
            20px,
            2.7vw,
            44px
        );

    transform:
        translateX(-50%);

    background: transparent;

    border-bottom:
        1px solid
        transparent;

    box-shadow: none;

    font-family:
        Inter,
        Arial,
        sans-serif;

    transition:
        background-color .28s ease,
        border-color .28s ease,
        box-shadow .28s ease,
        backdrop-filter .28s ease;
}


.public-nav-v1[
    data-nav-behavior="glass"
].is-scrolled {
    background:
        rgba(1,10,18,.91);

    border-bottom-color:
        rgba(137,181,208,.14);

    box-shadow:
        0 12px 34px
        rgba(0,0,0,.18);

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);
}


/* ----------------------------------------------------------
   BRAND
   ---------------------------------------------------------- */

.public-nav-v1-brand {
    display: flex;
    align-items: center;

    gap: 11px;

    width: max-content;

    color: inherit;

    text-decoration: none;
}


.public-nav-v1-mark {
    display: block;

    flex: 0 0 auto;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 38px;
    font-weight: 500;
    line-height: .9;
}


.public-nav-v1-brand-copy {
    display: flex;
    flex-direction: column;

    justify-content: center;

    gap: 3px;
}


.public-nav-v1-brand-copy strong {
    display: block;

    font-size: 11px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: .18em;
}


.public-nav-v1-brand-copy small {
    display: block;

    font-size: 6.5px;
    font-weight: 600;
    line-height: 1;

    letter-spacing: .15em;

    text-transform: uppercase;
}


/* ----------------------------------------------------------
   DESKTOP NAV
   ---------------------------------------------------------- */

.public-nav-v1-desktop {
    justify-self: center;

    display: flex;
    align-items: center;

    gap:
        clamp(
            18px,
            2.35vw,
            37px
        );
}


.public-nav-v1-desktop a {
    position: relative;

    display: inline-flex;
    align-items: center;

    min-height: 44px;

    color: inherit;

    font-size:
        clamp(
            10px,
            .82vw,
            12px
        );

    font-weight: 500;

    letter-spacing: .02em;

    text-decoration: none;

    white-space: nowrap;

    transition:
        color .22s ease,
        opacity .22s ease;
}


.public-nav-v1-desktop a::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 0;
    height: 1px;

    background:
        #d3aa5a;

    transform:
        translateX(-50%);

    transition:
        width .24s ease;
}


.public-nav-v1-desktop a:hover::after,
.public-nav-v1-desktop
a.is-active::after {
    width: 100%;
}


.public-nav-v1-desktop
a.is-active {
    color: inherit;
}


/* ----------------------------------------------------------
   CTA
   ---------------------------------------------------------- */

.public-nav-v1-cta {
    justify-self: end;

    min-height: 42px;

    padding:
        0
        18px;

    display: inline-flex;
    align-items: center;

    gap: 10px;

    border:
        1px solid
        rgba(229,190,111,.48);

    border-radius: 999px;

    color: inherit;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .10em;

    text-decoration: none;

    transition:
        border-color .22s ease,
        background-color .22s ease,
        color .22s ease;
}


.public-nav-v1-cta:hover {
    border-color:
        rgba(235,202,137,.78);

    background:
        rgba(218,179,99,.08);
}


/* ----------------------------------------------------------
   LIGHT FOREGROUND
   ---------------------------------------------------------- */

.public-nav-v1[
    data-nav-theme="light"
] {
    color:
        rgba(246,244,238,.90);
}


.public-nav-v1[
    data-nav-theme="light"
]
.public-nav-v1-mark {
    color:
        #f5efe4;

    text-shadow:
        0 2px 16px
        rgba(0,0,0,.30);
}


.public-nav-v1[
    data-nav-theme="light"
]
.public-nav-v1-brand-copy strong {
    color:
        #f7f3ea;
}


.public-nav-v1[
    data-nav-theme="light"
]
.public-nav-v1-brand-copy small {
    color:
        #e1b866;
}


.public-nav-v1[
    data-nav-theme="light"
]
.public-nav-v1-desktop a {
    color:
        rgba(245,248,250,.79);
}


.public-nav-v1[
    data-nav-theme="light"
]
.public-nav-v1-desktop
a:hover,
.public-nav-v1[
    data-nav-theme="light"
]
.public-nav-v1-desktop
a.is-active {
    color: #ffffff;
}


.public-nav-v1[
    data-nav-theme="light"
]
.public-nav-v1-cta {
    color: #f6eee0;
}


/* ----------------------------------------------------------
   DARK FOREGROUND
   Future light hero support.
   ---------------------------------------------------------- */

.public-nav-v1[
    data-nav-theme="dark"
] {
    color:
        #07141d;
}


.public-nav-v1[
    data-nav-theme="dark"
]
.public-nav-v1-brand-copy small {
    color:
        #8f641f;
}


.public-nav-v1[
    data-nav-theme="dark"
]
.public-nav-v1-desktop a {
    color:
        rgba(4,18,28,.80);
}


.public-nav-v1[
    data-nav-theme="dark"
]
.public-nav-v1-desktop
a:hover,
.public-nav-v1[
    data-nav-theme="dark"
]
.public-nav-v1-desktop
a.is-active {
    color:
        #000a11;
}


/* ----------------------------------------------------------
   MOBILE BUTTON
   ---------------------------------------------------------- */

.public-nav-v1-toggle {
    display: none;

    border: 0;

    background:
        transparent;

    color: inherit;

    cursor: pointer;
}


.public-nav-v1-toggle span {
    display: block;

    width: 15px;
    height: 1.5px;

    background:
        currentColor;

    border-radius: 2px;

    transform-origin: center;

    transition:
        transform .22s ease,
        opacity .22s ease;
}


.public-nav-v1-toggle[
    aria-expanded="true"
]
span:first-child {
    transform:
        translateY(3.25px)
        rotate(45deg);
}


.public-nav-v1-toggle[
    aria-expanded="true"
]
span:last-child {
    transform:
        translateY(-3.25px)
        rotate(-45deg);
}


/* ----------------------------------------------------------
   MOBILE DRAWER
   ---------------------------------------------------------- */

.public-nav-v1-drawer {
    display: none;
}


.public-nav-v1-drawer[hidden] {
    display: none !important;
}


/* ==========================================================
   TABLET / DESKTOP COMPRESSION
   ========================================================== */

@media (max-width: 1180px) {

    .public-nav-v1 {
        width:
            calc(100% - 36px);

        gap: 18px;
    }

    .public-nav-v1-desktop {
        gap:
            clamp(
                13px,
                1.6vw,
                22px
            );
    }

    .public-nav-v1-desktop a {
        font-size: 10px;
    }

    .public-nav-v1-cta {
        padding:
            0
            14px;

        font-size: 9px;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    .public-nav-v1 {
        top: 0;
        left: 16px;
        right: 16px;

        width: auto;
        height: 66px;

        grid-template-columns:
            minmax(0,1fr)
            42px;

        gap: 12px;

        transform: none;

        border-bottom: 0;
    }


    .public-nav-v1[
        data-nav-behavior="glass"
    ].is-scrolled {
        left: 0;
        right: 0;

        width: 100%;

        padding:
            0
            16px;
    }


    .public-nav-v1-mark {
        font-size: 34px;
    }


    .public-nav-v1-brand {
        gap: 8px;

        max-width:
            calc(100vw - 88px);
    }


    .public-nav-v1-brand-copy strong {
        font-size: 9px;

        letter-spacing: .16em;
    }


    .public-nav-v1-brand-copy small {
        margin-top: 1px;

        font-size: 5.5px;

        letter-spacing: .10em;
    }


    .public-nav-v1-desktop,
    .public-nav-v1-cta {
        display: none;
    }


    .public-nav-v1-toggle {
        position: relative;
        z-index: 10003;

        justify-self: end;

        width: 40px;
        height: 40px;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: center;

        gap: 5px;

        padding: 0;

        border:
            1px solid
            rgba(255,255,255,.20);

        border-radius: 50%;
    }


    .public-nav-v1[
        data-nav-theme="dark"
    ]
    .public-nav-v1-toggle {
        border-color:
            rgba(7,20,29,.35);
    }


    .public-nav-v1-drawer {
        position: fixed;
        z-index: 9999;

        top: 66px;
        left: 16px;
        right: 16px;

        width: auto;

        max-height:
            calc(100svh - 82px);

        overflow:
            auto;

        padding:
            8px
            14px
            14px;

        display: block;

        border:
            1px solid
            rgba(255,255,255,.10);

        background:
            rgba(2,9,15,.97);

        box-shadow:
            0 24px 55px
            rgba(0,0,0,.38);

        backdrop-filter:
            blur(18px);

        -webkit-backdrop-filter:
            blur(18px);

        opacity: 0;

        transform:
            translateY(-8px);

        pointer-events: none;

        transition:
            opacity .20s ease,
            transform .20s ease;
    }


    .public-nav-v1-drawer.is-open {
        opacity: 1;

        transform: none;

        pointer-events: auto;
    }


    .public-nav-v1-drawer nav {
        display: grid;
    }


    .public-nav-v1-drawer nav a {
        min-height: 48px;

        padding:
            0
            4px;

        display: flex;
        align-items: center;

        border-bottom:
            1px solid
            rgba(255,255,255,.06);

        color:
            #eef0ed;

        font-size: 13px;
        font-weight: 600;

        text-decoration: none;
    }


    .public-nav-v1-drawer
    nav
    a.is-active {
        color:
            #e0b765;
    }


    .public-nav-v1-drawer
    nav
    a:last-child {
        border-bottom: 0;
    }
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (
    prefers-reduced-motion:
    reduce
) {

    .public-nav-v1,
    .public-nav-v1 *,
    .public-nav-v1-drawer,
    .public-nav-v1-drawer * {
        transition: none !important;
        animation: none !important;
    }
}

/* ==========================================================
   SHARED PUBLIC NAV V1 — OPTIONAL FLOW OFFSET

   Use only for legacy pages whose original navigation
   occupied document flow rather than overlaying the hero.
   ========================================================== */

body.public-nav-flow-offset-v1 {
    padding-top: 86px;
}

@media (max-width: 760px) {
    body.public-nav-flow-offset-v1 {
        padding-top: 66px;
    }
}

/* ==========================================================
   SHARED PUBLIC NAV V1 — HOMEPAGE MIXED FOREGROUND

   Homepage-only adaptive state:
   brand may sit over a lighter visual region while the
   central navigation remains over dark imagery.
   ========================================================== */

.public-nav-v1[
    data-nav-theme="mixed"
] {
    color:
        #07141d;
}


.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-mark {
    color:
        #07141d;

    text-shadow:
        0 1px 8px
        rgba(255,255,255,.38);
}


.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-brand-copy strong {
    color:
        #07141d;

    text-shadow:
        0 1px 8px
        rgba(255,255,255,.40);
}


.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-brand-copy small {
    color:
        #8d621e;
}


.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-desktop a {
    color:
        rgba(255,255,255,.93);

    text-shadow:
        0 2px 10px
        rgba(0,0,0,.58);
}


.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-desktop a:hover,
.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-desktop a.is-active {
    color:
        #ffffff;
}


.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-cta {
    color:
        #ffffff;

    border-color:
        rgba(236,198,123,.68);

    text-shadow:
        0 2px 10px
        rgba(0,0,0,.56);
}


.public-nav-v1[
    data-nav-theme="mixed"
]
.public-nav-v1-toggle {
    color:
        #ffffff;

    border-color:
        rgba(255,255,255,.22);
}


/* ==========================================================
   SHARED PUBLIC NAV V1 — VISUAL ISOLATION V2

   Canonical visual contract.
   Prevent page-level CSS from changing typography,
   sizing, spacing, alignment, or link treatment.

   Theme colors remain controlled by PublicNav states.
   ========================================================== */


/* ---------- BOX MODEL ---------- */

html body .public-nav-v1,
html body .public-nav-v1 *,
html body .public-nav-v1 *::before,
html body .public-nav-v1 *::after {
    box-sizing: border-box;
}


/* ---------- ROOT TYPOGRAPHY ---------- */

html body .public-nav-v1 {
    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    text-align: left;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ---------- BRAND ---------- */

html body .public-nav-v1
.public-nav-v1-brand {
    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;

    gap: 11px;

    width: max-content;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;

    color: inherit;

    text-decoration: none;
    text-transform: none;

    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}


html body .public-nav-v1
.public-nav-v1-mark {
    margin: 0;
    padding: 0;

    display: block;

    font-family:
        "Playfair Display",
        Georgia,
        serif;

    font-size: 38px;
    font-weight: 500;
    font-style: normal;
    line-height: .9;
    letter-spacing: 0;

    text-transform: none;
}


html body .public-nav-v1
.public-nav-v1-brand-copy {
    margin: 0;
    padding: 0;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-style: normal;
    text-transform: none;
}


html body .public-nav-v1
.public-nav-v1-brand-copy strong {
    margin: 0;
    padding: 0;

    display: block;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    letter-spacing: .18em;

    text-transform: uppercase;
}


html body .public-nav-v1
.public-nav-v1-brand-copy small {
    margin: 0;
    padding: 0;

    display: block;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 6.5px;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
    letter-spacing: .15em;

    text-transform: uppercase;
}


/* ---------- DESKTOP MENU ---------- */

html body .public-nav-v1
.public-nav-v1-desktop {
    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;

    gap: clamp(
        18px,
        2.35vw,
        37px
    );

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
}


html body .public-nav-v1
.public-nav-v1-desktop > a {
    position: relative;

    margin: 0;
    padding: 0;

    min-height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: clamp(
        10px,
        .82vw,
        12px
    );

    font-weight: 500;
    font-style: normal;
    line-height: 1;
    letter-spacing: .02em;

    white-space: nowrap;

    color: inherit;

    text-decoration: none;
    text-transform: none;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;
}


/* Active/hover line must never inherit page link styling. */

html body .public-nav-v1
.public-nav-v1-desktop > a::after {
    height: 1px;

    background:
        #d3aa5a;
}


/* ---------- CTA ---------- */

html body .public-nav-v1
.public-nav-v1-cta {
    margin: 0;

    min-height: 42px;

    padding:
        0
        18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 10px;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 10px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    letter-spacing: .10em;

    white-space: nowrap;

    color: inherit;

    text-decoration: none;
    text-transform: uppercase;

    background: transparent;

    border:
        1px
        solid
        rgba(
            229,
            190,
            111,
            .48
        );

    border-radius: 999px;

    box-shadow: none;
}


/* ---------- MOBILE TOGGLE ---------- */

html body .public-nav-v1
.public-nav-v1-toggle {
    margin: 0;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;

    text-transform: none;
}


/* ---------- MOBILE DRAWER ---------- */

html body
.public-nav-v1-drawer {
    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;

    letter-spacing: normal;
}


html body
.public-nav-v1-drawer > a {
    margin: 0;

    font-family:
        Inter,
        Arial,
        sans-serif;

    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: .02em;

    color: inherit;

    text-decoration: none;
    text-transform: none;

    box-shadow: none;
}


/* ==========================================================
   RESPONSIVE CONTRACT
   ========================================================== */

@media (max-width: 1180px) {

    html body .public-nav-v1
    .public-nav-v1-desktop {
        gap: clamp(
            13px,
            1.6vw,
            22px
        );
    }


    html body .public-nav-v1
    .public-nav-v1-desktop > a {
        font-size: 10px;
    }


    html body .public-nav-v1
    .public-nav-v1-cta {
        padding:
            0
            14px;

        font-size: 9px;
    }
}


@media (max-width: 760px) {

    html body .public-nav-v1
    .public-nav-v1-brand {
        gap: 8px;

        max-width:
            calc(
                100vw
                -
                88px
            );
    }


    html body .public-nav-v1
    .public-nav-v1-mark {
        font-size: 34px;
    }


    html body .public-nav-v1
    .public-nav-v1-brand-copy strong {
        font-size: 9px;
        line-height: 1;
        letter-spacing: .16em;
    }


    html body .public-nav-v1
    .public-nav-v1-brand-copy small {
        margin-top: 1px;

        font-size: 5.5px;
        line-height: 1;
        letter-spacing: .10em;
    }


    html body .public-nav-v1
    .public-nav-v1-toggle {
        width: 40px;
        height: 40px;

        padding: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 5px;

        border:
            1px
            solid
            rgba(
                255,
                255,
                255,
                .20
            );

        border-radius: 50%;

        background: transparent;
    }


    html body
    .public-nav-v1-drawer > a {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: .02em;
    }
}


/* Keep theme-specific mobile toggle border intact. */

@media (max-width: 760px) {

    html body
    .public-nav-v1[
        data-nav-theme="dark"
    ]
    .public-nav-v1-toggle {
        border-color:
            rgba(
                7,
                20,
                29,
                .35
            );
    }
}

/* ==========================================================
   SHARED PUBLIC NAV V1 — LEGACY IMMUNITY V3

   Final desktop menu contract.

   These declarations intentionally use !important because
   legacy Pustaka/Thinking CSS contains historical !important
   typography rules.

   PublicNav must remain visually identical regardless of
   old runtime classes or page-specific stylesheets.
   ========================================================== */


/* ----------------------------------------------------------
   CANONICAL DESKTOP MENU CONTAINER
   ---------------------------------------------------------- */

html body
.public-nav-v1
.public-nav-v1-desktop {
    display: flex !important;

    align-items: center !important;

    gap:
        clamp(
            18px,
            2.35vw,
            37px
        )
        !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        Inter,
        Arial,
        sans-serif
        !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1 !important;

    transform: none !important;
}


/* ----------------------------------------------------------
   CANONICAL DESKTOP LINKS

   Also defeats stale legacy classes:
   .pustaka-public-menu-link-v1
   ---------------------------------------------------------- */

html body
.public-nav-v1
.public-nav-v1-desktop > a,

html body
.public-nav-v1
.public-nav-v1-desktop > a.pustaka-public-menu-link-v1,

html body.pustaka-header-home-scale-v1
.public-nav-v1
.public-nav-v1-desktop > a {
    position: relative !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family:
        Inter,
        Arial,
        sans-serif
        !important;

    font-size:
        clamp(
            10px,
            .82vw,
            12px
        )
        !important;

    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1 !important;

    letter-spacing: .02em !important;

    text-decoration: none !important;
    text-transform: none !important;

    white-space: nowrap !important;

    transform: none !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


/* ----------------------------------------------------------
   ACTIVE LINE
   ---------------------------------------------------------- */

html body
.public-nav-v1
.public-nav-v1-desktop > a::after {
    height: 1px !important;

    background:
        #d3aa5a
        !important;
}


/* ----------------------------------------------------------
   LEGACY HEADER CLASS IMMUNITY

   If an old cached JS instance adds these classes,
   it must not alter Shared PublicNav.
   ---------------------------------------------------------- */

html body.pustaka-header-home-scale-v1
.public-nav-v1.pustaka-public-header-v1 {
    font-family:
        Inter,
        Arial,
        sans-serif
        !important;
}


html body.pustaka-header-home-scale-v1
.public-nav-v1.pustaka-public-header-v1
.public-nav-v1-desktop {
    gap:
        clamp(
            18px,
            2.35vw,
            37px
        )
        !important;
}


/* ----------------------------------------------------------
   CTA LEGACY IMMUNITY
   ---------------------------------------------------------- */

html body
.public-nav-v1
.public-nav-v1-cta,

html body
.public-nav-v1
.public-nav-v1-cta.pustaka-public-explore-v1 {
    font-family:
        Inter,
        Arial,
        sans-serif
        !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1 !important;

    letter-spacing: .10em !important;

    text-transform: uppercase !important;
}


/* ==========================================================
   TABLET CONTRACT
   ========================================================== */

@media (max-width: 1180px) {

    html body
    .public-nav-v1
    .public-nav-v1-desktop {
        gap:
            clamp(
                13px,
                1.6vw,
                22px
            )
            !important;
    }


    html body
    .public-nav-v1
    .public-nav-v1-desktop > a,

    html body
    .public-nav-v1
    .public-nav-v1-desktop >
    a.pustaka-public-menu-link-v1 {
        font-size:
            10px
            !important;
    }


    html body
    .public-nav-v1
    .public-nav-v1-cta,

    html body
    .public-nav-v1
    .public-nav-v1-cta.pustaka-public-explore-v1 {
        font-size:
            9px
            !important;
    }
}


/* ==========================================================
   MOBILE

   Desktop menu remains owned by canonical PublicNav.
   ========================================================== */

@media (max-width: 760px) {

    html body
    .public-nav-v1
    .public-nav-v1-desktop {
        display:
            none
            !important;
    }


    html body
    .public-nav-v1
    .public-nav-v1-cta {
        display:
            none
            !important;
    }
}

/* ==========================================================
   MUFLIKHUN DESKTOP HEADER GEOMETRY V1

   Desktop-only three-zone geometry:
   brand | mathematically centered navigation | CTA

   Equal flexible side tracks keep the navigation centered
   against the shared header / viewport, independent of the
   different visual widths of Brand and VIBRI.
   ========================================================== */

@media (min-width: 1181px) {

    .public-nav-v1 {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr);
    }

    .public-nav-v1-brand {
        grid-column: 1;
        justify-self: start;
    }

    .public-nav-v1-desktop {
        grid-column: 2;
        justify-self: center;
    }

    .public-nav-v1-cta {
        grid-column: 3;
        justify-self: end;
    }
}