.market-footer{
            background: var(--surface-dark, #050505);
            border-top: 1px solid #1F2937;
        }

        .bottom-nav{
            position: fixed;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 950;
            min-height: 64px;
            padding: 6px 8px calc(6px + env(safe-area-inset-bottom));
            background: rgba(5,5,5,0.96);
            border-top: 1px solid #1F2937;
            box-shadow: 0 -16px 36px rgba(0, 0, 0, 0.28);
            display: grid;
            grid-auto-flow: column;
            grid-auto-columns: minmax(0, 1fr);
            align-items: center;
            gap: 4px;
            backdrop-filter: blur(12px);
        }

        .bottom-nav__item{
            position: relative;
            min-width: 0;
            height: 48px;
            border-radius: 15px;
            color: #9CA3AF;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 3px;
            font-size: 10.5px;
            font-weight: 900;
            line-height: 1.2;
            transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
        }

        .bottom-nav__item:hover,
        .bottom-nav__item.is-active{
            color: #FFFFFF;
            background: rgba(18,59,104,0.82);
            box-shadow: inset 0 0 0 1px rgba(147,197,253,0.18);
        }

        .bottom-nav__item.is-active{
            transform: translateY(-2px);
        }

        .bottom-nav__icon{
            position: relative;
            font-size: 19px;
            line-height: 1;
        }

        .bottom-nav__icon svg{
            width: 24px;
            height: 24px;
            display: block;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .bottom-nav__badge{
            position: absolute;
            top: 2px;
            left: 50%;
            min-width: 18px;
            height: 18px;
            padding: 0 5px;
            border-radius: 999px;
            background: #D94A38;
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
            font-weight: 900;
            line-height: 1;
            box-shadow: 0 0 0 3px rgba(5,5,5,0.96);
            transform: translate(-4px, -8px);
        }

        .bottom-nav__label{
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .bottom-nav__add{
            height: 48px;
            margin: 0;
            border-radius: 15px;
            background: var(--primary-gradient, linear-gradient(135deg, #071A2F, #0B1F3A, #123B68));
            color: #fff;
            box-shadow: 0 8px 18px rgba(7,26,47,0.28);
            transform: none;
        }

        .bottom-nav__add:hover{
            color: #fff;
            background: #123B68;
            transform: none;
        }

        .bottom-nav__add .bottom-nav__icon{
            font-size: 24px;
            margin-bottom: 0;
        }

        .footer-wide{
            width: min(1180px, calc(100% - 28px));
            margin: 0 auto;
            padding: 24px 0;
            color: #CBD5E1;
            line-height: 1.9;
            font-size: 14px;
            font-weight: 700;
        }

        .footer-wide__grid{
            display: grid;
            gap: 18px;
        }

        .footer-menu{
            padding: 4px 0 22px;
            border-bottom: 1px solid #1F2937;
            display: none;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px 28px;
        }

        .footer-menu__link{
            min-height: 42px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
            color: #1266B0;
            text-decoration: none;
            font-size: 15px;
            font-weight: 900;
            line-height: 1.5;
            transition: color 0.22s ease, transform 0.22s ease;
        }

        .footer-menu__link:hover{
            color: #93C5FD;
            transform: translateX(-2px);
        }

        .footer-menu__icon{
            width: 28px;
            height: 28px;
            border-radius: 10px;
            display: grid;
            place-items: center;
            background: var(--surface-dark-2, #0B0B0B);
            color: #CBD5E1;
            font-size: 15px;
            font-weight: 900;
            line-height: 1;
        }

        .footer-copy{
            margin: 0;
            text-align: right;
            padding-top: 8px;
        }

        .footer-copy strong{
            color: #FFFFFF;
            font-weight: 900;
        }

        @media (max-width: 768px){
            .footer-menu{
                display: none;
            }
        }

        @media (min-width: 769px){
            .footer-menu{
                display: grid;
            }
        }

        @media (max-width: 768px){
            body{
                padding-bottom: calc(76px + env(safe-area-inset-bottom));
            }

            .footer-menu{
                display: none;
            }
        }

        @media (min-width: 769px){
            body{
                padding-bottom: 0;
            }

            .bottom-nav{
                display: none;
            }

            .footer-wide{
                width: min(1180px, calc(100% - 44px));
                margin: 0 auto;
                padding: 26px 0 30px;
                border-top: 1px solid #1F2937;
            }

            .footer-wide__grid{
                grid-template-columns: minmax(0, 1fr);
                align-items: start;
            }

            .footer-copy{
                text-align: right;
            }
        }

        @media (max-width: 360px){
            .bottom-nav{
                gap: 2px;
                padding-right: 6px;
                padding-left: 6px;
            }

            .bottom-nav__item{
                font-size: 10px;
            }

            .bottom-nav__add{
                width: 60px;
            }
        }

        .bottom-nav.bottom-nav--reference{
            background: rgba(255,255,255,0.98);
            border-top-color: #D6DEE8;
            box-shadow: 0 -12px 30px rgba(7,26,47,0.12);
        }

        .bottom-nav--reference .bottom-nav__item{
            color: #111827;
            font-size: 11px;
            font-weight: 950;
        }

        .bottom-nav--reference .bottom-nav__item:hover,
        .bottom-nav--reference .bottom-nav__item.is-active{
            color: #0B1F3A;
            background: #EDF4FF;
            box-shadow: inset 0 0 0 1px rgba(18,59,104,0.12);
        }

        .bottom-nav--reference .bottom-nav__icon{
            color: #0B1F3A;
        }

        .bottom-nav--reference .bottom-nav__add,
        .bottom-nav--reference .bottom-nav__add:hover,
        .bottom-nav--reference .bottom-nav__add.is-active{
            background: var(--primary-gradient, linear-gradient(135deg, #071A2F, #0B1F3A, #123B68));
            color: #FFFFFF;
            box-shadow: 0 8px 18px rgba(7,26,47,0.28);
        }

        .bottom-nav--reference .bottom-nav__add .bottom-nav__icon{
            color: #FFFFFF;
        }

        .bottom-nav--reference .bottom-nav__badge{
            box-shadow: 0 0 0 3px rgba(255,255,255,0.98);
        }