* { box-sizing: border-box; }

        :root{
            --bg:#071019;
            --panel:#0d1622;
            --panel-2:#111c29;
            --stroke:rgba(255,255,255,0.08);
            --stroke-soft:rgba(255,255,255,0.05);
            --muted:#91a0b2;
            --muted-2:#b7c4d3;
            --text:#eef4fb;
            --blue1:#1084ff;
            --blue2:#39c0ff;
            --green1:#0f9f6e;
            --green2:#4fd8a8;
            --shadow:0 18px 44px rgba(0,0,0,.24);
            --radius:22px;
            --sidebar-width: 395px;
        }

        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            background: var(--bg);
            color: var(--text);
            font-family: "Plus Jakarta Sans", Arial, sans-serif;
        }

        body::before {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle at top left, rgba(24,132,255,.08), transparent 28%),
                radial-gradient(circle at bottom right, rgba(57,192,255,.06), transparent 24%);
            z-index: 0;
        }

        .app{
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%;
        }

        .sidebar{
            position: absolute;
            top: 0;
            left: 0;
            width: var(--sidebar-width);
            height: 100%;
            overflow-y: auto;
            background: linear-gradient(180deg, rgba(10,16,24,.96), rgba(13,22,34,.94));
            border-right: 1px solid var(--stroke);
            padding: 18px;
            backdrop-filter: blur(14px);
            z-index: 30;
            transform: translateX(-108%);
            transition: transform .26s ease, top .26s ease, left .26s ease, width .26s ease, height .26s ease, border-radius .26s ease, padding .26s ease;
            box-shadow: 24px 0 60px rgba(0,0,0,.35);
        }

        .app.menu-open .sidebar{
            transform: translateX(0);
        }

        .sidebar-backdrop{
            position:absolute;
            inset:0;
            background: rgba(0,0,0,.35);
            backdrop-filter: blur(2px);
            z-index:25;
            opacity:0;
            pointer-events:none;
            transition: opacity .22s ease;
        }

        .app.menu-open .sidebar-backdrop{
            opacity:1;
            pointer-events:auto;
        }

.app.mobile-search-open:not(.menu-open) .sidebar{
    transform: translate(-50%, -50%);
    top: 55%;
    left: 50%;
    width: min(calc(100vw - 28px), 420px);
    height: auto;
    max-height: calc(100vh - 96px - env(safe-area-inset-bottom, 0px));
    border-radius: 26px;
    padding: 16px;
            background:
                linear-gradient(180deg, rgba(10,16,24,.96), rgba(13,22,34,.94));
            border:1px solid var(--stroke);
            box-shadow:
                0 30px 90px rgba(0,0,0,.42),
                inset 0 1px 0 rgba(255,255,255,.05);
            overflow: hidden;
        }

        .app.mobile-search-open:not(.menu-open) .sidebar-backdrop{
            display:none;
            opacity:0;
            pointer-events:none;
        }

        .app.mobile-search-open:not(.menu-open) .sidebar .hero,
        .app.mobile-search-open:not(.menu-open) .sidebar .card:not(.search-card){
            display:none;
        }

.app.mobile-search-open:not(.menu-open) .sidebar .brand-top{
    display:none;
}

        .app.mobile-search-open:not(.menu-open) .sidebar .brand-actions{
            display:none;
        }

.app.mobile-search-open:not(.menu-open) .sidebar .search-card{
    margin-bottom:0;
    max-height: calc(100vh - 190px - env(safe-area-inset-bottom, 0px));
    overflow-y:auto;
    overscroll-behavior: contain;
            border-radius:22px;
            background: rgba(255,255,255,.035);
            border:1px solid var(--stroke-soft);
            box-shadow: var(--shadow);
        }

        .app.mobile-search-open:not(.menu-open) .menu-toggle,
        .app.mobile-search-open:not(.menu-open) .menu-hint{
            display:none !important;
        }

        .app.mobile-search-open:not(.menu-open) .top-strip,
        .app.mobile-search-open:not(.menu-open) .delivery-reopen-btn{
            display:none !important;
        }

        .map-wrap{
            position: absolute;
            inset: 0;
            height: 100%;
            min-height: 100vh;
        }

        #map{
            width:100%;
            height:100%;
        }

        .site-nav{
            position:absolute;
            top:12px;
            left:50%;
            transform:translateX(-50%);
            z-index:46;
            width:min(calc(100% - 32px), 1220px);
            pointer-events:auto;
        }

        .site-nav-inner{
            display:flex;
            align-items:center;
            gap:14px;
            min-height:56px;
            padding:8px 12px;
            border-radius:16px;
            background:linear-gradient(180deg, rgba(9,16,27,.72), rgba(10,18,29,.58));
            border:1px solid rgba(255,255,255,.11);
            backdrop-filter: blur(12px);
            box-shadow: 0 22px 44px rgba(0,0,0,.28);
        }

        .site-brand{
            display:flex;
            align-items:center;
            gap:8px;
            text-decoration:none;
            color:#f4f8ff;
            flex:0 0 auto;
        }

        .site-brand-logo{
            display:block;
            width:148px;
            height:auto;
        }

        .site-links{
            display:flex;
            align-items:center;
            gap:4px;
            margin-left:auto;
        }

        .site-link-btn{
            border:none;
            background:transparent;
            color:#dbe8f6;
            font-size:13px;
            font-weight:600;
            padding:8px 10px;
            border-radius:10px;
            cursor:pointer;
            transition: background .18s ease, color .18s ease, transform .18s ease;
            font-family:inherit;
        }

        .site-link-btn:hover{
            background:rgba(255,255,255,.08);
            color:#ffffff;
            transform:translateY(-1px);
        }

        .site-auth-actions{
            display:flex;
            align-items:center;
            gap:8px;
            margin-left:6px;
        }

        .site-auth-btn{
            border:none;
            border-radius:11px;
            padding:8px 12px;
            font-size:12.5px;
            font-weight:700;
            cursor:pointer;
            color:#eef6ff;
            font-family:inherit;
            transition:transform .18s ease, opacity .18s ease;
            white-space:nowrap;
        }

        .site-auth-btn:hover{
            transform:translateY(-1px);
        }

        .site-auth-btn-ghost{
            background:rgba(255,255,255,.06);
            border:1px solid rgba(255,255,255,.11);
        }

        .site-auth-btn-primary{
            background:linear-gradient(135deg, #0f7dff 0%, #41b4ff 100%);
            box-shadow: 0 10px 20px rgba(15,125,255,.28);
        }

        .site-nav-hamburger{
            display:none;
            margin-left:auto;
            width:40px;
            height:40px;
            border:none;
            border-radius:11px;
            background:rgba(255,255,255,.07);
            border:1px solid rgba(255,255,255,.1);
            cursor:pointer;
            padding:9px 8px;
            gap:5px;
            flex-direction:column;
            justify-content:center;
            align-items:stretch;
        }

        .site-nav-hamburger span{
            display:block;
            height:2px;
            border-radius:999px;
            background:#e7f1fc;
        }

        .site-nav-mobile-panel{
            margin-top:8px;
            border-radius:18px;
            padding:12px;
            background:linear-gradient(180deg, rgba(8,15,26,.9), rgba(11,19,30,.84));
            border:1px solid rgba(255,255,255,.1);
            backdrop-filter:blur(12px);
            box-shadow:0 18px 40px rgba(0,0,0,.34);
        }

        .site-nav-mobile-panel[hidden]{
            display:none !important;
        }

        .site-nav-mobile-links,
        .site-nav-mobile-auth{
            display:grid;
            gap:8px;
        }

        .site-nav-mobile-links{
            margin-bottom:10px;
        }

        .site-nav-mobile-links .site-link-btn{
            width:100%;
            text-align:left;
            background:rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.08);
        }

        .site-nav-mobile-auth .site-auth-btn{
            width:100%;
        }

        .site-info-modal{
            position:fixed;
            inset:0;
            z-index:95;
            display:none;
            align-items:center;
            justify-content:center;
            padding:20px;
            background:rgba(2,7,13,.58);
            backdrop-filter: blur(6px);
        }

        .site-info-modal.show{
            display:flex;
        }

        .site-info-modal-card{
            width:min(94vw, 560px);
            border-radius:24px;
            border:1px solid rgba(255,255,255,.12);
            background:linear-gradient(180deg, rgba(12,21,34,.98), rgba(11,20,31,.95));
            box-shadow:0 30px 80px rgba(0,0,0,.45);
            padding:26px 24px 24px;
            position:relative;
        }

        .site-info-close{
            position:absolute;
            top:14px;
            right:14px;
            width:34px;
            height:34px;
            border-radius:10px;
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.05);
            color:#f3f8ff;
            font-size:20px;
            cursor:pointer;
        }

        .site-info-kicker{
            font-size:11px;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:.16em;
            color:#89b8e8;
            margin-bottom:10px;
        }

        .site-info-modal-card h3{
            margin:0 0 10px;
            font-size:28px;
            line-height:1.2;
            font-weight:800;
            letter-spacing:-.4px;
            color:#f2f8ff;
        }

        .site-info-content{
            color:#a9bfd6;
            font-size:14px;
            line-height:1.7;
        }

        .site-info-content p{
            margin:0 0 12px;
        }

        .site-price-grid{
            display:grid;
            grid-template-columns:repeat(2, minmax(0, 1fr));
            gap:10px;
            margin-top:12px;
        }

        .site-price-card{
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.03);
            border-radius:14px;
            padding:12px;
            display:grid;
            gap:6px;
        }

        .site-price-card strong{
            font-size:13px;
            color:#eef6ff;
            letter-spacing:.1px;
        }

        .site-price-card b{
            font-size:18px;
            color:#6ec2ff;
        }

        .site-price-card span{
            font-size:11.5px;
            color:#9db4cc;
            line-height:1.5;
        }

        .top-auth-modal{
            position:fixed;
            inset:0;
            z-index:190;
            display:none;
            align-items:center;
            justify-content:center;
            padding:16px;
            background:rgba(1,7,12,.72);
            backdrop-filter:blur(8px);
        }

        .top-auth-modal.show{
            display:flex;
        }

        .top-auth-card{
            width:min(460px, 94vw);
            display:grid;
            gap:10px;
            padding:18px;
            border-radius:18px;
            border:1px solid rgba(255,255,255,.12);
            background:linear-gradient(180deg, rgba(14,28,43,.98), rgba(8,18,30,.97));
            box-shadow:0 20px 50px rgba(0,0,0,.38);
            position:relative;
        }

        .top-auth-close{
            position:absolute;
            top:12px;
            right:12px;
            width:34px;
            height:34px;
            border:none;
            border-radius:10px;
            background:rgba(255,255,255,.06);
            border:1px solid rgba(255,255,255,.12);
            color:#eef6ff;
            font-size:19px;
            cursor:pointer;
        }

        .top-auth-kicker{
            font-size:11px;
            font-weight:800;
            letter-spacing:.16em;
            text-transform:uppercase;
            color:#8fc2ef;
            margin-bottom:2px;
        }

        .top-auth-card h3{
            margin:0 0 2px;
            font-size:22px;
            line-height:1.25;
            font-weight:800;
            letter-spacing:-.3px;
            color:#f2f8ff;
        }

        .top-auth-tabs{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:8px;
        }

        .top-auth-tabs button{
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.03);
            color:#d6e8fb;
            border-radius:11px;
            padding:10px;
            font-size:12px;
            font-weight:700;
            cursor:pointer;
            font-family:inherit;
        }

        .top-auth-tabs button.active{
            background:linear-gradient(135deg, #1084ff 0%, #39c0ff 100%);
            border-color:transparent;
            color:#fff;
        }

        .top-auth-fields{
            display:grid;
            gap:8px;
        }

        .top-auth-fields input{
            width:100%;
            background: rgba(13,28,42,.94);
            color:#fff;
            border:1px solid rgba(255,255,255,.08);
            border-radius:12px;
            padding:12px 12px;
            font-size:13px;
            font-family:inherit;
            outline:none;
        }

        .top-auth-fields input:focus{
            border-color:#4eb4ff;
            box-shadow:0 0 0 3px rgba(78,180,255,.13);
        }

        .top-auth-switch{
            border:none;
            background:transparent;
            color:#9fd4ff;
            font-size:11.5px;
            font-weight:700;
            text-align:left;
            padding:0;
            cursor:pointer;
            font-family:inherit;
        }

        .top-auth-note{
            min-height:18px;
            font-size:11.5px;
            color:#a9bfd6;
        }

        .top-auth-note.ok{
            color:#95ebc7;
        }

        .top-auth-note.err{
            color:#ffb2b2;
        }

        .brand-top{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 14px;
        }

        .brand-actions{
            display:flex;
            align-items:center;
            gap:8px;
        }

        .brand{
            font-size: 26px;
            line-height: 1;
            font-weight: 800;
            letter-spacing: -.5px;
        }

        .brand-logo{
            display:flex;
            align-items:center;
            justify-content:center;
            width:100%;
        }

        .brand-logo-img{
            display:block;
            width:clamp(158px, 22vw, 226px);
            max-width:100%;
            height:auto;
            filter:
                drop-shadow(0 6px 16px rgba(0,0,0,.22))
                drop-shadow(0 0 10px rgba(88,216,255,.16));
        }

        .badge{
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .4px;
            text-transform: uppercase;
            color: #dff5ff;
            padding: 7px 10px;
            border-radius: 999px;
            background: rgba(57,192,255,.12);
            border: 1px solid rgba(57,192,255,.18);
        }

        .sidebar-close{
            display:none;
            width:34px;
            height:34px;
            border:none;
            border-radius:12px;
            background: rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.08);
            color:#eef4fb;
            font-size:18px;
            line-height:1;
            cursor:pointer;
        }

        .hero{
            margin-bottom: 14px;
            padding: 16px;
            border-radius: 20px;
            background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
            border: 1px solid var(--stroke-soft);
        }

        .hero h1{
            margin: 0 0 8px;
            font-size: 16px;
            line-height: 1.3;
            font-weight: 700;
            letter-spacing: -.2px;
        }

        .hero p{
            margin: 0;
            font-size: 12.5px;
            line-height: 1.65;
            color: var(--muted);
        }

        .card{
            background: rgba(255,255,255,.035);
            border: 1px solid var(--stroke-soft);
            border-radius: var(--radius);
            padding: 16px;
            margin-bottom: 12px;
            box-shadow: var(--shadow);
        }

        .card h3{
            margin: 0 0 12px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: .2px;
            color: #f0f6fd;
        }

        .grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:10px;
        }

        .grid-3{
            display:grid;
            grid-template-columns:1fr 1fr 1fr;
            gap:10px;
        }

        .field{
            display:flex;
            flex-direction:column;
            gap:6px;
            margin-bottom:10px;
            position:relative;
        }

        .field label{
            font-size:11.5px;
            font-weight:600;
            color: var(--muted-2);
        }

        .field input,
        .field select,
        .field textarea{
            width:100%;
            background: var(--panel-2);
            color:#fff;
            border:1px solid rgba(255,255,255,.08);
            border-radius:14px;
            padding:12px 12px;
            font-size:13px;
            font-weight:500;
            outline:none;
            transition:.18s ease;
            font-family: inherit;
            touch-action: manipulation;
        }

        .field textarea{
            min-height: 160px;
            resize: vertical;
            line-height: 1.65;
        }

        .field input[type="color"]{
            padding:5px;
            height:44px;
            cursor:pointer;
        }

        .field input:focus,
        .field select:focus,
        .field textarea:focus{
            border-color:#4eb4ff;
            box-shadow:0 0 0 3px rgba(78,180,255,.14);
            background:#132234;
        }

        .searchable-control{
            position:relative;
        }

        .search-suggestions{
            position:absolute;
            top:calc(100% + 8px);
            left:0;
            right:0;
            display:none;
            max-height:220px;
            overflow-y:auto;
            padding:8px;
            border-radius:16px;
            background: rgba(7,14,22,.96);
            border:1px solid rgba(120,196,255,.18);
            box-shadow: 0 18px 32px rgba(0,0,0,.28);
            z-index:45;
        }

        .search-suggestions.show{
            display:block;
        }

        .search-suggestion{
            width:100%;
            border:none;
            background: transparent;
            color:#eef4fb;
            text-align:left;
            padding:10px 12px;
            border-radius:12px;
            font-size:12.5px;
            font-weight:600;
            cursor:pointer;
            transition:.14s ease;
            font-family: inherit;
        }

        .search-suggestion:hover,
        .search-suggestion.active{
            background: rgba(57,192,255,.12);
            color:#ffffff;
        }

        .search-empty{
            padding:10px 12px;
            color:#95a7ba;
            font-size:12px;
            line-height:1.5;
        }

        .btn{
            width:100%;
            border:none;
            background:linear-gradient(135deg, var(--blue1) 0%, var(--blue2) 100%);
            color:#fff;
            padding:13px 14px;
            border-radius:15px;
            font-size:13px;
            font-weight:800;
            cursor:pointer;
            box-shadow:0 12px 24px rgba(16,132,255,.2);
            transition:transform .15s ease, opacity .15s ease;
            font-family: inherit;
            touch-action: manipulation;
        }

        .btn:hover{ transform: translateY(-1px); }
        .btn:disabled{ opacity:.65; cursor:not-allowed; transform:none; }

        .btn-secondary{
            background:linear-gradient(135deg, #1a2736 0%, #33465a 100%);
            box-shadow:none;
        }

        .btn-success{
            background:linear-gradient(135deg, var(--green1) 0%, var(--green2) 100%);
            box-shadow:0 12px 24px rgba(15,159,110,.2);
        }

        .btn-ghost{
            background: rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.07);
            box-shadow:none;
        }

        .mini-actions{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:10px;
        }

        .status{
            margin-top:10px;
            padding:11px 12px;
            border-radius:12px;
            font-size:12.5px;
            line-height:1.5;
            display:none;
        }

        .status.show{ display:block; }
        .status.ok{
            background: rgba(16,185,129,.10);
            color:#86e6bf;
            border:1px solid rgba(16,185,129,.16);
        }
        .status.err{
            background: rgba(239,68,68,.10);
            color:#ffaaaa;
            border:1px solid rgba(239,68,68,.16);
        }

        .subtle{
            font-size:11.5px;
            line-height:1.6;
            color: var(--muted);
        }

        .switch-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:10px;
        }

        .switch-item{
            background: rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.06);
            border-radius:14px;
            padding:11px 12px;
        }

        .switch-item label{
            display:flex;
            align-items:center;
            gap:8px;
            cursor:pointer;
            font-size:12px;
            font-weight:600;
            color:#e2edf8;
        }

        .switch-item input[type="checkbox"]{
            width:15px;
            height:15px;
            accent-color:#39c0ff;
            cursor:pointer;
            flex: 0 0 auto;
        }

        .preset-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:10px;
        }

        .preset-card{
            position:relative;
            background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
            border:1px solid rgba(255,255,255,.06);
            border-radius:18px;
            padding:12px;
            padding-top:30px;
            cursor:pointer;
            transition:.16s ease;
            min-height:110px;
            overflow:hidden;
        }

        .preset-card:hover{
            transform: translateY(-1px);
            border-color: rgba(77,180,255,.26);
        }

        .preset-card.active{
            border-color: rgba(77,180,255,.55);
            background: linear-gradient(180deg, rgba(16,132,255,.16), rgba(57,192,255,.06));
        }

        .preset-title{
            font-size:12.5px;
            font-weight:700;
            margin-bottom:5px;
            line-height:1.35;
        }

        .preset-desc{
            font-size:11px;
            line-height:1.55;
            color:#9fb0c2;
        }

        .preset-tag{
            position:absolute;
            top:8px;
            right:8px;
            font-size:9px;
            font-weight:800;
            letter-spacing:.4px;
            text-transform:uppercase;
            color:#e1f5ff;
            padding:5px 7px;
            border-radius:999px;
            background: rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.07);
            z-index:2;
            line-height:1;
            white-space:nowrap;
            max-width:90px;
        }

        .mode-buttons{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:10px;
        }

        .mode-btn{
            border:1px solid rgba(255,255,255,.07);
            background: var(--panel-2);
            color:#eaf3fd;
            border-radius:14px;
            padding:11px 10px;
            font-size:12px;
            font-weight:700;
            cursor:pointer;
            transition:.15s ease;
            font-family: inherit;
        }

        .mode-btn:hover{
            border-color:#4db4ff;
            background:#132031;
        }

        .mode-btn.active{
            background:linear-gradient(135deg, var(--blue1) 0%, var(--blue2) 100%);
            border-color:transparent;
        }

        .info-list{
            display:grid;
            gap:8px;
        }

        .info-item{
            display:flex;
            justify-content:space-between;
            gap:10px;
            padding:8px 0;
            border-bottom:1px solid rgba(255,255,255,.05);
            font-size:12px;
        }

        .info-item:last-child{
            border-bottom:none;
            padding-bottom:0;
        }

        .info-item span:first-child{
            color:#8ea0b4;
        }

        .info-item span:last-child{
            color:#edf5fd;
            text-align:right;
            font-weight:600;
        }

        .menu-toggle{
            position:absolute;
            top:96px;
            right:14px;
            z-index:40;
            width:44px;
            height:44px;
            border:none;
            border-radius:14px;
            background: rgba(9,16,24,.42);
            border:1px solid rgba(255,255,255,.07);
            backdrop-filter: blur(10px);
            color:#ecf5fc;
            font-size:18px;
            font-weight:800;
            cursor:pointer;
            display:block;
            box-shadow: 0 10px 20px rgba(0,0,0,.16);
        }

        .menu-hint{
            position:absolute;
            top:146px;
            right:14px;
            z-index:39;
            display:none;
            background: rgba(7,14,22,.58);
            color:#ecf5fc;
            border:1px solid rgba(255,255,255,.08);
            backdrop-filter: blur(10px);
            border-radius: 999px;
            padding: 8px 12px;
            font-size: 11px;
            font-weight: 600;
            box-shadow: 0 10px 20px rgba(0,0,0,.14);
            animation: fadeOutHint 6s forwards;
        }

        @keyframes fadeOutHint {
            0%,70% { opacity:1; transform:translateY(0); }
            100% { opacity:0; transform:translateY(-6px); pointer-events:none; }
        }

        .top-strip{
            position:absolute;
            top:96px;
            left:50%;
            transform:translateX(-50%);
            z-index:20;
            display:flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            flex-wrap:wrap;
            pointer-events:none;
            width: min(calc(100% - 120px), 980px);
        }

        .top-pill{
            background: rgba(6,12,18,.34);
            border:1px solid rgba(255,255,255,.06);
            backdrop-filter: blur(8px);
            color: rgba(239,246,252,.88);
            border-radius: 999px;
            padding: 7px 11px;
            font-size: 11px;
            line-height:1;
            font-weight:600;
            box-shadow: 0 8px 20px rgba(0,0,0,.16);
            white-space: nowrap;
        }

        .top-pill span{
            color: rgba(170,189,208,.92);
            margin-right: 5px;
            font-weight: 600;
        }

        .marker-wrap{
            position: relative;
            width: 40px;
            height: 52px;
            filter: drop-shadow(0 12px 16px rgba(0,0,0,.22));
        }

        .marker-label{
            position:absolute;
            left:50%;
            bottom:100%;
            margin-bottom:8px;
            transform: translateX(-50%);
            background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,255,.96));
            border:1px solid rgba(150,190,255,.35);
            color:#10233b;
            border-radius: 999px;
            padding: 7px 12px;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: -.2px;
            white-space:nowrap;
            box-shadow:
                0 10px 22px rgba(0,0,0,.16),
                inset 0 1px 0 rgba(255,255,255,.8);
            pointer-events:none;
        }

        .marker-label::after{
            content:"";
            position:absolute;
            left:50%;
            bottom:-5px;
            transform: translateX(-50%) rotate(45deg);
            width:10px;
            height:10px;
            background: rgba(245,249,255,.98);
            border-right:1px solid rgba(150,190,255,.28);
            border-bottom:1px solid rgba(150,190,255,.28);
        }

        .marker-svg{
            width: 40px;
            height: 52px;
            display:block;
            cursor: grab;
        }

        .marker-pin{
            position:absolute;
            left:50%;
            bottom:0;
            width:40px;
            height:52px;
            transform:translateX(-50%);
            opacity:0;
        }

        .marker-core-shadow{
            filter: drop-shadow(0 8px 16px rgba(0,0,0,.20));
        }

        .editor-badge{
            display:inline-flex;
            align-items:center;
            gap:8px;
            margin-top:10px;
            padding:10px 12px;
            background: rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.06);
            border-radius: 14px;
            font-size: 11.5px;
            color:#cfe1f3;
            line-height:1.5;
        }

        .editor-badge-dot{
            width:10px;
            height:10px;
            border-radius:50%;
            background:#58d7ff;
            box-shadow:0 0 14px rgba(88,215,255,.9);
            flex:0 0 auto;
        }

        .neon-legend{
            display:inline-block;
            width:8px;
            height:8px;
            border-radius:50%;
            background:#64dcff;
            box-shadow:
                0 0 6px rgba(100,220,255,.95),
                0 0 14px rgba(100,220,255,.9),
                0 0 26px rgba(100,220,255,.75);
            margin-right:6px;
        }

        .voice-state{
            display:inline-flex;
            align-items:center;
            gap:8px;
            margin-top:10px;
            padding:10px 12px;
            background: rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.06);
            border-radius:14px;
            font-size:11.5px;
            color:#cfe1f3;
        }

        .voice-state-dot{
            width:10px;
            height:10px;
            border-radius:50%;
            background:#57d8ff;
            box-shadow:0 0 14px rgba(87,216,255,.9);
            flex:0 0 auto;
        }

        .map-loading{
            position:absolute;
            inset:0;
            z-index:46;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:24px;
            background: rgba(5,10,16,.22);
            backdrop-filter: blur(10px);
            opacity:0;
            pointer-events:none;
            transition: opacity .22s ease;
        }

        .map-loading.show{
            opacity:1;
            pointer-events:auto;
        }

        .map-loading-card{
            width:min(92vw, 420px);
            padding:20px;
            border-radius:24px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
                rgba(7,14,22,.82);
            border:1px solid rgba(120,196,255,.16);
            box-shadow:
                0 24px 80px rgba(0,0,0,.34),
                inset 0 1px 0 rgba(255,255,255,.05);
        }

        .map-loading-title{
            margin:0 0 8px;
            font-size:15px;
            font-weight:800;
            letter-spacing:-.2px;
            color:#f2f8ff;
        }

        .map-loading-text{
            margin:0 0 14px;
            font-size:12.5px;
            line-height:1.6;
            color:#aebdd0;
        }

        .map-loading-bar{
            width:100%;
            height:10px;
            border-radius:999px;
            background: rgba(255,255,255,.08);
            overflow:hidden;
            border:1px solid rgba(255,255,255,.05);
        }

        .map-loading-bar > span{
            display:block;
            width:0%;
            height:100%;
            border-radius:999px;
            background: linear-gradient(90deg, #39c0ff 0%, #66e6ff 100%);
            box-shadow: 0 0 22px rgba(87,216,255,.45);
            transition: width .32s ease;
        }

        .map-loading-meta{
            margin-top:10px;
            font-size:11px;
            font-weight:700;
            letter-spacing:.2px;
            color:#d7e8f9;
            display:flex;
            justify-content:space-between;
            gap:10px;
        }

        .scene-transition{
            position:absolute;
            inset:0;
            z-index:34;
            pointer-events:none;
            opacity:0;
            background:
                radial-gradient(circle at center, rgba(255,255,255,.03), transparent 38%),
                linear-gradient(180deg, rgba(2,6,10,0), rgba(2,6,10,.28), rgba(2,6,10,0));
            transition: opacity .42s ease;
        }

        .scene-transition.show{
            opacity:1;
        }

        .narration-caption{
            position:absolute;
            left:50%;
            bottom:54px;
            transform:translateX(-50%);
            z-index:33;
            max-width:min(72vw, 660px);
            padding:0 12px;
            font-size:28px;
            line-height:1.2;
            font-weight:900;
            letter-spacing:-.8px;
            text-align:center;
            color:#ffffff;
            text-shadow:
                0 3px 0 rgba(0,0,0,.55),
                0 8px 22px rgba(0,0,0,.42);
            opacity:0;
            transition:opacity .18s ease;
            pointer-events:none;
        }

        .narration-caption.show{
            opacity:1;
        }

        .narration-caption strong{
            color:#ffe85a;
            text-shadow: 0 0 16px rgba(255,232,90,.22);
        }

        .delivery-reopen-btn{
            position:absolute;
            right:16px;
            bottom:16px;
            z-index:36;
            border:none;
            border-radius:999px;
            padding:11px 14px;
            font-size:12px;
            font-weight:800;
            letter-spacing:.1px;
            color:#f1f8ff;
            background: linear-gradient(135deg, rgba(16,132,255,.92), rgba(57,192,255,.88));
            border:1px solid rgba(255,255,255,.24);
            box-shadow:0 14px 26px rgba(8,30,54,.35);
            cursor:pointer;
            font-family:inherit;
            backdrop-filter: blur(10px);
        }

        .delivery-reopen-btn[hidden]{
            display:none !important;
        }

        .delivery-modal{
            position:absolute;
            inset:0;
            z-index:38;
            display:flex;
            align-items:center;
            justify-content:center;
            padding:24px;
            background:
                radial-gradient(circle at top, rgba(57,192,255,.14), transparent 34%),
                rgba(4,10,16,.52);
            backdrop-filter: blur(16px);
            opacity:0;
            pointer-events:none;
            transition: opacity .28s ease;
        }

        .delivery-modal.show{
            opacity:1;
            pointer-events:auto;
        }

        .delivery-card{
            position:relative;
            width:min(96vw, 1060px);
            max-height:calc(100vh - 48px);
            overflow:auto;
            padding:26px;
            border-radius:32px;
            background:
                radial-gradient(circle at top right, rgba(102,230,255,.10), transparent 28%),
                linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
                rgba(7,14,22,.94);
            border:1px solid rgba(133,205,255,.18);
            box-shadow:
                0 32px 100px rgba(0,0,0,.42),
                inset 0 1px 0 rgba(255,255,255,.05);
        }

        .delivery-hero{
            display:block;
            margin-bottom:18px;
        }

        .delivery-kicker{
            display:inline-flex;
            align-items:center;
            gap:8px;
            margin-bottom:10px;
            padding:8px 12px;
            border-radius:999px;
            background: rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.08);
            font-size:11px;
            font-weight:800;
            letter-spacing:.4px;
            text-transform:uppercase;
            color:#dff4ff;
        }

        .delivery-kicker::before{
            content:"";
            width:8px;
            height:8px;
            border-radius:50%;
            background:#69e1ff;
            box-shadow:0 0 12px rgba(105,225,255,.9);
        }

        .delivery-title{
            margin:0 0 8px;
            font-size:30px;
            line-height:1.05;
            font-weight:800;
            letter-spacing:-.7px;
            color:#f4faff;
        }

        .delivery-text{
            margin:0;
            max-width:680px;
            color:#aec0d3;
            font-size:13px;
            line-height:1.75;
        }

        .delivery-highlights{
            display:flex;
            flex-wrap:wrap;
            gap:10px;
            margin-top:14px;
        }

        .delivery-highlights span{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:38px;
            padding:0 14px;
            border-radius:999px;
            background: rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.06);
            color:#e8f2fd;
            font-size:11.5px;
            font-weight:700;
        }

        .delivery-price{
            align-self:start;
            padding:18px 18px 16px;
            border-radius:24px;
            background:
                linear-gradient(180deg, rgba(57,192,255,.20), rgba(57,192,255,.06)),
                rgba(255,255,255,.03);
            border:1px solid rgba(120,196,255,.22);
            text-align:left;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
        }

        .delivery-price small{
            display:block;
            margin-bottom:10px;
            font-size:10px;
            font-weight:800;
            letter-spacing:.4px;
            text-transform:uppercase;
            color:#c6dcf1;
        }

        .delivery-price strong{
            display:block;
            font-size:34px;
            line-height:1;
            color:#f8fdff;
        }

        .delivery-price span{
            display:block;
            margin-top:8px;
            font-size:11.5px;
            line-height:1.5;
            color:#c5d7ea;
        }

        .delivery-grid{
            display:grid;
            grid-template-columns: minmax(0, 1fr);
            gap:14px;
        }

        .delivery-panel{
            padding:18px;
            border-radius:24px;
            background: rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.06);
        }

        .delivery-panel-primary{
            background:
                radial-gradient(circle at top right, rgba(57,192,255,.14), transparent 52%),
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
                rgba(255,255,255,.02);
        }

        .delivery-panel h4{
            margin:0 0 12px;
            font-size:13px;
            font-weight:800;
            color:#f3f9ff;
        }

        .delivery-list{
            display:grid;
            gap:10px;
            margin-bottom:16px;
        }

        .delivery-list:empty{
            display:none;
            margin:0;
        }

        .delivery-feature{
            padding:12px 13px;
            border-radius:16px;
            background: rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.05);
        }

        .delivery-feature strong{
            display:block;
            margin-bottom:4px;
            font-size:12.5px;
            color:#edf6ff;
        }

        .delivery-feature span{
            display:block;
            font-size:11.5px;
            line-height:1.55;
            color:#a7bbcf;
        }

        .delivery-mail{
            margin-bottom:12px;
            display:grid;
            gap:10px;
        }

        .delivery-member-nav{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            padding:10px 12px;
            border-radius:14px;
            background: rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.08);
        }

        .delivery-member-nav[hidden]{
            display:none !important;
        }

        .delivery-member-meta{
            min-width:0;
        }

        .delivery-member-meta strong{
            display:block;
            font-size:12px;
            font-weight:800;
            color:#eef6ff;
            line-height:1.3;
        }

        .delivery-member-meta span{
            display:block;
            font-size:11px;
            color:#a8bed4;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }

        .delivery-member-actions{
            display:flex;
            align-items:center;
            gap:8px;
            font-size:11px;
            color:#cfe1f4;
        }

        .delivery-refresh-link{
            border:none;
            background:transparent;
            color:#9fd4ff;
            font-size:11.5px;
            font-weight:700;
            padding:0;
            text-align:left;
            cursor:pointer;
            font-family: inherit;
        }

        .delivery-refresh-link:hover{
            color:#c8eaff;
            text-decoration: underline;
        }

        .commerce-modal-layer{
            position:fixed;
            inset:0;
            z-index:180;
            background:
                radial-gradient(circle at top, rgba(57,192,255,.12), transparent 35%),
                rgba(1,7,12,.68);
            backdrop-filter: blur(8px);
            display:none;
            align-items:center;
            justify-content:center;
            padding:14px;
        }

        .commerce-modal-card{
            width:min(470px, 94vw);
            display:grid;
            gap:10px;
            padding:16px;
            border-radius:18px;
            border:1px solid rgba(255,255,255,.10);
            background: linear-gradient(180deg, rgba(14,28,43,.98), rgba(8,18,30,.97));
            box-shadow: 0 18px 46px rgba(0,0,0,.34);
        }

        .commerce-actions-row{
            display:grid;
            grid-template-columns: 1fr 1fr;
            gap:8px;
        }

        .commerce-auth-tabs{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:8px;
        }

        .commerce-auth-tabs button{
            border:1px solid rgba(255,255,255,.12);
            background: rgba(255,255,255,.03);
            color:#d6e8fb;
            border-radius:12px;
            padding:10px 10px;
            font-size:12px;
            font-weight:700;
            cursor:pointer;
            font-family:inherit;
        }

        .commerce-auth-tabs button.active{
            background: linear-gradient(135deg, #1084ff 0%, #39c0ff 100%);
            border-color: transparent;
            color:#fff;
        }

        .commerce-panel-head{
            font-size:12px;
            font-weight:800;
            color:#e9f4ff;
            letter-spacing:.2px;
        }

        .commerce-account-link{
            display:inline-block;
            margin-top:4px;
            color:#9fd7ff;
            text-decoration:none;
            font-weight:700;
            font-size:11.5px;
        }

        .commerce-fields{
            display:grid;
            gap:8px;
        }

        .commerce-fields input,
        .commerce-fields select,
        .commerce-payment-box input{
            width:100%;
            background: rgba(13,28,42,.94);
            color:#fff;
            border:1px solid rgba(255,255,255,.08);
            border-radius:12px;
            padding:12px 12px;
            font-size:12.5px;
            font-family: inherit;
            outline:none;
        }

        .commerce-fields input:focus,
        .commerce-fields select:focus,
        .commerce-payment-box input:focus{
            border-color:#4eb4ff;
            box-shadow:0 0 0 3px rgba(78,180,255,.13);
        }

        .commerce-switch-link{
            border:none;
            background:transparent;
            color:#9fd4ff;
            font-size:11.5px;
            font-weight:700;
            text-align:left;
            padding:0;
            cursor:pointer;
            font-family:inherit;
        }

        .commerce-payment-box{
            display:grid;
            gap:8px;
            padding:10px;
            border-radius:14px;
            background: rgba(255,255,255,.025);
            border:1px solid rgba(255,255,255,.06);
        }

        .commerce-payment-meta{
            padding:10px 11px;
            border-radius:12px;
            background: rgba(8,18,29,.72);
            border:1px solid rgba(255,255,255,.06);
            color:#d6e6f7;
            font-size:11.5px;
            line-height:1.55;
        }

        .commerce-package-grid{
            display:grid;
            grid-template-columns: 1fr;
            gap:8px;
        }

        .commerce-package-card{
            text-align:left;
            border:1px solid rgba(255,255,255,.08);
            background:rgba(11,25,39,.92);
            color:#fff;
            border-radius:12px;
            padding:11px 12px;
            cursor:pointer;
            display:grid;
            gap:3px;
            font-family:inherit;
        }

        .commerce-package-card strong{
            font-size:12.5px;
        }

        .commerce-package-card span{
            font-size:11px;
            color:#a8bfd6;
        }

        .commerce-package-card em{
            margin-top:4px;
            font-style:normal;
            font-size:13px;
            font-weight:800;
            color:#77c7ff;
        }

        .delivery-highlights:empty,
        .delivery-price:empty{
            display:none;
        }

        .commerce-note-ok{
            color:#95ebc7 !important;
        }

        .commerce-note-err{
            color:#ffb2b2 !important;
        }

        .delivery-actions{
            display:grid;
            gap:10px;
            grid-template-columns: 1fr 1fr 1fr;
        }

        .delivery-note{
            margin-top:12px;
            color:#97acc1;
            font-size:11.5px;
            line-height:1.65;
        }

        .delivery-premium-cta{
            margin-top:14px;
            padding:14px;
            border-radius:18px;
            background:
                radial-gradient(circle at top right, rgba(57,192,255,.16), transparent 46%),
                rgba(255,255,255,.03);
            border:1px solid rgba(120,196,255,.2);
            display:grid;
            gap:12px;
            grid-template-columns:minmax(0, 1fr) auto;
            align-items:center;
        }

        .delivery-premium-copy{
            display:grid;
            gap:5px;
        }

        .delivery-premium-copy strong{
            font-size:20px;
            font-weight:800;
            letter-spacing:-.4px;
            color:#f2f8ff;
            line-height:1.2;
        }

        .delivery-premium-copy span{
            font-size:13px;
            line-height:1.6;
            color:#a8bfd6;
        }

        .delivery-premium-cta .btn{
            min-width:240px;
        }

        .delivery-payment-strip{
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:10px;
            margin:14px 0 12px;
        }

        .delivery-pay-chip{
            padding:10px 12px;
            border-radius:16px;
            background: rgba(255,255,255,.04);
            border:1px solid rgba(255,255,255,.07);
            text-align:center;
            font-size:11.5px;
            font-weight:700;
            color:#e8f3ff;
        }

        .delivery-section-head{
            display:flex;
            align-items:flex-end;
            justify-content:space-between;
            gap:12px;
            margin-bottom:12px;
        }

        .delivery-section-head h4{
            margin:0;
        }

        .delivery-section-head p{
            margin:0;
            font-size:11.5px;
            color:#95abc0;
            line-height:1.5;
        }

        .variant-grid{
            display:grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap:12px;
            margin-bottom:18px;
        }

        .variant-card{
            display:grid;
            gap:12px;
            padding:14px;
            border-radius:20px;
            background:
                linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
                rgba(255,255,255,.015);
            border:1px solid rgba(255,255,255,.06);
        }

        .variant-card strong{
            display:block;
            margin-bottom:4px;
            font-size:13px;
            color:#eef6ff;
        }

        .variant-card span{
            display:block;
            font-size:11.5px;
            color:#9eb2c7;
            line-height:1.5;
        }

        .variant-card button{
            width:100%;
        }

        .thumb-grid{
            display:grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap:12px;
        }

        .thumb-card{
            display:grid;
            gap:8px;
            padding:10px;
            border-radius:20px;
            background: rgba(255,255,255,.03);
            border:1px solid rgba(255,255,255,.06);
        }

        .thumb-preview{
            width:100%;
            aspect-ratio: 4 / 3;
            border-radius:15px;
            background: rgba(255,255,255,.04);
            overflow:hidden;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
        }

        .thumb-preview img{
            width:100%;
            height:100%;
            object-fit:cover;
            filter: blur(10px) saturate(.88);
            transform: scale(1.08);
            transition: filter .22s ease, transform .22s ease;
        }

        .delivery-modal.unlocked .thumb-preview img{
            filter:none;
            transform:none;
        }

        .thumb-meta strong{
            display:block;
            margin-bottom:2px;
            font-size:11.5px;
            color:#edf6ff;
        }

        .thumb-meta span{
            display:block;
            font-size:10.5px;
            color:#96abc0;
        }

        .thumb-card button{
            width:100%;
        }

        .delivery-close{
            position:absolute;
            top:18px;
            right:18px;
            width:40px;
            height:40px;
            border:none;
            border-radius:14px;
            background: rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.08);
            color:#eef4fb;
            font-size:20px;
            line-height:1;
            cursor:pointer;
            z-index:2;
        }

        @media (min-width: 981px){
            .sidebar{
                width: var(--sidebar-width);
            }

            .sidebar-close{
                display:inline-flex;
                align-items:center;
                justify-content:center;
            }
        }

        @media (max-width: 980px){
            html, body{
                overflow: hidden;
                height: 100%;
                -webkit-text-size-adjust: 100%;
            }

            .sidebar{
                width: min(88vw, 390px);
                transform: translateX(-102%);
                transition: transform .26s ease;
                box-shadow: 24px 0 60px rgba(0,0,0,.35);
            }

            .app.menu-open .sidebar{
                transform: translateX(0);
            }

            .menu-hint{
                display:block;
            }

            .site-nav{
                top:10px;
                width:calc(100% - 16px);
            }

            .site-nav-inner{
                min-height:58px;
                padding:8px 10px;
                border-radius:16px;
            }

            .site-brand-logo{
                width:150px;
            }

            .site-links,
            .site-auth-actions{
                display:none;
            }

            .site-nav-hamburger{
                display:flex;
            }

            .site-price-grid{
                grid-template-columns:1fr;
            }

            .sidebar-close{
                display:inline-flex;
                align-items:center;
                justify-content:center;
            }

            .top-strip{
                top:86px;
                width: min(calc(100% - 26px), 92vw);
            }

            .menu-toggle{
                top:80px;
            }

            .menu-hint{
                top:130px;
            }

            .top-pill{
                font-size:10px;
                padding:6px 10px;
            }

            .narration-caption{
                bottom: calc(env(safe-area-inset-bottom, 0px) + 146px);
                max-width:78vw;
                font-size:17px;
                line-height:1.24;
            }

            .field input,
            .field select,
            .field textarea,
            .commerce-fields input,
            .commerce-fields select,
            .commerce-payment-box input{
                font-size:16px;
            }

            .commerce-actions-row{
                grid-template-columns:1fr;
            }

            .delivery-member-nav{
                flex-direction:column;
                align-items:flex-start;
            }

            .delivery-member-actions{
                width:100%;
                justify-content:space-between;
            }

            .delivery-actions{
                grid-template-columns:1fr;
            }

            .delivery-reopen-btn{
                right:12px;
                left:12px;
                bottom:12px;
                text-align:center;
            }

            .preset-grid,
            .mode-buttons,
            .grid,
            .grid-3,
            .mini-actions,
            .switch-grid{
                grid-template-columns:1fr;
            }

            .delivery-hero,
            .delivery-grid,
            .variant-grid,
            .thumb-grid{
                grid-template-columns:1fr;
            }

            .delivery-premium-cta{
                grid-template-columns:1fr;
            }

            .delivery-premium-cta .btn{
                width:100%;
                min-width:0;
            }

            .delivery-card{
                padding:18px;
                border-radius:26px;
            }

            .delivery-title{
                font-size:24px;
            }

            .brand-logo-img{
                width:clamp(164px, 42vw, 222px);
            }

            .hero h1{
                font-size:15px;
            }
        }

        @media (max-width: 560px){
            .sidebar{
                padding: 14px;
            }

            .card{
                padding: 14px;
                border-radius: 18px;
            }

            .hero{
                padding: 14px;
            }

            .hero h1{
                font-size: 14px;
            }

            .hero p,
            .subtle{
                font-size: 11.5px;
            }

            .brand-logo-img{
                width:clamp(158px, 62vw, 198px);
            }

            .field input,
            .field select,
            .field textarea,
            .commerce-fields input,
            .commerce-fields select,
            .commerce-payment-box input{
                font-size: 16px;
                padding: 11px 12px;
            }

            .commerce-modal-layer{
                padding:10px;
            }

            .search-suggestions{
                max-height:180px;
            }

            .map-loading-card{
                width:min(92vw, 360px);
                padding:18px;
            }

            .delivery-grid{
                grid-template-columns:1fr;
            }

            .thumb-grid{
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .btn{
                font-size: 12.5px;
                padding: 12px 13px;
            }

            .top-pill{
                font-size: 9.6px;
                padding: 6px 9px;
            }

            .marker-label{
                font-size:14px;
            }

            .menu-hint{
                top:124px;
                right:12px;
                padding:7px 10px;
                font-size:10.5px;
            }

            .menu-toggle{
                top:76px;
                right:12px;
                width:42px;
                height:42px;
            }

            .site-nav{
                width:calc(100% - 10px);
                top:8px;
            }

            .site-brand-logo{
                width:142px;
            }

            .site-nav-hamburger{
                width:40px;
                height:40px;
            }

            .site-info-modal{
                padding:12px;
            }

            .site-info-modal-card{
                padding:22px 16px 16px;
                border-radius:18px;
            }

            .site-info-modal-card h3{
                font-size:22px;
            }

            .site-info-content{
                font-size:13px;
                line-height:1.62;
            }

            .top-auth-card{
                padding:14px;
            }

            .top-auth-card h3{
                font-size:19px;
            }
        }