* { 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: 52%;
    left: 50%;
    width: min(calc(100vw - 28px), 420px);
    height: auto;
    max-height: calc(100svh - 84px - 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-y: auto;
            overflow-x: hidden;
            -webkit-overflow-scrolling: touch;
        }

        .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: none;
    min-height: 0;
    overflow-y:auto;
    overscroll-behavior: contain;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
            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;
            transition: opacity .22s ease, transform .22s ease;
        }

        .app.delivery-open .site-nav{
            opacity:0;
            pointer-events:none;
            transform:translate(-50%, -8px);
        }

        .app.site-modal-open .site-nav,
        .app.auth-modal-open .site-nav{
            opacity:0;
            pointer-events:none;
            transform:translate(-50%, -8px);
        }

        .app.delivery-open .menu-toggle,
        .app.delivery-open .menu-hint,
        .app.site-modal-open .menu-toggle,
        .app.site-modal-open .menu-hint,
        .app.auth-modal-open .menu-toggle,
        .app.auth-modal-open .menu-hint{
            opacity:0;
            pointer-events:none;
        }

        .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:186px;
            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-anchor{
            display:block;
            text-decoration:none;
        }

        .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;
            position:relative;
        }

        .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-account-dropdown{
            position:absolute;
            top:calc(100% + 6px);
            right:0;
            min-width:248px;
            display:grid;
            gap:6px;
            padding:10px;
            border-radius:13px;
            border:1px solid rgba(113,176,255,.22);
            background:linear-gradient(180deg, rgba(12,23,38,.97), rgba(8,18,30,.96));
            box-shadow:
                0 22px 46px rgba(0,0,0,.34),
                inset 0 1px 0 rgba(255,255,255,.04);
            backdrop-filter:blur(10px);
            z-index:60;
        }

        .site-account-dropdown::before{
            content:"";
            position:absolute;
            top:-7px;
            right:22px;
            width:12px;
            height:12px;
            transform:rotate(45deg);
            border-top:1px solid rgba(113,176,255,.22);
            border-left:1px solid rgba(113,176,255,.22);
            background:linear-gradient(180deg, rgba(12,23,38,.97), rgba(8,18,30,.96));
        }

        .site-account-dropdown[hidden]{
            display:none !important;
        }

        .site-account-dropdown.mobile{
            position:static;
            margin-top:6px;
            min-width:0;
            border-color:rgba(255,255,255,.12);
            box-shadow:0 14px 28px rgba(0,0,0,.25);
        }

        .site-account-dropdown.mobile::before{
            display:none;
        }

        .site-account-credit{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:8px;
            padding:8px 10px;
            border-radius:10px;
            border:1px solid rgba(255,255,255,.09);
            background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
        }

        .site-account-credit-label{
            color:#d7e8fb;
            font-size:12px;
            font-weight:700;
            letter-spacing:.01em;
        }

        .site-account-credit-label strong{
            color:#8fd1ff;
            font-size:12.5px;
        }

        .site-account-credit-help{
            width:18px;
            height:18px;
            border-radius:999px;
            border:1px solid rgba(137,193,255,.55);
            color:#9ed7ff;
            background:rgba(83,148,210,.2);
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:11px;
            font-weight:800;
            cursor:help;
            user-select:none;
        }

        .site-account-item{
            width:100%;
            border:none;
            border-radius:10px;
            padding:9px 10px;
            text-align:left;
            background:rgba(255,255,255,.05);
            border:1px solid rgba(255,255,255,.09);
            color:#dfedfb;
            font-size:12px;
            font-weight:600;
            cursor:pointer;
            font-family:inherit;
            transition:background .18s ease, transform .18s ease;
        }

        .site-account-item:hover{
            background:rgba(255,255,255,.11);
            transform:translateY(-1px);
        }

        .site-account-item.danger{
            color:#ffc6c6;
            border-color:rgba(255,128,128,.2);
            background:rgba(255,95,95,.1);
        }

        .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-modal.contact-mode .site-info-modal-card{
            width:min(96vw, 1080px);
            padding:24px 24px 20px;
        }

        .site-info-modal.contact-mode .site-info-content{
            margin-top:4px;
        }

        .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-how-grid{
            display:grid;
            gap:10px;
            margin-top:12px;
        }

        .site-how-card{
            display:grid;
            gap:6px;
            padding:12px 13px;
            border-radius:14px;
            background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
            border:1px solid rgba(255,255,255,.10);
        }

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

        .site-how-card span{
            font-size:12px;
            color:#9eb4c9;
            line-height:1.6;
        }

        .site-contact-form{
            margin-top:12px;
            display:grid;
            gap:8px;
        }

        .site-contact-grid{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:8px;
        }

        .site-contact-form input,
        .site-contact-form textarea{
            width:100%;
            border:1px solid rgba(255,255,255,.12);
            border-radius:12px;
            padding:11px 12px;
            background:rgba(255,255,255,.04);
            color:#e8f2fd;
            font-family:inherit;
            font-size:13px;
            outline:none;
        }

        .site-contact-form textarea{
            min-height:106px;
            resize:vertical;
        }

        .site-contact-form input:focus,
        .site-contact-form textarea:focus{
            border-color:#57b9ff;
            box-shadow:0 0 0 3px rgba(87,185,255,.14);
        }

        .site-contact-actions{
            display:flex;
            align-items:center;
            gap:8px;
            justify-content:space-between;
        }

        .site-contact-note{
            font-size:11.5px;
            color:#9fb7cf;
        }

        .site-contact-modern{
            display:grid;
            grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
            gap:18px;
            margin-top:6px;
            align-items:stretch;
        }

        .site-contact-modern-left{
            display:grid;
            align-content:start;
            gap:10px;
            padding:10px 4px 0 2px;
        }

        .site-contact-modern-kicker{
            display:inline-flex;
            width:max-content;
            padding:6px 11px;
            border-radius:999px;
            font-size:11px;
            font-weight:700;
            letter-spacing:.9px;
            text-transform:uppercase;
            color:#69b9ff;
            border:1px solid rgba(98,186,255,.34);
            background:rgba(28,68,116,.22);
        }

        .site-contact-modern-left h4{
            margin:0;
            font-size:32px;
            line-height:1.08;
            letter-spacing:-.4px;
            color:#f3f8ff;
            max-width:420px;
        }

        .site-contact-modern-left p{
            margin:0;
            font-size:14px;
            line-height:1.75;
            color:#a4b9cf;
            max-width:440px;
        }

        .site-contact-modern-points{
            margin:2px 0 0;
            padding:0;
            list-style:none;
            display:grid;
            gap:10px;
        }

        .site-contact-modern-points li{
            display:flex;
            align-items:center;
            gap:10px;
            font-size:13px;
            color:#d9e8f7;
            line-height:1.4;
        }

        .site-contact-modern-points li span{
            width:30px;
            height:30px;
            border-radius:10px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:14px;
            color:#75c4ff;
            border:1px solid rgba(120,189,255,.22);
            background:linear-gradient(180deg, rgba(44,101,165,.28), rgba(14,36,67,.3));
            box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
            flex:0 0 auto;
        }

        .site-contact-modern-card{
            position:relative;
            display:grid;
            gap:10px;
            padding:18px;
            border-radius:18px;
            border:1px solid rgba(116,187,255,.26);
            background:
                radial-gradient(circle at top center, rgba(68,141,255,.2), transparent 54%),
                linear-gradient(180deg, rgba(8,24,44,.82), rgba(6,18,34,.9));
            box-shadow:0 22px 48px rgba(2,10,24,.45);
        }

        .site-contact-modern-icon{
            width:62px;
            height:62px;
            border-radius:50%;
            margin:-48px auto 0;
            display:flex;
            align-items:center;
            justify-content:center;
            background:radial-gradient(circle at 35% 28%, #4cf0a8, #1ca45e 68%);
            box-shadow:0 0 0 8px rgba(32,98,191,.28), 0 16px 30px rgba(0,0,0,.34);
            border:2px solid rgba(220,255,238,.66);
        }

        .site-contact-modern-icon svg{
            width:34px;
            height:34px;
            fill:#f5fff9;
        }

        .site-contact-modern-title{
            display:block;
            text-align:center;
            margin-top:4px;
            margin-bottom:2px;
            color:#dfeeff;
            font-weight:700;
            font-size:16px;
            letter-spacing:-.1px;
        }

        .site-contact-modern-select,
        .site-contact-modern-card textarea{
            width:100%;
            border:1px solid rgba(159,211,255,.24);
            border-radius:13px;
            padding:12px 13px;
            background:linear-gradient(180deg, rgba(16,36,65,.58), rgba(11,26,48,.62));
            color:#edf6ff;
            font-family:inherit;
            font-size:13.5px;
            outline:none;
        }

        .site-contact-modern-card textarea{
            min-height:146px;
            resize:vertical;
            line-height:1.62;
        }

        .site-contact-modern-select:focus,
        .site-contact-modern-card textarea:focus{
            border-color:#63beff;
            box-shadow:0 0 0 3px rgba(86,176,255,.2);
        }

        .site-contact-modern-btn{
            width:100%;
            background:linear-gradient(135deg, #29b66c, #30d17f);
            color:#f6fff8;
            font-weight:800;
            letter-spacing:.1px;
            box-shadow:0 14px 24px rgba(24,125,74,.28);
        }

        .site-contact-modern-btn:hover{
            filter:brightness(1.05);
        }

        .site-contact-modern-phone{
            margin:4px auto 0;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:9px 14px;
            border-radius:999px;
            border:1px solid rgba(109,194,255,.35);
            background:rgba(7,24,44,.54);
            color:#dff1ff;
            font-size:13px;
            font-weight:700;
            text-decoration:none;
            letter-spacing:.2px;
        }

        .site-contact-modern-phone:hover{
            border-color:#76c9ff;
            color:#f2f9ff;
        }

        .site-contact-modern-footer{
            margin-top:14px;
            display:grid;
            grid-template-columns:repeat(4, minmax(0, 1fr));
            gap:10px;
            padding:12px;
            border-radius:16px;
            border:1px solid rgba(101,169,238,.2);
            background:linear-gradient(180deg, rgba(9,25,46,.75), rgba(8,21,39,.84));
        }

        .site-contact-modern-footer-item{
            display:grid;
            gap:4px;
            padding:8px 10px;
            border-radius:12px;
            background:rgba(255,255,255,.02);
        }

        .site-contact-modern-footer-item strong{
            font-size:12px;
            color:#85c8ff;
            letter-spacing:.2px;
        }

        .site-contact-modern-footer-item span{
            font-size:12.5px;
            line-height:1.55;
            color:#d5e5f6;
        }

        .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(116,178,244,.28);
            background:
                radial-gradient(circle at top right, rgba(60,174,255,.16), transparent 52%),
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
                rgba(255,255,255,.02);
            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;
        }

        .site-price-card .site-auth-btn{
            width:100%;
            margin-top:2px;
        }

        .account-modal-wrap{
            display:grid;
            gap:12px;
            margin-top:4px;
        }

        .account-loading{
            padding:16px 14px;
            border-radius:14px;
            border:1px solid rgba(255,255,255,.10);
            background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
            color:#bcd0e5;
            font-size:13px;
            line-height:1.6;
        }

        .account-empty{
            padding:16px 14px;
            border-radius:14px;
            border:1px dashed rgba(255,255,255,.18);
            background:rgba(255,255,255,.03);
            color:#a9bed4;
            font-size:13px;
        }

        .account-form-grid{
            display:grid;
            gap:10px;
        }

        .account-form-grid-single{
            grid-template-columns:1fr;
        }

        .account-field{
            display:grid;
            gap:6px;
        }

        .account-field span{
            font-size:12px;
            font-weight:700;
            color:#c8dcf1;
        }

        .account-field input,
        .account-field select,
        .account-field textarea{
            width:100%;
            border:1px solid rgba(255,255,255,.12);
            border-radius:12px;
            padding:11px 12px;
            background:rgba(255,255,255,.04);
            color:#e8f2fd;
            font-family:inherit;
            font-size:13px;
            outline:none;
        }

        .account-field input:focus,
        .account-field select:focus,
        .account-field textarea:focus{
            border-color:#57b9ff;
            box-shadow:0 0 0 3px rgba(87,185,255,.14);
        }

        .account-actions{
            display:flex;
            align-items:center;
            gap:10px;
            flex-wrap:wrap;
            margin-top:14px;
        }

        .account-actions .site-auth-btn{
            width:auto;
            min-width:180px;
        }

        .account-inline-note{
            font-size:12px;
            color:#abc0d6;
        }

        .account-inline-note.ok{
            color:#95ebc7;
        }

        .account-inline-note.err{
            color:#ffb2b2;
        }

        .account-order-card{
            display:grid;
            gap:10px;
            padding:10px;
            border-radius:12px;
            border:1px solid rgba(255,255,255,.10);
            background:
                radial-gradient(circle at 82% 34%, rgba(46,125,255,.10), transparent 52%),
                linear-gradient(180deg, rgba(12,24,42,.88), rgba(9,19,34,.90));
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.05),
                0 10px 22px rgba(1,8,20,.24);
        }

        .account-order-layout{
            display:grid;
            grid-template-columns: 156px 1fr 118px;
            gap:8px;
            align-items:stretch;
        }

        .account-order-preview{
            border-radius:12px;
            border:1px solid rgba(255,255,255,.12);
            background:
                radial-gradient(circle at top right, rgba(74,167,255,.22), transparent 60%),
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
            overflow:hidden;
            min-height:86px;
        }

        .account-order-preview img{
            width:100%;
            height:100%;
            min-height:86px;
            object-fit:cover;
            display:block;
        }

        .account-order-preview-fallback{
            width:100%;
            height:100%;
            min-height:86px;
            display:grid;
            place-items:center;
            text-align:center;
            gap:6px;
            color:#b8cde2;
            padding:10px;
        }

        .account-order-preview-fallback{
            position:relative;
            overflow:hidden;
            align-content:stretch;
            gap:0;
            border-radius:inherit;
            background:
                linear-gradient(180deg, rgba(9,20,37,.26), rgba(6,14,26,.60)),
                radial-gradient(circle at 74% 20%, rgba(90,177,255,.35), transparent 44%),
                linear-gradient(120deg, #394f63 0%, #2f455a 45%, #203445 100%);
        }

        .account-order-preview-fallback::before{
            content:"";
            position:absolute;
            inset:0;
            background:
                linear-gradient(25deg, rgba(0,0,0,.08) 40%, rgba(255,255,255,.04) 40%, rgba(255,255,255,.04) 43%, transparent 43%),
                linear-gradient(-18deg, rgba(0,0,0,.08) 55%, rgba(255,255,255,.03) 55%, rgba(255,255,255,.03) 58%, transparent 58%);
            mix-blend-mode:soft-light;
            pointer-events:none;
        }

        .account-order-preview-pin{
            font-size:22px;
            color:#7ec9ff;
        }

        .account-order-preview-fallback .account-order-preview-pin{
            position:absolute;
            top:44%;
            left:57%;
            transform:translate(-50%, -50%);
            width:28px;
            height:28px;
            border-radius:50%;
            background:rgba(93,189,255,.25);
            color:#bce7ff;
            font-size:16px;
            line-height:28px;
            text-align:center;
            border:1px solid rgba(124,205,255,.46);
            box-shadow:0 0 18px rgba(77,180,255,.35);
            z-index:3;
        }

        .account-order-preview-fallback small{
            position:absolute;
            left:50%;
            bottom:10px;
            transform:translateX(-50%);
            margin:0;
            padding:6px 10px;
            border-radius:999px;
            font-size:11px;
            font-weight:700;
            color:#eef7ff;
            background:rgba(6,16,29,.62);
            border:1px solid rgba(120,197,255,.28);
            white-space:nowrap;
            z-index:3;
        }

        .account-order-preview-fallback .account-preview-neon{
            position:absolute;
            left:22%;
            top:28%;
            width:56%;
            height:42%;
            border:2px solid #56beff;
            border-radius:8px;
            box-shadow:
                0 0 10px rgba(86,190,255,.72),
                0 0 26px rgba(86,190,255,.42);
            transform:rotate(-12deg);
            z-index:2;
            background:rgba(88,194,255,.10);
        }

        .account-order-preview-fallback .account-preview-area{
            position:absolute;
            left:16px;
            top:14px;
            padding:5px 10px;
            border-radius:999px;
            font-size:12px;
            font-weight:800;
            color:#f8fbff;
            background:rgba(15,27,46,.78);
            border:1px solid rgba(119,201,255,.48);
            z-index:3;
            box-shadow:0 6px 18px rgba(0,0,0,.28);
        }

        .account-order-content{
            min-width:0;
            display:grid;
            gap:6px;
            align-content:start;
        }

        .account-order-head{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
        }

        .account-order-head strong{
            color:#f4f9ff;
            letter-spacing:.1px;
            font-size: clamp(16px, 1.02vw, 20px);
            line-height:1.35;
            font-weight:800;
        }

        .account-status{
            display:inline-flex;
            align-items:center;
            border-radius:999px;
            padding:4px 10px;
            font-size:11px;
            font-weight:800;
            letter-spacing:.2px;
            color:#d8e8f9;
            border:1px solid rgba(255,255,255,.16);
            background:rgba(255,255,255,.05);
            white-space:nowrap;
        }

        .account-status.ok{
            color:#c4f5df;
            border-color:rgba(65,214,149,.35);
            background:rgba(65,214,149,.14);
        }

        .account-status.warn{
            color:#ffe3a7;
            border-color:rgba(255,183,77,.34);
            background:rgba(255,183,77,.14);
        }

        .account-status.err{
            color:#ffc1c1;
            border-color:rgba(255,107,107,.34);
            background:rgba(255,107,107,.14);
        }

        .account-order-meta{
            display:grid;
            gap:2px;
            color:#a9bfd5;
            font-size:13px;
            line-height:1.42;
            font-size: clamp(12px, .86vw, 15px);
        }

        .account-order-actions{
            display:flex;
            align-items:center;
            gap:8px;
            flex-wrap:wrap;
        }

        .account-order-actions-vertical{
            flex-direction:column;
            align-items:stretch;
            justify-content:center;
            width:118px;
            flex-wrap:nowrap;
        }

        .account-order-actions .site-auth-btn{
            min-height:32px;
            width:100%;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            white-space:nowrap;
            border-radius:10px;
            font-weight:700;
            font-size:13px;
            font-size: clamp(12px, .82vw, 14px);
        }

        .account-btn-icon{
            font-size:12px;
            line-height:1;
        }

        .account-order-parcel{
            color:#d8e7f8;
            font-weight:700;
        }

        .account-orders-pagination{
            margin-top:10px;
            display:flex;
            justify-content:center;
            align-items:center;
            flex-wrap:wrap;
            gap:6px;
        }

        .account-page-btn{
            min-width:42px;
            height:32px;
            padding:0 10px;
            border-radius:9px;
            font-size:12px;
            font-weight:700;
            line-height:1;
        }

        .account-page-btn[disabled]{
            opacity:.52;
            cursor:not-allowed;
        }

        .account-invoice-card{
            display:grid;
            gap:10px;
            padding:14px;
            border-radius:16px;
            border:1px solid rgba(255,255,255,.10);
            background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
        }

        .account-invoice-card-modern{
            padding:11px;
            border-radius:14px;
            border:1px solid rgba(255,255,255,.10);
            background:
                radial-gradient(circle at 82% 34%, rgba(46,125,255,.08), transparent 54%),
                linear-gradient(180deg, rgba(12,24,42,.88), rgba(9,19,34,.90));
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.05),
                0 10px 22px rgba(1,8,20,.24);
        }

        .account-invoice-layout{
            display:grid;
            grid-template-columns: 1fr auto;
            gap:10px;
            align-items:center;
        }

        .account-invoice-main{
            min-width:0;
            display:grid;
            gap:8px;
        }

        .account-invoice-meta-grid{
            display:grid;
            gap:3px;
            color:#a9bfd5;
            font-size:12px;
            line-height:1.45;
            font-size: clamp(11px, .72vw, 13px);
        }

        .account-invoice-list-item{
            padding:12px 13px;
        }

        .account-invoice-layout-compact{
            gap:12px;
            align-items:center;
        }

        .account-invoice-meta-grid-compact{
            grid-template-columns:repeat(3, minmax(0, max-content));
            column-gap:14px;
            row-gap:3px;
            align-items:center;
        }

        .account-billing-pagination{
            margin-top:12px;
        }

        .site-info-modal.billing-mode .site-info-modal-card{
            width:min(94vw, 980px);
            max-height:90vh;
            padding:14px;
            border-radius:18px;
        }

        .site-info-modal.billing-mode .site-info-modal-card h3{
            display:none;
        }

        .site-info-modal.billing-mode .site-info-kicker{
            display:none;
        }

        .site-info-modal.billing-mode .site-info-close{
            display:none;
        }

        .site-info-modal.billing-mode .site-info-content{
            max-height:calc(90vh - 30px);
            overflow:auto;
            padding-right:4px;
            scrollbar-width:thin;
            scrollbar-color:rgba(122,181,241,.45) rgba(7,18,33,.62);
        }

        .site-info-modal.billing-mode .site-info-content::-webkit-scrollbar{
            width:10px;
            height:10px;
        }

        .site-info-modal.billing-mode .site-info-content::-webkit-scrollbar-thumb{
            border-radius:999px;
            background:linear-gradient(180deg, rgba(118,181,247,.62), rgba(79,149,228,.54));
            border:2px solid rgba(6,18,32,.8);
        }

        .site-info-modal.billing-mode .site-info-content::-webkit-scrollbar-track{
            border-radius:999px;
            background:rgba(7,18,33,.62);
        }

        .billing-list-shell{
            position:relative;
            border-radius:14px;
            border:1px solid rgba(255,255,255,.09);
            background:linear-gradient(180deg, rgba(7,22,40,.95), rgba(6,19,34,.93));
            box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
            padding:14px;
            display:grid;
            gap:12px;
        }

        .billing-inline-close{
            position:absolute;
            top:10px;
            right:10px;
            width:30px;
            height:30px;
            border-radius:9px;
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.05);
            color:#eaf3ff;
            font-size:18px;
            line-height:1;
            cursor:pointer;
        }

        .billing-list-top{
            display:flex;
            align-items:flex-start;
            justify-content:space-between;
            gap:12px;
            padding-right:42px;
        }

        .billing-list-title-box{
            min-width:0;
            display:grid;
            gap:4px;
        }

        .billing-list-title-box h4{
            margin:0;
            color:#eef6ff;
            font-size:30px;
            line-height:1.1;
            letter-spacing:-.5px;
            font-weight:800;
        }

        .billing-list-title-box p{
            margin:0;
            color:#9cb3cb;
            font-size:13px;
            line-height:1.45;
        }

        .billing-filter-wrap{
            display:grid;
            gap:6px;
            min-width:140px;
        }

        .billing-filter-label{
            color:#8ea7c0;
            font-size:11px;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:.08em;
        }

        .billing-filter-select{
            appearance:none;
            border-radius:10px;
            border:1px solid rgba(255,255,255,.12);
            background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
            color:#e8f2ff;
            font-weight:700;
            font-size:12px;
            padding:10px 12px;
            outline:none;
        }

        .billing-table-wrap{
            border-radius:12px;
            border:1px solid rgba(255,255,255,.08);
            overflow-x:auto;
            overflow-y:hidden;
            background:rgba(6,16,29,.5);
            scrollbar-width:thin;
            scrollbar-color:rgba(122,181,241,.42) rgba(6,16,30,.7);
        }

        .billing-table-wrap::-webkit-scrollbar{
            height:8px;
        }

        .billing-table-wrap::-webkit-scrollbar-thumb{
            border-radius:999px;
            background:rgba(122,181,241,.48);
        }

        .billing-table-wrap::-webkit-scrollbar-track{
            border-radius:999px;
            background:rgba(6,16,30,.7);
        }

        .billing-table-head{
            display:grid;
            grid-template-columns:minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(126px, auto);
            gap:10px;
            align-items:center;
            padding:11px 14px;
            border-bottom:1px solid rgba(255,255,255,.08);
            color:#94adca;
            font-size:12px;
            font-weight:700;
            letter-spacing:.03em;
        }

        .billing-table-body{
            display:grid;
        }

        .billing-table-row{
            display:grid;
            grid-template-columns:minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(126px, auto);
            gap:10px;
            align-items:center;
            padding:11px 14px;
            border-bottom:1px solid rgba(255,255,255,.06);
        }

        .billing-table-row:last-child{
            border-bottom:none;
        }

        .billing-col{
            min-width:0;
            color:#d8e5f4;
            font-size:14px;
            line-height:1.35;
        }

        .billing-cell-stack{
            min-width:0;
            display:grid;
            gap:2px;
        }

        .billing-cell-label{
            display:none;
            color:#8ea8c4;
            font-size:10px;
            font-weight:700;
            letter-spacing:.06em;
            text-transform:uppercase;
            line-height:1.2;
        }

        .billing-cell-value{
            color:#d6e5f6;
            font-size:13px;
        }

        .billing-col-no{
            font-weight:700;
            color:#edf5ff;
            display:flex;
            align-items:center;
            gap:9px;
        }

        .billing-cell-value-no{
            color:#edf5ff;
            font-size:15px;
            font-weight:700;
            letter-spacing:.2px;
            line-height:1.2;
        }

        .billing-doc-icon{
            width:30px;
            height:30px;
            border-radius:9px;
            border:1px solid rgba(127,189,255,.24);
            background:linear-gradient(180deg, rgba(44,105,171,.34), rgba(33,82,140,.28));
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:15px;
            line-height:1;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
        }

        .billing-col-amount,
        .billing-col-date{
            color:#c4d5e7;
            font-size:13px;
        }

        .billing-status{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:28px;
            padding:0 10px;
            border-radius:999px;
            font-size:12px;
            font-weight:700;
            border:1px solid rgba(255,255,255,.14);
            background:rgba(255,255,255,.05);
            color:#dce9f8;
        }

        .billing-status.warn{
            border-color:rgba(245,181,71,.35);
            background:rgba(245,181,71,.16);
            color:#f2bf61;
        }

        .billing-status.ok{
            border-color:rgba(100,228,159,.32);
            background:rgba(100,228,159,.16);
            color:#88eab4;
        }

        .billing-status.err{
            border-color:rgba(245,101,101,.32);
            background:rgba(245,101,101,.16);
            color:#f7a6a6;
        }

        .billing-col-action{
            display:flex;
            justify-content:flex-end;
            align-items:center;
        }

        .billing-detail-btn{
            min-width:122px;
            height:34px;
            border-radius:10px;
            font-size:12px;
            font-weight:700;
        }

        .billing-list-footer{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            flex-wrap:wrap;
        }

        .billing-list-total{
            color:#a8bfd6;
            font-size:13px;
            font-weight:600;
        }

        .account-invoice-actions{
            width:132px;
            display:flex;
            align-items:center;
            justify-content:center;
        }

        .account-invoice-actions .site-auth-btn{
            min-height:34px;
            width:100%;
            border-radius:10px;
            font-weight:700;
            font-size:12px;
            line-height:1;
            padding:0 8px;
        }

        .account-invoice-head{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
        }

        .account-invoice-head strong{
            color:#edf6ff;
            font-size:14px;
        }

        .account-invoice-meta{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            color:#9eb5cc;
            font-size:12px;
            flex-wrap:wrap;
        }

        .account-invoice-detail{
            display:grid;
            gap:4px;
            border-radius:12px;
            border:1px solid rgba(255,255,255,.09);
            background:rgba(255,255,255,.03);
            padding:10px 12px;
        }

        .account-invoice-detail p{
            margin:0;
            color:#b7cbe0;
            font-size:12px;
            line-height:1.55;
        }

        @media (max-width: 980px){
            .site-info-modal.billing-mode .site-info-modal-card{
                width:min(96vw, 720px);
                padding:10px;
            }

            .site-info-modal.billing-mode .site-info-content{
                max-height:calc(88vh - 22px);
            }

            .account-order-layout{
                grid-template-columns:106px minmax(0,1fr) 90px;
                gap:6px;
                align-items:center;
            }

            .account-order-actions-vertical{
                width:90px;
                gap:5px;
            }

            .account-order-actions-vertical .site-auth-btn{
                min-height:30px;
                padding:0 3px;
                font-size:11px;
                gap:4px;
            }

            .account-order-preview,
            .account-order-preview img,
            .account-order-preview-fallback{
                min-height:76px;
            }

            .account-order-head strong{
                font-size:13px;
            }

            .account-order-meta{
                font-size:11px;
                line-height:1.35;
            }

            .account-invoice-layout{
                grid-template-columns:1fr;
                align-items:stretch;
            }

            .account-invoice-meta-grid-compact{
                grid-template-columns:1fr 1fr;
                column-gap:10px;
            }

            .account-invoice-actions{
                width:100%;
            }

            .account-invoice-actions .site-auth-btn{
                min-height:32px;
            }

            .billing-table-head{
                display:none;
            }

            .billing-table-wrap{
                border:none;
                background:transparent;
                overflow:visible;
            }

            .billing-table-body{
                gap:10px;
            }

            .billing-table-row{
                grid-template-columns:1fr 1fr;
                grid-template-areas:
                    "no no"
                    "amount date"
                    "status action";
                gap:9px 10px;
                align-items:center;
                padding:11px 12px;
                border:1px solid rgba(255,255,255,.10);
                border-radius:12px;
                background:linear-gradient(180deg, rgba(9,26,45,.9), rgba(7,21,39,.92));
                box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
            }

            .billing-col{
                display:flex;
                flex-direction:column;
                gap:2px;
                font-size:13px;
            }

            .billing-col-no{
                grid-area:no;
            }

            .billing-col-amount{
                grid-area:amount;
                border-right:1px solid rgba(255,255,255,.08);
                padding-right:8px;
            }

            .billing-col-date{
                grid-area:date;
                padding-left:2px;
            }

            .billing-col-status{
                grid-area:status;
            }

            .billing-col-action{
                grid-area:action;
                justify-content:flex-end;
                align-self:end;
            }

            .billing-cell-label{
                display:block;
            }

            .billing-cell-value-no{
                font-size:18px;
                line-height:1.18;
            }
        }

        @media (max-width: 560px){
            .account-actions{
                display:grid;
                gap:8px;
            }

            .account-actions .site-auth-btn{
                width:100%;
                min-width:0;
            }

            .account-inline-note{
                display:block;
            }

            .account-order-card{
                padding:8px;
            }

            .account-order-layout{
                grid-template-columns:98px minmax(0,1fr);
                grid-template-areas:
                    "preview content"
                    "preview actions";
                gap:7px;
                align-items:start;
            }

            .account-order-preview,
            .account-order-preview img,
            .account-order-preview-fallback{
                display:block;
                min-height:74px;
            }

            .account-order-preview{
                grid-area:preview;
            }

            .account-order-content{
                grid-area:content;
            }

            .account-order-actions-vertical{
                grid-area:actions;
                width:100%;
                gap:6px;
                flex-direction:row;
                align-items:stretch;
                justify-content:flex-start;
            }

            .account-order-actions-vertical .site-auth-btn{
                min-height:30px;
                width:auto;
                flex:1 1 0;
                height:auto;
                border-radius:9px;
                font-size:11px;
                padding:0 4px;
                justify-content:center;
                box-shadow:none;
            }

            .account-order-head strong{
                font-size:13px;
            }

            .account-order-meta{
                gap:2px;
                font-size:11px;
                line-height:1.36;
            }

            .account-order-location,
            .account-order-created{
                display:none;
            }

            .account-order-actions-vertical .site-auth-btn span:last-child{
                display:inline;
            }

            .account-order-actions-vertical .account-btn-icon{
                font-size:12px;
            }

            .account-status{
                display:none !important;
            }

            .account-orders-pagination{
                gap:5px;
            }

            .account-page-btn{
                min-width:36px;
                height:30px;
                font-size:11px;
                padding:0 8px;
            }

            .account-invoice-card-modern{
                padding:9px;
            }

            .account-invoice-meta-grid{
                gap:2px;
                font-size:10px;
                line-height:1.3;
            }

            .account-invoice-list-item{
                padding:9px;
            }

            .account-invoice-meta-grid-compact{
                grid-template-columns:1fr;
                font-size:11px;
                line-height:1.35;
            }

            .account-billing-pagination{
                gap:4px;
            }

            .account-billing-pagination .account-page-btn{
                min-width:34px;
                padding:0 7px;
            }

            .site-info-modal.billing-mode .site-info-modal-card{
                width:min(98vw, 420px);
                padding:8px;
                border-radius:14px;
            }

            .site-info-modal.billing-mode .site-info-content{
                max-height:calc(87vh - 18px);
                padding-right:0;
            }

            .billing-list-shell{
                padding:10px;
                gap:10px;
            }

            .billing-list-top{
                flex-direction:column;
                gap:8px;
                padding-right:36px;
            }

            .billing-list-title-box h4{
                font-size:22px;
            }

            .billing-list-title-box p{
                font-size:12px;
                line-height:1.35;
            }

            .billing-filter-wrap{
                width:100%;
            }

            .billing-filter-select{
                width:100%;
                min-height:38px;
                font-size:12px;
            }

            .billing-table-row{
                padding:10px;
                gap:8px 9px;
            }

            .billing-status{
                min-height:24px;
                font-size:11px;
                padding:0 8px;
            }

            .billing-doc-icon{
                width:30px;
                height:30px;
                font-size:15px;
            }

            .billing-cell-value{
                font-size:15px;
            }

            .billing-col{
                font-size:12px;
            }

            .billing-col-action{
                justify-content:flex-start;
            }

            .billing-detail-btn{
                width:auto;
                min-width:118px;
                height:32px;
                font-size:11px;
                padding:0 12px;
            }

            .billing-list-footer{
                align-items:flex-start;
                flex-direction:column;
                gap:8px;
            }
        }

        .confirm-modal{
            position:fixed;
            inset:0;
            z-index:260;
            display:none;
            align-items:center;
            justify-content:center;
            padding:16px;
            background:rgba(2,8,16,.68);
            backdrop-filter:blur(8px);
        }

        .confirm-modal.show{
            display:flex;
        }

        .confirm-modal-card{
            position:relative;
            width:min(460px, 94vw);
            border-radius:16px;
            border:1px solid rgba(255,255,255,.14);
            background:linear-gradient(180deg, rgba(14,27,42,.98), rgba(8,17,29,.96));
            box-shadow:0 24px 60px rgba(0,0,0,.42);
            padding:18px 16px 14px;
            display:grid;
            gap:10px;
        }

        .confirm-modal-card h4{
            margin:0;
            color:#f1f8ff;
            font-size:21px;
            line-height:1.2;
            letter-spacing:-.2px;
        }

        .confirm-modal-card p{
            margin:0;
            color:#a9bfd5;
            font-size:13px;
            line-height:1.55;
        }

        .confirm-modal-actions{
            margin-top:4px;
            display:flex;
            justify-content:flex-end;
            gap:8px;
            flex-wrap:wrap;
        }

        .confirm-modal-actions .site-auth-btn{
            min-width:120px;
            width:auto;
        }

        .confirm-modal-close{
            position:absolute;
            top:10px;
            right:10px;
            width:32px;
            height:32px;
            border-radius:10px;
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.06);
            color:#eef7ff;
            font-size:20px;
            line-height:1;
            cursor:pointer;
        }

        @media (max-width: 560px){
            .confirm-modal-card{
                padding:16px 12px 12px;
                border-radius:14px;
            }

            .confirm-modal-card h4{
                font-size:18px;
            }

            .confirm-modal-actions{
                display:grid;
                grid-template-columns:1fr;
            }

            .confirm-modal-actions .site-auth-btn{
                width:100%;
                min-width:0;
            }
        }

        .invoice-detail-modal{
            position:fixed;
            inset:0;
            z-index:265;
            display:none;
            align-items:center;
            justify-content:center;
            padding:16px;
            background:rgba(2,8,16,.72);
            backdrop-filter:blur(8px);
        }

        .invoice-detail-modal.show{
            display:flex;
        }

        .invoice-detail-card{
            position:relative;
            width:min(560px, 94vw);
            max-height:88vh;
            overflow:auto;
            border-radius:16px;
            border:1px solid rgba(255,255,255,.14);
            background:linear-gradient(180deg, rgba(14,27,42,.98), rgba(8,17,29,.96));
            box-shadow:0 24px 60px rgba(0,0,0,.42);
            padding:18px 16px 14px;
            display:grid;
            gap:12px;
        }

        .invoice-detail-card h4{
            margin:0;
            color:#f1f8ff;
            font-size:22px;
            line-height:1.2;
            letter-spacing:-.2px;
        }

        .invoice-detail-list{
            display:grid;
            gap:0;
        }

        .invoice-paper{
            border-radius:12px;
            background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(249,252,255,.96));
            border:1px solid rgba(168,191,217,.88);
            box-shadow:
                inset 0 1px 0 rgba(255,255,255,.86),
                0 6px 18px rgba(2,8,19,.08);
            padding:14px 14px 10px;
        }

        .invoice-paper-brand{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            margin-bottom:10px;
            padding-bottom:8px;
            border-bottom:1px solid rgba(17,38,63,.16);
        }

        .invoice-paper-brand strong{
            color:#122a45;
            font-size:13px;
            line-height:1.3;
            letter-spacing:.02em;
        }

        .invoice-paper-brand span{
            color:#567392;
            font-size:11px;
            line-height:1.3;
        }

        .invoice-paper-head{
            display:grid;
            grid-template-columns:repeat(3, minmax(0, 1fr));
            gap:8px;
            padding-bottom:11px;
            margin-bottom:8px;
            border-bottom:1px solid rgba(17,38,63,.12);
        }

        .invoice-paper-title{
            display:grid;
            gap:2px;
        }

        .invoice-paper-title span{
            font-size:11px;
            color:#687f98;
            line-height:1.3;
        }

        .invoice-paper-title strong{
            font-size:12px;
            color:#1d334d;
            line-height:1.35;
            font-weight:800;
            word-break:break-word;
        }

        .invoice-paper-lines{
            display:grid;
            gap:0;
            margin-top:2px;
        }

        .invoice-detail-row{
            display:grid;
            grid-template-columns:146px 1fr;
            gap:10px;
            align-items:start;
            padding:8px 2px;
            border-bottom:1px solid rgba(20,43,69,.12);
        }

        .invoice-detail-row:last-child{
            border-bottom:none;
        }

        .invoice-detail-row span{
            color:#4c6d8f;
            font-size:12px;
            line-height:1.45;
            font-weight:600;
        }

        .invoice-detail-row strong{
            color:#152f4b;
            font-size:12px;
            line-height:1.45;
            word-break:break-word;
            font-weight:700;
        }

        .invoice-detail-actions{
            display:flex;
            justify-content:flex-end;
        }

        .invoice-detail-actions .site-auth-btn{
            width:auto;
            min-width:120px;
        }

        .invoice-detail-close{
            position:absolute;
            top:10px;
            right:10px;
            width:32px;
            height:32px;
            border-radius:10px;
            border:1px solid rgba(255,255,255,.12);
            background:rgba(255,255,255,.06);
            color:#eef7ff;
            font-size:20px;
            line-height:1;
            cursor:pointer;
        }

        @media (max-width: 560px){
            .invoice-detail-card{
                border-radius:14px;
                padding:14px 12px 12px;
            }

            .invoice-detail-card h4{
                font-size:18px;
            }

            .invoice-detail-row{
                grid-template-columns:1fr;
                gap:4px;
                padding:7px 2px;
            }

            .invoice-paper{
                padding:10px 10px 7px;
            }

            .invoice-paper-brand{
                flex-direction:column;
                align-items:flex-start;
                gap:4px;
                margin-bottom:8px;
                padding-bottom:7px;
            }

            .invoice-paper-head{
                grid-template-columns:1fr;
                gap:6px;
                margin-bottom:6px;
                padding-bottom:8px;
            }

            .invoice-detail-row span,
            .invoice-detail-row strong{
                font-size:11px;
                line-height:1.35;
            }
        }

        .site-info-modal.orders-mode .site-info-modal-card{
            width:min(90vw, 760px);
            max-height:88vh;
            padding:14px 14px 12px;
            border-radius:16px;
            border-color:rgba(255,255,255,.12);
            box-shadow:0 30px 80px rgba(0,0,0,.45);
            background:linear-gradient(180deg, rgba(12,21,34,.98), rgba(11,20,31,.95));
        }

        .site-info-modal.orders-mode .site-info-modal-card h3{
            font-size:22px;
            line-height:1.15;
            letter-spacing:-.2px;
            margin-bottom:8px;
        }

        .site-info-modal.orders-mode .account-modal-wrap{
            gap:12px;
        }

        .site-info-modal.orders-mode .account-order-head .account-status{
            display:none;
        }

        .site-info-modal.orders-mode .site-info-content{
            max-height:calc(88vh - 120px);
            overflow:auto;
            padding-right:4px;
        }

        .site-info-modal.orders-mode .site-info-content::-webkit-scrollbar{
            width:9px;
        }

        .site-info-modal.orders-mode .site-info-content::-webkit-scrollbar-thumb{
            border-radius:999px;
            background:rgba(104,183,255,.35);
            border:2px solid rgba(5,14,27,.9);
        }

        .site-info-modal.orders-mode .site-info-content::-webkit-scrollbar-track{
            background:rgba(6,16,28,.58);
            border-radius:999px;
        }

        @media (max-width: 980px){
            .site-info-modal.orders-mode .site-info-modal-card{
                width:min(95vw, 640px);
                padding:12px 10px 10px;
            }

            .site-info-modal.orders-mode .site-info-content{
                max-height:calc(88vh - 108px);
            }
        }

        .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:18px;
            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:none;
            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:none !important;
            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:fixed;
            inset:0;
            z-index:10050;
            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:120;
            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,.14), transparent 30%),
                radial-gradient(circle at bottom left, rgba(64,137,255,.11), transparent 34%),
                linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.02)),
                rgba(7,14,22,.94);
            border:1px solid rgba(133,205,255,.22);
            box-shadow:
                0 34px 108px rgba(0,0,0,.46),
                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-kicker,
        .delivery-highlights,
        .delivery-panel-primary{
            display:none !important;
        }

        .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:10px;
            padding:16px;
            border-radius:18px;
            background:
                radial-gradient(circle at top right, rgba(63,182,255,.14), transparent 44%),
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
                rgba(255,255,255,.015);
            border:1px solid rgba(116,178,244,.28);
        }

        .commerce-payment-meta{
            padding:12px 13px;
            border-radius:14px;
            background: rgba(9,22,37,.78);
            border:1px solid rgba(113,185,248,.28);
            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-preview{
            width:100%;
            aspect-ratio: 16 / 9;
            border-radius:14px;
            overflow:hidden;
            border:1px solid rgba(255,255,255,.08);
            background:rgba(255,255,255,.04);
            position:relative;
        }

        .variant-preview.empty{
            background:
                radial-gradient(circle at top right, rgba(102,230,255,.18), transparent 40%),
                linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
        }

        .variant-preview img{
            width:100%;
            height:100%;
            object-fit:cover;
            filter:blur(2.8px) saturate(.98) brightness(.9);
            transform:scale(1.03);
        }

        .variant-preview::after{
            content:"";
            position:absolute;
            inset:0;
            background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.38));
            pointer-events:none;
        }

        .delivery-modal.unlocked .variant-preview img{
            filter:blur(0);
            transform:none;
        }

        .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(3.2px) saturate(.95);
            transform: scale(1.03);
            transition: filter .22s ease, transform .22s ease;
        }

        .delivery-cta-btn{
            min-height:44px;
            border:1px solid rgba(196,231,255,.34);
            border-radius:14px;
            background:linear-gradient(135deg, #0f7fff 0%, #35bbff 55%, #78dcff 100%);
            color:#ffffff;
            font-size:13px;
            font-weight:800;
            letter-spacing:.1px;
            box-shadow:
                0 14px 24px rgba(16,132,255,.32),
                0 0 0 1px rgba(255,255,255,.04) inset;
            transition:transform .16s ease, opacity .16s ease, box-shadow .16s ease;
        }

        .delivery-cta-btn:hover{
            transform:translateY(-1px);
            box-shadow:
                0 18px 30px rgba(16,132,255,.38),
                0 0 22px rgba(82,186,255,.28);
        }

        .delivery-cta-btn:disabled{
            opacity:.62;
            cursor:not-allowed;
            transform:none;
            box-shadow:none;
        }

        .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:none;
            }

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

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

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

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

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

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

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

            .site-contact-actions{
                flex-direction:column;
                align-items:flex-start;
            }

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

            .site-info-modal.contact-mode .site-info-modal-card{
                width:min(96vw, 760px);
                padding:20px 14px 14px;
                border-radius:18px;
            }

            .site-info-modal.contact-mode .site-info-modal-card h3{
                font-size:24px;
            }

            .site-contact-modern{
                grid-template-columns:1fr;
                gap:14px;
            }

            .site-contact-modern-left{
                gap:8px;
                padding:2px 2px 0;
            }

            .site-contact-modern-left h4{
                font-size:28px;
                max-width:none;
            }

            .site-contact-modern-left p{
                max-width:none;
            }

            .site-contact-modern-card{
                padding:16px;
                gap:9px;
            }

            .site-contact-modern-icon{
                width:56px;
                height:56px;
                margin:-38px auto 0;
            }

            .site-contact-modern-card textarea{
                min-height:124px;
            }

            .site-contact-modern-footer{
                grid-template-columns:repeat(2, minmax(0, 1fr));
                gap:8px;
                padding:10px;
            }

            .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;
            }

            .app.has-session .menu-hint{
                display:block;
            }

            .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:auto;
                bottom:calc(12px + env(safe-area-inset-bottom, 0px));
                width:auto;
                max-width:46vw;
                white-space:nowrap;
                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){
            .app.mobile-search-open:not(.menu-open) .sidebar{
                top: 54%;
                width: calc(100vw - 16px);
                max-height: calc(100svh - 56px - env(safe-area-inset-bottom, 0px));
                padding: 12px;
                border-radius: 18px;
            }

            .app.mobile-search-open:not(.menu-open) .sidebar .search-card{
                border-radius: 16px;
                padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
            }

            .app.mobile-search-open:not(.menu-open) #searchBtn{
                min-height: 46px;
                font-size: 13px;
            }

            .site-info-modal.contact-mode{
                padding:10px;
            }

            .site-info-modal.contact-mode .site-info-modal-card{
                width:min(100vw - 8px, 520px);
                padding:18px 12px 12px;
                border-radius:16px;
            }

            .site-contact-modern-left h4{
                font-size:24px;
                line-height:1.12;
            }

            .site-contact-modern-left p{
                font-size:13px;
                line-height:1.6;
            }

            .site-contact-modern-points li{
                font-size:12.5px;
            }

            .site-contact-modern-points li span{
                width:26px;
                height:26px;
                border-radius:9px;
                font-size:12.5px;
            }

            .site-contact-modern-title{
                font-size:14px;
            }

            .site-contact-modern-select,
            .site-contact-modern-card textarea{
                font-size:13px;
                padding:11px 12px;
            }

            .site-contact-modern-footer{
                grid-template-columns:1fr;
            }

            .site-contact-modern-footer-item{
                padding:7px 9px;
            }

            .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:166px;
            }

            .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;
            }
        }

        .app.has-session .menu-toggle{
            display:block;
        }

        /* Delivery Modal - Sales Focused Final Overrides */
        .delivery-modal{
            background:
                radial-gradient(circle at 14% 10%, rgba(245,194,106,.14), transparent 34%),
                radial-gradient(circle at 84% 16%, rgba(102,180,255,.15), transparent 38%),
                rgba(3,9,15,.62);
        }

        .delivery-modal .delivery-card.delivery-card-sales{
            width:min(96vw, 1120px);
            max-height:calc(100vh - 42px);
            border-radius:30px;
            border:1px solid rgba(244,209,146,.34);
            background:
                linear-gradient(180deg, rgba(255,226,171,.07), rgba(255,226,171,.01)),
                radial-gradient(circle at 12% 0%, rgba(255,208,126,.12), transparent 48%),
                radial-gradient(circle at 88% 4%, rgba(84,174,255,.11), transparent 44%),
                rgba(8,14,22,.95);
            box-shadow:
                0 32px 96px rgba(0,0,0,.52),
                inset 0 1px 0 rgba(255,255,255,.06);
        }

        .delivery-modal .delivery-kicker{
            display:inline-flex !important;
            background:rgba(255,231,186,.08);
            border-color:rgba(245,200,122,.32);
            color:#f9e7c2;
        }

        .delivery-modal .delivery-kicker::before{
            background:#ffcd73;
            box-shadow:0 0 12px rgba(255,205,115,.72);
        }

        .delivery-modal .delivery-title{
            font-size:clamp(32px, 2.1vw, 48px);
            line-height:1.08;
            letter-spacing:-.9px;
            color:#fff6e8;
            text-shadow:0 10px 28px rgba(0,0,0,.35);
            margin-bottom:10px;
        }

        .delivery-modal .delivery-text{
            color:#dcc8ab;
            font-size:clamp(14px, .88vw, 16px);
            line-height:1.72;
            max-width:760px;
        }

        .delivery-modal .delivery-hero{
            display:grid;
            grid-template-columns:minmax(0, 1fr) auto;
            gap:14px;
            align-items:end;
        }

        .delivery-modal .delivery-highlights{
            display:none !important;
            margin-top:14px;
            gap:8px;
        }

        .delivery-modal .delivery-highlights span{
            background:rgba(255,214,143,.09);
            border:1px solid rgba(246,199,116,.26);
            color:#f4debb;
            min-height:34px;
            font-size:11px;
            padding:0 12px;
        }

        .delivery-modal .delivery-price{
            display:block;
            align-self:stretch;
            min-width:238px;
            padding:14px 16px;
            border-radius:18px;
            border:1px solid rgba(245,197,116,.26);
            background:
                linear-gradient(180deg, rgba(255,230,183,.1), rgba(255,230,183,.03)),
                rgba(16,24,36,.92);
            text-align:center;
            display:grid;
            align-content:center;
            justify-items:center;
        }

        .delivery-modal .delivery-price small{
            color:#efd8b0;
            font-size:10px;
            letter-spacing:.1em;
            text-transform:uppercase;
            margin-bottom:8px;
        }

        .delivery-modal .delivery-price strong{
            color:#ffd487;
            font-size:40px;
            line-height:1;
            text-shadow:0 0 20px rgba(255,212,135,.2);
        }

        .delivery-modal .delivery-price span{
            color:#d2be9d;
            font-size:11.5px;
            margin-top:6px;
        }

        .delivery-modal .delivery-grid{
            display:grid;
            grid-template-columns:minmax(0, 1.82fr) minmax(300px, .78fr);
            gap:16px;
            align-items:start;
        }

        .delivery-modal .delivery-panel-media{
            order:1;
            background:
                radial-gradient(circle at top right, rgba(87,171,255,.12), transparent 50%),
                linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
                rgba(9,18,30,.9);
            border:1px solid rgba(133,194,255,.16);
        }

        .delivery-modal .delivery-panel-primary.delivery-panel-offer{
            order:2;
            display:grid !important;
            align-content:start;
            gap:14px;
            background:
                radial-gradient(circle at top right, rgba(255,209,126,.16), transparent 48%),
                linear-gradient(180deg, rgba(255,241,215,.07), rgba(255,241,215,.02)),
                rgba(12,20,31,.95);
            border:1px solid rgba(245,198,118,.26);
        }

        .delivery-modal .delivery-panel-offer h4{
            margin:0;
            font-size:12px;
            letter-spacing:.12em;
            text-transform:uppercase;
            color:#f4ddb6;
        }

        .delivery-modal .delivery-offer-price{
            display:grid;
            justify-items:center;
            text-align:center;
            padding:14px 12px 12px;
            border-radius:14px;
            border:1px solid rgba(245,197,116,.26);
            background:
                linear-gradient(180deg, rgba(255,230,183,.1), rgba(255,230,183,.03)),
                rgba(16,24,36,.92);
        }

        .delivery-modal .delivery-offer-price small{
            color:#efd8b0;
            font-size:10px;
            letter-spacing:.1em;
            text-transform:uppercase;
            margin-bottom:8px;
            font-weight:700;
        }

        .delivery-modal .delivery-offer-price strong{
            color:#ffd487;
            font-size:44px;
            line-height:1;
            text-shadow:0 0 20px rgba(255,212,135,.2);
        }

        .delivery-modal .delivery-offer-price span{
            color:#d2be9d;
            font-size:12px;
            margin-top:6px;
            line-height:1.5;
        }

        .delivery-modal .delivery-list{
            display:grid !important;
            gap:8px;
            margin-bottom:0;
        }

        .delivery-modal .delivery-feature{
            position:relative;
            padding:11px 12px 11px 42px;
            border-radius:14px;
            border:1px solid rgba(245,203,130,.2);
            background:rgba(255,227,179,.05);
        }

        .delivery-modal .delivery-feature::before{
            content:"✓";
            position:absolute;
            left:12px;
            top:50%;
            transform:translateY(-50%);
            width:20px;
            height:20px;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:12px;
            font-weight:900;
            color:#1f2c20;
            background:#b8f58e;
            box-shadow:0 0 16px rgba(184,245,142,.4);
        }

        .delivery-modal .delivery-feature strong{
            font-size:13px;
            color:#fff1d9;
            margin-bottom:2px;
        }

        .delivery-modal .delivery-feature span{
            font-size:11.5px;
            color:#cfbc9f;
            line-height:1.5;
        }

        .delivery-modal .delivery-proof{
            padding:10px 12px;
            border-radius:12px;
            border:1px solid rgba(255,219,160,.2);
            background:rgba(255,232,191,.06);
            font-size:12px;
            font-weight:700;
            color:#f3dfbb;
        }

        .delivery-modal .delivery-proof::before{
            content:"🕒 ";
        }

        .delivery-modal .delivery-mail{
            display:none;
        }

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

        .delivery-modal #deliveryUnlockBtn{
            grid-column:auto;
            min-height:56px;
            border-radius:16px;
            border:1px solid rgba(255,226,172,.52);
            background:linear-gradient(135deg, #f7c56c 0%, #f2ae42 46%, #f6cf7e 100%);
            color:#2c210f;
            font-size:clamp(18px, 1.15vw, 23px);
            font-weight:900;
            box-shadow:
                0 12px 28px rgba(242,174,66,.32),
                inset 0 1px 0 rgba(255,248,228,.58);
        }

        .delivery-modal #deliveryUnlockBtn:hover{
            transform:translateY(-1px);
            box-shadow:
                0 16px 34px rgba(242,174,66,.4),
                inset 0 1px 0 rgba(255,248,228,.7);
        }

        .delivery-modal #deliveryAuthBtn,
        .delivery-modal #deliveryDownloadAllBtn{
            display:none !important;
        }

        .delivery-modal .delivery-note{
            margin-top:2px;
            color:#d5c19f;
            font-size:12px;
            line-height:1.55;
        }

        .delivery-modal .delivery-feature::before{
            content:"\2713";
        }

        .delivery-modal .delivery-proof::before{
            content:"";
        }

        .delivery-modal .variant-grid{
            display:block;
            margin-bottom:14px;
        }

        .delivery-modal .delivery-video-stage{
            display:grid;
            gap:12px;
        }

        .delivery-modal .delivery-video-main,
        .delivery-modal .delivery-video-mini{
            border-radius:16px;
            border:1px solid rgba(255,255,255,.1);
            background:
                linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
                rgba(8,16,28,.72);
            padding:10px;
            gap:8px;
            display:grid;
        }

        .delivery-modal .delivery-video-main{
            padding:12px;
        }

        .delivery-modal .delivery-video-main .variant-preview{
            aspect-ratio:16 / 8.9;
            min-height:246px;
            border-radius:14px;
        }

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

        .delivery-modal .delivery-video-mini .variant-preview{
            aspect-ratio:16 / 9.4;
            border-radius:12px;
        }

        .delivery-modal .variant-preview img{
            filter:blur(0.38px) saturate(1.03) brightness(.96);
        }

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

        .delivery-modal .delivery-video-main strong{
            font-size:15px;
            color:#f4f8ff;
        }

        .delivery-modal .delivery-video-main .delivery-cta-btn{
            min-height:46px;
            font-size:14px;
        }

        .delivery-modal .delivery-video-mini strong{
            font-size:12px;
        }

        .delivery-modal .delivery-video-mini .delivery-cta-btn{
            min-height:34px;
            font-size:11px;
            border-radius:10px;
        }

        .delivery-modal .thumb-grid{
            display:flex;
            gap:10px;
            overflow-x:auto;
            overscroll-behavior-x:contain;
            scroll-snap-type:x mandatory;
            padding-bottom:4px;
            margin-bottom:4px;
        }

        .delivery-modal .thumb-card{
            border-radius:14px;
            padding:8px;
            min-width:156px;
            max-width:156px;
            flex:0 0 156px;
            scroll-snap-align:start;
        }

        .delivery-modal .thumb-preview{
            border-radius:10px;
        }

        .delivery-modal .thumb-preview img{
            filter:blur(0.45px) saturate(.99);
        }

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

        .delivery-modal .delivery-premium-cta{ display:none !important; }
        .delivery-modal .delivery-premium-copy{ display:none !important; }

        .delivery-modal .thumb-grid::-webkit-scrollbar{
            height:8px;
        }

        .delivery-modal .thumb-grid::-webkit-scrollbar-thumb{
            background:rgba(133,194,255,.36);
            border-radius:999px;
        }

        .delivery-modal .thumb-grid::-webkit-scrollbar-track{
            background:rgba(7,15,25,.55);
            border-radius:999px;
        }

        @media (max-width: 980px){
            .delivery-modal .delivery-card.delivery-card-sales{
                width:min(98vw, 820px);
                padding:18px;
                border-radius:24px;
            }

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

            .delivery-modal .delivery-hero{
                grid-template-columns:1fr;
                gap:10px;
            }

            .delivery-modal .delivery-price{
                min-width:0;
            }

            .delivery-modal .delivery-panel-media{
                order:1;
            }

            .delivery-modal .delivery-panel-offer{
                order:2;
            }

            .delivery-modal .delivery-video-main .variant-preview{
                min-height:0;
            }

            .delivery-modal .delivery-video-strip{
                display:flex;
                gap:10px;
                overflow-x:auto;
                overscroll-behavior-x:contain;
                scroll-snap-type:x mandatory;
                padding-bottom:4px;
            }

            .delivery-modal .delivery-video-mini{
                min-width:220px;
                max-width:220px;
                flex:0 0 220px;
                scroll-snap-align:start;
            }

            .delivery-modal .thumb-card{
                min-width:176px;
                max-width:176px;
                flex-basis:176px;
            }
        }

        @media (max-width: 560px){
            .delivery-modal{
                padding:10px;
            }

            .delivery-modal .delivery-card.delivery-card-sales{
                padding:14px;
                border-radius:18px;
                max-height:calc(100vh - 16px);
            }

            .delivery-modal .delivery-title{
                font-size:23px;
                line-height:1.14;
            }

            .delivery-modal .delivery-text{
                font-size:12px;
                line-height:1.58;
            }

            .delivery-modal .delivery-highlights{
                display:none !important;
            }

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

            .delivery-modal #deliveryUnlockBtn{
                grid-column:auto;
                min-height:50px;
                font-size:18px;
            }

            .delivery-modal .delivery-video-strip{
                gap:8px;
            }

            .delivery-modal .delivery-video-mini{
                min-width:182px;
                max-width:182px;
                flex-basis:182px;
            }

            .delivery-modal .thumb-grid{
                gap:8px;
            }

            .delivery-modal .thumb-card{
                min-width:146px;
                max-width:146px;
                flex-basis:146px;
            }
        }

.hero-update-note{
    margin-top:10px;
    padding:9px 11px;
    border-radius:12px;
    font-size:11.5px;
    line-height:1.45;
    color:#d4e8fb;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
}

.hero-update-note.err{
    color:#ffb3b3;
    border-color:rgba(239,68,68,.35);
    background:rgba(239,68,68,.08);
}

.unified-settings-card{
    border-color:rgba(87,216,255,.22);
    background:linear-gradient(180deg, rgba(14,30,48,.72), rgba(12,24,37,.72));
}

.unified-settings-actions .btn{
    min-height:46px;
}

.global-status-toast{
    position:fixed;
    left:50%;
    top:22px;
    transform:translateX(-50%) translateY(-12px);
    z-index:9999;
    min-width:min(92vw, 420px);
    max-width:min(92vw, 560px);
    padding:12px 14px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
    font-size:13px;
    font-weight:700;
    line-height:1.45;
    text-align:center;
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease, transform .2s ease;
}

.global-status-toast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

.global-status-toast.ok{
    color:#dbffef;
    background:rgba(18,123,86,.78);
    border-color:rgba(95,234,176,.45);
}

.global-status-toast.err{
    color:#ffe3e3;
    background:rgba(156,38,38,.8);
    border-color:rgba(255,153,153,.42);
}

/* Pricing showcase (final override) */
.pricing-showcase{
    width:100%;
    text-align:center;
    position:relative;
}

.pricing-showcase-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 20px;
    border-radius:999px;
    border:1px solid rgba(74,162,255,.55);
    background:linear-gradient(180deg, rgba(19,59,116,.68), rgba(10,36,72,.56));
    color:#7ac0ff;
    font-size:21px;
    font-weight:800;
    letter-spacing:.08em;
}

.pricing-showcase-title{
    margin:14px 0 8px;
    font-size:clamp(40px, 5vw, 64px);
    line-height:1.02;
    color:#eef6ff;
    letter-spacing:-.02em;
}

.pricing-showcase-sub{
    margin:0 auto;
    max-width:780px;
    color:#a9bfd6;
    font-size:15px;
    line-height:1.55;
}

.pricing-showcase-meta{
    margin:14px 0 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d8e9fb;
    font-size:14px;
    font-weight:700;
}

.pricing-showcase-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:12px;
    text-align:left;
}

.pricing-plan-card{
    position:relative;
    border-radius:24px;
    border:1px solid rgba(113,168,233,.28);
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
        rgba(9,20,36,.92);
    padding:14px 12px 12px;
    box-shadow:0 22px 50px rgba(0,0,0,.32);
}

.pricing-plan-card.is-popular{
    border-color:rgba(74,169,255,.75);
    box-shadow:0 24px 56px rgba(19,90,176,.3), inset 0 0 0 1px rgba(61,164,255,.22);
}

.pricing-plan-card.is-premium{
    border-color:rgba(132,120,255,.35);
    background:
        linear-gradient(180deg, rgba(112,73,201,.12), rgba(255,255,255,.01)),
        rgba(14,21,39,.94);
}

.pricing-popular-tag{
    position:absolute;
    top:-11px;
    left:50%;
    transform:translateX(-50%);
    min-height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    color:#eaf7ff;
    border:1px solid rgba(146,211,255,.6);
    background:linear-gradient(135deg, #2f8ef0, #45c0ff);
}

.pricing-plan-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:10px;
}

.pricing-plan-top strong{
    color:#66b9ff;
    font-size:15px;
    font-weight:800;
    letter-spacing:.04em;
}

.pricing-plan-icon{
    width:44px;
    height:44px;
    border-radius:14px;
    border:1px solid rgba(138,180,232,.24);
    background:rgba(255,255,255,.04);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8ec7ff;
    font-size:18px;
}

.pricing-plan-price{
    color:#eff7ff;
    font-size:48px;
    font-weight:900;
    letter-spacing:-.02em;
    line-height:1;
}

.pricing-plan-sub{
    margin:8px 0 12px;
    color:#8da6c1;
    font-size:14px;
}

.pricing-plan-list{
    margin:0 0 12px;
    padding:0;
    list-style:none;
    display:grid;
    gap:7px;
}

.pricing-plan-list li{
    color:#d9e9fb;
    font-size:14px;
    line-height:1.45;
    padding-left:22px;
    position:relative;
}

.pricing-plan-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#6fc3ff;
    font-weight:900;
}

.pricing-plan-btn{
    width:100%;
    min-height:42px;
    border-radius:13px;
    border:1px solid rgba(72,164,255,.6);
    background:linear-gradient(180deg, rgba(16,57,113,.66), rgba(10,39,80,.58));
    color:#6ebdff;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease;
}

.pricing-plan-card.is-popular .pricing-plan-btn{
    color:#ffffff;
    border-color:rgba(122,203,255,.78);
    background:linear-gradient(135deg, #2e8ef0, #42b8ff);
}

.pricing-plan-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 26px rgba(20,100,192,.3);
}

.pricing-showcase-footer{
    margin-top:14px;
    border-radius:20px;
    border:1px solid rgba(131,176,231,.25);
    background:rgba(8,23,44,.74);
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
}

.pricing-footer-item{
    padding:12px 10px;
    border-right:1px solid rgba(125,166,215,.2);
}

.pricing-footer-item:last-child{
    border-right:none;
}

.pricing-footer-item strong{
    display:block;
    color:#ecf6ff;
    font-size:13px;
    margin-bottom:4px;
}

.pricing-footer-item span{
    display:block;
    color:#9eb6ce;
    font-size:11px;
}

.pricing-inline-close{
    position:absolute;
    top:0;
    right:0;
    width:38px;
    height:38px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.06);
    color:#eaf4ff;
    font-size:22px;
    line-height:1;
    cursor:pointer;
}

@media (max-width: 1200px){
    .pricing-showcase-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .pricing-showcase-footer{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .pricing-footer-item:nth-child(2){
        border-right:none;
    }
}

@media (max-width: 700px){
    .pricing-showcase-title{
        margin-top:10px;
    }
    .pricing-showcase-sub{
        font-size:14px;
    }
    .pricing-showcase-meta{
        font-size:13px;
        gap:8px;
    }
    .pricing-showcase-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    .pricing-plan-card{
        padding:15px 14px 14px;
        border-radius:18px;
    }
    .pricing-plan-top strong{
        font-size:14px;
    }
    .pricing-plan-icon{
        width:42px;
        height:42px;
        font-size:18px;
    }
    .pricing-plan-price{
        font-size:42px;
    }
    .pricing-plan-sub{
        font-size:13px;
    }
    .pricing-plan-list li{
        font-size:14px;
    }
    .pricing-plan-btn{
        min-height:42px;
        font-size:14px;
    }
    .pricing-showcase-footer{
        margin-top:14px;
        grid-template-columns:1fr;
    }
    .pricing-footer-item{
        border-right:none;
        border-top:1px solid rgba(125,166,215,.2);
    }
    .pricing-footer-item:first-child{
        border-top:none;
    }
    .pricing-footer-item strong{
        font-size:14px;
    }
    .pricing-footer-item span{
        font-size:12px;
    }
    .pricing-inline-close{
        width:34px;
        height:34px;
        font-size:20px;
    }
}

.site-info-modal.pricing-mode .site-info-kicker,
.site-info-modal.pricing-mode #siteInfoModalTitle{
    display:none;
}

.site-info-modal.pricing-mode .site-info-modal-card{
    width:min(94vw, 1160px);
    max-height:calc(100vh - 48px);
    padding:14px 14px 12px;
    overflow:hidden;
}

.site-info-modal.pricing-mode .site-info-content{
    margin-top:0;
    max-height:none;
    overflow:hidden;
}

@media (max-width: 700px){
    .site-info-modal.pricing-mode{
        padding:8px;
    }
    .site-info-modal.pricing-mode .site-info-modal-card{
        padding:12px 10px 10px;
        border-radius:16px;
        max-height:calc(100vh - 16px);
    }
    .site-info-modal.pricing-mode .site-info-content{
        max-height:none;
        overflow:hidden;
    }

    .pricing-showcase-grid{
        display:flex;
        gap:10px;
        overflow-x:auto;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        padding-bottom:4px;
        -webkit-overflow-scrolling:touch;
    }

    .pricing-showcase-grid::-webkit-scrollbar{
        height:6px;
    }

    .pricing-showcase-grid::-webkit-scrollbar-thumb{
        background:rgba(116,171,232,.45);
        border-radius:999px;
    }

    .pricing-showcase-grid .pricing-plan-card{
        flex:0 0 min(76vw, 270px);
        min-width:min(76vw, 270px);
        scroll-snap-align:start;
    }

    .pricing-showcase-footer{
        grid-template-columns:repeat(2, minmax(0,1fr));
        gap:0;
    }

    .pricing-footer-item{
        border-top:1px solid rgba(125,166,215,.2);
    }

    .pricing-footer-item:nth-child(1),
    .pricing-footer-item:nth-child(2){
        border-top:none;
    }

    .pricing-footer-item:nth-child(2){
        border-right:none;
    }
}

@media (max-height: 820px) and (min-width: 701px){
    .site-info-modal.pricing-mode .site-info-modal-card{
        width:min(94vw, 1080px);
        max-height:calc(100vh - 28px);
        padding:10px 10px 8px;
    }

    .pricing-showcase-title{
        font-size:clamp(34px, 4vw, 52px);
        margin:8px 0 6px;
    }

    .pricing-showcase-sub{
        font-size:14px;
    }

    .pricing-showcase-meta{
        margin:10px 0 12px;
        font-size:13px;
    }

    .pricing-plan-price{
        font-size:40px;
    }
}

.pricing-plan-list li::before{
    content:"\2713" !important;
}

/* Pricing showcase refresh */
.pricing-showcase{
    width:100%;
    text-align:center;
    position:relative;
    margin:0 auto;
}

.pricing-showcase-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 20px;
    border-radius:999px;
    border:1px solid rgba(57,144,255,.66);
    background:linear-gradient(180deg, rgba(11,42,84,.86), rgba(6,22,50,.76));
    color:#2f9bff;
    font-size:15px;
    font-weight:900;
    letter-spacing:.08em;
}

.pricing-showcase-title{
    margin:14px 0 8px;
    color:#f1f7ff;
    font-size:clamp(40px, 4.5vw, 64px);
    line-height:1.02;
    letter-spacing:-.02em;
}

.pricing-showcase-sub{
    margin:0 auto;
    max-width:760px;
    color:#a8bfd8;
    font-size:15px;
    line-height:1.5;
}

.pricing-showcase-meta{
    margin:14px 0 22px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    color:#d7e9fb;
    font-size:14px;
    font-weight:700;
}

.pricing-showcase-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
    text-align:left;
}

.pricing-plan-card{
    position:relative;
    border-radius:22px;
    border:1px solid rgba(114,169,233,.29);
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
        rgba(9,21,39,.94);
    padding:18px 16px 16px;
    box-shadow:0 18px 42px rgba(0,0,0,.34);
    display:flex;
    flex-direction:column;
    min-height:100%;
}

.pricing-plan-card.is-popular{
    border-color:rgba(66,169,255,.86);
    box-shadow:0 20px 46px rgba(17,92,190,.28), inset 0 0 0 1px rgba(66,171,255,.24);
}

.pricing-plan-card.is-premium{
    border-color:rgba(142,111,246,.46);
    background:
        linear-gradient(180deg, rgba(103,69,192,.14), rgba(255,255,255,.01)),
        rgba(11,19,38,.95);
}

.pricing-popular-tag{
    position:absolute;
    top:-11px;
    left:50%;
    transform:translateX(-50%);
    min-height:24px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(145,209,255,.64);
    background:linear-gradient(135deg, #2f8ff2, #45bbff);
    color:#eef8ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

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

.pricing-plan-top strong{
    color:#58b4ff;
    font-size:15px;
    font-weight:900;
    letter-spacing:.03em;
}

.pricing-plan-icon{
    width:50px;
    height:50px;
    border-radius:14px;
    border:1px solid rgba(134,179,233,.3);
    background:rgba(255,255,255,.03);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8ec8ff;
    font-size:20px;
}

.pricing-plan-price{
    color:#edf6ff;
    font-size:56px;
    font-weight:900;
    letter-spacing:-.02em;
    line-height:1;
}

.pricing-plan-sub{
    margin:10px 0 14px;
    color:#8ea8c5;
    font-size:14px;
    line-height:1.3;
}

.pricing-plan-list{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:8px;
    flex:1;
}

.pricing-plan-list li{
    color:#dce9f7;
    font-size:14px;
    line-height:1.3;
    padding-left:20px;
    position:relative;
}

.pricing-plan-list li::before{
    content:"\2713" !important;
    position:absolute;
    left:0;
    top:0;
    color:#6fc3ff;
    font-weight:900;
}

.pricing-plan-btn{
    width:100%;
    min-height:46px;
    border-radius:13px;
    border:1px solid rgba(50,145,247,.85);
    background:linear-gradient(180deg, rgba(13,47,97,.86), rgba(8,34,74,.8));
    color:#5db5ff;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease;
}

.pricing-plan-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 12px 26px rgba(23,108,204,.34);
}

.pricing-plan-card.is-popular .pricing-plan-btn{
    color:#ffffff;
    border-color:rgba(124,205,255,.84);
    background:linear-gradient(135deg, #2f90f3, #46b9ff);
}

.pricing-showcase-footer{
    margin-top:14px;
    border-radius:20px;
    border:1px solid rgba(122,170,230,.25);
    background:rgba(7,22,44,.76);
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    overflow:hidden;
}

.pricing-footer-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 10px;
    border-right:1px solid rgba(122,170,230,.2);
}

.pricing-footer-item:last-child{
    border-right:none;
}

.pricing-footer-icon{
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid rgba(135,180,233,.42);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#c0dfff;
    font-size:14px;
    background:rgba(255,255,255,.03);
    flex:0 0 auto;
}

.pricing-footer-item strong{
    display:block;
    color:#eef7ff;
    font-size:14px;
    line-height:1.2;
}

.pricing-footer-item span{
    display:block;
    color:#9fb6ce;
    font-size:12px;
    line-height:1.2;
}

.site-info-modal.pricing-mode .site-info-kicker,
.site-info-modal.pricing-mode #siteInfoModalTitle{
    display:none;
}

.site-info-modal.pricing-mode .site-info-modal-card{
    width:min(95vw, 1280px);
    max-height:calc(100vh - 30px);
    padding:16px 18px 14px;
    overflow:auto;
}

.site-info-modal.pricing-mode .site-info-content{
    margin-top:0;
    max-height:none;
    overflow:visible;
}

@media (max-width: 1260px){
    .pricing-showcase-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .pricing-plan-price{
        font-size:48px;
    }
    .pricing-plan-sub,
    .pricing-plan-list li{
        font-size:15px;
    }
    .pricing-plan-btn{
        font-size:14px;
    }
    .pricing-showcase-footer{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .pricing-footer-item:nth-child(2){
        border-right:none;
    }
}

@media (max-width: 760px){
    .site-info-modal.pricing-mode{
        padding:10px;
    }

    .site-info-modal.pricing-mode .site-info-modal-card{
        width:min(100vw - 12px, 680px);
        max-height:calc(100vh - 20px);
        padding:12px;
        border-radius:18px;
    }

    .pricing-showcase-badge{
        min-height:32px;
        padding:0 16px;
        font-size:13px;
    }

    .pricing-showcase-title{
        margin:12px 0 8px;
        font-size:clamp(32px, 9.2vw, 40px);
    }

    .pricing-showcase-sub{
        font-size:14px;
    }

    .pricing-showcase-meta{
        margin:12px 0 16px;
        font-size:13px;
        gap:8px;
        flex-wrap:wrap;
    }

    .pricing-showcase-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .pricing-plan-card{
        border-radius:18px;
        padding:14px 13px 12px;
    }

    .pricing-plan-top strong{
        font-size:14px;
    }

    .pricing-plan-icon{
        width:44px;
        height:44px;
        font-size:18px;
    }

    .pricing-plan-price{
        font-size:42px;
    }

    .pricing-plan-sub,
    .pricing-plan-list li{
        font-size:14px;
    }

    .pricing-plan-btn{
        min-height:42px;
        font-size:16px;
    }

    .pricing-showcase-footer{
        grid-template-columns:1fr;
    }

    .pricing-footer-item{
        border-right:none;
        border-top:1px solid rgba(122,170,230,.2);
    }

    .pricing-footer-item:first-child{
        border-top:none;
    }
}

/* Pricing modal redesign */
.site-info-modal.pricing-mode .site-info-kicker,
.site-info-modal.pricing-mode #siteInfoModalTitle{
    display:none;
}

.site-info-modal.pricing-mode .site-info-modal-card{
    width:min(95vw, 1260px);
    max-height:calc(100vh - 36px);
    padding:18px 18px 14px;
    overflow:auto;
}

.site-info-modal.pricing-mode .site-info-content{
    margin-top:0;
    max-height:none;
    overflow:visible;
}

.site-info-modal.pricing-mode .site-info-modal-card::-webkit-scrollbar{
    width:8px;
    height:8px;
}

.site-info-modal.pricing-mode .site-info-modal-card::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:rgba(116,170,231,.35);
}

.pricing-pro{
    width:100%;
    margin:0 auto;
    text-align:center;
}

.pricing-pro-head{
    margin-bottom:22px;
}

.pricing-pro-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 22px;
    border-radius:999px;
    border:1px solid rgba(60,145,255,.68);
    background:linear-gradient(180deg, rgba(9,39,82,.84), rgba(6,24,55,.76));
    color:#3da4ff;
    font-size:14px;
    font-weight:900;
    letter-spacing:.08em;
}

.pricing-pro-title{
    margin:16px 0 10px;
    font-size:clamp(44px, 5.1vw, 70px);
    line-height:1.02;
    letter-spacing:-.02em;
    color:#eef6ff;
}

.pricing-pro-sub{
    margin:0 auto;
    max-width:820px;
    color:#aac0d8;
    font-size:17px;
    line-height:1.5;
}

.pricing-pro-trust{
    margin-top:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d8e9fb;
    font-size:15px;
    font-weight:600;
}

.pricing-pro-sep{
    color:#7c96b3;
}

.pricing-pro-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:16px;
    text-align:left;
}

.pricing-pro-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:100%;
    border-radius:22px;
    border:1px solid rgba(121,173,236,.28);
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
        radial-gradient(circle at top right, rgba(39,104,197,.12), transparent 58%),
        rgba(8,20,38,.95);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 18px 40px rgba(0,0,0,.34);
    padding:18px 16px 16px;
}

.pricing-pro-card.is-popular{
    border-color:rgba(72,171,255,.9);
    box-shadow:
        inset 0 0 0 1px rgba(80,183,255,.22),
        0 22px 46px rgba(16,86,188,.36);
}

.pricing-pro-card.is-accent{
    border-color:rgba(140,111,240,.44);
    background:
        linear-gradient(180deg, rgba(103,69,190,.11), rgba(255,255,255,.01)),
        rgba(11,19,38,.95);
}

.pricing-pro-popular{
    position:absolute;
    top:-12px;
    left:50%;
    transform:translateX(-50%);
    min-height:26px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(144,211,255,.7);
    background:linear-gradient(135deg, #2f93f4, #49c0ff);
    color:#eef9ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.06em;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.pricing-pro-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:12px;
}

.pricing-pro-card-head strong{
    color:#58b3ff;
    font-size:15px;
    line-height:1.2;
    letter-spacing:.04em;
    font-weight:900;
}

.pricing-pro-card-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    border:1px solid rgba(130,177,233,.3);
    background:rgba(255,255,255,.03);
    color:#8bc8ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex:0 0 auto;
}

.pricing-pro-price{
    color:#edf6ff;
    font-size:52px;
    line-height:1;
    letter-spacing:-.02em;
    font-weight:900;
}

.pricing-pro-desc{
    margin:10px 0 14px;
    color:#90a9c6;
    font-size:15px;
    line-height:1.4;
}

.pricing-pro-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:8px;
    flex:1;
}

.pricing-pro-list li{
    position:relative;
    padding-left:20px;
    color:#dce9f8;
    font-size:15px;
    line-height:1.35;
}

.pricing-pro-list li::before{
    content:"\2713";
    position:absolute;
    left:0;
    top:0;
    color:#6fc3ff;
    font-weight:900;
}

.pricing-pro-btn{
    width:100%;
    min-height:46px;
    margin-top:14px;
    border-radius:13px;
    border:1px solid rgba(65,155,250,.84);
    background:linear-gradient(180deg, rgba(12,44,93,.86), rgba(8,35,74,.8));
    color:#60b8ff;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.pricing-pro-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(110,195,255,.96);
    box-shadow:0 12px 24px rgba(27,108,202,.34);
}

.pricing-pro-btn.is-popular-btn{
    color:#ffffff;
    border-color:rgba(130,207,255,.9);
    background:linear-gradient(135deg, #2f92f3, #49c1ff);
    box-shadow:0 12px 24px rgba(28,119,221,.36);
}

.pricing-pro-adv{
    margin-top:16px;
    border-radius:20px;
    border:1px solid rgba(121,169,230,.24);
    background:
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.005)),
        rgba(8,22,42,.8);
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    overflow:hidden;
}

.pricing-pro-adv-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 12px;
    border-right:1px solid rgba(121,169,230,.2);
}

.pricing-pro-adv-item:last-child{
    border-right:none;
}

.pricing-pro-adv-icon{
    width:30px;
    height:30px;
    border-radius:50%;
    border:1px solid rgba(132,179,232,.42);
    background:rgba(255,255,255,.03);
    color:#c3e0ff;
    font-size:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.pricing-pro-adv-item strong{
    display:block;
    color:#edf6ff;
    font-size:14px;
    line-height:1.2;
}

.pricing-pro-adv-item span{
    display:block;
    color:#9db4cd;
    font-size:12px;
    line-height:1.2;
}

@media (max-width: 1260px){
    .pricing-pro-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .pricing-pro-price{
        font-size:46px;
    }
    .pricing-pro-adv{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .pricing-pro-adv-item:nth-child(2){
        border-right:none;
    }
}

@media (max-width: 760px){
    .site-info-modal.pricing-mode{
        padding:10px;
    }

    .site-info-modal.pricing-mode .site-info-modal-card{
        width:min(100vw - 12px, 680px);
        max-height:calc(100vh - 20px);
        padding:12px;
        border-radius:18px;
    }

    .pricing-pro-head{
        margin-bottom:16px;
    }

    .pricing-pro-pill{
        min-height:30px;
        padding:0 16px;
        font-size:12px;
    }

    .pricing-pro-title{
        margin:10px 0 8px;
        font-size:clamp(32px, 9vw, 42px);
    }

    .pricing-pro-sub{
        font-size:14px;
    }

    .pricing-pro-trust{
        margin-top:10px;
        gap:8px;
        font-size:13px;
        flex-wrap:wrap;
    }

    .pricing-pro-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .pricing-pro-card{
        border-radius:18px;
        padding:14px 13px 12px;
    }

    .pricing-pro-card-head strong{
        font-size:14px;
    }

    .pricing-pro-card-icon{
        width:42px;
        height:42px;
        font-size:18px;
    }

    .pricing-pro-price{
        font-size:40px;
    }

    .pricing-pro-desc,
    .pricing-pro-list li{
        font-size:14px;
    }

    .pricing-pro-btn{
        min-height:42px;
        font-size:16px;
    }

    .pricing-pro-adv{
        grid-template-columns:1fr;
    }

    .pricing-pro-adv-item{
        border-right:none;
        border-top:1px solid rgba(121,169,230,.2);
    }

    .pricing-pro-adv-item:first-child{
        border-top:none;
    }
}

/* Pricing clean */
.site-info-modal.pricing-mode .site-info-kicker,
.site-info-modal.pricing-mode #siteInfoModalTitle{
    display:none;
}

.site-info-modal.pricing-mode .site-info-modal-card{
    width:min(95vw, 1160px);
    max-height:calc(100vh - 36px);
    padding:18px 18px 14px;
    overflow:auto;
}

.site-info-modal.pricing-mode .site-info-content{
    margin-top:0;
    max-height:none;
    overflow:visible;
}

.pricing-clean{
    width:100%;
    text-align:center;
}

.pricing-clean-head{
    margin-bottom:18px;
}

.pricing-clean-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(74,161,255,.7);
    background:linear-gradient(180deg, rgba(12,42,88,.8), rgba(8,28,62,.76));
    color:#4db0ff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
}

.pricing-clean-title{
    margin:14px 0 8px;
    font-size:clamp(24px, 2.9vw, 34px);
    line-height:1.04;
    letter-spacing:-.02em;
    color:#eef6ff;
}

.pricing-clean-sub{
    margin:0 auto;
    width:100%;
    display:block;
    color:#a9bfd6;
    font-size:14px;
    line-height:1.5;
    text-align:center;
}

.pricing-clean-trust{
    margin-top:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d5e6f8;
    font-size:14px;
    font-weight:600;
}

.pricing-clean-inline-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    margin-right:6px;
    border-radius:6px;
    border:1px solid rgba(108,185,255,.6);
    color:#a6dcff;
    font-style:normal;
    font-size:0;
    line-height:1;
    background:linear-gradient(180deg, rgba(22,61,117,.44), rgba(11,35,74,.34));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.pricing-clean-inline-icon svg{
    width:11px;
    height:11px;
    stroke:#9ad8ff;
    stroke-width:2;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pricing-clean-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:14px;
    text-align:left;
}

.pricing-clean-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:100%;
    border-radius:20px;
    border:1px solid rgba(122,171,232,.3);
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
        rgba(8,20,38,.94);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 14px 32px rgba(0,0,0,.34);
    padding:16px 14px 14px;
}

.pricing-clean-plan-row{
    display:flex;
    align-items:center;
    gap:8px;
}

.pricing-clean-plan-icon{
    width:22px;
    height:22px;
    border-radius:8px;
    border:1px solid rgba(112,180,242,.35);
    background:rgba(255,255,255,.02);
    color:#7ec8ff;
    font-size:12px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

.pricing-clean-plan-icon svg{
    width:13px;
    height:13px;
    stroke:#86ccff;
    stroke-width:1.9;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pricing-clean-card.is-popular{
    border-color:rgba(74,172,255,.88);
    box-shadow:
        inset 0 0 0 1px rgba(76,178,255,.24),
        0 18px 40px rgba(16,89,190,.34);
}

.pricing-clean-card.is-violet{
    border-color:rgba(143,111,241,.4);
}

.pricing-clean-popular{
    position:absolute;
    top:-11px;
    left:50%;
    transform:translateX(-50%);
    min-height:24px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(148,213,255,.72);
    background:linear-gradient(135deg, #2f92f3, #48bfff);
    color:#eefaff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.05em;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.pricing-clean-plan{
    color:#57b2ff;
    font-size:15px;
    letter-spacing:.04em;
    font-weight:800;
    text-transform:uppercase;
}

.pricing-clean-price{
    margin-top:8px;
    color:#eef6ff;
    font-size:30px;
    line-height:1;
    font-weight:900;
    letter-spacing:-.02em;
}

.pricing-clean-desc{
    margin:20px 0 12px;
    color:#90a8c4;
    font-size:14px;
    line-height:1.4;
}

.pricing-clean-list{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:7px;
    flex:1;
}

.pricing-clean-list li:not(.pricing-clean-modern-line){
    display:none;
}

.pricing-clean-list li{
    position:relative;
    padding-left:18px;
    color:#dbe8f7;
    font-size:14px;
    line-height:1.35;
}

.pricing-clean-list li::before{
    content:"\2713";
    position:absolute;
    left:0;
    top:0;
    color:#6fc3ff;
    font-weight:900;
}

.pricing-clean-btn{
    width:100%;
    min-height:42px;
    margin-top:12px;
    border-radius:12px;
    border:1px solid rgba(65,155,249,.86);
    background:linear-gradient(180deg, rgba(11,43,90,.86), rgba(8,34,73,.82));
    color:#62b8ff;
    font-size:15px;
    font-weight:800;
    cursor:pointer;
    transition:transform .16s ease, box-shadow .16s ease;
}

.pricing-clean-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(24,102,197,.34);
}

.pricing-clean-btn.is-fill{
    color:#fff;
    border-color:rgba(130,206,255,.92);
    background:linear-gradient(135deg, #2f91f3, #48beff);
}

.pricing-clean-footer{
    margin-top:16px;
    border-radius:18px;
    border:1px solid rgba(121,169,230,.24);
    background:rgba(8,22,42,.78);
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    overflow:hidden;
}

.pricing-clean-foot-item{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:8px;
    text-align:center;
    padding:12px 10px;
    border-right:1px solid rgba(121,169,230,.2);
}

.pricing-clean-foot-item > div{
    display:grid;
    gap:3px;
    justify-items:center;
}

.pricing-clean-foot-item:last-child{
    border-right:none;
}

.pricing-clean-foot-icon{
    width:28px;
    height:28px;
    border-radius:9px;
    border:1px solid rgba(126,183,240,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#b1e4ff;
    font-style:normal;
    font-size:0;
    line-height:1;
    flex:0 0 auto;
    background:linear-gradient(180deg, rgba(24,68,130,.46), rgba(10,34,72,.36));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 16px rgba(7,24,52,.25);
}

.pricing-clean-foot-icon svg{
    width:15px;
    height:15px;
    stroke:#b4e6ff;
    stroke-width:2;
    fill:none;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.pricing-clean-foot-item strong{
    display:block;
    color:#edf6ff;
    font-size:13px;
    line-height:1.25;
    max-width:170px;
    margin:0 auto;
}

.pricing-clean-foot-item span{
    display:block;
    margin-top:3px;
    color:#9db4cd;
    font-size:12px;
    line-height:1.2;
    max-width:170px;
    margin-left:auto;
    margin-right:auto;
}

@media (max-width: 1160px){
    .pricing-clean-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .pricing-clean-footer{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
    .pricing-clean-foot-item:nth-child(2){
        border-right:none;
    }
}

@media (max-width: 760px){
    .site-info-modal.pricing-mode{
        padding:10px;
    }

    .site-info-modal.pricing-mode .site-info-modal-card{
        width:min(100vw - 12px, 680px);
        max-height:calc(100vh - 20px);
        padding:12px;
        border-radius:16px;
    }

    .pricing-clean-title{
        font-size:clamp(21px, 6.6vw, 27px);
    }

    .pricing-clean-sub{
        font-size:14px;
    }

    .pricing-clean-trust{
        font-size:13px;
        gap:8px;
        flex-wrap:wrap;
    }

    .pricing-clean-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .pricing-clean-price{
        font-size:30px;
    }

    .pricing-clean-desc,
    .pricing-clean-list li{
        font-size:14px;
    }

    .pricing-clean-footer{
        grid-template-columns:1fr;
    }

    .pricing-clean-foot-item{
        border-right:none;
        border-top:1px solid rgba(121,169,230,.2);
    }

    .pricing-clean-foot-item:first-child{
        border-top:none;
    }
}

/* Contact modal final overrides */
.site-info-modal.contact-mode .site-info-kicker,
.site-info-modal.contact-mode #siteInfoModalTitle{
    display:none;
}

.site-info-modal.contact-mode{
    align-items:flex-start;
    height:100dvh;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
}

.site-info-modal.contact-mode .site-info-modal-card{
    margin:calc(14px + env(safe-area-inset-top, 0px)) auto 14px;
    max-height:calc(100dvh - 28px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}

.site-info-modal.contact-mode .site-info-close{
    z-index:120;
    background:rgba(8,19,34,.92);
    border-color:rgba(145,205,255,.38);
    box-shadow:0 12px 24px rgba(0,0,0,.34);
}

.site-contact-modern-points li span{
    background:linear-gradient(180deg, rgba(34,90,153,.32), rgba(11,30,56,.34));
}

.site-contact-modern-points{
    gap:12px;
}

.site-contact-modern-points li{
    gap:12px;
    font-size:15px;
    line-height:1.45;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid rgba(116,187,255,.2);
    background:linear-gradient(180deg, rgba(22,47,82,.36), rgba(11,28,49,.38));
}

.site-contact-modern-points li span{
    width:38px;
    height:38px;
    border-radius:12px;
}

.site-contact-modern-points li span svg{
    width:18px;
    height:18px;
    display:block;
    fill:none;
    stroke:#7fd0ff;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.site-contact-modern-select{
    appearance:none;
    -webkit-appearance:none;
    color-scheme:dark;
    background-image:
        linear-gradient(45deg, transparent 50%, #7ec7ff 50%),
        linear-gradient(135deg, #7ec7ff 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
    background-size:6px 6px, 6px 6px;
    background-repeat:no-repeat;
    padding-right:34px;
}

.site-contact-modern-select option{
    background:#0d213a;
    color:#eaf4ff;
}

@media (max-width: 980px){
    .site-info-modal.contact-mode{
        padding:12px;
    }

    .site-info-modal.contact-mode .site-info-modal-card{
        width:min(96vw, 760px);
        margin:calc(12px + env(safe-area-inset-top, 0px)) auto calc(12px + env(safe-area-inset-bottom, 0px));
        max-height:calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
        overflow-y:auto;
    }

    .site-contact-modern-points li{
        font-size:14.5px;
    }

    .site-contact-modern-points li span{
        width:36px;
        height:36px;
    }
}

@media (max-width: 560px){
    .site-info-modal.contact-mode{
        padding:10px;
    }

    .site-info-modal.contact-mode .site-info-modal-card{
        width:min(100vw - 8px, 520px);
        margin:calc(10px + env(safe-area-inset-top, 0px)) auto calc(10px + env(safe-area-inset-bottom, 0px));
        max-height:calc(100dvh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
        overflow-y:auto;
    }

    .site-contact-modern-points li{
        font-size:13.5px;
        padding:9px 10px;
    }

    .site-contact-modern-points li span{
        width:34px;
        height:34px;
    }
}