/* LevelCar report v10 — шар поверх v9 (.lr): світлий звіт, графітовий лише офер. Застосунок (.lr.app) не змінюється. */
@property --rp{syntax:'<percentage>';inherits:false;initial-value:0%}
.lr:not(.app){--ink:#14171C;--mu:#6B7380;--li:#E3E8EF;--tile:#E3E8EF;--bg:#F5F7FA;--b:#8FB4EC;--bs:#2E82E6;--bt:#1F6FD6;--bb:#EAF2FD;
--ok:#13879A;--okb:#EDF8FA;--okl:#CBECF1;--sand:#1F6FD6;--sandb:#EAF2FD;--sandl:#C9DCF6;--sandf:#8FB4EC;
--coral:#E5484D;--coralb:#FDECEC;--coralf:#F7CFD1;--coralm:#F08A8D;--teal:#2FC2D6;--violet:#8FB4EC;--mint:#9BE0EA;--rose:#D3DBE6;
--k:#14171C;--k2:#454B55;--k3:#737A84;--ln:#E3E8EF;--ln2:#CBD4DF;--blue:#1F6FD6;--blued:#1858B0;--cyan:#2FC2D6;--red:#E5484D;
--grad:linear-gradient(90deg,#2E82E6,#2FC2D6);--fh:Onest,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--e:cubic-bezier(.2,.8,.2,1);
max-width:1180px;padding:8px 0 110px;font-size:14.5px;color:var(--k)}
.lc-rep-body .lr:not(.app){max-width:none;padding-bottom:0}
.lr:not(.app) a{color:var(--blue)}
.lr:not(.app) .lr-crumb{font-size:13px;color:var(--k3);margin:0 0 14px}
.lr:not(.app) .lr-crumb a{color:var(--k3)}.lr:not(.app) .lr-crumb a:hover{color:var(--blue)}

/* ── меню розділів: липке скло, активний пункт світло-синій, смуга прогресу читання ── */
.lr:not(.app) .lr-nav{gap:2px;padding:6px;margin:0 0 28px;border:1px solid var(--ln);border-radius:16px;box-shadow:0 18px 40px -30px rgba(20,23,28,.45);
  background:linear-gradient(90deg,#2E82E6,#2FC2D6) 0 100%/var(--rp) 3px no-repeat,rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
@supports (animation-timeline:scroll()){.lr:not(.app) .lr-nav{animation:lr-rp linear both;animation-timeline:scroll(root)}}
@keyframes lr-rp{from{--rp:0%}to{--rp:100%}}
.lr:not(.app) .lr-nav a{gap:7px;padding:9px 13px;border-radius:11px;font-size:13px;font-weight:700;color:var(--k3);transition:background .2s,color .2s,box-shadow .2s}
.lr:not(.app) .lr-nav a span{font-size:11px;font-weight:800;color:#A9B1BC}
.lr:not(.app) .lr-nav a:hover{background:#EEF2F7;color:var(--k)}
.lr:not(.app) .lr-nav a.on{background:#EAF2FD;color:var(--blue);box-shadow:inset 0 0 0 1px #C9DCF6}
.lr:not(.app) .lr-nav a.on span{color:#6EA2E8}
.lr:not(.app) .lr-nav i{background:var(--ln)}

/* ── глави ── */
.lr:not(.app) .lr-chap{gap:16px;margin:104px 0 28px}
.lr:not(.app) .lr-chap .n{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:36px;padding:0 8px;border-radius:10px;background:#EAF2FD;color:var(--blue);font:800 15px/1 var(--fh);letter-spacing:0}
.lr:not(.app) .lr-chap h2{font-family:var(--fh);font-size:clamp(30px,3.4vw,48px);font-weight:800;line-height:1.04;letter-spacing:-.04em;text-transform:none;color:var(--k)}
.lr:not(.app) .lr-chap:after{height:1px;background:linear-gradient(90deg,var(--ln2),transparent)}
.lr:not(.app) .lr-offer+.lr-chap{margin-top:72px}

/* ── картки ── */
.lr:not(.app) .lr-card{border:1px solid var(--ln);border-radius:24px;padding:40px 44px 32px;margin:0 0 20px;box-shadow:0 34px 64px -58px rgba(20,23,28,.5)}
.lr:not(.app) .lr-card .hd{gap:20px;margin:0 0 26px}
.lr:not(.app) .lr-num{display:inline-flex;align-items:center;height:24px;padding:0 9px;margin:0 0 12px;border-radius:7px;background:#E7F0FC;color:var(--blue);font:800 12px/1 var(--fh);letter-spacing:0}
.lr:not(.app) .lr-card h3{font-family:var(--fh);font-size:clamp(24px,2.4vw,32px);font-weight:800;line-height:1.1;letter-spacing:-.035em;color:var(--k)}
.lr:not(.app) .lr-card .hd .lr-chip{margin-top:36px}
.lr:not(.app) .lr-lead{max-width:760px;margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--k3)}
.lr:not(.app) .lr-lead b{color:var(--k2)}
.lr:not(.app) .lr-ft{margin-top:24px;padding-top:16px;border-top:1px solid var(--ln);font-size:13px;color:var(--k3)}
.lr:not(.app) .lr-ft i{border-color:var(--ln2);color:var(--k3)}
.lr:not(.app) .lr-ft i.on:after{background:var(--k)}
.lr:not(.app) .lr-2col{gap:20px;margin:0 0 20px}
.lr:not(.app) .lr-2col>.lr-card{margin:0}
.lr:not(.app) .lr-2col>.lr-card h3{font-size:clamp(22px,2vw,27px)}
.lr:not(.app) .lr-sec{margin:36px 0 14px;font-family:var(--fh);font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--k)}
.lr:not(.app) .lr-sec small{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;color:var(--k3)}
.lr:not(.app) .lr-sec .r{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:800;letter-spacing:0;color:var(--blue)}
.lr:not(.app) .lr-note,.lr:not(.app) .lr-dns,.lr:not(.app) .lr-prc,.lr:not(.app) .lr-yline{color:var(--k3)}

/* ── чипи статусу ── */
.lr:not(.app) .lr-chip{padding:6px 12px;font-size:12.5px;font-weight:800;background:#EAF2FD;color:var(--blue);box-shadow:inset 0 0 0 1px #C9DCF6}
.lr:not(.app) .lr-chip.ok{background:#EDF8FA;color:#13879A;box-shadow:inset 0 0 0 1px #CBECF1}
.lr:not(.app) .lr-chip.bad{background:#FDECEC;color:var(--red);box-shadow:inset 0 0 0 1px #F7CFD1}
.lr:not(.app) .lr-chip.warn{background:#EAF2FD;color:var(--blue);box-shadow:inset 0 0 0 1px #C9DCF6}
.lr:not(.app) .lr-equip{gap:8px}.lr:not(.app) .lr-equip .lr-chip{background:#F1F4F8;color:var(--k2);font-weight:650;box-shadow:none}

/* ── плитки даних ── */
.lr:not(.app) .lr-g3,.lr:not(.app) .lr-g4,.lr:not(.app) .lr-g2{gap:12px}
.lr:not(.app) .lr-tile{border:1px solid var(--ln);border-radius:16px;padding:18px 20px;transition:border-color .25s,transform .35s var(--e),background .25s}
@media(hover:hover){.lr:not(.app) .lr-tile:hover{border-color:#B8CDEA;transform:translateY(-2px)}}
.lr:not(.app) .lr-tile .lb{font-size:13px;font-weight:700;color:var(--k3)}
.lr:not(.app) .lr-tile .v{margin-top:8px;font-family:var(--fh);font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--k)}
.lr:not(.app) .lr-g4 .lr-tile .v,.lr:not(.app) .lr-path .lr-tile .v,.lr:not(.app) .lr-dmg .rt .lr-tile .v,.lr:not(.app) .lr-fo .lr-tile .v{font-size:20px;letter-spacing:-.02em}
.lr:not(.app) .lr-tile .v small{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:0;color:var(--k3)}
.lr:not(.app) .lr-tile .v.mono,.lr:not(.app) .lr-mono{font-family:var(--mono);font-size:17px;letter-spacing:.04em}
.lr:not(.app) .lr-tile .d{margin-top:6px;font-size:13px;color:var(--k3)}
.lr:not(.app) .lr-tile .o{color:#9AA1AA}
.lr:not(.app) .lr-tile.ok{background:#EDF8FA;border-color:#CBECF1}.lr:not(.app) .lr-tile .v.ok{color:#13879A}
.lr:not(.app) .lr-tile.bad{background:#FFF5F5;border-color:#F7CFD1}.lr:not(.app) .lr-tile.bad .v{color:var(--red)}
.lr:not(.app) .lr-tile.doc{background:#F5F8FD;border-color:#D6E3F5}.lr:not(.app) .lr-tile.doc .v{color:var(--blue)}.lr:not(.app) .lr-tile.doc p{color:var(--k2)}.lr:not(.app) .lr-tile.doc .o{color:#8FA6C6}
/* маски безкоштовного — світло-сині, розрідження .26em */
.lr:not(.app) .lr-mask{color:#7EA4E2}
.lr:not(.app) .lr-mask>i{letter-spacing:.26em!important;margin-right:-.26em!important}
.lr:not(.app) .lr-tile.found .lr-mask,.lr:not(.app) .lr-fd.coral .lr-mask{color:var(--red)}
.lr:not(.app) .lr-fd.sand .lr-mask{color:var(--blue)}

/* ── шапка звіту ── */
.lr:not(.app) .lr-hero{position:relative;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);padding:0;overflow:hidden;border-radius:28px;box-shadow:0 40px 80px -60px rgba(20,23,28,.55)}
.lr:not(.app) .lr-hero.nophoto{grid-template-columns:1fr}
.lr:not(.app) .lr-hero .bd{padding:40px 44px 36px}
.lr:not(.app) .lr-hero .lr-num{display:none}
.lr:not(.app) .lr-hero .ey{font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--k3)}
.lr:not(.app) .lr-hero .lr-h1{margin:10px 0 10px;font-family:var(--fh);font-size:clamp(36px,4vw,56px);font-weight:800;line-height:1.02;letter-spacing:-.045em;color:var(--k)}
.lr:not(.app) .lr-hero .lr-h1 span{font-weight:800;color:transparent;background:var(--grad);-webkit-background-clip:text;background-clip:text}
.lr:not(.app) .lr-hero .sub{margin-top:6px;font-size:15.5px;font-weight:600;color:var(--k2)}
.lr:not(.app) .lr-hero .meta{font-size:13.5px;color:var(--k3)}
.lr:not(.app) .lr-ids{gap:10px;margin:22px 0}
.lr:not(.app) .lr-id{gap:12px;padding:9px 10px 9px 14px;border:1px solid var(--ln);border-radius:12px;background:#F6F8FB}
.lr:not(.app) .lr-id small{font:700 11.5px/1 Inter,system-ui,sans-serif;letter-spacing:0;color:var(--k3)}
.lr:not(.app) .lr-id>span{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.06em;color:var(--k)}
.lr:not(.app) .lr-id.pl>span{font-family:var(--fh);font-weight:800;letter-spacing:.04em}
.lr:not(.app) .lr-id button{padding:6px 10px;border-radius:8px;background:#EAF2FD;color:var(--blue);font:700 12px Inter,system-ui,sans-serif}
.lr:not(.app) .lr-id button.ok{background:#EDF8FA;color:#13879A}.lr:not(.app) .lr-id button.err{background:#FDECEC;color:var(--red)}
.lr:not(.app) .lr-hero .lr-g3{gap:12px}
.lr:not(.app) .lr-hero .lr-g3 .lr-tile{padding:16px 18px;border-color:transparent;border-radius:16px;background:#F6F8FB}
.lr:not(.app) .lr-hero .lr-g3 .lr-tile:hover{background:#fff;border-color:#B8CDEA}
.lr:not(.app) .lr-hero .lr-g3 .v{font-size:28px;letter-spacing:-.035em}
.lr:not(.app) .lr-hero>img{-webkit-mask:linear-gradient(90deg,transparent,#000 18%);mask:linear-gradient(90deg,transparent,#000 18%);animation:lr-ph 1.2s var(--e) both}
.lr:not(.app) .lr-hero:not(.nophoto)::after{content:"";position:absolute;z-index:2;top:20px;bottom:20px;right:20px;width:calc(100% / 2.3 - 40px);border:2px solid var(--cyan);border-radius:18px;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) 0 0/26px 26px no-repeat,linear-gradient(#000 0 0) 100% 0/26px 26px no-repeat,linear-gradient(#000 0 0) 0 100%/26px 26px no-repeat,linear-gradient(#000 0 0) 100% 100%/26px 26px no-repeat;
          mask:linear-gradient(#000 0 0) 0 0/26px 26px no-repeat,linear-gradient(#000 0 0) 100% 0/26px 26px no-repeat,linear-gradient(#000 0 0) 0 100%/26px 26px no-repeat,linear-gradient(#000 0 0) 100% 100%/26px 26px no-repeat;
  animation:lr-snap .5s .8s var(--e) both}
.lr:not(.app) .lr-hero:not(.nophoto)::before{content:"";position:absolute;z-index:2;right:28px;width:calc(100% / 2.3 - 56px);top:24px;height:2px;border-radius:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#2FC2D6,transparent);box-shadow:0 0 14px 2px rgba(47,194,214,.55);opacity:0;animation:lr-scan 2.4s 1s ease-in-out both}
@keyframes lr-ph{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
@keyframes lr-snap{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
@keyframes lr-scan{0%{top:24px;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 26px);opacity:0}}

/* ── перевірки: рядки-«радар» ── */
.lr:not(.app) .lr-gn.chk{display:flex;flex-direction:column;gap:8px}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"ic k s";align-items:center;gap:16px;min-height:0;padding:13px 16px;border:1px solid transparent;border-radius:14px;background:#F6F8FB;overflow:hidden}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check:hover{transform:none;border-color:#D6E3F5}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check>svg{grid-area:ic;position:static;width:34px;height:34px}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check .k{grid-area:k;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-size:15px;font-weight:700;color:var(--k)}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check .k small{display:inline;margin:0;font-size:13px;font-weight:600;color:var(--k3)}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check .k small.mono{font-family:var(--mono);font-size:12.5px;letter-spacing:.05em}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check .s{grid-area:s;justify-self:end;display:inline-flex;align-items:center;gap:6px;margin:0;padding:7px 12px;border-radius:999px;background:#13879A;color:#fff;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 8px 18px -10px rgba(19,135,154,.75)}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check:not(.found):not(.lock) .s::before{content:"✓";font-weight:900}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check.found{background:#FFF5F5;border-color:#F7CFD1}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check.found .s{background:var(--red);box-shadow:0 8px 18px -10px rgba(229,72,77,.7)}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check.lock{background:#FBFCFE;border:1px dashed var(--ln2)}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check.lock .s{background:#EAF2FD;color:var(--blue);box-shadow:none}
.lr:not(.app) .lr-gn.chk .lr-tile.is-check::after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--cyan);opacity:0;pointer-events:none}
.lr:not(.app).lr-js .lr-gn.chk:not(.lr-in) .lr-tile.is-check{opacity:0}
.lr:not(.app) .lr-gn.chk.lr-in .lr-tile.is-check{animation:lr-row .55s var(--e) both;animation-delay:calc(var(--i,0) * .09s)}
.lr:not(.app) .lr-gn.chk.lr-in .lr-tile.is-check::after{animation:lr-flash .9s ease both;animation-delay:calc(var(--i,0) * .09s + .25s)}
@keyframes lr-row{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes lr-flash{0%,100%{opacity:0}30%{opacity:1}}
/* плитки-перевірки поза рядками («Підсумок») */
.lr:not(.app) .lr-tile.is-check{padding:16px 56px 16px 18px;border-radius:16px}
.lr:not(.app) .lr-tile.is-check .k{font-weight:700;color:var(--k)}
.lr:not(.app) .lr-tile.is-check .s{color:#13879A;font-weight:800}
.lr:not(.app) .lr-tile.is-check.found{background:#FFF5F5;border-color:#F7CFD1}.lr:not(.app) .lr-tile.is-check.found .s{color:var(--red)}
.lr:not(.app) .lr-tile.is-check.lock{background:#FBFCFE;border:1px dashed var(--ln2)}.lr:not(.app) .lr-tile.is-check.lock .s{color:var(--blue);font-weight:800}
.lr:not(.app) .lr-recs li:before{background:var(--red)}
.lr:not(.app) .lr-inc{margin-top:22px;padding-top:22px;border-top:1px solid var(--ln)}
.lr:not(.app) .lr-inc h4{font-family:var(--fh);font-size:17px;font-weight:800;letter-spacing:-.015em}
.lr:not(.app) .lr-src{font-weight:800}

/* ── власники й події ── */
.lr:not(.app) .lr-owner{position:relative;grid-template-columns:36px minmax(0,1fr);gap:14px;margin:16px 0 0;padding:14px 16px;border:1px solid var(--ln);border-radius:14px;background:#fff}
.lr:not(.app) .lr-owner+.lr-owner{margin-top:10px}
.lr:not(.app) .lr-owner+.lr-owner::before{content:"";position:absolute;left:33px;top:-11px;width:2px;height:10px;background:var(--ln2)}
.lr:not(.app) .lr-owner .k{width:36px;height:36px;border-radius:10px;background:#EEF2F7;color:var(--k2);font:800 14px/1 var(--fh)}
.lr:not(.app) .lr-owner b{font-family:var(--fh);font-size:16px;font-weight:800;color:var(--k)}
.lr:not(.app) .lr-owner p{font-size:13px;color:var(--k3)}
.lr:not(.app) .lr-owner:has(.lr-cur){border-color:#9FC4F0;background:linear-gradient(110deg,#F1F7FE,#fff 60%)}
.lr:not(.app) .lr-owner:has(.lr-cur) .k{background:var(--grad);color:#fff}
.lr:not(.app) .lr-cur{padding:2px 9px;background:#EAF2FD;color:var(--blue);font-weight:800}
.lr:not(.app) .lr-tl{padding-left:28px}
.lr:not(.app) .lr-tl:before{left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#2E82E6,#2FC2D6 55%,var(--ln))}
.lr:not(.app) .lr-ev{padding:0 0 20px}
.lr:not(.app) .lr-ev:before{left:-27px;top:3px;width:12px;height:12px;background:#fff;border:2px solid var(--blue)}
.lr:not(.app) .lr-ev.auc:before{border-color:#24508F}
.lr:not(.app) .lr-ev:last-child:before{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 0 5px rgba(47,194,214,.2)}
.lr:not(.app) .lr-ev .dt{font-size:12.5px;font-weight:700;color:var(--k3)}
.lr:not(.app) .lr-ev .tt{margin:2px 0;font-family:var(--fh);font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--k)}
.lr:not(.app) .lr-ev .ds{font-size:13px;color:var(--k3)}
.lr:not(.app) .lr-opsall{display:none}
.lr:not(.app) th{padding:10px 0;font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--k3);border-bottom-color:var(--ln)}
.lr:not(.app) td{border-bottom-color:var(--ln)}
.lr:not(.app) .lr-flags li{border-color:var(--ln);border-radius:12px;background:#F6F8FB}
.lr:not(.app) .lr-flags li.sand{background:#EAF2FD;border-color:#C9DCF6;color:var(--k2)}
.lr:not(.app) .lr-gap{background:#EAF2FD;border-color:#C9DCF6;border-radius:12px;color:var(--k2)}
.lr:not(.app) .lr-life{background:#F6F8FB;border-color:var(--ln);border-radius:12px}

/* ── аукціон ── */
.lr:not(.app) .lr-path .lr-tile+.lr-tile:before{color:var(--ln2)}
.lr:not(.app) .lr-car{border-color:var(--ln);border-radius:16px;background:linear-gradient(180deg,#FAFBFD,#F2F5F9)}
.lr:not(.app) .lr-sev i{background:#EEF2F7}.lr:not(.app) .lr-sev i.on{background:var(--red)}
.lr:not(.app) .lr-sevl{color:var(--k3)}
.lr:not(.app) .lr-bids .sold{color:#13879A}

/* ── фото: мозаїка ── */
.lr:not(.app) .lr-gal{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lr:not(.app) .lr-gal a,.lr:not(.app) .lr-gal span.ph{border-radius:14px;background:#EEF2F7}
.lr:not(.app) .lr-gal[data-lr-gal="ad"] a:first-child{grid-column:span 2;grid-row:span 2}
.lr:not(.app) .lr-gal img{transition:transform .8s var(--e)}
.lr:not(.app) .lr-gal a:hover img{transform:scale(1.06)}
.lr:not(.app) .lr-gal a em{padding:3px 8px;border-radius:8px;background:rgba(20,23,28,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lr:not(.app) .lr-more button{border:1.5px solid #C9DCF6;border-radius:12px;color:var(--blue);font-weight:800}
.lr:not(.app) .lr-more button:hover{background:#EAF2FD}

/* ── пробіг і графіки ── */
.lr:not(.app) .lr-mch .pt{border-color:var(--bs);box-shadow:0 0 0 4px rgba(46,130,230,.16)}
.lr:not(.app) .lr-mch .pt.bad{border-color:var(--red);box-shadow:0 0 0 4px rgba(229,72,77,.16)}
.lr:not(.app) .lr-mch .pv{font-family:var(--fh);color:var(--k)}.lr:not(.app) .lr-mch .pv.bad{color:var(--red)}
.lr:not(.app) .lr-mch .pd{color:var(--k3)}
.lr:not(.app) .lr-leg{color:var(--k3)}.lr:not(.app) .lr-leg i{border-top-color:var(--bs)}.lr:not(.app) .lr-leg i.d{border-top-color:#8FB4EC}
.lr:not(.app) .lr-cr .tr{height:10px;border-radius:6px;background:#EEF2F7}
.lr:not(.app) .lr-cr .tr b{border-radius:6px;background:#B7CEF0}
.lr:not(.app) .lr-cr.me .tr b{background:var(--grad)}
.lr:not(.app) .lr-cr.me .l b{color:var(--blue)}
.lr:not(.app) .lr-cr .tr s{background:var(--blue)}
.lr:not(.app) .lr-cr .tr u,.lr:not(.app) .lr-cr.lk .tr b{background:repeating-linear-gradient(135deg,#DDE9F9 0 4px,#F1F6FD 4px 8px)}
.lr:not(.app) .lr-cmpc .lr-cmp>div>h4,.lr:not(.app) .lr-cmpc aside>h4{font-family:var(--fh);font-size:20px;font-weight:800;letter-spacing:-.02em}
/* шкала ціни */
.lr:not(.app) .lr-pr .bar{border-radius:10px}
.lr:not(.app) .lr-pr .z1{background:#E6F6F8;color:#0E6E7D}.lr:not(.app) .lr-pr .z2{background:#EAF2FD;color:var(--blue)}.lr:not(.app) .lr-pr .z3{background:#F1F3F6;color:var(--k3)}
.lr:not(.app) .lr-pr .md{background:var(--k)}
.lr:not(.app) .lr-pr .car span{background:var(--blue);border-radius:8px}.lr:not(.app) .lr-pr .car i,.lr:not(.app) .lr-pr .car u{background:var(--blue)}.lr:not(.app) .lr-pr .car u{box-shadow:0 0 0 1px var(--blue)}
.lr:not(.app) .lr-pr .car.bad span,.lr:not(.app) .lr-pr .car.bad i,.lr:not(.app) .lr-pr .car.bad u{background:var(--red)}.lr:not(.app) .lr-pr .car.bad u{box-shadow:0 0 0 1px var(--red)}
.lr:not(.app) .lr-pr .tk div{color:var(--k3)}.lr:not(.app) .lr-pr .tk b,.lr:not(.app) .lr-pr .tk .m{color:var(--k)}
/* стовпчики */
.lr:not(.app) .lr-yb i,.lr:not(.app) .lr-bar .plot i{border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#CFE0F7,#E7EFFA)}
.lr:not(.app) .lr-yb .me i,.lr:not(.app) .lr-bar.me .plot i{background:linear-gradient(180deg,#2E82E6,#2FC2D6);box-shadow:0 10px 22px -12px rgba(46,130,230,.85)}
.lr:not(.app) .lr-yb .fu i,.lr:not(.app) .lr-bar.fu .plot i{background:repeating-linear-gradient(135deg,#DDE9F9 0 5px,#F1F6FD 5px 10px)}
.lr:not(.app) .lr-yb .lk i{background:repeating-linear-gradient(135deg,#EEF2F7 0 5px,#F8FAFC 5px 10px);border:1px dashed var(--ln2)}
.lr:not(.app) .lr-yb .v{color:var(--k3)}.lr:not(.app) .lr-yb .me .v{color:var(--blue)}
.lr:not(.app) .lr-pl{font-weight:800}
.lr:not(.app) .lr-pl.n{background:#EAF2FD;color:var(--blue)}.lr:not(.app) .lr-pl.p{background:#EDF8FA;color:#13879A}.lr:not(.app) .lr-pl.z{background:var(--blue);color:#fff}
.lr:not(.app) .lr-ref{border-top-color:#8FB4EC}.lr:not(.app) .lr-ref span{color:var(--blue)}
.lr:not(.app) .lr-ybl,.lr:not(.app) .lr-bar .yr{color:var(--k3)}.lr:not(.app) .lr-ybl .me,.lr:not(.app) .lr-bar.me .yr{color:var(--blue)}
.lr:not(.app) .lr-pch .pv.dn{color:#13879A}.lr:not(.app) .lr-pch .pv.up{color:var(--blue)}
.lr:not(.app) .lr-fcl i{border-top-color:#CFE0F7}.lr:not(.app) .lr-fcl i.n{border-top-color:#2E82E6}
@supports (animation-timeline:view()){
  .lr:not(.app) .lr-yb>div>i{animation:lr-grow linear both;animation-timeline:view();animation-range:entry 10% cover 32%}
}
@keyframes lr-grow{from{clip-path:inset(85% 0 0 0 round 8px 8px 3px 3px)}to{clip-path:inset(-80px -60px 0 -60px)}}

/* ── бублики ── */
.lr:not(.app) .lr-pop-row{gap:36px;padding:20px 24px;border:1px solid var(--ln);border-radius:18px}
.lr:not(.app) .lr-pop-head h4{font-family:var(--fh);font-size:17px;font-weight:800}
.lr:not(.app) .lr-pop-head span{color:var(--blue);font-weight:800}
.lr:not(.app) .lr-pop li{border-radius:10px;background:#F6F8FB}
.lr:not(.app) .lr-pop li.me{background:#EAF2FD;box-shadow:inset 0 0 0 1px #C9DCF6}
.lr:not(.app) .lr-pop li.oth{color:var(--k3)}
.lr:not(.app) .lr-pdonut .mid b,.lr:not(.app) .lr-dn b{font-family:var(--fh);font-weight:800;letter-spacing:-.02em}
.lr:not(.app) .lr-pdonut .mid small,.lr:not(.app) .lr-dn span{color:var(--k3)}
.lr:not(.app) .lr-dnz svg circle{transition:opacity .25s,stroke-width .25s}
.lr:not(.app) .lr-dnz.hl svg circle:not(:first-child):not(.on){opacity:.22}
.lr:not(.app) .lr-dnz svg circle:not(:first-child){cursor:pointer}
.lr:not(.app) .lr-dnz li,.lr:not(.app) .lr-dnz .lr-ti{cursor:pointer;transition:opacity .25s,background .25s,box-shadow .25s}
.lr:not(.app) .lr-dnz .lr-ti{margin:0 -8px;padding:10px 8px;border-radius:10px}
.lr:not(.app) .lr-dnz.hl li:not(.on),.lr:not(.app) .lr-dnz.hl .lr-ti:not(.on){opacity:.42}
.lr:not(.app) .lr-dnz li.on,.lr:not(.app) .lr-dnz .lr-ti.on{opacity:1;background:#EAF2FD;box-shadow:inset 0 0 0 1px #9FC4F0}
.lr:not(.app) .lr-dnz li:focus-visible,.lr:not(.app) .lr-dnz .lr-ti:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.lr:not(.app) .lr-pdonut .mid.sw,.lr:not(.app) .lr-dn>div.sw{animation:lr-sw .35s var(--e)}
.lr:not(.app) .lr-pdonut .mid small{max-width:96px;line-height:1.25}
@keyframes lr-sw{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@supports (animation-timeline:view()){
  .lr:not(.app) .lr-pdonut svg,.lr:not(.app) .lr-dn svg{animation:lr-dn linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
}
@keyframes lr-dn{from{transform:rotate(-90deg) scale(.8);opacity:.2}to{transform:none;opacity:1}}
.lr:not(.app) .lr-ti{border-bottom-color:var(--ln)}
.lr:not(.app) .lr-ti .t{background:#EEF2F7}
/* калькулятор */
.lr:not(.app) .lr-calch h4{font-family:var(--fh);font-size:19px;font-weight:800;letter-spacing:-.02em}
.lr:not(.app) .lr-calch .hint{background:#EAF2FD;color:var(--blue);font-weight:700}
.lr:not(.app) .lr-rst{border-color:var(--ln);border-radius:10px;color:var(--k3)}
.lr:not(.app) .lr-calc label{border:1.5px solid #CFDCF3;border-radius:14px}
.lr:not(.app) .lr-calc label:hover{border-color:#8FB4EC}
.lr:not(.app) .lr-calc label:focus-within{border-color:var(--bs);box-shadow:0 0 0 4px #E3EDFB}
.lr:not(.app) .lr-calc label:after{color:#8FB4EC}
.lr:not(.app) .lr-calc label.chg{background:#EAF2FD;border-color:#8FB4EC}
.lr:not(.app) .lr-calc label.err{background:#FDECEC;border-color:var(--red)}
.lr:not(.app) .lr-calc input{font-family:var(--fh);font-weight:800;color:var(--k)}
.lr:not(.app) .lr-fo .lr-tile:last-child{background:#EAF2FD;border-color:#C9DCF6}

/* ── VIN ── */
.lr:not(.app) .lr-vck{padding:13px 16px;border-radius:12px;background:#EDF8FA}
.lr:not(.app) .lr-vck span{color:#13879A;font-weight:800}
.lr:not(.app) .lr-vck.warn{background:#EAF2FD}.lr:not(.app) .lr-vck.warn span{color:var(--blue)}
.lr:not(.app) .lr-vck.bad{background:#FDECEC}.lr:not(.app) .lr-vck.bad span{color:var(--red)}
.lr:not(.app) .lr-vseg{gap:8px;margin:0 0 20px}
.lr:not(.app) .lr-vseg>div{padding:12px 8px 10px;border:1px solid var(--ln);border-radius:12px;transition:border-color .25s,transform .35s var(--e)}
.lr:not(.app) .lr-vseg>div:nth-child(odd){background:#EEF5FE}
.lr:not(.app) .lr-vseg>div:nth-child(even){background:#F6F8FB}
@media(hover:hover){.lr:not(.app) .lr-vseg>div:hover{border-color:#8FB4EC;transform:translateY(-2px)}}
.lr:not(.app) .lr-vseg b{font-family:var(--mono);font-size:22px;font-weight:800;letter-spacing:.1em;color:var(--k)}
.lr:not(.app) .lr-vseg span{font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--k3)}
.lr:not(.app) .lr-vr{border-bottom-color:var(--ln)}
.lr:not(.app) .lr-vr .p{color:#A9B1BC}
.lr:not(.app) .lr-vr .c b{color:var(--blue)}
.lr:not(.app) .lr-vr .c span,.lr:not(.app) .lr-vr .ds{color:var(--k3)}
.lr:not(.app) .lr-vr .good{color:#13879A}.lr:not(.app) .lr-vr .warn{color:var(--blue)}
.lr:not(.app) .lr-vr .vl{background:none;border-radius:0;padding:0}
/* характеристики й відкликання */
.lr:not(.app) .lr-spec{border-top-color:var(--ln)}.lr:not(.app) .lr-spec:last-of-type{border-bottom-color:var(--ln)}
.lr:not(.app) .lr-spec summary{font-family:var(--fh);font-size:15px;font-weight:800;color:var(--k)}
.lr:not(.app) .lr-spec summary:after{color:var(--blue)}
.lr:not(.app) .lr-spec dl div{border-bottom-color:var(--ln)}
.lr:not(.app) .lr-spec dt{color:var(--k3)}.lr:not(.app) .lr-spec dd{color:var(--k)}
.lr:not(.app) .lr-rc{padding:18px 20px;border-color:var(--ln);border-radius:16px}
.lr:not(.app) .lr-rc.coral{border-color:#F7CFD1}
.lr:not(.app) .lr-rc.coral .lv{background:#FDECEC;color:var(--red)}
.lr:not(.app) .lr-rc.sand .lv,.lr:not(.app) .lr-rc.blue .lv{background:#EAF2FD;color:var(--blue)}
.lr:not(.app) .lr-rc .top b{font-family:var(--fh);font-weight:800}
.lr:not(.app) .lr-rc .no{color:#A9B1BC}
.lr:not(.app) .lr-rc .pcr>div{background:#F6F8FB;border-radius:12px}
.lr:not(.app) .lr-rc .pcr>div small{font-size:12px;letter-spacing:0;text-transform:none;color:var(--k3)}
.lr:not(.app) .lr-rc .pcr>div.bad{background:#FDECEC}.lr:not(.app) .lr-rc .pcr>div.bad small{color:var(--red)}
.lr:not(.app) .lr-rc summary{color:var(--blue)}
.lr:not(.app) .lr-rc dd{color:var(--k2)}

/* ── підсумок ── */
.lr:not(.app) .lr-cnt{gap:12px;margin:0 0 18px}
.lr:not(.app) .lr-cnt>div{padding:20px 22px;border:1px solid transparent;border-radius:18px;background:#F6F8FB}
.lr:not(.app) .lr-cnt i{width:48px;height:48px;border-radius:14px}
.lr:not(.app) .lr-cnt b{font-family:var(--fh);font-size:40px;font-weight:800;line-height:1;letter-spacing:-.035em}
.lr:not(.app) .lr-cnt span{font-size:13.5px;color:var(--k3)}
.lr:not(.app) .lr-cnt .f i{background:#FDECEC;color:var(--red)}.lr:not(.app) .lr-cnt .f b{color:var(--red)}
.lr:not(.app) .lr-cnt .c i{background:#EDF8FA;color:#13879A}.lr:not(.app) .lr-cnt .c b{color:#13879A}
.lr:not(.app) .lr-cnt .o i{background:#EAF2FD;color:var(--blue)}.lr:not(.app) .lr-cnt .o b{color:var(--blue)}
.lr:not(.app) .lr-fd{grid-template-columns:34px minmax(0,1fr) auto;margin-top:8px;padding:14px 16px;border:0;border-radius:14px;background:#F6F8FB}
.lr:not(.app) .lr-fd.coral{background:#FFF5F5}
.lr:not(.app) .lr-fd.coral i{background:#FDECEC;color:var(--red)}
.lr:not(.app) .lr-fd.sand i,.lr:not(.app) .lr-fd.blue i{background:#EAF2FD;color:var(--blue)}
.lr:not(.app) .lr-fd b{font-family:var(--fh);font-weight:800;color:var(--k)}
.lr:not(.app) .lr-fd small{color:var(--k3)}
.lr:not(.app) .lr-fd a{color:var(--blue);font-weight:800}
.lr:not(.app) .lr-unk>div{padding:12px 0;border-bottom-color:var(--ln)}
.lr:not(.app) .lr-unk i{background:#EAF2FD;color:var(--blue)}
.lr:not(.app) .lr-unk b{font-weight:700}.lr:not(.app) .lr-unk small{color:var(--k3)}

/* ── офер між блоками (безкоштовний) — єдиний темний акцент ── */
.lr:not(.app) .lr-offer{position:relative;gap:28px;margin:56px 0 0;padding:30px 34px;border:1px solid #2B313A;border-radius:22px;background:radial-gradient(90% 130% at 100% 0%,#252B34,#15191E 62%);color:#fff;box-shadow:0 40px 70px -50px rgba(20,23,28,.8)}
.lr:not(.app) .lr-offer::before{content:"";position:absolute;inset:10px;border:2px solid var(--cyan);border-radius:16px;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) 0 0/22px 22px no-repeat,linear-gradient(#000 0 0) 100% 0/22px 22px no-repeat,linear-gradient(#000 0 0) 0 100%/22px 22px no-repeat,linear-gradient(#000 0 0) 100% 100%/22px 22px no-repeat;
          mask:linear-gradient(#000 0 0) 0 0/22px 22px no-repeat,linear-gradient(#000 0 0) 100% 0/22px 22px no-repeat,linear-gradient(#000 0 0) 0 100%/22px 22px no-repeat,linear-gradient(#000 0 0) 100% 100%/22px 22px no-repeat}
.lr:not(.app) .lr-offer .t,.lr:not(.app) .lr-offer .b,.lr:not(.app) .lr-offer .pk-m{position:relative;z-index:1}
.lr:not(.app) .lr-offer .k{font-size:13px;color:#8FE3EE;font-weight:800;letter-spacing:0;text-transform:none}
.lr:not(.app) .lr-offer h4{margin-top:8px;font-family:var(--fh);font-size:24px;font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#fff}
.lr:not(.app) .lr-offer p{font-size:14px;line-height:1.55;color:#C9D1DC}
.lr:not(.app) .lr-offer ul.mo{color:#C9D1DC}.lr:not(.app) .lr-offer ul.mo b{color:#fff}
.lr:not(.app) .lr-offer p.pk{border-top:1px dashed #3A424D;color:#9AA3AF}
.lr:not(.app) .lr-offer p.pk a,.lr:not(.app) .lr-offer p.pk-m a{color:#8FE3EE}
.lr:not(.app) .lr-offer p.pk-m{color:#9AA3AF}
.lr:not(.app) .lr-offer .pr s{font-size:14px;color:#8A94A3;text-decoration-color:var(--red);text-decoration-thickness:2px}
.lr:not(.app) .lr-offer .pr b{font-family:var(--fh);font-size:34px;font-weight:800;letter-spacing:-.03em;color:#fff}
.lr:not(.app) .lr-offer .lr-btn{height:52px;padding:0 26px;border-radius:12px;background:var(--blue);font-size:15px;box-shadow:0 14px 30px -14px rgba(31,111,214,.95)}
.lr:not(.app) .lr-offer .lr-btn::after{content:"→";margin-left:10px;transition:transform .25s var(--e)}
.lr:not(.app) .lr-offer .lr-btn:hover{background:var(--blued)}.lr:not(.app) .lr-offer .lr-btn:hover::after{transform:translateX(3px)}
.lr:not(.app) .lr-offer.lr-nodata{background:#fff;border-color:var(--ln);color:var(--k);box-shadow:none}
.lr:not(.app) .lr-offer.lr-nodata::before{display:none}
.lr:not(.app) .lr-offer.lr-nodata h4{color:var(--k)}.lr:not(.app) .lr-offer.lr-nodata p{color:var(--k3)}
.lr:not(.app) .lr-btn{border-radius:12px;background:var(--blue)}.lr:not(.app) .lr-btn:hover{background:var(--blued)}
.lr:not(.app) .lr-lb{background:rgba(14,16,20,.88)}

/* ── поява при прокрутці (scroll-driven, без JS) ── */
@supports (animation-timeline:view()){
  .lr:not(.app) .lr-card:not(.lr-hero),.lr:not(.app) .lr-offer{animation:lr-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
  .lr:not(.app) .lr-chap h2{animation:lr-h2 linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
}
@keyframes lr-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes lr-h2{from{opacity:0;transform:translateY(.5em)}to{opacity:1;transform:none}}

/* ── мобільна версія ── */
@media(max-width:1000px){
  .lr:not(.app) .lr-hero .bd{padding:32px 30px 28px}
}
@media(max-width:900px){
  .lr:not(.app) .lr-hero,.lr:not(.app) .lr-hero.nophoto{grid-template-columns:minmax(0,1fr)}
  .lr:not(.app) .lr-hero>img{order:-1;height:240px;min-height:0;max-height:none;aspect-ratio:auto;contain:none;-webkit-mask:linear-gradient(180deg,#000 62%,transparent);mask:linear-gradient(180deg,#000 62%,transparent)}
  .lr:not(.app) .lr-hero:not(.nophoto)::after{top:14px;left:14px;right:14px;bottom:auto;width:auto;height:212px}
  .lr:not(.app) .lr-hero:not(.nophoto)::before{display:none}
  .lr:not(.app) .lr-hero .bd{padding:6px 24px 24px}
  .lr:not(.app) .lr-hero.nophoto .bd{padding-top:28px}
  .lr:not(.app) .lr-tco{gap:18px}
}
@media(max-width:600px){
  .lr:not(.app){padding-bottom:64px}
  .lr:not(.app) .lr-card{padding:24px 20px 20px;border-radius:20px;margin-bottom:14px}
  .lr:not(.app) .lr-card.lr-hero{padding:0}
  .lr:not(.app) .lr-hero .bd{padding:4px 18px 20px}
  .lr:not(.app) .lr-hero.nophoto .bd{padding-top:22px}
  .lr:not(.app) .lr-card .hd{flex-direction:column;gap:12px;margin-bottom:20px}
  .lr:not(.app) .lr-card .hd .lr-chip{margin-top:0}
  .lr:not(.app) .lr-hero .lr-h1{font-size:34px}
  .lr:not(.app) .lr-hero .lr-g3{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}
  .lr:not(.app) .lr-hero .lr-g3 .lr-tile{padding:12px 12px}
  .lr:not(.app) .lr-hero .lr-g3 .lb{font-size:12px}
  .lr:not(.app) .lr-hero .lr-g3 .v{font-size:22px}
  .lr:not(.app) .lr-tile .v{font-size:22px}
  .lr:not(.app) .lr-chap{gap:12px;margin:64px 0 18px}
  .lr:not(.app) .lr-chap .n{min-width:38px;height:32px;font-size:14px}
  .lr:not(.app) .lr-offer+.lr-chap{margin-top:48px}
  .lr:not(.app) .lr-nav{margin-bottom:20px;border-radius:14px}
  .lr:not(.app) .lr-nav a{padding:8px 11px;font-size:12.5px}
  .lr:not(.app) .lr-gn.chk .lr-tile.is-check{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"ic k" "ic s";gap:8px 12px;padding:12px 14px}
  .lr:not(.app) .lr-gn.chk .lr-tile.is-check>svg{width:30px;height:30px;align-self:start}
  .lr:not(.app) .lr-gn.chk .lr-tile.is-check .s{justify-self:start;padding:6px 11px;font-size:12.5px;white-space:normal}
  .lr:not(.app) .lr-vseg b{font-size:16px;letter-spacing:.06em}
  .lr:not(.app) .lr-cnt b{font-size:30px}
  .lr:not(.app) .lr-cnt>div{padding:14px 16px}
  .lr:not(.app) .lr-gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .lr:not(.app) .lr-pop-row{padding:14px;gap:16px}
  .lr:not(.app) .lr-offer{margin-top:40px;padding:22px 20px}
  .lr:not(.app) .lr-offer .b{align-items:stretch}
  .lr:not(.app) .lr-offer .lr-btn{width:100%}
  .lr:not(.app) .lr-offer h4{font-size:21px}
  .lr:not(.app) .lr-offer .pr b{font-size:30px}
  .lr:not(.app) .lr-fd{grid-template-columns:34px minmax(0,1fr);padding:12px 14px}
}
@media(hover:none){
  .lr:not(.app) .lr-tile:hover,.lr:not(.app) .lr-vseg>div:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .lr:not(.app) *,.lr:not(.app) *::before,.lr:not(.app) *::after{animation:none!important;transition-duration:0s!important}
  .lr:not(.app) .lr-card,.lr:not(.app) .lr-offer,.lr:not(.app) .lr-chap h2,.lr:not(.app) .lr-hero>img,.lr:not(.app) .lr-yb>div>i,.lr:not(.app) .lr-pdonut svg,.lr:not(.app) .lr-dn svg{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}
  .lr:not(.app) .lr-hero::before{display:none}
  .lr:not(.app).lr-js .lr-gn.chk .lr-tile.is-check{opacity:1}
}
