/* BAS jaunais tumšais stils */
html:root:root:root,html:root[data-theme]:root[data-theme]{
 --bg:hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5%);--panel:hsl(calc(var(--h) + 2) calc(var(--s) * 53.3%) 11.8%);--card:hsl(calc(var(--h) + 2) calc(var(--s) * 53.3%) 11.8%);--fg:hsl(calc(var(--h) + 2) calc(var(--sa) * 61.9%) 95.9%);--mute:hsl(var(--h) calc(var(--s) * 25.3%) 64.3%);--line:hsl(calc(var(--h) + 3) calc(var(--s) * 47.7%) 21.8%);
 --accent:hsl(var(--h) calc(var(--sa) * 100.0%) 59.2%);--acc:hsl(calc(var(--h) + -4) calc(var(--sa) * 100.0%) 67.6%);--accent-d:hsl(calc(var(--h) + -4) calc(var(--sa) * 100.0%) 77.5%);--on-accent:#fff;--soft:hsl(calc(var(--h) + 2) calc(var(--s) * 52.5%) 15.7%);--dis:hsl(var(--h) calc(var(--s) * 20.0%) 45.1%);
 --ok:#4cd08a;--ok-bg:#10301f;--bad:#ff7a6b;--bad-bg:#3a1f1c;--hazard:#f5b93a;--r:16px;color-scheme:dark}
html{background:hsl(calc(var(--h) + 5) calc(var(--s) * 64.3%) 5.5%)}
html body{min-height:100vh;background:radial-gradient(1100px 520px at 85% -10%,hsl(calc(var(--h) + 1) calc(var(--s) * 68.1%) 22.2% / 0.33),transparent 60%),linear-gradient(hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5%),hsl(calc(var(--h) + 5) calc(var(--s) * 64.3%) 5.5%));background-repeat:no-repeat;background-attachment:fixed;color:var(--fg)}
.stripe{display:none!important}
/* kartītes */
.c,.p,.res,.kpi,.b,.card,.pop,section.p,.cars>div,.lst{border-radius:var(--r)}
.c,.p,section.p{background:var(--panel);border:1px solid var(--line);box-shadow:0 8px 24px #0006}
/* ievades lauki */
input,select,textarea{background:hsl(calc(var(--h) + 3) calc(var(--s) * 60.0%) 9.8%)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--fg)!important}
input:focus,select:focus,textarea:focus{outline:2px solid hsl(var(--h) calc(var(--sa) * 100.0%) 59.2% / 0.53);outline-offset:0;border-color:hsl(var(--h) calc(var(--sa) * 100.0%) 59.2%)!important}
/* pogas */
button,.btn{border-radius:12px}
button:not(.g):not(.no):not(.ok):not(.lk):not(.sec):not(.bad):not(.tab):not([data-t]),.btn:not(.sec):not(.bad){background:linear-gradient(180deg,hsl(var(--h) calc(var(--sa) * 100.0%) 59.2%),hsl(calc(var(--h) + 3) calc(var(--sa) * 77.1%) 46.3%));color:#fff;border:0;box-shadow:0 6px 16px hsl(calc(var(--h) + 3) calc(var(--sa) * 77.1%) 46.3% / 0.33)}
button.g,.btn.sec{background:hsl(calc(var(--h) + 2) calc(var(--s) * 57.7%) 13.9%);color:var(--acc);border:1px solid var(--line)}
button.ok{background:linear-gradient(180deg,#34c27c,#1f9a5c);color:#fff}
button.no,.btn.bad{background:linear-gradient(180deg,#e5604f,#b83a2c);color:#fff}
.tag{border-radius:999px}
.top h1,h1{letter-spacing:.2px}
/* ===== MANA GARĀŽA lietotnes čaula ===== */
body.app{padding-bottom:96px}
.app .w{max-width:560px;padding:12px 16px}
.app .hdr{display:flex;align-items:center;gap:12px;margin:2px 0 14px}
.app .hdr img{width:46px;height:46px;border-radius:12px}
.app .hdr h1{margin:0;flex:1;font-size:22px;color:var(--fg)}
.app .ib{width:42px;height:42px;padding:0;border-radius:50%!important;background:transparent!important;border:1.5px solid var(--line)!important;box-shadow:none!important;color:var(--fg)!important;display:grid;place-items:center;position:relative}
.app .ib svg{width:22px;height:22px}
.app .ib i{position:absolute;top:-2px;right:-2px;background:#ff4d4d;color:#fff;font:700 11px/1 system-ui;border-radius:99px;min-width:17px;padding:3px 4px;text-align:center;font-style:normal}
.app .nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,hsl(calc(var(--h) + 5) calc(var(--s) * 64.3%) 5.5%) 40%)}
.app .nav>div{display:flex;gap:2px;width:100%;max-width:540px;background:hsl(calc(var(--h) + 6) calc(var(--s) * 62.7%) 11.6% / 0.95);border:1px solid var(--line);border-radius:22px;padding:6px;backdrop-filter:blur(8px)}
.app .nav a,.app .nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:16px;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--mute)!important;font:600 12px/1.1 system-ui;text-decoration:none;cursor:pointer}
.app .nav svg{width:24px;height:24px}
.app .nav .on{background:linear-gradient(180deg,hsl(var(--h) calc(var(--s) * 72.8%) 28.8%),hsl(calc(var(--h) + 1) calc(var(--s) * 72.7%) 21.6%))!important;color:hsl(calc(var(--h) + -4) calc(var(--sa) * 100.0%) 67.6%)!important;box-shadow:0 0 18px hsl(var(--h) calc(var(--sa) * 100.0%) 59.2% / 0.33)!important}
.app .ug{display:flex;gap:14px;align-items:center;margin:0 0 14px}
.app .av{width:56px;height:56px;border-radius:50%;background:hsl(calc(var(--h) + 3) calc(var(--s) * 51.8%) 16.3%);border:1.5px solid var(--line);display:grid;place-items:center;color:var(--acc);flex:none}
.app .av svg{width:30px;height:30px}
.app .ug b{font-size:19px;display:block}.ug small{color:var(--mute)}
.app .big{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px!important;border-radius:16px!important;font-size:17px!important;margin-bottom:10px}
.app .big svg{width:28px;height:28px;flex:none}.big span{flex:1}
.app .q2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.app .q2 a{text-decoration:none}
.app .qb{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--fg);font-weight:600;font-size:15px;line-height:1.2;height:100%}
.app .qb svg{width:30px;height:30px;color:var(--acc);flex:none}
.app .sh{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px}
.app .sh h2{margin:0;font-size:20px}.sh a,.sh button{color:var(--acc);font-weight:700;background:none!important;border:0!important;box-shadow:none!important;padding:4px 0;text-decoration:none}
.app .cc{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:12px}
.app .cc .tp{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.app .cc .ci{width:64px;height:44px;border-radius:10px;background:hsl(calc(var(--h) + 3) calc(var(--s) * 60.0%) 9.8%);display:grid;place-items:center;color:var(--acc);flex:none}
.app .cc .ci svg{width:34px;height:34px}
.app .cc .tp b{font-size:18px;display:block}.cc .tp small{color:var(--mute)}
.app .dt{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid hsl(calc(var(--h) + 3) calc(var(--s) * 54.2%) 18.8%)}
.app .act{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px 0 14px}
.app .act button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px!important;background:var(--panel)!important;color:var(--fg)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:16px!important;font-size:14px}
.app .act svg{width:28px;height:28px;color:var(--acc)}
.app .chips{display:flex;gap:8px;margin:0 0 12px;overflow-x:auto}
.app .chips button{white-space:nowrap;border-radius:999px!important;padding:9px 16px!important}
.app .chips button:not(.on){background:hsl(calc(var(--h) + 2) calc(var(--s) * 57.7%) 13.9%)!important;color:var(--fg)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.app .it{display:flex;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:10px;color:var(--fg);text-decoration:none}
.app .it .ic{width:44px;height:44px;border-radius:12px;background:hsl(calc(var(--h) + 3) calc(var(--s) * 54.2%) 18.8%);display:grid;place-items:center;color:var(--acc);flex:none}
.app .it .ic svg{width:24px;height:24px}
.app .it .tx{flex:1;min-width:0}.it .tx b{display:block;font-size:17px}.it .tx small{display:block;color:var(--mute);margin-top:2px}
.app .it>svg{width:18px;height:18px;color:var(--mute);flex:none}
.app .pill{display:inline-block;margin-top:8px;padding:5px 12px;border-radius:999px;font-weight:700;font-size:14px;background:hsl(calc(var(--h) + -6) calc(var(--s) * 62.9%) 19.0%);color:hsl(calc(var(--h) + -4) calc(var(--sa) * 100.0%) 67.6%)}
.app .pill.ok{background:#10351f;color:#4cd08a}.pill.wait{background:#3a2e0e;color:#f5b93a}.pill.no{background:#3a1f1c;color:#ff8f85}
.app .yr{font-size:26px;font-weight:800;margin:16px 0 8px}
.app .mi{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px;width:100%;text-align:left;color:var(--fg)}
.app .mi .ic{width:44px;height:44px;border-radius:12px;background:hsl(calc(var(--h) + 3) calc(var(--s) * 54.2%) 18.8%);display:grid;place-items:center;color:var(--acc);flex:none}
.app .mi .ic svg{width:24px;height:24px}
.app .mi b{display:block;font-size:17px}.mi small{color:var(--mute)}
.app .out{width:100%;margin-top:6px;background:#2a1213!important;color:#ff7a6b!important;border:1.5px solid #8a2f2a!important;box-shadow:none!important;padding:14px!important;border-radius:14px!important}
html:root .brand b{color:#fff!important}html:root .brand span{color:hsl(var(--h) calc(var(--s) * 25.3%) 64.3%)!important}
.app .hd{display:none}
.app .al{background:hsl(calc(var(--h) + 3) calc(var(--s) * 47.0%) 16.3%)!important;color:var(--fg)!important;border:1px solid var(--line)!important;border-radius:14px!important}
.app .al.d{background:#2a1517!important;border-color:#8a2f2a!important}.al.w{background:#2e2610!important;border-color:#6b5514!important}
.app .res,.app .res.y,.app .res.n{border-radius:14px}
.app .dr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid hsl(calc(var(--h) + 3) calc(var(--s) * 54.2%) 18.8%);font-size:16px}
.app .dr span:first-child{display:flex;align-items:center;gap:10px}
.app .dr svg{width:20px;height:20px;color:var(--mute);flex:none}
.app .cc .mt{color:var(--mute);font-size:13px;margin:8px 0 4px}
.app .mr{display:flex;align-items:center;gap:8px;color:var(--mute);margin-top:6px;font-size:15px}
.app .mr svg{width:17px;height:17px;flex:none}
.app .pill svg{width:16px;height:16px;vertical-align:-3px;margin-right:6px}
.app .it.bk .tx small{display:block}
.app .cc .ci{width:72px;height:50px}
details.acc{border:1px solid var(--line);border-radius:14px;margin:8px 0;background:hsl(calc(var(--h) + 3) calc(var(--s) * 60.0%) 9.8%);overflow:hidden}
details.acc>summary{display:flex;align-items:center;gap:10px;padding:13px 14px;cursor:pointer;font-weight:700;list-style:none;font-size:16px;color:var(--fg)}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary span{flex:1}
details.acc>summary i{font-style:normal;font-size:13px;color:var(--mute);background:hsl(calc(var(--h) + 2) calc(var(--s) * 52.5%) 15.7%);border-radius:99px;padding:2px 9px}
details.acc>summary::after{content:'›';font-size:22px;color:var(--mute);transition:transform .2s;line-height:1}
details.acc[open]>summary::after{transform:rotate(90deg)}
details.acc>.accb{padding:0 12px 12px}

/* ===== SĀKUMLAPA (index) ===== */
.home{max-width:1180px!important;padding:0 18px 90px!important}
.home .hm{margin:0 -18px}
.home .tn{display:flex;align-items:center;gap:18px;padding:12px 24px;border-bottom:1px solid var(--line);background:hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5% / 0.80);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}
.home .tb{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.home .tb img{width:46px;height:46px;border-radius:12px}
.home .tb b{display:block;font:800 22px/1 var(--f-disp);letter-spacing:.04em}
.home .tb small{display:block;font-size:13px;color:var(--mute)}
.home .tl{display:flex;gap:6px;margin:0 auto}
.home .tl a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;border-radius:14px;color:var(--mute);text-decoration:none;font:600 14px/1.1 var(--f-body)}
.home .tl a svg{width:26px;height:26px}
.home .tl a.on{background:linear-gradient(180deg,hsl(var(--h) calc(var(--s) * 72.8%) 28.8%),hsl(calc(var(--h) + 1) calc(var(--s) * 72.7%) 21.6%));color:hsl(calc(var(--h) + -4) calc(var(--sa) * 100.0%) 67.6%);box-shadow:0 0 18px hsl(var(--h) calc(var(--sa) * 100.0%) 59.2% / 0.27)}
.home .tr{display:flex;align-items:center;gap:12px}
.home .tr .lang{margin:0}
.home .svl2{color:var(--acc);font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap}
.home .lgn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1.5px solid var(--line);border-radius:12px;color:#fff;text-decoration:none;font-weight:700;background:hsl(calc(var(--h) + 2) calc(var(--s) * 57.7%) 13.9%)}
.home .lgn svg{width:20px;height:20px;color:var(--acc)}
.home .svg3{display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;background:hsl(calc(var(--h) + 2) calc(var(--s) * 57.7%) 13.9%);color:var(--acc);text-decoration:none}.home .svg3 svg{width:40px;height:28px}
.home .hero{position:relative;padding:44px 24px 34px;min-height:380px;background:linear-gradient(90deg,hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5%) 34%,hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5% / 0.00) 70%),url(hero.jpg) right center/auto 100% no-repeat,hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5%);overflow:hidden}
.home .ht{max-width:560px}
.home .hero h1{margin:0 0 14px;font:800 italic 64px/1.02 var(--f-body);color:#fff;letter-spacing:-.5px;text-transform:none}
.home .hero h1 i{display:block;font-style:italic}
.home .hero h1 em{display:block;font-style:italic;color:hsl(calc(var(--h) + -10) calc(var(--sa) * 100.0%) 56.1%)}
.home .hero p{font-size:21px;line-height:1.35;margin:0 0 22px;color:hsl(var(--h) calc(var(--sa) * 68.0%) 95.1%);max-width:480px}
.home .hc{display:flex;gap:10px;flex-wrap:wrap}
.home .hc span{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:hsl(calc(var(--h) + 6) calc(var(--s) * 62.7%) 11.6% / 0.80);font-weight:600}
.home .hc svg{width:24px;height:24px;color:hsl(calc(var(--h) + -6) calc(var(--sa) * 100.0%) 59.2%);flex:none}
.home .demo{margin:12px 18px}
/* meklēšanas karte */
.home .step{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px 20px;margin:14px 0}
.home .step h2{font:700 19px/1.2 var(--f-body);text-transform:none;letter-spacing:0;color:#fff;margin:0 0 10px}
.home .tabs{display:flex;gap:8px;background:hsl(calc(var(--h) + 6) calc(var(--s) * 62.7%) 11.6%);border:1px solid var(--line);border-radius:20px;padding:8px;margin:14px 0}
.home .tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 10px;border-radius:14px;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--fg)!important;font:700 17px/1 var(--f-body);text-transform:none;letter-spacing:0}
.home .tabs .tab svg{width:24px;height:24px;flex:none}
.home .tabs .tab[aria-selected="true"]{background:linear-gradient(180deg,hsl(var(--h) calc(var(--sa) * 100.0%) 59.2%),hsl(calc(var(--h) + 3) calc(var(--sa) * 77.1%) 46.3%))!important;box-shadow:0 0 22px hsl(var(--h) calc(var(--sa) * 100.0%) 59.2% / 0.33)!important;color:#fff!important}
/* populārie */
.home .pop{margin:0 0 18px}
.home .ph2 h2{margin:0 0 12px!important}
.home .pg{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}
.home .pt{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 6px!important;background:var(--panel)!important;color:#fff!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:16px!important;font:600 14px/1.15 var(--f-body)!important;text-transform:none!important;letter-spacing:0!important;text-align:center;min-height:104px}
.home .pt svg{width:34px;height:34px;color:hsl(calc(var(--h) + -5) calc(var(--sa) * 100.0%) 64.5%)}
.home .pt:hover{border-color:hsl(var(--h) calc(var(--sa) * 100.0%) 59.2%)!important;background:hsl(var(--h) calc(var(--s) * 63.0%) 15.9%)!important}
/* kā tas darbojas */
.home .ha{display:none!important}.home .how{margin:22px 0}
.home .how h2{font:800 24px/1.1 var(--f-body);text-transform:none;letter-spacing:0;color:#fff;margin:0 0 14px}
.home .hw{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
.home .hs{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px 12px 46px;display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:center}
.home .hs i{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:hsl(var(--h) calc(var(--sa) * 100.0%) 59.2%);color:#fff;font:700 13px/24px var(--f-body);text-align:center;font-style:normal}
.home .hs svg{grid-row:1/3;width:26px;height:26px;color:hsl(calc(var(--h) + -5) calc(var(--sa) * 100.0%) 64.5%)}
.home .hs b{font-size:16px;color:#fff}.home .hs small{color:var(--mute);font-size:13px;line-height:1.3}
.home .ha{display:grid;place-items:center;color:hsl(calc(var(--h) + -5) calc(var(--sa) * 100.0%) 64.5%)}.home .ha svg{width:22px;height:22px}
.home .gc{display:flex;align-items:center;min-height:200px;border-radius:20px;border:1px solid var(--line);padding:22px;text-decoration:none;color:#fff;background:linear-gradient(90deg,hsl(calc(var(--h) + 2) calc(var(--s) * 53.3%) 11.8%) 40%,hsl(calc(var(--h) + 2) calc(var(--s) * 53.3%) 11.8% / 0.00) 85%),url(garage.jpg) right center/cover no-repeat,hsl(calc(var(--h) + 2) calc(var(--s) * 53.3%) 11.8%)}
.home .gc h3{margin:0 0 8px;font:800 26px/1.1 var(--f-body);text-transform:none;letter-spacing:0}
.home .gc p{margin:0 0 16px;max-width:300px;color:hsl(calc(var(--h) + 1) calc(var(--sa) * 60.0%) 91.2%)}
.home .gb2{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:12px;background:linear-gradient(180deg,hsl(var(--h) calc(var(--sa) * 100.0%) 59.2%),hsl(calc(var(--h) + 3) calc(var(--sa) * 77.1%) 46.3%));font-weight:700;box-shadow:0 6px 16px hsl(calc(var(--h) + 3) calc(var(--sa) * 77.1%) 46.3% / 0.33)}
.home .gb2 svg{width:20px;height:20px}
.home .strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--panel);border:1px solid var(--line);border-radius:20px;margin:22px 0;padding:18px 8px}
.home .strip>div{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center;padding:4px 18px;border-left:1px solid var(--line)}
.home .strip>div:first-child{border-left:0}
.home .strip svg{grid-row:1/3;width:40px;height:40px;color:hsl(calc(var(--h) + -5) calc(var(--sa) * 100.0%) 64.5%)}
.home .strip b{color:#fff;font-size:17px;align-self:end}.home .strip small{color:var(--mute);align-self:start}
.bn{display:none}
@media (max-width:860px){
 .home{padding:0 14px 96px!important}.home .hm{margin:0 -14px}
 .home .tl,.home .svl2,.home .tb small{display:none}
 .home .lang button{padding:6px 8px!important;font-size:12px!important;min-width:0}.home .lang{gap:4px!important;flex-wrap:nowrap}.home .lgn span{display:none}.home .lgn{padding:9px 10px}.home .tb b{font-size:19px}.home .tb img{width:38px;height:38px}
 .home .tn{padding:10px 14px;justify-content:space-between}.home .tr{gap:6px}.home .tb span{display:none}.home .svg3{padding:6px 8px}.home .svg3 svg{width:32px;height:22px}.home .lgn{padding:9px 12px}
 .home .hero{padding:24px 16px 24px;min-height:0;background:linear-gradient(90deg,hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5%) 38%,hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5% / 0.00) 85%),url(hero.jpg) right top/auto 100% no-repeat,hsl(calc(var(--h) + 2) calc(var(--s) * 63.2%) 7.5%)}
 .home .hero h1{font-size:40px}.home .hero p{font-size:17px;max-width:62%}
 .home .hc{gap:6px}.home .hc span{padding:8px 10px;font-size:13px;gap:6px}.home .hc svg{width:18px;height:18px}
 .home .tabs .tab{flex-direction:column;gap:6px;padding:10px 4px;font-size:13px}
 .home .pg{grid-template-columns:repeat(3,1fr)}
 .home .hw{grid-template-columns:1fr}.home .ha{display:none}
 .home .strip{grid-template-columns:1fr;row-gap:0;padding:6px 0}.home .strip>div{border-left:0;border-top:1px solid var(--line);padding:12px 22px;grid-template-columns:36px 1fr}.home .strip>div:first-child{border-top:0}.home .strip svg{width:30px;height:30px}.home .hw{grid-template-columns:1fr}
 .bn{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;justify-content:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,hsl(calc(var(--h) + 5) calc(var(--s) * 64.3%) 5.5%) 40%)}
 .bn{gap:6px}
 .bn a{flex:1;max-width:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border-radius:16px;color:var(--mute);text-decoration:none;font:600 12px/1.1 var(--f-body);background:hsl(calc(var(--h) + 6) calc(var(--s) * 62.7%) 11.6% / 0.95)}
 .bn svg{width:24px;height:24px}.bn a.on{background:linear-gradient(180deg,hsl(var(--h) calc(var(--s) * 72.8%) 28.8%),hsl(calc(var(--h) + 1) calc(var(--s) * 72.7%) 21.6%));color:hsl(calc(var(--h) + -4) calc(var(--sa) * 100.0%) 67.6%);box-shadow:0 0 18px hsl(var(--h) calc(var(--sa) * 100.0%) 59.2% / 0.33)}
}

/* PC: platāks izkārtojums garāžai */
@media (min-width:1000px){.app .w{max-width:880px}.app .nav>div{max-width:640px}}

/* tēmas: --h nokrāsa, --s virsmu piesātinājums, --sa akcentu piesātinājums */
html{--h:215;--s:1;--sa:1}
html[data-bt="teal"]{--h:178;--s:1;--sa:.95}
html[data-bt="grey"]{--h:215;--s:.12;--sa:.3}