.dock-wrap { display:none; }
.site-foot, footer.sitefoot {
    display:block; width:100%; max-width:none; margin:0 !important; padding:0 !important;
    background:#07111f; color:#cbd5e1; box-sizing:border-box;
    position:relative; z-index:5; border-top:1px solid rgba(255,255,255,.08);
}
footer.sitefoot .footgrid {
    display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 32px;
    width:min(1100px, calc(100% - 32px)); margin:0 auto; padding:28px 0 16px; box-sizing:border-box;
}
footer.sitefoot .footgrid > div { min-width:0; }
footer.sitefoot .footgrid b { display:block; color:#fff; font-size:14px; margin:0 0 10px; }
footer.sitefoot .footgrid a { display:block; color:#9aa4b2; text-decoration:none; font-size:13px; line-height:1.8; }
@media (max-width:980px) {
    html, body { overflow-x:hidden; max-width:100%; }
    body { padding-bottom:calc(98px + env(safe-area-inset-bottom)) !important; }
    main.wrap { margin-bottom:0 !important; }
    footer.sitefoot .footgrid { grid-template-columns:1fr 1fr; gap:22px 18px; width:calc(100% - 28px); padding:22px 0 0 !important; }
    footer.sitefoot .footgrid a { font-size:12px; line-height:1.7; }
    .dock-wrap {
        display:block; position:fixed; left:0; right:0; bottom:0; z-index:90;
        width:auto; max-width:100%; overflow:hidden; box-sizing:border-box;
        background:#0a101c; padding-bottom:env(safe-area-inset-bottom);
        box-shadow:0 -10px 30px rgba(0,0,0,.35);
    }
    .copybar {
        display:flex; align-items:center; justify-content:center;
        height:24px; margin:0; position:static; letter-spacing:.03em;
        background:#0a101c; color:#7d8ba0; font-size:10px;
        border-top:1px solid rgba(255,255,255,.06);
    }
    .copybar b { color:#dbe4f0; font-weight:700; margin:0 3px; }
    .dock {
        display:grid !important; position:static; width:100%; max-width:100%;
        margin:0; overflow:hidden; box-sizing:border-box; background:#0a101c;
        grid-template-columns:repeat(3,minmax(0,1fr));
        border-top:1px solid rgba(255,255,255,.06); padding:4px 4px 6px;
    }
    body.member-in .dock { grid-template-columns:30% repeat(4,17.5%) !important; }
    .dock > * { min-width:0 !important; max-width:100%; }
    .dock a, .dock button, .dock .saldo {
        overflow:hidden; border:0; background:transparent; color:#b7c3d6; text-decoration:none;
        display:flex; flex-direction:column; align-items:center; justify-content:center;
        gap:3px; height:62px; padding:0 2px; font-size:10px; font-weight:600; letter-spacing:.01em;
    }
    .dock svg { width:22px; height:22px; flex:0 0 22px; color:#e8eef8; }
    .dock .saldo { align-items:flex-start; justify-content:center; padding:0 8px; margin:5px 2px 5px 4px; border-radius:10px; background:#13263a; height:52px; gap:2px; }
    .dock .saldo b, .dock .saldo small { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .dock .saldo b { color:#f5d76e; font-size:11px; font-weight:800; letter-spacing:0; }
    .dock .saldo small { color:#9ec9ff; font-size:10px; font-weight:600; }
    .d-member { display:none !important; }
    body.member-in .d-guest { display:none !important; }
    body.member-in .d-member { display:flex !important; }
}
