*
{
    box-sizing:border-box;
}

.gs-info-page
{
    min-height:100vh;

    margin:0;

    background:#f6f6f8;
    color:#18181b;

    font-family:
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}

.gs-info-shell
{
    width:100%;
    max-width:680px;

    margin:auto;

    padding:
        14px
        14px
        34px;
}

.gs-info-top
{
    display:flex;
    align-items:center;

    gap:11px;

    padding:9px 2px 15px;
}

.gs-info-logo
{
    width:54px;
    height:54px;

    flex:0 0 54px;

    overflow:hidden;

    display:grid;
    place-items:center;

    border-radius:17px;

    background:
        var(
            --brand-primary,
            #ff5a36
        );

    color:#fff;

    font-size:26px;
}

.gs-info-logo img
{
    width:100%;
    height:100%;

    object-fit:cover;
}

.gs-info-name
{
    min-width:0;
    flex:1;
}

.gs-info-name h1
{
    overflow:hidden;

    margin:0;

    font-size:18px;
    font-weight:950;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.gs-info-name span
{
    display:block;

    margin-top:3px;

    color:#71717a;

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

.gs-info-back
{
    min-height:38px;

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

    padding:0 11px;

    border:1px solid #e4e4e7;
    border-radius:11px;

    background:#fff;
    color:#18181b;

    text-decoration:none;

    font-size:9px;
    font-weight:900;
}

.gs-info-card
{
    margin-bottom:10px;
    padding:15px;

    border:1px solid #e4e4e7;
    border-radius:18px;

    background:#fff;
}

.gs-info-card h2
{
    margin:0 0 7px;

    font-size:14px;
    font-weight:950;
}

.gs-info-description
{
    margin:0;

    color:#52525b;

    font-size:11px;
    line-height:1.6;
}

.gs-info-status
{
    display:flex;
    align-items:center;

    gap:9px;
}

.gs-info-status-dot
{
    width:10px;
    height:10px;

    flex:0 0 10px;

    border-radius:50%;

    background:#a1a1aa;
}

.gs-info-status.open
.gs-info-status-dot
{
    background:#22c55e;
}

.gs-info-status.closed
.gs-info-status-dot
{
    background:#ef4444;
}

.gs-info-status-copy
{
    min-width:0;
    flex:1;
}

.gs-info-status-copy strong
{
    display:block;

    font-size:11px;
    font-weight:950;
}

.gs-info-status-copy span
{
    display:block;

    margin-top:2px;

    color:#71717a;

    font-size:9px;
    line-height:1.4;
}

.gs-info-actions
{
    display:grid;
    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:8px;
}

.gs-info-action
{
    min-height:48px;

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

    gap:6px;

    padding:8px;

    border:1px solid #e4e4e7;
    border-radius:13px;

    background:#fff;
    color:#18181b;

    text-align:center;
    text-decoration:none;

    font-size:9px;
    font-weight:900;
}

.gs-info-action.primary
{
    border-color:transparent;

    background:
        var(
            --brand-primary,
            #ff5a36
        );

    color:#fff;
}

.gs-info-address
{
    color:#3f3f46;

    font-size:11px;
    line-height:1.55;
}

.gs-info-address strong
{
    display:block;

    margin-bottom:4px;

    color:#18181b;

    font-size:11px;
    font-weight:950;
}

.gs-info-socials
{
    display:flex;
    flex-wrap:wrap;

    gap:7px;
}

.gs-info-social
{
    min-height:38px;

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

    padding:0 11px;

    border:1px solid #e4e4e7;
    border-radius:999px;

    background:#fafafa;
    color:#18181b;

    text-decoration:none;

    font-size:9px;
    font-weight:900;
}


/* ============================================================
   LINK COMPACTO NO CARDAPIO
   ============================================================ */

.gs-store-info-entry
{
    width:100%;

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

    gap:10px;

    margin:
        9px
        0
        14px;

    padding:
        11px
        13px;

    border:1px solid #e4e4e7;
    border-radius:14px;

    background:#fff;
    color:#18181b;

    text-decoration:none;

    font-size:10px;
    font-weight:900;
}

.gs-store-info-entry span
{
    color:#71717a;

    font-size:9px;
    font-weight:750;
}

@media(min-width:520px)
{
    .gs-info-actions
    {
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );
    }
}