/* Shared public header/nav. Loaded on public layout. */
.public .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

.public-global-header {
    --flat-ink: #070b12;
    --flat-panel: #0b111d;
    --flat-panel-soft: #121925;
    --flat-wine: #56000d;
    --flat-wine-deep: #210008;
    --flat-crimson: #a70927;
    --flat-gold: #f4bd62;
    --flat-gold-deep: #b97323;
    --flat-pink: #ff4f93;
    --flat-line: rgba(244, 189, 98, .28);
    position: sticky;
    top: 8px;
    z-index: 5000;
    width: min(calc(100% - 28px), 1540px);
    margin: 14px auto 18px;
    isolation: isolate;
}

.public-global-header__bar {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(160px, 248px) auto minmax(240px, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 8px 12px 8px 9px;
    border: 1px solid var(--flat-line);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 20% 0%, rgba(186, 14, 48, .34), transparent 38%),
        linear-gradient(90deg, rgba(122, 0, 21, .96), rgba(61, 0, 13, .98) 48%, rgba(24, 1, 8, .99)),
        repeating-linear-gradient(145deg, rgba(255, 222, 151, .055) 0 1px, transparent 1px 30px);
    box-shadow: 0 18px 42px rgba(28, 0, 7, .42), inset 0 1px 0 rgba(255, 231, 174, .13);
    overflow: visible;
}

.public-global-header__brand,
.public-global-nav__brand {
    min-width: 0;
    display: grid;
    color: #fff;
    text-decoration: none;
}

.public-global-header__brand {
    justify-self: start;
    margin-left: -2px;
}

.public-global-header__brand img,
.public-global-nav__brand img {
    display: block;
    width: min(100%, 220px);
    height: auto;
    max-height: 48px;
    object-fit: contain;
    object-position: left center;
    filter: drop-shadow(0 7px 16px rgba(0,0,0,.28));
}

.public-global-nav__brand img {
    width: min(100%, 238px);
    max-height: 58px;
}

.public-global-header__brand strong,
.public-global-nav__brand strong {
    max-width: 100%;
    overflow: hidden;
    color: transparent;
    font-family: "Cormorant Garamond", serif;
    font-size: 30px;
    font-weight: 800;
    line-height: .92;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: linear-gradient(180deg, #ffe3a5, var(--flat-gold) 72%, var(--flat-gold-deep));
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none;
}

.public-global-header__brand span,
.public-global-nav__brand span {
    margin-top: 3px;
    color: var(--flat-gold);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .24em;
    text-transform: uppercase;
}

.public-global-header__location,
.public-global-header__login,
.public-global-header__cta,
.public-global-header__menu {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 13px;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

.public-global-header__location {
    padding: 0 12px;
    background: rgba(244, 189, 98, .10);
}

.public-global-header__search {
    position: relative;
    min-width: 0;
    min-height: 38px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 36px;
    align-items: center;
    border: 1px solid rgba(244, 189, 98, .18);
    border-radius: 13px;
    background: rgba(255, 255, 255, .055);
    cursor: pointer;
}

.public-global-header__search input {
    min-width: 0;
    height: 100%;
    padding: 0 0 0 13px;
    border: 0;
    outline: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.public-global-header__search input::placeholder {
    color: rgba(255, 255, 255, .72);
}

.public-global-header__search > svg,
.public-global-header__location svg,
.public-global-header__menu svg,
.public-mobile-bottom-nav svg {
    width: 19px;
    height: 19px;
    stroke-width: 2.3;
}

.public-global-header__actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.public-global-header__login {
    padding: 0 10px;
    background: transparent;
}

.public-global-header__cta {
    padding: 0 15px;
    border: 1px solid rgba(255, 218, 139, .34);
    background: linear-gradient(135deg, #bd1238, #ff4f76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20), 0 8px 18px rgba(94, 0, 21, .32);
}

.public-global-header__menu {
    width: 42px;
    padding: 0;
    color: var(--flat-gold);
    background: rgba(20, 0, 7, .46);
    cursor: pointer;
}

.public-global-header__menu:hover,
.public-global-header__menu:focus-visible,
.public-global-header__login:hover,
.public-global-header__login:focus-visible,
.public-global-header__cta:hover,
.public-global-header__cta:focus-visible,
.public-global-header__location:hover,
.public-global-header__location:focus-visible {
    outline: 0;
    background-color: rgba(255, 255, 255, .18);
}

.public-search-categories {
    position: absolute;
    z-index: 5030;
    top: calc(100% + 9px);
    left: 0;
    right: 0;
    display: none;
    max-height: min(360px, calc(100vh - 170px));
    overflow: auto;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 15px;
    background: rgba(8, 13, 22, .98);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .34);
    backdrop-filter: blur(16px);
}

.public-search-categories.is-open,
.public-global-header__search:focus-within .public-search-categories,
.public-global-header__search:hover .public-search-categories {
    display: block;
}

.public-search-categories strong {
    display: block;
    margin: 0 0 10px;
    color: #fff;
    font-size: 13px;
}

.public-search-categories__links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.public-search-categories__links a {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 10px;
    color: #fff;
    background: rgba(255, 255, 255, .055);
    font-size: 12px;
    font-weight: 850;
    text-decoration: none;
}

.public-global-nav {
    position: fixed;
    inset: 0;
    z-index: 5025;
    display: block;
    background: rgba(0, 0, 0, .58);
    backdrop-filter: blur(2px);
}

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

.public-global-nav__panel {
    min-height: 100dvh;
    width: min(448px, calc(100vw - 22px));
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 18px;
    padding: 22px 20px calc(22px + env(safe-area-inset-bottom, 0px));
    color: #fff;
    background:
        radial-gradient(circle at 12% 10%, rgba(244,189,98,.2), transparent 26%),
        linear-gradient(160deg, rgba(255,79,147,.16), transparent 36%),
        repeating-linear-gradient(150deg, rgba(244,189,98,.06) 0 1px, transparent 1px 34px),
        linear-gradient(180deg, #0d1422, #070b12 56%, #101724);
    box-shadow: 18px 0 45px rgba(0, 0, 0, .32);
    overflow-y: auto;
}

.public-global-nav__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.public-global-nav__brand strong {
    font-size: 32px;
}

.public-global-nav__close {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: rgba(244, 189, 98, .10);
    cursor: pointer;
}

.public-global-nav__cards {
    display: grid;
    gap: 10px;
}

.public-global-nav__cards a {
    min-height: 68px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 11px 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .055);
    text-decoration: none;
}

.public-global-nav__cards a:hover,
.public-global-nav__cards a:focus-visible {
    outline: 0;
    border-color: rgba(255, 255, 255, .3);
    background: rgba(255, 255, 255, .18);
}

.public-global-nav__cards i,
.public-global-nav__cards svg {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    padding: 10px;
    border-radius: 50%;
    background: rgba(244, 189, 98, .16);
    color: #fff;
}

.public-global-nav__cards span,
.public-global-nav__cards strong,
.public-global-nav__cards small {
    min-width: 0;
    display: block;
}

.public-global-nav__cards strong {
    overflow: hidden;
    font-size: 14px;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.public-global-nav__cards small {
    margin-top: 3px;
    color: rgba(255, 255, 255, .82);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.public-global-nav__social {
    align-self: end;
    display: grid;
    justify-items: center;
    gap: 10px;
    padding-top: min(12vh, 88px);
    color: rgba(255, 255, 255, .9);
    font-size: 12px;
    font-weight: 850;
}

.public-global-nav__social div {
    display: flex;
    gap: 10px;
}

.public-global-nav__social a {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: rgba(255, 255, 255, .18);
}

.public-mobile-bottom-nav {
    display: none;
}

.public.page-home .market-v2-topbar,
.public.page-seo .market-v2-topbar,
.public.page-profile .profile-public-topbar,
body.site.public.page-home .home-shell.market-home-v2 > .market-v2-topbar,
body.site.public.page-home .home-shell.market-home-v2 > .market-v2-menu,
body.site.public.page-seo .home-shell.market-home-v2 > .market-v2-topbar,
body.site.public.page-seo .home-shell.market-home-v2 > .market-v2-menu {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.market-home-v2,
.entry-stage,
.category-stage {
    position: relative;
    z-index: 1;
    clear: both;
}

@media (max-width: 1180px) {
    .public-global-header {
        width: min(calc(100% - 28px), 1540px);
    }

    .public-global-header__bar {
        grid-template-columns: minmax(154px, 1fr) auto auto;
    }

    .public-global-header__location,
    .public-global-header__search {
        display: none;
    }
}

@media (max-width: 640px) {
    .public-global-header {
        top: 8px;
        width: min(calc(100% - 18px), 420px);
        margin: 10px auto 12px;
    }

    .public-global-header__bar {
        min-height: 58px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        padding: 7px 8px 7px 5px;
        border-radius: 12px;
    }

    .public-global-header__brand strong {
        font-size: 20px;
        letter-spacing: .035em;
    }

    .public-global-header__brand span {
        display: none;
    }

    .public-global-header__brand img {
        width: min(100%, 174px);
        max-height: 44px;
    }

    .public-global-nav__brand img {
        width: min(100%, 218px);
        max-height: 54px;
    }

    .public-global-header__login {
        min-height: 36px;
        padding: 0 4px;
        font-size: 12px;
    }

    .public-global-header__actions {
        gap: 7px;
    }

    .public-global-header__cta {
        min-height: 36px;
        padding: 0 12px;
        border-radius: 12px;
        font-size: 12px;
    }

    .public-global-header__menu {
        width: 38px;
        min-height: 36px;
        border-radius: 12px;
    }

    .public-global-nav__panel {
        width: min(430px, calc(100vw - 14px));
        padding: 22px 18px calc(94px + env(safe-area-inset-bottom, 0px));
    }

    .public-global-nav__brand strong {
        font-size: 30px;
    }

    .public-global-nav__cards a {
        min-height: 66px;
        grid-template-columns: 42px minmax(0, 1fr);
        padding: 10px 12px;
    }

    .public-global-nav__cards i,
    .public-global-nav__cards svg {
        width: 40px;
        height: 40px;
        padding: 9px;
    }

    .public-mobile-bottom-nav {
        position: fixed;
        left: 50%;
        bottom: 0;
        z-index: 4990;
        width: min(420px, 100vw);
        min-height: 72px;
        transform: translateX(-50%);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: env(safe-area-inset-bottom, 0px);
        border-top: 1px solid rgba(255, 255, 255, .14);
        background: linear-gradient(180deg, #111827, #070b12);
        box-shadow: 0 -14px 32px rgba(0, 0, 0, .18);
    }

    .public-mobile-bottom-nav a {
        display: grid;
        place-items: center;
        align-content: center;
        gap: 3px;
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        font-weight: 900;
    }

    body.site.public {
        padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    }
}

@media (max-width: 360px) {
    .public-global-header__brand strong {
        font-size: 18px;
        letter-spacing: .02em;
    }
    .public-global-header__login {
        font-size: 11px;
    }
    .public-global-header__cta {
        padding-inline: 9px;
    }
}

/* v-flat: restore Flat Pelotas identity after Santtas-inspired structure. */
.public-global-header__bar,
.public-global-nav__panel {
    border-color: rgba(244, 189, 98, .25) !important;
}
.public-global-header__location,
.public-global-header__menu,
.public-global-header__login,
.public-global-nav__close,
.public-global-nav__cards a,
.public-global-nav__social a,
.public-mobile-bottom-nav {
    border: 1px solid rgba(244, 189, 98, .16);
}
.public-global-header__login,
.public-global-header__location svg,
.public-global-header__menu svg,
.public-mobile-bottom-nav svg,
.public-global-nav__cards svg {
    color: var(--flat-gold);
}
.public-global-nav__cards a:hover,
.public-global-nav__cards a:focus-visible {
    border-color: rgba(255, 79, 147, .42);
    background: rgba(255, 79, 147, .10);
}
@media (min-width: 1181px) {
    .public-global-header__bar {
        grid-template-columns: minmax(210px, 270px) auto minmax(360px, 1fr) auto;
    }
}

/* v-flat-square: nav sem cantos arredondados. */
.public-global-header__bar,
.public-global-header__location,
.public-global-header__search,
.public-global-header__login,
.public-global-header__cta,
.public-global-header__menu,
.public-search-categories,
.public-search-categories__links a,
.public-global-nav__panel,
.public-global-nav__close,
.public-global-nav__cards a,
.public-global-nav__cards i,
.public-global-nav__cards svg,
.public-global-nav__social a,
.public-mobile-bottom-nav,
.public-mobile-bottom-nav a {
    border-radius: 0 !important;
}
@media (max-width: 640px) {
    .public-global-header__bar,
    .public-global-header__cta,
    .public-global-header__menu {
        border-radius: 0 !important;
    }
}

/* v683: logged visitor mobile navigation */
@media (max-width: 760px) {
    .public-mobile-bottom-nav--logged {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        height: 74px !important;
        padding: 8px !important;
        border-radius: 26px !important;
        background: rgba(7, 11, 21, .94) !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        box-shadow: 0 24px 70px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08) !important;
        backdrop-filter: blur(18px) !important;
    }
    .public-mobile-bottom-nav--logged a {
        min-width: 0 !important;
        height: 58px !important;
        border-radius: 18px !important;
        color: #aeb8ca !important;
        background: transparent !important;
        font-size: .72rem !important;
        font-weight: 850 !important;
    }
    .public-mobile-bottom-nav--logged a:hover,
    .public-mobile-bottom-nav--logged a:focus-visible {
        color: #ffbd6b !important;
        background: rgba(255,189,107,.10) !important;
    }
    .public-mobile-bottom-nav--logged svg {
        width: 22px !important;
        height: 22px !important;
        color: currentColor !important;
    }
}

/* v1013: luxury header aligned to the public content canvas. */
.public-global-header {
    width: min(calc(100% - 40px), 1280px) !important;
    margin: 16px auto 22px !important;
}

.public-global-header__bar {
    min-height: 64px !important;
    grid-template-columns: minmax(210px, 232px) auto minmax(300px, 1fr) auto !important;
    gap: 10px !important;
    padding: 7px 9px 7px 11px !important;
    border-color: rgba(241, 187, 95, .34) !important;
    background:
        radial-gradient(circle at 7% 45%, rgba(150, 10, 39, .48), transparent 24%),
        linear-gradient(90deg, rgba(61, 4, 18, .95) 0, rgba(22, 10, 17, .98) 31%, rgba(7, 11, 18, .99) 72%),
        repeating-linear-gradient(145deg, rgba(245, 194, 105, .045) 0 1px, transparent 1px 34px) !important;
    box-shadow:
        0 16px 42px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 227, 169, .10),
        inset 0 -1px 0 rgba(117, 4, 28, .46) !important;
}

.public-global-header__brand {
    width: 100% !important;
    min-height: 48px !important;
    align-items: center !important;
    padding-right: 14px !important;
    border-right: 1px solid rgba(241, 187, 95, .18) !important;
}

.public-global-header__brand img {
    width: min(100%, 218px) !important;
    max-height: 48px !important;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, .30)) saturate(1.05) !important;
}

.public-global-header__location {
    min-height: 42px !important;
    padding-inline: 13px !important;
    border-color: rgba(241, 187, 95, .24) !important;
    background: rgba(101, 5, 28, .26) !important;
}

.public-global-header__search {
    min-height: 42px !important;
    border-color: rgba(241, 187, 95, .16) !important;
    background: rgba(2, 6, 13, .52) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.public-global-header__cta {
    min-height: 42px !important;
    padding-inline: 17px !important;
    border-color: rgba(255, 218, 139, .30) !important;
    background: linear-gradient(135deg, #a90c34, #f34272) !important;
    box-shadow: 0 8px 20px rgba(122, 4, 36, .28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.public-global-header__menu {
    width: 42px !important;
    min-height: 42px !important;
    border-color: rgba(241, 187, 95, .28) !important;
    background: rgba(3, 7, 14, .62) !important;
}

@media (max-width: 1180px) {
    .public-global-header__bar {
        grid-template-columns: minmax(190px, 1fr) auto !important;
    }
}

@media (max-width: 640px) {
    .public-global-header {
        top: 8px !important;
        width: min(calc(100% - 18px), 420px) !important;
        margin: 10px auto 12px !important;
    }

    .public-global-header__bar {
        min-height: 60px !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 7px !important;
        padding: 6px 7px 6px 8px !important;
        background:
            radial-gradient(circle at 14% 45%, rgba(161, 9, 42, .52), transparent 38%),
            linear-gradient(100deg, rgba(54, 3, 16, .98), rgba(8, 12, 20, .99) 76%) !important;
    }

    .public-global-header__brand {
        min-height: 45px !important;
        padding-right: 7px !important;
    }

    .public-global-header__brand img {
        width: min(100%, 164px) !important;
        max-height: 43px !important;
    }

    .public-global-header__cta {
        min-height: 38px !important;
        padding-inline: 11px !important;
    }

    .public-global-header__menu {
        width: 38px !important;
        min-height: 38px !important;
    }
}

/* v684: center logged mobile nav inside profile viewport */
@media (max-width: 760px) {
    .public-mobile-bottom-nav--logged {
        left: 50% !important;
        right: auto !important;
        width: min(388px, calc(100vw - 24px)) !important;
        transform: translateX(-50%) !important;
        justify-self: center !important;
    }
}

/* v687: logged mobile nav closer to CRM reference */
@media (max-width: 760px) {
    .public-mobile-bottom-nav--logged {
        left: 50% !important;
        right: auto !important;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        width: min(398px, calc(100vw - 18px)) !important;
        min-height: 88px !important;
        height: 88px !important;
        transform: translateX(-50%) !important;
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: center !important;
        gap: 4px !important;
        padding: 9px !important;
        border-radius: 30px !important;
        border: 1px solid rgba(255,255,255,.12) !important;
        background:
            linear-gradient(180deg, rgba(10,16,31,.96), rgba(5,9,18,.96)) !important;
        box-shadow:
            0 18px 52px rgba(0,0,0,.52),
            inset 0 1px 0 rgba(255,255,255,.10),
            inset 0 -1px 0 rgba(255,255,255,.05) !important;
        backdrop-filter: blur(20px) saturate(1.15) !important;
        overflow: hidden !important;
    }
    .public-mobile-bottom-nav--logged::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        pointer-events: none !important;
        background: radial-gradient(circle at 16% 18%, rgba(255,63,141,.18), transparent 30%), radial-gradient(circle at 74% 0%, rgba(255,189,107,.10), transparent 34%) !important;
        opacity: .9 !important;
    }
    .public-mobile-bottom-nav--logged a {
        position: relative !important;
        z-index: 1 !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 68px !important;
        display: grid !important;
        place-items: center !important;
        align-content: center !important;
        gap: 5px !important;
        border: 0 !important;
        border-radius: 22px !important;
        background: transparent !important;
        color: rgba(222,229,242,.82) !important;
        text-decoration: none !important;
        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        letter-spacing: 0 !important;
    }
    .public-mobile-bottom-nav--logged a:first-child {
        color: #ff4d8d !important;
        background: rgba(255,63,141,.18) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px rgba(255,63,141,.14) !important;
    }
    .public-mobile-bottom-nav--logged a svg {
        width: 25px !important;
        height: 25px !important;
        stroke-width: 2.15 !important;
        color: currentColor !important;
    }
    .public-mobile-bottom-nav--logged a span {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}

/* v712: public menu opens from the hamburger side. */
.public-global-nav__panel {
    margin-left: auto;
    margin-right: 0;
    box-shadow: -18px 0 45px rgba(0, 0, 0, .32);
}

@media (max-width: 640px) {
    .public-global-nav__panel {
        width: min(430px, 100vw);
    }
}

/* Authenticated public pages keep public URLs and expose only account shortcuts. */
@keyframes publicAuthShortcutShift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
@keyframes publicAuthShortcutIconDance {
    0%, 58%, 100% { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); }
    64% { transform: translate3d(-2px, -3px, 0) rotate(-7deg) scale(1.08); }
    70% { transform: translate3d(2px, 1px, 0) rotate(6deg) scale(.98); }
    78% { transform: translate3d(0, -4px, 0) rotate(0deg) scale(1.1); }
    86% { transform: translate3d(2px, 0, 0) rotate(5deg) scale(1.03); }
}
.authenticated-public-shortcuts {
    position: fixed; right: 18px; bottom: 18px; z-index: 4995;
    display: grid; justify-items: end; gap: 10px; pointer-events: none;
}
.authenticated-public-shortcuts a {
    position: relative; isolation: isolate; display: grid; place-items: center; align-content: center; gap: 3px;
    color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,.38); background-size: 280% 280%;
    box-shadow: 0 15px 36px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.42);
    backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3);
    pointer-events: auto; overflow: hidden; animation: publicAuthShortcutShift 3.8s ease-in-out infinite;
}
.authenticated-public-shortcuts a::before {
    content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: inherit;
    background: linear-gradient(115deg, rgba(255,255,255,.28), transparent 40%, rgba(255,255,255,.08)); pointer-events: none;
}
.authenticated-public-shortcuts__feed {
    width: 62px; height: 54px; border-radius: 20px; background: linear-gradient(125deg,#ff2f8b,#ff765e,#21d4e8,#ff3f8f);
    box-shadow: 0 14px 34px rgba(255,47,139,.4), 0 0 24px rgba(33,212,232,.18), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.authenticated-public-shortcuts__account {
    width: 76px; height: 66px; border-radius: 24px; background: linear-gradient(125deg,#00d9a6,#29b6f6,#7c4dff,#ffc857);
    box-shadow: 0 18px 42px rgba(0,217,166,.34), 0 0 28px rgba(124,77,255,.25), inset 0 1px 0 rgba(255,255,255,.48) !important;
}
.authenticated-public-shortcuts svg {
    width: 25px; height: 25px; stroke-width: 2.35; pointer-events: none; transform-origin: 50% 70%;
    animation: publicAuthShortcutIconDance 7.8s ease-in-out infinite;
}
.authenticated-public-shortcuts__account svg { width: 31px; height: 31px; }
.authenticated-public-shortcuts span { font-size: 9px; line-height: 1; font-weight: 900; letter-spacing: 0; pointer-events: none; }
.authenticated-public-shortcuts a:hover,
.authenticated-public-shortcuts a:focus-visible { outline: none; border-color: #fff; filter: saturate(1.18) brightness(1.08); }
@media (max-width: 760px) {
    .authenticated-public-shortcuts { right: max(10px, env(safe-area-inset-right, 0px)); bottom: max(10px, env(safe-area-inset-bottom, 0px)); gap: 8px; }
}