/* vparts.bg. Сива основа, бели карти и тъмни акцентни блокове с трите ленти. Цветовете и шрифтовете са само тук, в :root. */
@font-face{font-family:"Exo 2";font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/exo-2-cyrillic-wght-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Exo 2";font-style:italic;font-weight:100 900;font-display:swap;src:url(fonts/exo-2-latin-wght-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/onest-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}

:root{
  --bg:#E9ECF1; --card:#fff; --soft:#F1F3F7; --ink:#0E1014; --text:#454852; --mute:#737783; --line:#E0E3EA; --line2:#C8CCD6;
  --m1:#4FB3F0; --m2:#1B3FA0; --m3:#E3002A; --m3d:#B8001F;
  --night:#0B0C10; --night2:#151821; --nline:#272B38;
  --stripes:linear-gradient(115deg,var(--m1) 0 33.4%,var(--m2) 0 66.7%,var(--m3) 0);
  --glow:radial-gradient(60% 90% at 0% 100%,rgba(227,0,42,.34),transparent 70%),radial-gradient(50% 80% at 100% 0%,rgba(79,179,240,.26),transparent 70%);
  --head:"Exo 2","Arial Narrow",Arial,sans-serif;
  --body:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1360px; --r:18px; --r2:12px;
  --sh:0 1px 2px rgba(14,16,20,.05),0 10px 28px -14px rgba(14,16,20,.16);
  --sh2:0 2px 4px rgba(14,16,20,.06),0 22px 44px -18px rgba(14,16,20,.28);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:9rem;background:var(--night)}
body{margin:0;color:var(--text);background:var(--bg);font:400 1rem/1.6 var(--body);overflow-x:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration-color:var(--m3);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--m3)}
:focus-visible{outline:3px solid var(--m1);outline-offset:2px;border-radius:6px}
h1,h2,h3{font-family:var(--body);font-weight:800;color:var(--ink);line-height:1.12;margin:0 0 .5em;letter-spacing:-.022em}
h1{font-size:clamp(2rem,3.6vw,3rem)}
h2{font-size:clamp(1.4rem,2.2vw,1.8rem)}
h3{font-size:1.1rem}
p,ul,ol,dl{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:1.5rem}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--m3);color:#fff;padding:.6rem 1rem;z-index:40}
.skip:focus{left:0}
.ic{width:1.35rem;height:1.35rem;flex:none}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh)}

/* Трите ленти */
.m3{display:inline-flex;gap:.12em;vertical-align:baseline;transform:skewX(-18deg);margin-right:.4em}
.m3 i{display:block;width:.24em;height:.78em;border-radius:1px}
.m3 i:nth-child(1){background:var(--m1)}.m3 i:nth-child(2){background:var(--m2)}.m3 i:nth-child(3){background:var(--m3)}

/* Бутони: заоблени, с трите ленти като етикет в левия край */
.btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;min-height:3.1rem;padding:.7rem 1.25rem .7rem 2.35rem;border:0;border-radius:var(--r2);overflow:hidden;cursor:pointer;text-decoration:none;font:700 1rem/1.1 var(--body);color:#fff;background:linear-gradient(180deg,#F21340,var(--m3d));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -10px rgba(227,0,42,.75);transition:transform .18s,box-shadow .18s,filter .18s}
.btn::before{content:"";position:absolute;left:.75rem;top:50%;width:1.05rem;height:1.25rem;transform:translateY(-50%) skewX(-18deg);background:linear-gradient(90deg,var(--m1) 0 28%,transparent 0 36%,#2F56C8 0 64%,transparent 0 72%,#fff 0);transition:width .18s}
.btn .ic{width:1.15rem;height:1.15rem;transition:transform .18s}
.btn:hover,.btn:focus-visible{color:#fff;transform:translateY(-2px);filter:brightness(1.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 28px -10px rgba(227,0,42,.8)}
.btn:hover .ic{transform:translateX(3px)}
.btn:active{transform:none}
.btn--ink{background:linear-gradient(180deg,#232732,var(--night));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px -12px rgba(14,16,20,.8)}
.btn--ink::before,.btn--glass::before{background:linear-gradient(90deg,var(--m1) 0 28%,transparent 0 36%,#2F56C8 0 64%,transparent 0 72%,var(--m3) 0)}
.btn--ink:hover,.btn--ink:focus-visible{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 28px -12px rgba(14,16,20,.85)}
.btn--glass{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.btn--glass:hover,.btn--glass:focus-visible{background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.more{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.95rem;text-decoration:none;color:var(--m3);white-space:nowrap}
.more .ic{width:1.1rem;height:1.1rem;transition:transform .18s}
.more:hover .ic{transform:translateX(4px)}
.badge{flex:none;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:var(--r2);background:var(--ink);color:#fff}
.badge .ic{width:1.35rem;height:1.35rem}
.badge--red{background:linear-gradient(160deg,#F21340,var(--m3d));box-shadow:0 8px 16px -8px rgba(227,0,42,.7)}
.badge--light{background:var(--soft);color:var(--ink)}
.badge--xl{width:3.6rem;height:3.6rem;border-radius:16px;margin-bottom:1.2rem}
.badge--xl .ic{width:1.9rem;height:1.9rem}

/* Шапка */
.util{background:var(--night);color:#C9CCD6;font-size:.86rem;border-top:4px solid;border-image:var(--stripes) 1}
.util__row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.5rem}
.util p{margin:0}
.util nav{display:flex;gap:1.4rem;white-space:nowrap}
.util a{color:#fff;text-decoration:none;font-weight:600}
.util a:hover{color:var(--m1)}
.dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--m3);margin-right:.55rem;box-shadow:0 0 0 0 rgba(227,0,42,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 .5rem rgba(227,0,42,0)}100%{box-shadow:0 0 0 0 rgba(227,0,42,0)}}
.top{background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line),0 12px 24px -20px rgba(14,16,20,.4);position:sticky;top:0;z-index:20}
.top__row{display:flex;align-items:center;gap:1rem;padding-block:.8rem}
.logo{font:900 italic 2rem/1 var(--head);color:var(--ink);text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:-.02em;margin-right:.75rem}
.logo:hover{color:var(--ink)}
.logo__tld{color:var(--m3)}
.search{flex:1;display:flex;align-items:center;position:relative;background:var(--soft);border:1.5px solid var(--line);border-radius:14px;padding:.3rem .3rem .3rem 1rem;transition:border-color .15s,background .15s,box-shadow .15s}
.search:focus-within{border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px rgba(79,179,240,.25)}
.search>.ic{color:var(--mute)}
.search input{flex:1;min-width:0;border:0;background:transparent;font:500 1rem var(--body);color:var(--ink);padding:.55rem .75rem;outline:0}
.search input::placeholder{color:var(--mute)}
.search button{font:700 .98rem var(--body);padding:.68rem 1.4rem;border:0;border-radius:10px;background:linear-gradient(180deg,#F21340,var(--m3d));color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.28);transition:filter .15s}
.search button:hover{filter:brightness(1.1)}
.search__list{position:absolute;top:calc(100% + .4rem);left:0;right:0;margin:0;padding:.4rem;list-style:none;background:#fff;border-radius:14px;box-shadow:var(--sh2);z-index:25}
.search__list a{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .8rem;border-radius:9px;text-decoration:none;color:var(--ink);font-weight:600}
.search__list a:hover,.search__list a:focus{background:var(--soft);color:var(--m3)}
.search__list span{color:var(--mute);font-size:.88rem;font-weight:400}
.hbtn{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.05rem;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-weight:700;font-size:.95rem;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.hbtn .ic{width:1.2rem;height:1.2rem;color:var(--m3)}
.hbtn:hover{border-color:var(--ink);color:var(--ink)}
.hbtn--dark{background:var(--ink);border-color:var(--ink);color:#fff}
.hbtn--dark .ic{color:var(--m1)}
.hbtn--dark:hover{background:#232732;color:#fff}
.nav{border-top:1px solid var(--line)}
.nav ul{display:flex;gap:.15rem;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.nav a{position:relative;display:flex;align-items:center;gap:.45rem;padding:.62rem .75rem;color:var(--text);text-decoration:none;font-weight:600;font-size:.93rem;white-space:nowrap}
.nav .ic{width:1.15rem;height:1.15rem;color:var(--mute);transition:color .15s}
.nav a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--m3);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav a:hover,.nav a[aria-current]{color:var(--ink)}
.nav a:hover .ic,.nav a[aria-current] .ic{color:var(--m3)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.crumbs{padding-block:1rem .25rem;font-size:.88rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.2rem .5rem;list-style:none;margin:0;padding:0;color:var(--mute)}
.crumbs li+li::before{content:"";display:inline-block;width:.36rem;height:.7rem;margin-right:.55rem;background:var(--m3);transform:skewX(-18deg);vertical-align:-.04rem}
.crumbs a{color:var(--ink);text-decoration:none;font-weight:600}

/* Начало: списък със системи, тъмна карта и търсачка на част */
.home1{display:grid;grid-template-columns:292px minmax(0,1fr);gap:1.1rem;padding-top:1.1rem}
.syslist{overflow:hidden;align-self:start}
.syslist h2{display:flex;align-items:center;gap:.6rem;margin:0;padding:.95rem 1.1rem;font-size:1rem;color:#fff;background:var(--glow),var(--night);border-bottom:4px solid;border-image:var(--stripes) 1}
.syslist ul{list-style:none;margin:0;padding:.35rem}
.syslist a{display:flex;align-items:center;gap:.7rem;padding:.47rem .7rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:.94rem;color:var(--ink);transition:background .12s}
.syslist a>.ic:first-child{color:var(--mute);transition:color .12s}
.syslist a span{flex:1;min-width:0}
.syslist small{min-width:1.6rem;padding:.05rem .4rem;border-radius:999px;background:var(--soft);color:var(--mute);font-size:.78rem;font-weight:700;text-align:center}
.syslist a>.ic:last-child{width:1rem;height:1rem;color:var(--line2);transition:transform .12s,color .12s}
.syslist a:hover{background:var(--soft);color:var(--ink)}
.syslist a:hover>.ic:first-child{color:var(--m3)}
.syslist a:hover>.ic:last-child{color:var(--m3);transform:translateX(2px)}
.home1__main{display:grid;gap:1.1rem;align-content:start}
.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:var(--night);color:#D9DBE3;box-shadow:var(--sh2)}
.hero__img{position:absolute;right:0;top:0;width:74%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-2}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--night) 26%,rgba(11,12,16,.82) 44%,rgba(11,12,16,.1) 72%),radial-gradient(50% 70% at 0% 100%,rgba(227,0,42,.32),transparent 70%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--stripes)}
.hero__in{padding:2.6rem 2.6rem 0;max-width:44rem}
.pill{display:inline-flex;gap:.35rem;align-items:center;margin:0 0 1.1rem;padding:.35rem .85rem;border-radius:999px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);font-size:.88rem;color:#E7E9EF}
.pill b{color:#fff}
.hero h1{font:900 italic clamp(2.5rem,4.7vw,4.2rem)/.95 var(--head);text-transform:uppercase;letter-spacing:-.01em;color:#fff;margin-bottom:.35em}
.hero h1 em{display:block;font-style:inherit;background:linear-gradient(90deg,var(--m1),#7C8DF5 45%,#FF2B55);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.hero__lead{font-size:1.08rem;line-height:1.55;max-width:31rem;margin-bottom:1.6rem}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;margin:0}
.hero__feats{list-style:none;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;margin:2.1rem 0 0;padding:1.15rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.14)}
.hero__feats li{display:flex;align-items:center;gap:.6rem;padding-right:1.4rem;margin-right:1.4rem;border-right:1px solid rgba(255,255,255,.14);font-size:.86rem;line-height:1.25;color:#B9BCC8}
.hero__feats li:last-child{border:0;margin:0;padding:0}
.hero__feats .ic{color:var(--m1)}
.hero__feats b{display:block;color:#fff;font-size:.95rem}
.finder{padding:1.4rem 1.5rem 1.2rem;position:relative;overflow:hidden}
.finder::before{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;background:radial-gradient(closest-side,rgba(79,179,240,.2),transparent);pointer-events:none}
.finder__h{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem}
.finder__h h2{margin:0;font-size:1.3rem}
.finder__h p{margin:.15rem 0 0;color:var(--mute);font-size:.93rem}
.finder__f{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.7rem;align-items:end}
.finder__f label{display:grid;gap:.4rem;font-weight:700;font-size:.9rem;color:var(--ink)}
.finder__f label span{display:flex;align-items:center;gap:.45rem}
.finder__f label b{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--ink);color:#fff;font-size:.78rem}
.finder__f select{width:100%;height:3.1rem;padding:0 2.4rem 0 1rem;border:1.5px solid var(--line);border-radius:var(--r2);background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E1014' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .8rem center/1.1rem;font:600 1rem var(--body);color:var(--ink);appearance:none;-webkit-appearance:none;cursor:pointer}
.finder__f select:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(79,179,240,.25)}
.finder__f select:disabled{opacity:.55;cursor:not-allowed}
.finder__alt{display:flex;gap:.5rem;align-items:center;margin:1rem 0 0;font-size:.92rem;color:var(--mute)}
.finder__alt .ic{color:var(--m2);width:1.15rem;height:1.15rem}

/* Начало: тъмен екран на цяла ширина и търсачка по кола върху него */
.hero2{position:relative;isolation:isolate;overflow:hidden;background:var(--night);color:#D9DBE3;clip-path:polygon(0 0,100% 0,100% calc(100% - 54px),0 100%)}
.hero2__img{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:58% 46%;z-index:-2}
.hero2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--night) 30%,rgba(11,12,16,.78) 48%,rgba(11,12,16,.05) 76%),radial-gradient(45% 70% at 0% 100%,rgba(227,0,42,.38),transparent 70%),linear-gradient(0deg,rgba(11,12,16,.9),transparent 34%)}
.hero2__in{padding-block:4.4rem 11.5rem}
.hero2 h1{font:900 italic clamp(3rem,6.6vw,6rem)/.92 var(--head);text-transform:uppercase;letter-spacing:-.015em;color:#fff;margin-bottom:.32em;max-width:8em}
.hero2 h1 em{display:block;font-style:inherit;background:linear-gradient(90deg,var(--m1),#7C8DF5 45%,#FF2B55);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.hero2 .hero__lead{font-size:1.15rem;max-width:33rem}
.finder--over{position:relative;z-index:3;margin-top:-9.2rem;padding:1.7rem 1.8rem 1.4rem;border-radius:22px;box-shadow:var(--sh2)}
.finder--over::after{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--stripes)}
.finder__f{grid-template-columns:repeat(3,minmax(0,1fr)) auto}
.finder .btn{min-height:3.1rem}

/* Бели и тъмни табла с трите ленти в ъгъла */
.panel{position:relative;overflow:hidden;isolation:isolate;background:#fff;border-radius:26px;padding:2.2rem;box-shadow:var(--sh)}
.panel::after{content:"";position:absolute;right:-90px;top:-150px;width:420px;height:420px;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(79,179,240,.16) 42% 50%,transparent 50% 52%,rgba(27,63,160,.13) 52% 60%,transparent 60% 62%,rgba(227,0,42,.13) 62% 70%,transparent 70%)}
.panel--dark{background:var(--glow),var(--night);color:#B9BCC8;box-shadow:var(--sh2)}
.panel--dark::after{opacity:1.6;background:linear-gradient(115deg,transparent 42%,rgba(79,179,240,.3) 42% 50%,transparent 50% 52%,rgba(60,96,220,.3) 52% 60%,transparent 60% 62%,rgba(227,0,42,.34) 62% 70%,transparent 70%)}
.panel--dark .sh h2{color:#fff}
.panel--dark .sh p{color:#A9ADBA}
.sh h2{font-size:clamp(1.55rem,2.6vw,2.15rem)}

/* Марки и модели */
.mono{display:grid;place-items:center;min-width:3.1rem;height:3.1rem;padding:0 .5rem;border-radius:13px;background:var(--night);color:#fff;font:900 italic 1.35rem/1 var(--head);letter-spacing:-.02em;box-shadow:inset 0 -4px 0 var(--m3),inset 0 -8px 0 #2F56C8,inset 0 -12px 0 var(--m1)}
.btiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.7rem}
.btiles--all{grid-template-columns:repeat(8,minmax(0,1fr))}
.btile{display:flex;flex-direction:column;align-items:center;gap:.15rem;height:100%;padding:1.1rem .5rem .95rem;text-align:center;text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .18s,box-shadow .18s}
.btile .mono{margin-bottom:.55rem;transition:transform .18s}
.btile strong{font-size:.93rem;line-height:1.2;color:var(--ink)}
.btile small{color:var(--mute);font-size:.78rem}
.btile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px var(--ink),var(--sh2);color:var(--ink)}
.btile:hover .mono{transform:scale(1.08) rotate(-4deg)}
.btiles--all .btile{box-shadow:var(--sh)}
.mtiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}
.mtile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 .5rem;padding:.95rem 1rem .95rem 1.2rem;text-decoration:none;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
.mtile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--m1) 0 33.4%,var(--m2) 0 66.7%,var(--m3) 0);transform:scaleY(0);transition:transform .2s}
.mtile strong{font-size:1.05rem;color:var(--ink)}
.mtile small{grid-column:1;color:var(--m3);font-size:.78rem;font-weight:700}
.mtile .ic{grid-column:2;grid-row:1/3;width:1.05rem;height:1.05rem;color:var(--line2)}
.mtile:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--ink)}
.mtile:hover::before{transform:scaleY(1)}
.mtile:hover .ic{color:var(--m3)}
.phero--mono .mono{min-width:4.2rem;height:4.2rem;font-size:1.9rem;border-radius:18px;margin-bottom:1.2rem;width:max-content}

/* Тъмна лента с уреди */
.band{margin-top:2.6rem;padding-block:2.4rem;background:var(--glow),var(--night);border-block:4px solid;border-image:var(--stripes) 1}
.gauges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.gauge{position:relative;display:grid;grid-template-columns:6.4rem 1fr;align-items:center;gap:0 1.1rem;color:#A9ADBA}
.gauge svg{grid-row:1/3;width:6.4rem;height:6.4rem;transform:rotate(135deg)}
.gauge circle{fill:none;stroke-width:9;stroke-linecap:round}
.gauge__t{stroke:#262A37;stroke-dasharray:236 400}
.gauge__a{animation:dial 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes dial{from{stroke-dasharray:0 400}}
.gauge strong{align-self:end;font:900 italic 2.9rem/1 var(--head);color:#fff}
.gauge span{align-self:start;font-size:.95rem}

/* Какво се сменя заедно */
.kits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.kit{display:flex;flex-direction:column;padding:1.3rem;border-radius:var(--r);background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.kit__h{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}
.kit h3{margin:0;color:#fff;font-size:1.12rem}
.kit p{font-size:.92rem;line-height:1.5}
.kit__ph{display:flex;margin:auto 0 1rem;padding-left:.6rem}
.kit__ph a{display:block;width:25%;margin-left:-.6rem;border-radius:12px;overflow:hidden;box-shadow:0 0 0 3px #14161E;transition:transform .18s}
.kit__ph a:hover{transform:translateY(-5px)}
.kit__ph img{width:100%;aspect-ratio:1;object-fit:cover}
.kit .chips{margin:0}
.panel--dark .chips a{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.panel--dark .chips a:hover{background:var(--m3);border-color:var(--m3)}

/* Чести проблеми по модел */
.icards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.icard{display:flex;flex-direction:column;height:100%;padding:1.2rem;text-decoration:none;color:var(--text);transition:transform .18s,box-shadow .18s}
.icard:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--text)}
.icard__h{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}
.icard__h strong{display:block;font-size:1.08rem;line-height:1.2;color:var(--ink)}
.icard__h small{color:var(--m3);font-weight:700;font-size:.82rem}
.icard ul{list-style:none;margin:0 0 1rem;padding:0;font-size:.9rem;line-height:1.4}
.icard ul li{position:relative;padding:.3rem 0 .3rem 1.2rem;border-top:1px solid var(--line)}
.icard ul li:first-child{border-top:0}
.icard ul li::before{content:"";position:absolute;left:0;top:.85em;width:.55rem;height:.25rem;background:var(--m3);transform:skewX(-18deg)}
.blk__lead{max-width:52rem;margin:-.3rem 0 1.1rem}
.issues{list-style:none;margin:0 0 1.1rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;counter-reset:i}
.issue{counter-increment:i;position:relative;padding:1.4rem 1.5rem;overflow:hidden}
.issue::before{content:counter(i,decimal-leading-zero);position:absolute;right:1rem;top:.6rem;font:900 italic 2.6rem/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--line2)}
.issue__h{padding-right:3.5rem;margin-bottom:1rem}
.issue h3{font-size:1.15rem;margin-bottom:.5rem}
.issue__g{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.8rem;font-weight:600}
.issue__g .ic{width:1rem;height:1rem;color:var(--m1)}
.issue dl{margin:0 0 1rem;display:grid;gap:.75rem}
.issue dt{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--mute);margin-bottom:.15rem}
.issue dt .ic{width:1.05rem;height:1.05rem;color:var(--m3)}
.issue dd{margin:0;font-size:.96rem}
.issue .chips{margin:0}
.foot__brands{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--nline);max-width:var(--wrap)!important}
.foot__brands ul{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem}
.foot__brands li{padding:0}

/* Раздели */
.sec{padding-block:2.6rem 0}
.sec:last-of-type{padding-bottom:3.5rem}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.3rem}
.sh h2{margin:0}
.sh p{margin:.35rem 0 0;color:var(--mute);max-width:46rem}

.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.8rem}
.tile{display:block;height:100%;padding:.5rem .5rem .8rem;text-decoration:none;transition:transform .18s,box-shadow .18s}
.tile:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--ink)}
.tile__ph{position:relative;display:block;overflow:hidden;border-radius:13px;aspect-ratio:4/3;background:var(--night);margin-bottom:.65rem}
.tile__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tile:hover .tile__ph img{transform:scale(1.08)}
.tile__ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--stripes);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.tile:hover .tile__ph::after{transform:scaleX(1)}
.tile .badge{position:absolute;left:.45rem;top:.45rem;width:2rem;height:2rem;border-radius:9px;background:rgba(255,255,255,.94);color:var(--ink)}
.tile .badge .ic{width:1.1rem;height:1.1rem}
.tile strong{display:block;padding-inline:.3rem;font-size:.95rem;line-height:1.2;color:var(--ink)}
.tile small{display:block;padding-inline:.3rem;margin-top:.15rem;color:var(--mute);font-size:.82rem}

.ptiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
.ptiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ptile{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 .3rem;height:100%;padding:.5rem .7rem .75rem .5rem;text-decoration:none;transition:transform .18s,box-shadow .18s}
.ptile:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--ink)}
.ptile__ph{grid-column:1/-1;display:block;overflow:hidden;border-radius:13px;aspect-ratio:16/11;background:#E9EAEE;margin-bottom:.65rem}
.ptile__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ptile:hover .ptile__ph img{transform:scale(1.07)}
.ptile strong{padding-left:.3rem;font-size:.93rem;line-height:1.2;color:var(--ink)}
.ptile>.ic{width:1rem;height:1rem;color:var(--line2);transition:transform .15s,color .15s}
.ptile:hover>.ic{color:var(--m3);transform:translateX(2px)}

/* Какво усещаш в колата: тъмна лента */
.sec--dark{margin-top:2.6rem;padding-block:2.8rem 3rem;background:var(--glow),var(--night);color:#C9CCD6;border-block:4px solid;border-image:var(--stripes) 1}
.sec--dark .sh h2{color:#fff}
.sec--dark .sh p{color:#A9ADBA}
.sec--dark .more{color:#fff}
.symps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.symp{display:flex;flex-direction:column;height:100%;padding:1.25rem 1.25rem 1.1rem;text-decoration:none;color:var(--text);transition:transform .18s,box-shadow .18s,background .18s}
.symp:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--text)}
.symp h3{margin:1rem 0 .4rem;font-size:1.06rem;line-height:1.25}
.symp p{margin:0 0 1rem;color:var(--mute);font-size:.9rem;line-height:1.45}
.symp__go{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;font-weight:700;font-size:.9rem;color:var(--m3)}
.symp__go .ic{width:1.05rem;height:1.05rem;transition:transform .18s}
.symp:hover .symp__go .ic{transform:translateX(4px)}
.sec--dark .symp{background:var(--night2);box-shadow:inset 0 0 0 1px var(--nline);color:#C9CCD6}
.sec--dark .symp:hover{background:#1B1F2B;box-shadow:inset 0 0 0 1px #3A4052,0 22px 40px -20px #000}
.sec--dark .symp h3{color:#fff}
.sec--dark .symp p{color:#9EA2AF}
.sec--dark .symp__go{color:#fff}
.note{display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:1rem 1.2rem;color:var(--text);font-size:.95rem}
.note .ic{color:var(--m2);margin-top:.1rem}
.chips{list-style:none;padding:0;margin:0 0 1.1rem;display:flex;flex-wrap:wrap;gap:.4rem}
.chips a{display:block;padding:.3rem .8rem;border-radius:999px;border:1.5px solid var(--line);color:var(--ink);font-size:.9rem;font-weight:600;text-decoration:none;background:#fff;transition:background .15s,border-color .15s,color .15s}
.chips a:hover{border-color:var(--m3);background:var(--m3);color:#fff}
.chips--lg a{padding:.5rem 1.05rem;font-size:.97rem;box-shadow:var(--sh);border-color:transparent}
.abc{margin:1.4rem 0 0}
.abc a{min-width:2.4rem;text-align:center;font-weight:800}

/* Колата в разрез */
.xray{position:relative;display:grid;grid-template-columns:236px minmax(0,1fr) 330px;gap:2rem;align-items:center;padding:1.8rem;overflow:hidden}
.xray::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--stripes)}
.xray__list{list-style:none;margin:0;padding:0}
.xray__list a{display:flex;align-items:center;gap:.6rem;padding:.36rem .7rem;border-radius:9px;color:var(--mute);font-weight:600;font-size:.93rem;text-decoration:none}
.xray__list .ic{width:1.1rem;height:1.1rem}
.xray__list a:hover{color:var(--ink);background:var(--soft)}
.xray__list a.is-active{color:#fff;background:var(--ink)}
.xray__list a.is-active .ic{color:var(--m1)}
.xray__panel h3{font-size:1.6rem}
.car{width:100%;overflow:visible}
.car path,.car circle,.car rect,.car ellipse{fill:none;stroke-linecap:round;stroke-linejoin:round}
.car__body path{stroke:var(--ink);stroke-width:2.4}
.is-drawing .car__body path{stroke-dasharray:1600;animation:draw 2.2s cubic-bezier(.6,0,.2,1) both}
.car__wheel circle{stroke:var(--ink);stroke-width:2.4}
.is-drawing .car__wheel circle{animation:fade 1s .9s both}
.car__dim path{stroke:var(--line2);stroke-width:1;stroke-dasharray:4 5}
.sys{cursor:pointer}
.is-drawing .sys{animation:fade 1s 1.3s both}
.sys>*{stroke:#A9ADB8;stroke-width:1.7;transition:stroke .2s,stroke-width .2s}
.sys .sys__pin{fill:var(--m3);stroke:none;opacity:0}
.sys:hover>*{stroke:var(--ink)}
.sys.is-active>*{stroke:var(--m3);stroke-width:3}
.sys.is-active .sys__pin{opacity:1;stroke:none}
@keyframes draw{from{stroke-dashoffset:1600}}
@keyframes fade{from{opacity:0}}

/* Виж как работи */
.demo__tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.demo__tabs button{display:flex;align-items:center;gap:.5rem;font:700 .93rem var(--body);padding:.6rem 1.05rem;border-radius:999px;background:#fff;color:var(--ink);border:0;box-shadow:var(--sh);cursor:pointer;transition:background .15s,color .15s}
.demo__tabs .ic{width:1.15rem;height:1.15rem;color:var(--m3)}
.demo__tabs button:hover{background:var(--ink);color:#fff}
.demo__tabs button[aria-selected="true"]{background:linear-gradient(180deg,#F21340,var(--m3d));color:#fff}
.demo__tabs button:hover .ic,.demo__tabs button[aria-selected="true"] .ic{color:#fff}
.demo__panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:1.1rem;align-items:stretch}
.demo__panel[hidden]{display:none}
.demo__text{padding:1.8rem;display:flex;flex-direction:column;align-items:flex-start}
.demo__text h3{font-size:1.5rem}
.demo__text .btn{margin-top:auto}

/* Голям банер със снимка */
.banner{display:grid;grid-template-columns:minmax(0,1fr) 44%;overflow:hidden}
.banner__tx{padding:2.2rem 2rem 2.2rem 2.4rem}
.banner__tx>p{max-width:36rem;margin-bottom:1.6rem}
.banner__img{width:100%;height:100%;object-fit:cover;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.pts{list-style:none;margin:0 0 1.8rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.6rem}
.pts li{display:flex;gap:.85rem;align-items:flex-start}
.pts strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:.1rem}
.pts span{font-size:.9rem;line-height:1.45;color:var(--mute)}

/* Как се избира част */
.how{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:1.1rem;align-items:stretch}
.steps{list-style:none;counter-reset:n;padding:0;margin:0;display:grid;gap:.8rem}
.steps li{counter-increment:n;display:grid;grid-template-columns:auto 1fr;gap:.15rem 1.2rem;align-content:center;padding:1.3rem 1.5rem}
.steps li::before{content:"0" counter(n);grid-row:span 2;align-self:center;font:900 italic 2.9rem/.9 var(--head);color:transparent;-webkit-text-stroke:2px var(--m3);letter-spacing:-.03em;padding-right:.2rem}
.steps strong{font-size:1.1rem;color:var(--ink);align-self:end}
.steps span{color:var(--text);font-size:.96rem}
.vin{position:relative;overflow:hidden;border-radius:var(--r);background:var(--glow),var(--night);color:#D5D7DE;padding:1.9rem;box-shadow:var(--sh2)}
.vin::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--stripes)}
.vin h3{color:#fff;font-size:1.35rem}
.vin__plate{display:grid;gap:.75rem;margin:1.3rem 0;padding:1.1rem;border-radius:var(--r2);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.vin__g{display:grid;grid-template-columns:13rem 1fr;align-items:center;gap:1rem}
.vin__c{display:flex;gap:3px}
.vin__c b{display:grid;place-items:center;width:1.5rem;height:2rem;border-radius:4px;background:#fff;color:var(--ink);font:800 1rem/1 ui-monospace,"Cascadia Mono",Consolas,monospace}
.vin__g small{font-size:.84rem;line-height:1.35;color:#C5C8D0;padding-left:.8rem;border-left:4px solid var(--c)}
.vin__g small b{display:block;color:#fff}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{position:relative;padding:.35rem 0 .35rem 1.8rem}
.ticks li::before{content:"";position:absolute;left:0;top:.95em;width:.9rem;height:.32rem;border-radius:1px;background:var(--m3);transform:skewX(-18deg)}

/* Въпроси */
.faq--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;align-items:start}
.faq--2>div{display:grid;gap:.6rem}
.faq details{background:#fff;border-radius:14px;box-shadow:var(--sh);transition:box-shadow .15s}
.art .faq details,.art.faq details,.art details{background:var(--soft);box-shadow:none;margin-bottom:.5rem}
.faq details[open]{box-shadow:inset 4px 0 0 var(--m3),var(--sh)}
.art details[open]{box-shadow:inset 4px 0 0 var(--m3)}
.faq summary{cursor:pointer;padding:.95rem 1.15rem;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:8px;background:var(--bg);font:700 1.15rem/1 var(--body);color:var(--m3)}
.faq details[open] summary::after{content:"\2212";background:var(--m3);color:#fff}
.faq details p{padding:0 1.15rem 1.05rem;margin:0}

/* Тъмна лента накрая */
.cta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 46%;border-radius:22px;background:var(--glow),var(--night);color:#D9DBE3;box-shadow:var(--sh2)}
.cta__img{grid-column:2;grid-row:1;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:70% 50%;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}
.cta__tx{grid-column:1;grid-row:1;padding:2.6rem}
.cta h2{color:#fff;font:900 italic clamp(1.8rem,3.2vw,2.8rem)/1 var(--head);text-transform:uppercase}
.cta p{max-width:32rem;margin-bottom:1.6rem}
.groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.group{padding:1.3rem}
.group__h{display:flex;align-items:center;gap:.85rem;margin-bottom:.9rem}
.group h3{margin:0;font-size:1.1rem}
.group h3 a{color:var(--ink);text-decoration:none}
.group h3 a:hover{color:var(--m3)}
.group__h small{display:block;font-weight:500;font-size:.82rem;color:var(--mute);letter-spacing:0;margin-top:.1rem}
.group .chips{margin:0}

/* Чертежи */
.dia{position:relative;margin:0;padding:1.2rem 1.2rem .9rem;overflow:hidden}
.dia::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--stripes)}
.dia__scroll{overflow-x:auto;padding-top:.4rem}
.dia figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--mute);font-size:.9rem}
.dia__run{font:700 .9rem var(--body);padding:.6rem 1.1rem;border-radius:10px;background:var(--ink);color:#fff;border:0;cursor:pointer;transition:background .15s}
.dia__run:hover,.dia__run[aria-pressed="true"]{background:var(--m3)}
.sch{width:100%;min-width:540px;overflow:visible}
.sch *{stroke-linecap:round;stroke-linejoin:round}
.sch .ln{fill:none;stroke:var(--ink);stroke-width:2.2}
.sch .fine{fill:none;stroke:#A9ADB8;stroke-width:1.5}
.sch .solid{fill:#EEF0F4;stroke:var(--ink);stroke-width:2.2}
.sch .dash{stroke-dasharray:6 6}
.sch .pad{fill:rgba(12,13,16,.12);stroke:var(--ink);stroke-width:2}
.sch .hose,.sch .cable{stroke-width:6;stroke:#8A8E9A}
.sch .pipe{stroke-width:11;stroke:#8A8E9A}
.sch .belt{fill:none;stroke:var(--ink);stroke-width:7}
.sch .belt--2{stroke-width:6}
.sch .chain{fill:none;stroke:var(--ink);stroke-width:6;stroke-dasharray:4 4}
.sch .teeth{fill:none;stroke:var(--ink);stroke-width:8;stroke-dasharray:5 5}
.sch .gasket{fill:none;stroke:var(--ink);stroke-width:5}
.sch .strut{fill:none;stroke:var(--ink);stroke-width:16}
.sch .shaft{fill:none;stroke:var(--ink);stroke-width:7}
.sch .blade{fill:none;stroke:var(--ink);stroke-width:7}
.sch .flow{fill:none;stroke:var(--m1);stroke-width:3.4;stroke-dasharray:7 9;opacity:0}
.sch .flow.hot{stroke:#FF6A2B}
.sch .flow.amp{stroke:#F0A800}
.sch .spark{fill:#F0A800;opacity:0}
.sch .glow{fill:#FF6A2B;opacity:.3}
.sch .spray{fill:none;stroke:var(--m1);stroke-width:1.6;opacity:0}
.sch .cap{fill:var(--mute);font:500 12.5px var(--body)}
.sch .sign{fill:var(--ink);font:800 24px var(--body);text-anchor:middle}
.sch .lbl{fill:var(--ink);font:700 15px var(--body)}
.sch .lead{fill:none;stroke:var(--m3);stroke-width:1.1;opacity:.8}
.sch .pin{fill:var(--m3)}
.sch a.part{cursor:pointer}
.sch a.part:hover .lbl,.sch a.part:focus .lbl{fill:var(--m3);text-decoration:underline}
.sch a.part:hover :is(.ln,.solid,.belt,.chain,.gasket,.strut,.shaft,.blade,.pad,.teeth,.hose),
.sch .part.is-on :is(.ln,.solid,.belt,.chain,.gasket,.strut,.shaft,.blade,.pad,.teeth,.hose){stroke:var(--m3)}
.sch .part.is-on :is(.solid,.pad){fill:rgba(227,0,42,.14)}
.sch .part.is-on .lbl{fill:var(--m3);font-size:17px}
.sch--focus .part:not(.is-on) .lbl{fill:var(--mute);font-weight:500}
.sch--focus .part:not(.is-on) :is(.lead,.pin){opacity:.35}
.sch .spin{transform-box:view-box}
.sch.run .flow{opacity:1;animation:flow .7s linear infinite}
.sch.run .spin{animation:spin 3s linear infinite}
.sch.run .belt{stroke-dasharray:16 7;animation:flow .7s linear infinite}
.sch.run .chain{animation:flow .7s linear infinite}
.sch.run .pist{animation:pist .9s ease-in-out infinite alternate}
.sch.run .pist--2{animation-delay:-.9s}
.sch.run .spark{animation:blink 1.8s steps(1) infinite}
.sch.run .glow{animation:glow 1.4s ease-in-out infinite alternate}
.sch.run .spray{animation:blink 1.8s steps(1) infinite .9s}
.sch.run .wipe{animation:wipe 1.5s ease-in-out infinite alternate}
@keyframes flow{to{stroke-dashoffset:-32}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pist{to{transform:translateY(-78px)}}
@keyframes blink{0%,12%{opacity:1}13%,100%{opacity:0}}
@keyframes glow{to{opacity:1}}
@keyframes wipe{from{transform:rotate(-6deg)}to{transform:rotate(72deg)}}

/* Вътрешни страници */
.pg{display:grid;gap:1.1rem;padding-block:.6rem 3.5rem}
.pg>*{min-width:0}
.phero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 40%;gap:2rem;align-items:center;padding:2.2rem}
.phero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--m1) 0 33.4%,var(--m2) 0 66.7%,var(--m3) 0)}
.phero--one{grid-template-columns:minmax(0,1fr)}
.phero--one .phero__tx{max-width:58rem}
.phero h1{margin-bottom:.45em}
.lead{font-size:1.14rem;line-height:1.55;color:var(--text);margin:0;max-width:42rem}
.phero__ph{margin:0;border-radius:16px;overflow:hidden;background:#E9EAEE}
.phero__ph img{width:100%;aspect-ratio:16/10;object-fit:cover}
.phero__ph--dark{background:var(--night)}
.meta{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;padding:0}
.meta a,.meta span{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;background:var(--soft);font-weight:600;font-size:.9rem;color:var(--ink);text-decoration:none;transition:background .15s,color .15s}
.meta .ic{width:1.1rem;height:1.1rem;color:var(--m3)}
.meta a:hover{background:var(--ink);color:#fff}
.meta a:hover .ic{color:var(--m1)}
.meta span{color:var(--mute);font-weight:500}
.meta span .ic{color:var(--mute)}
.pg__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.1rem;align-items:start}
.pg__main{display:grid;gap:1.1rem;min-width:0}
.pg__main>*{min-width:0}
.pg__side{position:sticky;top:9.2rem;display:grid;gap:1.1rem}
.facts{padding:1.5rem 1.6rem 1.6rem}
.facts h2{font-size:1.25rem;margin-bottom:.9rem}
.facts dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0}
.facts dl>div{padding:.85rem 1rem;border-radius:var(--r2);background:var(--soft)}
.facts dt{font-size:.82rem;font-weight:600;color:var(--mute);margin-bottom:.15rem}
.facts dd{margin:0;font-weight:600;color:var(--ink);line-height:1.4}
.art{padding:2rem 2.1rem;font-size:1.04rem}
.art>section{margin-bottom:2.4rem}
.art>section:last-child{margin-bottom:0}
.art h2,.blk>h2,.catgroup__h h2{display:flex;align-items:center;gap:.75rem;font-size:clamp(1.25rem,1.9vw,1.5rem);margin-bottom:.8em}
.art p:last-child{margin-bottom:0}
.blk{margin-top:.6rem}
.signs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.signs li{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border-radius:var(--r2);background:#FFF1F3;font-size:.97rem;line-height:1.45;color:var(--ink)}
.signs .ic{color:var(--m3);width:1.25rem;height:1.25rem;margin-top:.05rem}
.checks{margin:0;padding:0;list-style:none;counter-reset:c;display:grid;gap:.5rem}
.checks li{counter-increment:c;position:relative;padding:.85rem 1rem .85rem 3.3rem;border-radius:var(--r2);background:var(--soft);color:var(--ink)}
.checks li::before{content:counter(c);position:absolute;left:.9rem;top:.75rem;display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:.85rem}
.callout{padding:1.1rem 1.25rem;border-radius:var(--r2);background:#FFF1F3;box-shadow:inset 4px 0 0 var(--m3);color:var(--ink);font-weight:500}
.causes{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.causes li{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1.3rem;align-items:center;padding:.7rem 1.4rem .7rem .7rem}
.causes__ph{display:block;overflow:hidden;border-radius:13px;background:#E9EAEE}
.causes__ph img{width:100%;aspect-ratio:16/11;object-fit:cover}
.causes h3{font-size:1.2rem;margin-bottom:.3rem}
.causes h3 a{text-decoration:none}
.causes p{margin-bottom:.6rem}
.sysintro{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:1.1rem;align-items:stretch}
.toc{padding:1.3rem 1.4rem}
.toc h2,.sidebox h2{font-size:1.05rem;margin-bottom:.7rem}
.toc ol{margin:0;padding:0;list-style:none;counter-reset:t}
.toc li{counter-increment:t;padding:.3rem 0 .3rem 1.9rem;position:relative;font-size:.93rem;line-height:1.4}
.toc li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:.36rem;font:800 italic .82rem var(--head);color:var(--m3)}
.toc a{text-decoration:none;color:var(--text);font-weight:500}
.toc a:hover{color:var(--m3)}
.syslink{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:var(--r);color:#fff;text-decoration:none;padding:6.5rem 1.3rem 1.2rem;background:var(--night);box-shadow:var(--sh)}
.syslink img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.syslink::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,12,16,.92),rgba(11,12,16,.1))}
.syslink:hover{color:#fff}
.syslink:hover img{transform:scale(1.07)}
.syslink small{display:block;font-size:.82rem;color:#C8CAD2}
.syslink strong{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:1.15rem}
.sidebox{padding:1.3rem 1.2rem}
.sidebox h2{padding-inline:.2rem}
.sidebox ul{list-style:none;margin:0;padding:0}
.sidebox a{display:flex;gap:.6rem;align-items:flex-start;padding:.45rem .5rem;border-radius:9px;text-decoration:none;font-size:.92rem;font-weight:600;line-height:1.35}
.sidebox .ic{width:1.15rem;height:1.15rem;color:var(--m3);margin-top:.05rem}
.sidebox a:hover{background:var(--soft);color:var(--ink)}
.pgrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}
.pcard{display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .18s,box-shadow .18s}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--text)}
.pcard__ph{position:relative;display:block;overflow:hidden;background:#E9EAEE;aspect-ratio:16/10}
.pcard__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pcard__ph img{transform:scale(1.06)}
.pcard__ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--stripes);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.pcard:hover .pcard__ph::after{transform:scaleX(1)}
.pcard__tx{display:block;padding:1rem 1.1rem 1.15rem}
.pcard strong{display:flex;justify-content:space-between;align-items:center;gap:.6rem;font-size:1.08rem;line-height:1.2;color:var(--ink);margin-bottom:.35rem}
.pcard strong .ic{width:1.1rem;height:1.1rem;color:var(--m3);transition:transform .18s}
.pcard:hover strong .ic{transform:translateX(4px)}
.pcard__d{display:block;color:var(--mute);font-size:.9rem;line-height:1.5}
.pcard__s{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.45rem;font-size:.8rem;font-weight:700;color:var(--m2)}
.pcard__s .ic{width:1rem;height:1rem}
.links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}
.links a{display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border-radius:14px;text-decoration:none;font-weight:600;color:var(--ink);transition:background .15s,color .15s,transform .15s}
.links .ic{color:var(--m3);width:1.25rem;height:1.25rem}
.links a:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.links a:hover .ic{color:var(--m1)}
.catgroup{margin-top:1.4rem}
.catgroup__h{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}
.catgroup__h h2{margin:0}
.catgroup h2 a{color:var(--ink);text-decoration:none}
.catgroup h2 a:hover{color:var(--m3)}
.filter{margin:1.5rem 0 0;display:grid;gap:.4rem;max-width:28rem}
.filter label{font-weight:700;color:var(--ink);font-size:.92rem}
.filter input{width:100%;height:3.1rem;padding:0 1rem;border:1.5px solid var(--line);border-radius:var(--r2);background:var(--soft);font:500 1rem var(--body);color:var(--ink)}
.filter input:focus{outline:0;border-color:var(--ink);background:#fff;box-shadow:0 0 0 4px rgba(79,179,240,.25)}
.empty{margin:0;font-weight:700;color:var(--ink)}
.symps--lg{grid-template-columns:repeat(4,minmax(0,1fr))}
.gloss{display:grid;gap:.7rem;margin:0}
.gloss__l{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:1.2rem;padding:1.4rem 1.6rem;scroll-margin-top:9.5rem}
.gloss__b{font:900 italic 2.7rem/1 var(--head);color:transparent;-webkit-text-stroke:2px var(--m3)}
.gloss__t{padding:.75rem 0;border-top:1px solid var(--line);scroll-margin-top:10rem}
.gloss__t:first-child{border-top:0;padding-top:0}
.gloss__t:last-child{padding-bottom:0}
.gloss__t:target dt{color:var(--m3)}
.gloss dt{font-weight:800;color:var(--ink);font-size:1.08rem}
.gloss dd{margin:.15rem 0 0}
.smap__grid{columns:4 260px;column-gap:.8rem}
.smap__grid .art{break-inside:avoid;margin-bottom:.8rem;padding:1.3rem 1.4rem;font-size:.95rem}
.smap__grid h2{font-size:1.05rem;margin-bottom:.6rem}
.smap__grid h2 a{text-decoration:none}
.smap{list-style:none;margin:0;padding:0}
.smap li{padding:.18rem 0}
.smap a{text-decoration:none;color:var(--text)}
.smap a:hover{color:var(--m3)}

/* Долна част */
.foot{margin-top:1rem;background:var(--glow),var(--night);color:#A9ACB7;padding-top:3.5rem;font-size:.94rem;border-top:6px solid;border-image:var(--stripes) 1}
.foot__grid{display:grid;grid-template-columns:1.25fr 1.5fr 1fr 1.35fr;gap:2.5rem}
.foot .logo,.foot .logo:hover{color:#fff}
.foot h2{font-size:1rem;color:#fff;margin-bottom:.8rem}
.foot ul{list-style:none;padding:0;margin:0}
.foot .cols{columns:2;column-gap:1.2rem}
.foot li{padding:.2rem 0;break-inside:avoid}
.foot a{color:#DDDEE4;text-decoration:none}
.foot a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--m3)}
.foot p{margin-top:1rem;max-width:22rem}
.foot__info{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem!important}
.foot__info li{padding:0}
.foot__info a{display:block;padding:.3rem .75rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--nline);font-size:.86rem}
.foot__info a:hover{box-shadow:inset 0 0 0 1px #fff;text-decoration:none}
.foot__copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;border-top:1px solid var(--nline);margin-top:3rem;padding-block:1.3rem;max-width:var(--wrap)!important}
.foot__copy a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--m3)}

@media (max-width:1180px){
  .btiles{grid-template-columns:repeat(5,minmax(0,1fr))}
  .btiles--all{grid-template-columns:repeat(5,minmax(0,1fr))}
  .gauges,.kits,.icards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .issues{grid-template-columns:minmax(0,1fr)}
  .finder__f{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hbtn span{display:none}
  .hbtn{padding:0 .9rem}
  .home1{grid-template-columns:minmax(0,1fr)}
  .syslist{order:2}
  .syslist ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ptiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .symps,.symps--lg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xray{grid-template-columns:minmax(0,1fr);gap:1.3rem}
  .xray__list{display:flex;flex-wrap:wrap;gap:.35rem;order:2}
  .xray__list a{box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:.3rem .75rem}
  .xray__car{order:1}.xray__info{order:3}
  .demo__panel,.how,.sysintro,.banner,.cta,.pg__grid{grid-template-columns:minmax(0,1fr)}
  .banner__img,.cta__img{clip-path:none;max-height:300px;grid-column:1;grid-row:auto}
  .cta__img{grid-row:2}
  .groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg__side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg__side .toc{display:none}
  .foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .hero2{clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),0 100%)}
  .hero2__img{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/10;z-index:0;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
  .hero2::before{background:radial-gradient(70% 45% at 0% 100%,rgba(227,0,42,.34),transparent 70%)}
  .hero2__in{padding-block:0 9.5rem;margin-top:-2rem;position:relative}
  .finder--over{margin-top:-8rem;padding:1.3rem 1.2rem 1.1rem}
  .panel{padding:1.4rem 1.1rem;border-radius:20px}
  .btiles,.btiles--all{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .kits,.icards{grid-template-columns:minmax(0,1fr)}
  .gauge{grid-template-columns:4.4rem 1fr;gap:0 .7rem}
  .gauge svg{width:4.4rem;height:4.4rem}
  .gauge strong{font-size:2rem}
  .gauge span{font-size:.82rem}
  .mtiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wrap{padding-inline:1rem}
  .util nav{display:none}
  .util__row{justify-content:center;text-align:center}
  .top__row{flex-wrap:wrap;gap:.6rem}
  .logo{font-size:1.75rem;margin-right:auto}
  .search{order:3;flex-basis:100%}
  .hero{border-radius:18px}
  .hero__img{position:relative;display:block;width:100%;height:auto;aspect-ratio:16/10;object-position:60% 50%;z-index:0;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
  .hero::before{background:radial-gradient(70% 50% at 0% 100%,rgba(227,0,42,.3),transparent 70%)}
  .hero__in{padding:0 1.25rem;margin-top:-2.2rem;position:relative}
  .hero__feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 0}
  .hero__feats li{border:0;margin:0;padding:0}
  .finder{padding:1.2rem}
  .finder__f{grid-template-columns:minmax(0,1fr)}
  .finder__f .btn{justify-content:center}
  .syslist ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .syslist a{font-size:.88rem;padding:.45rem .5rem;gap:.5rem}
  .syslist small,.syslist a>.ic:last-child{display:none}
  .sh{flex-direction:column;align-items:flex-start}
  .tiles,.ptiles,.ptiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .symps,.symps--lg,.groups,.signs,.pts,.faq--2,.facts dl,.pg__side{grid-template-columns:minmax(0,1fr)}
  .xray{padding:1.1rem}
  .banner__tx,.cta__tx{padding:1.5rem 1.25rem}
  .steps li{padding:1rem 1.1rem}
  .steps li::before{font-size:2.2rem}
  .vin{padding:1.4rem 1.15rem}
  .vin__g{grid-template-columns:minmax(0,1fr);gap:.45rem}
  .vin__c b{width:1.25rem;height:1.8rem;font-size:.9rem}
  .phero{grid-template-columns:minmax(0,1fr);padding:1.4rem 1.25rem 1.4rem 1.5rem;gap:1.3rem}
  .art{padding:1.4rem 1.2rem}
  .causes li{grid-template-columns:minmax(0,1fr);padding:.7rem .7rem 1.2rem}
  .causes li>div{padding-inline:.5rem}
  .gloss__l{grid-template-columns:minmax(0,1fr);gap:.4rem;padding:1.2rem}
  .foot__grid{grid-template-columns:1fr}
  html{scroll-padding-top:11rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .is-drawing .car__body path,.is-drawing .car__wheel circle,.is-drawing .sys{animation:none;stroke-dasharray:none}
  .dot{animation:none}
  .btn,.tile,.ptile,.pcard,.symp,.tile__ph img,.ptile__ph img,.pcard__ph img{transition:none}
}

/* ===== Пета версия: тъмна шапка, нови бутони, начало с BMW G60, търсене с лога, лампи на таблото ===== */
/* Бутони: трите ленти по левия ръб, стрелка в отделно поле, блясък при посочване */
.btn{gap:.9rem;min-height:3.3rem;padding:.45rem .5rem .45rem 1.55rem;border-radius:14px;font-weight:700;letter-spacing:.005em;isolation:isolate}
.btn::before{left:0;top:0;width:6px;height:100%;transform:none;background:linear-gradient(180deg,var(--m1) 0 33.4%,#3C60DC 0 66.7%,#fff 0);transition:width .2s}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.btn:hover::after,.btn:focus-visible::after{transform:translateX(120%)}
.btn:hover::before{width:10px}
.btn .ic{width:2.4rem;height:2.4rem;padding:.6rem;border-radius:10px;background:rgba(0,0,0,.24);transition:background .2s,color .2s,transform .2s}
.btn:hover .ic{transform:none;background:#fff;color:var(--m3)}
.btn--ink::before,.btn--glass::before{background:linear-gradient(180deg,var(--m1) 0 33.4%,#3C60DC 0 66.7%,var(--m3) 0)}
.btn--ink .ic,.btn--glass .ic{background:rgba(255,255,255,.12)}
.btn--ink:hover .ic,.btn--glass:hover .ic{color:var(--ink)}
.more{padding:.5rem .55rem .5rem 1rem;border-radius:999px;background:var(--soft);color:var(--ink);transition:background .15s,color .15s}
.more .ic{width:1.7rem;height:1.7rem;padding:.38rem;border-radius:50%;background:var(--m3);color:#fff}
.more:hover{background:var(--ink);color:#fff}
.more:hover .ic{transform:translateX(2px)}
.sec--dark .more,.panel--dark .more{background:rgba(255,255,255,.1);color:#fff}
.sec--dark .more:hover,.panel--dark .more:hover{background:#fff;color:var(--ink)}
.symp__go{margin-top:auto}

/* Шапка */
.util{border-top-width:3px}
.top{background:rgba(11,12,16,.97);box-shadow:0 1px 0 var(--nline),0 18px 30px -24px #000}
.top__row{padding-block:.95rem;gap:.8rem}
.top .logo,.top .logo:hover{color:#fff;font-size:2.15rem;margin-right:1.2rem}
.search{background:rgba(255,255,255,.07);border-color:var(--nline);border-radius:16px;padding:.32rem .32rem .32rem 1.1rem}
.search:focus-within{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);box-shadow:0 0 0 4px rgba(79,179,240,.22)}
.search>.ic{color:#9EA2AF}
.search input{color:#fff;padding-block:.62rem}
.search input::placeholder{color:#9EA2AF}
.search button{padding:.72rem 1.5rem;border-radius:12px}
.hbtn{min-height:3.25rem;padding:0 1.15rem;border-radius:16px;background:rgba(255,255,255,.05);border-color:var(--nline);color:#fff}
.hbtn .ic{color:var(--m1)}
.hbtn:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.1)}
.hbtn--red{background:linear-gradient(180deg,#F21340,var(--m3d));border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 20px -12px rgba(227,0,42,.9)}
.hbtn--red .ic{color:#fff}
.hbtn--red:hover{background:linear-gradient(180deg,#FF2A55,var(--m3));border-color:transparent}
.nav{border-top:1px solid var(--nline);background:#101218}
.nav a{color:#B4B8C5;padding:.7rem .8rem;font-size:.92rem}
.nav .ic{color:#6C7180}
.nav a:hover,.nav a[aria-current]{color:#fff}
.nav a:hover .ic,.nav a[aria-current] .ic{color:var(--m1)}
.nav a::after{height:3px;background:linear-gradient(90deg,var(--m1),#3C60DC,var(--m3))}
.nav__sep{margin-left:auto;padding-left:.6rem;border-left:1px solid var(--nline)}

/* Начало */
.hero2{clip-path:none;overflow:visible;z-index:5;border-bottom:5px solid;border-image:var(--stripes) 1}
.hero2__img{width:70%;object-position:62% 40%}
.hero2::before{background:linear-gradient(90deg,var(--night) 24%,rgba(11,12,16,.7) 44%,rgba(11,12,16,0) 70%),linear-gradient(0deg,var(--night) 6%,rgba(11,12,16,.55) 36%,transparent 62%),radial-gradient(40% 60% at 0% 100%,rgba(227,0,42,.3),transparent 70%)}
.hero2__in{padding-block:4rem 2.6rem}
.hero2 h1{font-size:clamp(3.1rem,7vw,6.6rem);max-width:7.5em;text-shadow:0 2px 40px rgba(0,0,0,.6)}
.pill{gap:.4rem;padding:.4rem 1rem}
.pill i{width:4px;height:.9rem;margin-inline:.45rem;background:var(--m3);transform:skewX(-18deg)}
.hero2__pts{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2.4rem;padding:0}
.hero2__pts li{display:flex;align-items:center;gap:.5rem;padding:.5rem .95rem .5rem .7rem;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-weight:600;font-size:.92rem}
.hero2__pts .ic{width:1.15rem;height:1.15rem;color:var(--m1)}

/* Търсене по кола */
.finder{position:relative;overflow:visible;padding:1.6rem 1.6rem 1.3rem;border-radius:24px;background:var(--glow),var(--night);color:#B4B8C5;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.hero2 .finder{background:rgba(13,15,21,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.finder::before{content:"";position:absolute;inset:0;right:0;top:0;width:auto;height:auto;border-radius:inherit;padding:1.5px;background:linear-gradient(100deg,var(--m1),#3C60DC 45%,var(--m3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.finder__h{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem 1.2rem;margin-bottom:1.1rem}
.finder__h h2{display:flex;align-items:center;gap:.6rem;margin:0;color:#fff;font-size:1.35rem}
.finder__h h2 .ic{color:var(--m1)}
.finder__h p{margin:0;color:#9EA2AF;font-size:.93rem}
.finder__f{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.7rem;align-items:stretch}
.dd{position:relative}
.dd__btn{width:100%;height:4.5rem;display:flex;align-items:center;gap:.9rem;padding:0 1rem;border-radius:16px;border:1.5px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.dd__btn:hover:not(:disabled),.dd.is-open .dd__btn{border-color:#fff;background:rgba(255,255,255,.11)}
.dd__btn:disabled{opacity:.45;cursor:not-allowed}
.dd__n{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:10px;background:#fff;color:var(--ink);font:900 italic 1.15rem/1 var(--head);transition:background .2s,color .2s}
.dd.has-val .dd__n{background:var(--m3);color:#fff}
.dd__l{flex:1;min-width:0;display:grid;gap:.1rem}
.dd__l small{font-size:.76rem;font-weight:600;color:#9EA2AF}
.dd__l b{display:flex;align-items:center;gap:.55rem;font-size:1.06rem;white-space:nowrap;overflow:hidden}
.dd__l b img{flex:none;width:2.2rem;height:1.65rem;object-fit:contain;background:#fff;border-radius:6px;padding:2px}
.dd__l b .ic{width:1.2rem;height:1.2rem;color:var(--m1)}
.dd__btn>.ic{width:1.15rem;height:1.15rem;color:#9EA2AF;transform:rotate(90deg);transition:transform .2s}
.dd.is-open .dd__btn>.ic{transform:rotate(-90deg)}
.dd__pop{position:absolute;left:0;top:calc(100% + .5rem);z-index:30;width:max(100%,22rem);padding:.5rem;border-radius:18px;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px rgba(14,16,20,.08);color:var(--ink)}
.dd__pop input{width:100%;height:2.8rem;padding:0 .9rem;margin-bottom:.45rem;border:1.5px solid var(--line);border-radius:11px;background:var(--soft);font:500 .95rem var(--body);color:var(--ink)}
.dd__pop input:focus{outline:0;border-color:var(--ink);background:#fff}
.dd__pop ul{list-style:none;margin:0;padding:0;max-height:19.5rem;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.dd[data-dd=s] .dd__pop ul{grid-template-columns:minmax(0,1fr)}
.dd__pop [role=option]{width:100%;display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem;border:0;border-radius:10px;background:transparent;font:600 .93rem var(--body);color:var(--ink);text-align:left;cursor:pointer}
.dd__pop [role=option]:hover,.dd__pop [role=option]:focus-visible{background:var(--soft);color:var(--m3)}
.dd__pop [role=option] img{flex:none;width:2.4rem;height:1.8rem;object-fit:contain}
.dd__pop [role=option] .ic{width:1.15rem;height:1.15rem;color:var(--m3)}
.finder .btn{min-height:4.5rem;padding-left:1.8rem;font-size:1.06rem;border-radius:16px}
.finder .btn .ic{width:2.9rem;height:2.9rem;padding:.75rem;border-radius:12px}
.finder__top{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:1.1rem 0 0;padding:0;font-size:.88rem}
.finder__top a{display:flex;align-items:center;gap:.45rem;padding:.22rem .8rem .22rem .25rem;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:600;transition:background .15s,color .15s}
.finder__top a img{width:2rem;height:1.5rem;object-fit:contain;background:#fff;border-radius:999px;padding:2px 3px}
.finder__top a:hover{background:#fff;color:var(--ink)}

/* Лога на марките */
.mono{min-width:0;width:3.5rem;height:2.9rem;padding:.3rem;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font-size:0}
.mono img{width:100%;height:100%;object-fit:contain}
.btile{padding:1.1rem .5rem 1rem;border-radius:16px}
.btile .mono{width:5.6rem;height:4.2rem;padding:0;box-shadow:none;background:transparent;margin-bottom:.5rem}
.btile:hover .mono{transform:scale(1.1)}
.phero--mono .mono{min-width:0;width:7rem;height:5.25rem;padding:.7rem;border-radius:18px;margin-bottom:1.2rem}
.sh h2{font-size:clamp(1.6rem,2.7vw,2.25rem)}
.sh p{font-size:1.02rem}

/* Системи: светли снимки */
.tiles{gap:.9rem}
.tile{padding:.55rem .55rem .9rem;border-radius:20px}
.tile__ph{aspect-ratio:16/11;background:#ECEDF0;border-radius:15px}
.tile .badge{left:auto;right:.45rem;top:.45rem;background:var(--ink);color:#fff}
.tile:hover .badge{background:var(--m3)}
.tile strong{font-size:1rem;padding-top:.1rem}

/* Чести проблеми по модел */
.icards{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.icard{position:relative;overflow:hidden;padding:0;background:var(--soft);box-shadow:none;border-radius:20px;transition:box-shadow .2s,transform .2s,background .2s}
.icard:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--sh2)}
.icard__h{display:flex;align-items:center;gap:.9rem;margin:0;padding:1.1rem 1.2rem;background:var(--glow),var(--night);color:#fff;text-decoration:none;border-bottom:4px solid;border-image:var(--stripes) 1}
.icard__h:hover{color:#fff}
.icard__h .mono{width:4rem;height:3.2rem;box-shadow:none}
.icard__h>span{flex:1;min-width:0;display:grid}
.icard__h small{color:#A9ADBA;font-size:.8rem;font-weight:600}
.icard__h strong{color:#fff;font:900 italic 1.6rem/1.05 var(--head);text-transform:uppercase}
.icard__h em{flex:none;padding:.3rem .7rem;border-radius:999px;background:var(--m3);color:#fff;font-style:normal;font-weight:700;font-size:.78rem}
.icard ul{margin:0;padding:.5rem 1.2rem .3rem;font-size:.93rem}
.icard ul li{display:grid;gap:.15rem;padding:.7rem 0 .7rem 1.3rem}
.icard ul li::before{top:1.25em}
.icard ul li span{color:var(--ink);font-weight:600;line-height:1.35}
.icard ul li small{color:var(--mute);font-size:.8rem}
.icard .more{margin:.4rem 1.2rem 1.2rem;align-self:flex-start;background:#fff}
.icard .more:hover{background:var(--ink)}
.issue__h{padding-right:3.5rem}

/* Лампи на таблото */
.lamp{flex:none;display:grid;place-items:center;width:4.6rem;height:4.6rem;border-radius:50%;background:radial-gradient(circle at 50% 30%,#262A36,#0B0C10 70%);box-shadow:inset 0 0 0 2px #2C3040,inset 0 -8px 14px rgba(0,0,0,.5),0 10px 18px -10px #000;transition:transform .2s}
.lamp svg{width:58%;height:58%}
.lamp--red{color:#FF2B45}
.lamp--red svg{filter:drop-shadow(0 0 5px rgba(255,43,69,.85))}
.lamp--amber{color:#FFB21A}
.lamp--amber svg{filter:drop-shadow(0 0 5px rgba(255,178,26,.8))}
.lamp--sm{width:2.2rem;height:2.2rem;box-shadow:inset 0 0 0 1.5px #2C3040}
.lamp--xl{width:11rem;height:11rem}
.panel--dash{background:radial-gradient(60% 80% at 50% 0%,#1C1F2B,transparent 70%),var(--night)}
.lamps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem}
.lcard{display:flex;flex-direction:column;align-items:center;gap:.1rem;height:100%;padding:1.1rem .3rem 1rem;border-radius:18px;text-align:center;text-decoration:none;color:#fff;transition:background .2s}
.lcard .lamp{margin-bottom:.7rem}
.lcard strong{font-size:.93rem;line-height:1.2}
.lcard small{font-size:.74rem;font-weight:600}
.lcard--red small{color:#FF6B7E}
.lcard--amber small{color:#FFC758}
.lcard:hover{background:rgba(255,255,255,.07);color:#fff}
.lcard:hover .lamp{transform:scale(1.1)}
.lrows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.lrow{display:flex;align-items:center;gap:1.1rem;height:100%;padding:1rem 1.1rem;text-decoration:none;color:var(--text);transition:transform .18s,box-shadow .18s}
.lrow:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--text)}
.lrow>span:nth-child(2){flex:1;min-width:0;display:grid;gap:.15rem}
.lrow strong{color:var(--ink);font-size:1.06rem;line-height:1.25}
.lrow span span{font-size:.9rem;line-height:1.45;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lrow__c{font-weight:700;font-size:.8rem}
.lrow__c--red,.meta .meta__red,.meta .meta__red .ic{color:var(--m3)}
.lrow__c--amber,.meta .meta__amber,.meta .meta__amber .ic{color:#B87400}
.lrow>.ic{width:1.1rem;height:1.1rem;color:var(--line2)}
.phero__lamps{margin:0;display:grid;grid-template-columns:repeat(4,auto);justify-content:center;align-content:center;gap:1rem;padding:1.6rem;border-radius:16px;background:radial-gradient(60% 80% at 50% 0%,#1C1F2B,transparent 70%),var(--night)}
.phero__lamps--one{grid-template-columns:auto;justify-items:center;gap:1.2rem;padding:2rem}
.phero__lamps figcaption{max-width:17rem;text-align:center;font-size:.8rem;color:#9EA2AF}
.sidebox--lamps ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.sidebox--lamps a{align-items:center}
.kicker{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .9rem;padding:.35rem .8rem;border-radius:999px;background:var(--soft);font-weight:700;font-size:.85rem;color:var(--ink)}
.kicker .ic{width:1.1rem;height:1.1rem;color:var(--m3)}
.tgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}
.tgrid a{display:block;height:100%;padding:1.1rem 1.2rem;text-decoration:none;color:var(--mute);transition:transform .18s,box-shadow .18s}
.tgrid a:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--mute)}
.tgrid strong{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:.3rem}
.tgrid span{font-size:.88rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gloss dt a{text-decoration:none}
.gloss dt a:hover{color:var(--m3)}

/* По-изпипани детайли */
.card{border-radius:20px}
.panel{border-radius:28px;padding:2.4rem}
.sec{padding-block:3.2rem 0}
.band{margin-top:3.2rem}
.sec--dark{margin-top:3.2rem;padding-block:3.4rem 3.6rem}
.ptile,.pcard,.symp{border-radius:20px}
.pcard{overflow:hidden}
.phero{border-radius:24px;padding:2.4rem 2.4rem 2.4rem 2.7rem}
.phero h1{font-size:clamp(2.1rem,3.8vw,3.2rem)}
.crumbs{padding-block:1.1rem .4rem}

@media (max-width:1180px){
  .finder__f{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lamps{grid-template-columns:repeat(5,minmax(0,1fr))}
  .icards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav__sep{margin-left:0;border:0;padding:0}
}
@media (max-width:760px){
  .top .logo{font-size:1.8rem;margin-right:auto}
  .hero2__img{width:100%}
  .hero2__in{padding-block:0 1.6rem;margin-top:-1.5rem}
  .hero2__pts{margin-bottom:1.5rem}
  .hero2__pts li{font-size:.84rem;padding:.4rem .75rem .4rem .55rem}
  .finder{padding:1.2rem 1rem 1rem;border-radius:20px}
  .finder__f{grid-template-columns:minmax(0,1fr)}
  .finder .btn{justify-content:space-between}
  .dd__btn{height:4rem}
  .dd__pop{width:100%}
  .lamps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lamp{width:3.9rem;height:3.9rem}
  .lamp--xl{width:8rem;height:8rem}
  .lamp--sm{width:2.2rem;height:2.2rem}
  .icards,.lrows,.tgrid{grid-template-columns:minmax(0,1fr)}
  .panel{padding:1.5rem 1.1rem;border-radius:22px}
  .phero{padding:1.5rem 1.25rem 1.5rem 1.6rem}
  .phero__lamps{grid-template-columns:repeat(4,auto);gap:.5rem;padding:1rem}
  .phero__lamps--one{grid-template-columns:auto}
  .btile .mono{width:4.4rem;height:3.3rem}
}
.hero2__in{padding-block:2.8rem 2.4rem}
.hero2 h1{font-size:clamp(3rem,6vw,5.5rem)}
.hero2 h1 em{background:linear-gradient(90deg,#6CC4FF,#8C9BFF 48%,#FF4D6D);-webkit-background-clip:text;background-clip:text}
.hero2 .hero__lead{margin-bottom:1.3rem}
.hero2__pts{margin-bottom:1.9rem}
.mono{display:block;flex:none}
.mono img{display:block;width:100%;height:100%;object-fit:contain}
.btile .mono{margin-inline:auto}

/* ===== Шеста версия: шапка с падащи табла, начало на цял екран, тежък футър, изпипани секции ===== */
body{background:#E8EBF0}
.card{box-shadow:0 0 0 1px rgba(14,16,20,.05),0 1px 2px rgba(14,16,20,.04),0 14px 30px -18px rgba(14,16,20,.2)}

/* Шапка */
.util{background:#07080B;font-size:.82rem}
.util__row{padding-block:.42rem}
.util a{font-weight:500;color:#C9CCD6}
.top{background:rgba(11,12,16,.98);backdrop-filter:none;-webkit-backdrop-filter:none}
.top__row{padding-block:1.15rem;gap:1.4rem}
.top .logo,.top .logo:hover{font-size:2.5rem;margin-right:.6rem}
.search{max-width:none;height:3.6rem;border-radius:999px;padding:.35rem .35rem .35rem 1.4rem;background:#171A22;border:1.5px solid #2A2E3B}
.search:focus-within{border-color:var(--m1);background:#1C2029}
.search input{font-size:1.02rem}
.search button{height:100%;padding:0 1.8rem;border-radius:999px;font-size:1rem}
.search__list{border-radius:18px;top:calc(100% + .6rem)}
.hbtn--red{min-height:3.6rem;padding:0 1.6rem 0 1.3rem;border-radius:999px;font-size:1rem}
.nav{background:transparent;border-top:1px solid #1E212B;position:relative}
.nav ul{overflow:visible;gap:0;align-items:stretch}
.nav>.wrap>ul>li>a{padding:.95rem 1.15rem;font-size:.98rem;font-weight:600;color:#D5D8E0;gap:.35rem}
.nav>.wrap>ul>li:first-child>a{padding-left:0}
.nav>.wrap>ul>li>a .ic{width:.95rem;height:.95rem;transform:rotate(90deg);color:#7B8090;transition:transform .2s,color .2s}
.nav>.wrap>ul>li>a::after{left:1.15rem;right:1.15rem}
.nav>.wrap>ul>li:first-child>a::after{left:0}
.has-mega:hover>a,.has-mega:focus-within>a{color:#fff}
.has-mega:hover>a .ic,.has-mega:focus-within>a .ic{transform:rotate(-90deg);color:var(--m1)}
.has-mega:hover>a::after,.has-mega:focus-within>a::after{transform:scaleX(1)}
.mega{position:absolute;left:0;right:0;top:100%;z-index:30;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;background:#fff;color:var(--text);border-bottom:5px solid;border-image:var(--stripes) 1;box-shadow:0 40px 60px -30px rgba(0,0,0,.55)}
.has-mega:hover .mega,.has-mega:focus-within .mega{visibility:visible;opacity:1;transform:none}
.mega__in{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.5rem;padding-block:1.8rem 2rem}
.mega ul{list-style:none;margin:0;padding:0;display:grid;overflow:visible}
.mega__brands{grid-template-columns:repeat(10,minmax(0,1fr));gap:.4rem!important}
.mega__brands a{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .3rem .7rem!important;border-radius:14px;color:var(--ink)!important;font-size:.84rem!important;font-weight:600;text-decoration:none;white-space:normal!important;text-align:center;transition:background .15s,transform .15s}
.mega__brands a::after,.mega__sys a::after{display:none}
.mega__brands img{width:4.4rem;height:3.3rem;object-fit:contain}
.mega__brands a:hover{background:var(--soft);transform:translateY(-3px)}
.mega__sys{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem!important}
.mega__sys a{display:flex;align-items:center;gap:.8rem;padding:.6rem .7rem!important;border-radius:14px;color:var(--ink)!important;text-decoration:none;white-space:normal!important;transition:background .15s}
.mega__sys .badge{width:2.5rem;height:2.5rem;transition:background .15s}
.mega__sys .badge .ic{width:1.3rem!important;height:1.3rem!important;color:#fff!important;transform:none!important}
.mega__sys b{display:block;font-size:.95rem;line-height:1.2}
.mega__sys small{color:var(--mute);font-size:.8rem;font-weight:500}
.mega__sys a:hover{background:var(--soft)}
.mega__sys a:hover .badge{background:var(--m3)}
.mega__side{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;border-radius:18px;background:var(--glow),var(--night);color:#B4B8C5}
.mega__side strong{font:900 italic 1.6rem/1.05 var(--head);text-transform:uppercase;color:#fff;margin-bottom:.6rem}
.mega__side p{font-size:.92rem;line-height:1.5}
.mega__side .more{margin-top:auto;background:#fff;color:var(--ink);padding:.5rem .55rem .5rem 1rem!important;font-size:.92rem!important}
.mega__side .more::after{display:none}
.mega__side .more .ic{width:1.7rem!important;height:1.7rem!important;transform:none!important;color:#fff!important}

/* Начало */
.hero3{position:relative;isolation:isolate;z-index:5;background:var(--night);color:#D9DBE3}
.hero3__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 34%;z-index:-2}
.hero3::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--night) 8%,rgba(11,12,16,.82) 34%,rgba(11,12,16,.12) 62%,rgba(11,12,16,.3)),linear-gradient(0deg,var(--night) 4%,rgba(11,12,16,.6) 30%,transparent 55%),radial-gradient(40% 60% at 0% 100%,rgba(227,0,42,.28),transparent 70%)}
.hero3::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--stripes)}
.hero3__in{padding-block:5.5rem 3rem}
.hero3 h1{font:900 italic clamp(3.2rem,7.6vw,7.4rem)/.9 var(--head);text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin-bottom:.3em;max-width:7em;text-shadow:0 4px 50px rgba(0,0,0,.7)}
.hero3 h1 em{display:block;font-style:inherit;background:linear-gradient(90deg,#6CC4FF,#8C9BFF 48%,#FF4D6D);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.hero3 .hero__lead{font-size:1.2rem;max-width:34rem;margin-bottom:2rem;color:#E1E3EA}
.hero3__stats{list-style:none;display:flex;flex-wrap:wrap;margin:0 0 3.2rem;padding:0}
.hero3__stats li{position:relative;padding:0 2.2rem 0 0;margin-right:2.2rem}
.hero3__stats li+li::before{content:"";position:absolute;left:-2.2rem;top:.3rem;bottom:.3rem;width:3px;background:var(--m3);transform:skewX(-18deg)}
.hero3__stats li:nth-child(2)::before{background:var(--m1)}
.hero3__stats li:nth-child(3)::before{background:#4A6BE0}
.hero3__stats li:last-child{margin:0;padding:0}
.hero3__stats b{display:block;font:900 italic 3.1rem/1 var(--head);color:#fff}
.hero3__stats span{font-size:.92rem;color:#B4B8C5}
.hero3 .finder{background:rgba(13,15,21,.74);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:1.8rem 1.8rem 1.4rem;border-radius:28px}
.finder__h h2{font-size:1.5rem}
.dd__btn{height:4.8rem;border-radius:18px}
.finder .btn{min-height:4.8rem;border-radius:18px}
.marq{overflow:hidden;background:#fff;padding-block:1.1rem;box-shadow:0 1px 0 var(--line)}
.marq ul{display:flex;gap:3.4rem;list-style:none;margin:0;padding:0;width:max-content;animation:run 90s linear infinite}
.marq:hover ul{animation-play-state:paused}
.marq img{width:5rem;height:3.75rem;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .2s,opacity .2s,transform .2s}
.marq a:hover img{filter:none;opacity:1;transform:scale(1.12)}
@keyframes run{to{transform:translateX(-50%)}}

/* Заглавия на секциите */
.sec{padding-block:4rem 0}
.sh{position:relative;align-items:center;margin-bottom:1.8rem;padding-bottom:1.3rem;border-bottom:1px solid var(--line2)}
.sh::after{content:"";position:absolute;left:0;bottom:-3px;width:150px;height:5px;background:var(--stripes)}
.sh h2{font:900 italic clamp(1.9rem,3.3vw,2.9rem)/1 var(--head);text-transform:uppercase;letter-spacing:-.01em}
.sh h2 .m3{display:none}
.sh p{font-size:1.05rem;margin-top:.6rem}
.sec--dark .sh,.panel--dark .sh{border-color:var(--nline)}
.panel{padding:2.8rem}
.tiles{grid-template-columns:repeat(7,minmax(0,1fr))}
.tile strong{font-size:1.02rem}
.ptile strong{font-size:.98rem}
.btile{box-shadow:none;background:var(--soft)}
.btile:hover{background:#fff}
.xray,.dia{border-radius:24px}
.sec--dark{margin-top:4rem;padding-block:4.2rem 4.4rem}
.groups .group{border-radius:20px}

/* Футър */
.foot{margin-top:4.5rem;padding:0;border:0;background:var(--night)}
.foot__cta{position:relative;isolation:isolate;overflow:hidden;padding-block:6.5rem;color:#E1E3EA;border-block:5px solid;border-image:var(--stripes) 1}
.foot__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-2}
.foot__cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,12,16,.95) 10%,rgba(11,12,16,.7) 45%,rgba(11,12,16,.15))}
.foot__cta h2{font:900 italic clamp(2.4rem,5.4vw,5rem)/.95 var(--head);text-transform:uppercase;color:#fff;max-width:9em;margin-bottom:.35em}
.foot__cta p{max-width:34rem;font-size:1.15rem;margin:0 0 2rem}
.foot__cta .hero__cta{margin:0}
.foot__body{position:relative;isolation:isolate;overflow:hidden;padding-top:4rem;background:radial-gradient(50% 60% at 100% 0%,rgba(79,179,240,.14),transparent 70%),radial-gradient(45% 55% at 0% 100%,rgba(227,0,42,.22),transparent 70%),repeating-linear-gradient(115deg,rgba(255,255,255,.022) 0 2px,transparent 2px 26px),var(--night)}
.foot__logos h2{font:900 italic 1.9rem/1 var(--head);text-transform:uppercase;color:#fff;margin-bottom:1.3rem}
.foot__logos ul{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem}
.foot__logos li{padding:0}
.foot__logos a{display:grid;place-items:center;aspect-ratio:4/3;padding:.5rem;border-radius:14px;background:#fff;transition:transform .18s,box-shadow .18s}
.foot__logos img{width:100%;height:100%;object-fit:contain}
.foot__logos a:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 0 0 3px var(--m3),0 18px 30px -14px #000}
.foot__grid{grid-template-columns:1.4fr 1.5fr 1fr 1fr;gap:3rem;margin-top:4rem;padding-top:3.5rem;border-top:1px solid var(--nline)}
.foot .logo{font-size:2.6rem}
.foot h2{font-size:1.05rem}
.foot__nums{display:flex;gap:1.8rem;margin-top:1.6rem!important}
.foot__nums li{padding:0;font-size:.86rem}
.foot__nums b{display:block;font:900 italic 2rem/1 var(--head);color:#fff}
.foot__big{margin:3rem 0 -.16em;text-align:center;font:900 italic clamp(4rem,19.5vw,20rem)/.8 var(--head);text-transform:uppercase;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.13);max-width:none;white-space:nowrap;user-select:none}
.foot__big span{-webkit-text-stroke-color:rgba(227,0,42,.55)}
.foot__copy{position:relative;margin-top:0;border-top:1px solid var(--nline);font-size:.86rem;background:rgba(7,8,11,.6);max-width:none!important;padding-inline:max(1.5rem,calc((100% - var(--wrap)) / 2 + 1.5rem))}
.foot__copy span:first-child{max-width:52rem}

@media (max-width:1180px){
  .mega{display:none}
  .nav ul{overflow-x:auto}
  .nav>.wrap>ul>li>a .ic{display:none}
  .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .foot__logos ul{grid-template-columns:repeat(8,minmax(0,1fr))}
  .foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .top__row{padding-block:.8rem;gap:.6rem}
  .top .logo{font-size:1.9rem}
  .search{height:3.1rem}
  .hbtn--red{min-height:3rem;padding:0 .95rem}
  .nav>.wrap>ul>li>a{padding:.75rem .8rem;font-size:.92rem}
  .hero3__img{position:relative;display:block;height:auto;aspect-ratio:16/10;object-position:66% 40%;z-index:0;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
  .hero3::before{background:radial-gradient(70% 40% at 0% 100%,rgba(227,0,42,.3),transparent 70%)}
  .hero3__in{position:relative;padding-block:0 1.8rem;margin-top:-1.6rem}
  .hero3 .hero__lead{font-size:1.05rem;margin-bottom:1.4rem}
  .hero3__stats{margin-bottom:1.8rem;display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between}
  .hero3__stats li{padding:0;margin:0}
  .hero3__stats li+li::before{display:none}
  .hero3__stats b{font-size:1.9rem}
  .hero3__stats span{font-size:.74rem}
  .hero3 .finder{padding:1.2rem 1rem 1rem;border-radius:22px}
  .dd__btn,.finder .btn{height:4.1rem;min-height:4.1rem}
  .marq img{width:3.6rem;height:2.7rem}
  .marq ul{gap:2rem}
  .sec{padding-block:2.8rem 0}
  .sh{align-items:flex-start}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel{padding:1.5rem 1.1rem}
  .foot__cta{padding-block:4rem}
  .foot__logos ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}
  .foot__logos a{border-radius:10px;padding:.3rem}
  .foot__grid{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem;padding-top:2.5rem}
  .foot__copy{padding-inline:1rem}
}
@media (prefers-reduced-motion:reduce){.marq ul{animation:none}}
.hero3__in{padding-block:3.4rem 2.6rem}
.hero3 h1{font-size:clamp(3rem,5.7vw,5.5rem);max-width:none}
.hero3 .hero__lead{margin-bottom:1.6rem}
.hero3__stats{margin-bottom:2.2rem}
.hero3__stats b{font-size:2.6rem}
@media (max-width:760px){.hero3__in{padding-block:0 1.8rem}.hero3 h1{font-size:clamp(2.5rem,12vw,3.4rem)}.hero3__stats b{font-size:1.9rem}.hero3__stats{margin-bottom:1.8rem}}
.foot .foot__big{max-width:none;margin:3rem 0 -.16em}
.foot .foot__cta p{max-width:34rem;margin:0 0 2rem}
.foot .foot__cta .hero__cta{max-width:none;margin:0}

/* ===== Седма версия: по-силна шапка, тъмни падащи списъци, поява на колата, кола в разрез със снимка, тъмни чертежи, корпоративен футър ===== */
span.mono{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
span.mono img{width:auto;height:auto;max-width:100%;max-height:100%}

/* Шапка */
.top{background:linear-gradient(180deg,#0E1016,#0B0C10);box-shadow:0 24px 40px -30px #000}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--m1),#3C60DC 50%,var(--m3));opacity:.95}
.top__row{padding-block:1.25rem;gap:1.1rem}
.top .logo,.top .logo:hover{font-size:2.7rem;margin-right:1rem}
.top .logo .m3 i{height:.82em;width:.26em}
.search{height:3.9rem;background:#fff;border:0;padding:.4rem .4rem .4rem 1.5rem;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.search:focus-within{background:#fff;border:0;box-shadow:0 0 0 4px rgba(79,179,240,.45)}
.search>.ic{color:var(--ink)}
.search input{color:var(--ink);font-weight:500}
.search input::placeholder{color:#7B8090}
.search button{padding:0 2.1rem;font-weight:800}
.qbtn{display:flex;align-items:center;gap:.7rem;padding:.4rem .9rem;border-radius:16px;color:#fff;text-decoration:none;transition:background .15s}
.qbtn .ic{width:2.9rem;height:2.9rem;padding:.75rem;border-radius:14px;background:#191C25;box-shadow:inset 0 0 0 1px #2A2E3B;color:var(--m1);transition:background .15s,color .15s}
.qbtn span{display:grid;line-height:1.2}
.qbtn b{font-size:.98rem}
.qbtn small{font-size:.78rem;color:#9EA2AF}
.qbtn:hover{color:#fff}
.qbtn:hover .ic{background:#fff;color:var(--m3)}
.hbtn--red{min-height:3.9rem;padding:0 1.8rem 0 1.5rem;font-weight:800}
.nav{background:#12141B;border-top:0}
.nav>.wrap>ul>li>a{padding:1.05rem 1.25rem}
.nav>.wrap>ul>li:first-child>a{padding-left:1.25rem}
.nav>.wrap>ul>li>a.nav__cat{background:linear-gradient(180deg,#F21340,var(--m3d));color:#fff;font-weight:800;padding-inline:1.4rem 1.2rem;margin-right:.6rem;gap:.6rem}
.nav>.wrap>ul>li>a.nav__cat::after{display:none}
.nav>.wrap>ul>li>a.nav__cat .ic{color:#fff}
.nav>.wrap>ul>li>a.nav__cat .ic:first-child{transform:none;width:1.2rem;height:1.2rem}
.has-mega:hover>a.nav__cat .ic:first-child{transform:none;color:#fff}
.mega{border-radius:0 0 26px 26px;border-bottom:0;overflow:hidden}
.mega::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--stripes)}

/* Падащи списъци в търсенето по кола */
.dd__pop{background:#12141B;color:#fff;padding:.8rem;border-radius:22px;box-shadow:0 40px 70px -20px #000,0 0 0 1px #2C3040;animation:pop .2s cubic-bezier(.2,.8,.2,1)}
@keyframes pop{from{opacity:0;transform:translateY(-8px) scale(.98)}}
.dd__pop::before{content:"";position:absolute;left:1.6rem;top:-7px;width:14px;height:14px;background:#12141B;box-shadow:-1px -1px 0 #2C3040;transform:rotate(45deg)}
.dd__pop input{height:3.1rem;margin-bottom:.7rem;border-radius:14px;border-color:#2C3040;background:#1B1E28 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239EA2AF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5.500 5.500'/%3E%3C/svg%3E") no-repeat .9rem center/1.15rem;padding-left:2.7rem;color:#fff}
.dd__pop input::placeholder{color:#9EA2AF}
.dd__pop input:focus{border-color:var(--m1);background-color:#1B1E28}
.dd__pop ul{max-height:22rem;gap:.4rem;padding-right:.3rem;scrollbar-width:thin;scrollbar-color:#3A3F50 transparent}
.dd[data-dd=b] .dd__pop{width:min(44rem,calc(100vw - 3rem))}
.dd[data-dd=b] .dd__pop ul{grid-template-columns:repeat(5,minmax(0,1fr))}
.dd[data-dd=b] [role=option]{flex-direction:column;gap:.35rem;padding:.5rem .3rem .6rem;border-radius:14px;text-align:center;color:#D5D8E0;font-size:.82rem;line-height:1.2}
.dd[data-dd=b] [role=option] img{width:100%;height:3.4rem;padding:.35rem;border-radius:11px;background:#fff;transition:transform .15s}
.dd[data-dd=b] [role=option]:hover,.dd[data-dd=b] [role=option]:focus-visible{background:#1F2330;color:#fff}
.dd[data-dd=b] [role=option]:hover img{transform:scale(1.06)}
.dd[data-dd=m] .dd__pop{width:min(30rem,calc(100vw - 3rem))}
.dd[data-dd=m] .dd__pop ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.dd[data-dd=m] [role=option],.dd[data-dd=s] [role=option]{padding:.7rem .8rem;border-radius:12px;background:#1B1E28;color:#fff;font-weight:600}
.dd[data-dd=m] [role=option]:hover,.dd[data-dd=s] [role=option]:hover,.dd[data-dd=m] [role=option]:focus-visible,.dd[data-dd=s] [role=option]:focus-visible{background:var(--m3);color:#fff}
.dd[data-dd=s] .dd__pop{width:min(34rem,calc(100vw - 3rem));left:auto;right:0}
.dd[data-dd=s] .dd__pop::before{left:auto;right:2rem}
.dd[data-dd=s] .dd__pop ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.dd[data-dd=s] [role=option] .ic{color:var(--m1)}
.dd[data-dd=s] [role=option]:hover .ic{color:#fff}

/* Поява на колата */
.hero3__img{animation:carIn 2.2s cubic-bezier(.2,.7,.2,1) both}
@keyframes carIn{0%{opacity:0;transform:scale(1.14);filter:brightness(.15) blur(8px)}45%{opacity:1;filter:brightness(.5) blur(2px)}60%{filter:brightness(1.35) blur(0)}100%{opacity:1;transform:none;filter:none}}
.hero3__beam{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(140,190,255,.28) 50%,transparent 58%);transform:translateX(-110%);animation:beam 1.8s .7s cubic-bezier(.3,.6,.2,1) both}
@keyframes beam{to{transform:translateX(110%)}}
.hero3 h1{animation:rise .9s .15s cubic-bezier(.2,.7,.2,1) both}
.hero3 .hero__lead{animation:rise .9s .35s cubic-bezier(.2,.7,.2,1) both}
.hero3__stats{animation:rise .9s .5s cubic-bezier(.2,.7,.2,1) both}
.hero3 .finder{animation:rise .9s .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(26px)}}

/* Колата в разрез */
.xray2{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0 1.6rem;padding:1.6rem;border-radius:28px;background:radial-gradient(60% 70% at 35% 45%,#1A2030,transparent 70%),#000;color:#B4B8C5;box-shadow:var(--sh2);overflow:hidden}
.xray2::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:var(--stripes)}
.xray2__stage{position:relative;align-self:center}
.xray2__img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px}
.hot{position:absolute;width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.hot i{position:absolute;inset:.75rem;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25);transition:background .2s,box-shadow .2s,transform .2s}
.hot::before{content:"";position:absolute;inset:.3rem;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.hot span{position:absolute;left:50%;bottom:calc(100% + .1rem);transform:translateX(-50%) translateY(6px);padding:.3rem .7rem;border-radius:999px;background:#fff;color:var(--ink);font:700 .8rem var(--body);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}
.hot:hover span,.hot:focus-visible span,.hot.is-active span{opacity:1;transform:translateX(-50%)}
.hot.is-active{z-index:2}
.hot.is-active i{background:var(--m3);box-shadow:0 0 0 4px rgba(227,0,42,.35),0 0 22px 6px rgba(227,0,42,.7);transform:scale(1.25)}
.hot.is-active::before{border-color:var(--m3)}
.xray2 .sys>*{stroke:none}
.xray2__info{align-self:stretch;display:flex;padding:1.6rem;border-radius:20px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.xray2__info .xray__panel{display:flex;flex-direction:column;align-items:flex-start;width:100%}
.xray2__info .xray__panel[hidden]{display:none}
.xray2__info h3{font:900 italic 1.9rem/1.05 var(--head);text-transform:uppercase;color:#fff}
.xray2__info .chips a{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.xray2__info .chips a:hover{background:var(--m3);border-color:var(--m3)}
.xray2__info .more{margin-top:auto;background:#fff;color:var(--ink)}
.xray2__list{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--nline)}
.xray2__list a{padding:.45rem .9rem;border-radius:999px;background:#12141B;box-shadow:inset 0 0 0 1px #2A2E3B;color:#C9CCD6}
.xray2__list a:hover{background:#1F2330;color:#fff}
.xray2__list a.is-active{background:var(--m3);box-shadow:none;color:#fff}
.xray2__list a.is-active .ic{color:#fff}

/* Виж как работи: тъмно табло */
.demo .demo__tabs button{background:#171A22;color:#D5D8E0;box-shadow:inset 0 0 0 1px #2A2E3B;padding:.75rem 1.25rem}
.demo .demo__tabs button .ic{color:var(--m1)}
.demo .demo__tabs button:hover{background:#fff;color:var(--ink)}
.demo .demo__tabs button:hover .ic{color:var(--m3)}
.demo .dia{background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/32px 32px,#0D0F15;box-shadow:inset 0 0 0 1px #262A37}
.demo .dia figcaption{border-color:#262A37;color:#9EA2AF}
.demo .dia__run{background:#fff;color:var(--ink)}
.demo .dia__run:hover,.demo .dia__run[aria-pressed="true"]{background:var(--m3);color:#fff}
.demo .sch :is(.ln,.belt,.chain,.teeth,.gasket,.strut,.shaft,.blade){stroke:#EEF1F7}
.demo .sch .solid{fill:#1C202B;stroke:#EEF1F7}
.demo .sch .pad{fill:rgba(255,255,255,.16);stroke:#EEF1F7}
.demo .sch .fine{stroke:#5F6575}
.demo .sch :is(.hose,.cable,.pipe){stroke:#7E8494}
.demo .sch .lbl,.demo .sch .sign{fill:#fff}
.demo .sch .cap{fill:#9EA2AF}
.demo .sch .lead{stroke:#FF4D6D}
.demo .sch .pin{fill:#FF4D6D}
.demo .sch a.part:hover .lbl,.demo .sch a.part:focus .lbl{fill:#FF6B85}
.demo .sch a.part:hover :is(.ln,.solid,.belt,.chain,.gasket,.strut,.shaft,.blade,.pad,.teeth,.hose){stroke:#FF4D6D}
.demo .demo__text{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#B4B8C5}
.demo .demo__text h3{font:900 italic 1.9rem/1.05 var(--head);text-transform:uppercase;color:#fff}

/* Футър */
.foot__body{padding-top:4rem;background:radial-gradient(45% 50% at 100% 0%,rgba(79,179,240,.1),transparent 70%),radial-gradient(40% 45% at 0% 100%,rgba(227,0,42,.16),transparent 70%),#0B0C10}
.foot__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:center;padding-bottom:3rem;border-bottom:1px solid var(--nline)}
.foot__about p{max-width:30rem;font-size:1rem}
.foot__facts{display:grid;grid-template-columns:repeat(4,auto);gap:.8rem}
.foot__facts li{display:flex;align-items:center;gap:.8rem;padding:.9rem 1.2rem .9rem .9rem;border-radius:16px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:.84rem;line-height:1.3}
.foot__facts .ic{width:2.6rem;height:2.6rem;padding:.65rem;border-radius:12px;background:var(--m3);color:#fff}
.foot__facts li:nth-child(2) .ic{background:#2F56C8}
.foot__facts li:nth-child(3) .ic{background:#fff;color:var(--ink)}
.foot__facts li:nth-child(4) .ic{background:var(--m1);color:var(--ink)}
.foot__facts b{display:block;color:#fff;font-size:1rem}
.foot nav h2{position:relative;font-size:1.02rem;margin-bottom:1.1rem;padding-bottom:.8rem;color:#fff}
.foot nav h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;background:var(--stripes)}
.foot nav h2 a{color:#fff}
.foot nav li{padding:.22rem 0;font-size:.92rem}
.foot nav a{color:#B9BCC8}
.foot__brands2{padding-block:3rem;border-bottom:1px solid var(--nline)}
.foot__brands2 ul{columns:6;column-gap:2rem}
.foot__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:2rem;margin:0;padding-block:3rem 3.5rem;border:0}
.foot__bar{background:#07080B;border-top:1px solid var(--nline)}
.foot__bar p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin:0;padding-block:1.4rem;max-width:var(--wrap);font-size:.84rem}
.foot__bar span:first-child{max-width:56rem}
.foot__bar a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--m3)}

@media (max-width:1180px){
  .qbtn{display:none}
  .xray2{grid-template-columns:minmax(0,1fr);gap:1.2rem 0}
  .foot__head{grid-template-columns:minmax(0,1fr)}
  .foot__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__brands2 ul{columns:3}
  .foot__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dd[data-dd=s] .dd__pop{left:0;right:auto}
  .dd[data-dd=s] .dd__pop::before{left:1.6rem;right:auto}
}
@media (max-width:760px){
  .top .logo{font-size:1.9rem}
  .search{height:3.2rem}
  .hbtn--red{min-height:3.1rem;padding:0 1rem}
  .nav>.wrap>ul>li>a{padding:.8rem .85rem}
  .nav>.wrap>ul>li>a.nav__cat{padding-inline:1rem}
  .dd__pop,.dd[data-dd=b] .dd__pop,.dd[data-dd=m] .dd__pop,.dd[data-dd=s] .dd__pop{width:100%}
  .dd[data-dd=b] .dd__pop ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dd[data-dd=m] .dd__pop ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd[data-dd=s] .dd__pop ul{grid-template-columns:minmax(0,1fr)}
  .xray2{padding:1rem;border-radius:22px}
  .hot{width:2rem;height:2rem;margin:-1rem 0 0 -1rem}
  .hot i{inset:.6rem}
  .hot span{display:none}
  .foot__facts{grid-template-columns:minmax(0,1fr)}
  .foot__brands2 ul{columns:2}
  .foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.hero3__img,.hero3__beam,.hero3 h1,.hero3 .hero__lead,.hero3__stats,.hero3 .finder,.hot::before,.dd__pop{animation:none}.hero3__beam{display:none}}
.foot__grid{margin:0 auto}
.qbtn{padding:.4rem .5rem;gap:.6rem}
.qbtn small{display:none}
.top__row{gap:.9rem}
.top .logo,.top .logo:hover{margin-right:.8rem}

/* ===== Осма версия: леко заоблени ъгли, нова шапка и начало, преработени секции, футър с фон ===== */
:root{--r:12px;--r2:8px}
.card,.ptile,.pcard,.symp,.group,.dia,.xray,.kit,.icard,.lrow,.syslink,.vin,.facts dl>div,.signs li,.checks li,.callout,.causes li,.tile,.btile,.mtile,.issue,.toc,.sidebox,.faq details,.links a,.tgrid a,.gloss__l{border-radius:12px!important}
.panel,.phero,.xray2,.finder,.hero3 .finder,.cta{border-radius:16px!important}
.btn,.hbtn,.hbtn--red,.search,.search button,.dd__btn,.finder .btn,.more,.chips a,.meta a,.meta span,.demo__tabs button,.pill,.dia__run,.kicker,.issue__g,.icard__h em,.finder__top a,.xray2__list a,.hot span,.filter input,.dd__pop input,.dd__pop [role=option],.badge,.mono,.qbtn .ic,.foot__facts li,.foot__facts .ic,.tile__ph,.ptile__ph,.pcard__ph,.phero__ph,.causes__ph,.xray2__img,.xray2__info,.demo .demo__text{border-radius:8px!important}
.btn .ic,.more .ic,.finder .btn .ic{border-radius:6px!important}
.dd__pop,.search__list,.mega__side{border-radius:12px!important}
.finder__top a img{border-radius:5px}

/* Шапка */
.top::after{height:2px}
.top__row{padding-block:1.1rem}
.top .logo,.top .logo:hover{font-size:2.5rem}
.search{height:3.6rem;padding:.35rem .35rem .35rem 1.2rem;box-shadow:none}
.search button{padding:0 1.7rem}
.hbtn--red{min-height:3.6rem;padding:0 1.5rem 0 1.2rem}
.qbtn .ic{width:2.7rem;height:2.7rem}
.nav{background:#101218;border-top:1px solid #1B1E28}
.nav>.wrap>ul>li>a{padding:.95rem 1.15rem}
.nav>.wrap>ul>li:first-child>a{padding-left:0}
.nav>.wrap>ul>li:first-child>a::after{left:0}
.nav__all{margin-left:auto}
.nav>.wrap>ul>li.nav__all>a{color:#fff;gap:.5rem}
.nav>.wrap>ul>li.nav__all>a .ic{transform:none;width:1.1rem;height:1.1rem;color:var(--m1)}
.mega{border-radius:0 0 16px 16px}

/* Начало */
.hero3__in{padding-block:4.6rem 3rem}
.hero3 h1{font-size:clamp(3.1rem,6.6vw,6.4rem);margin-bottom:.28em}
.hero3 .hero__lead{margin-bottom:2.4rem;max-width:36rem}
.hero3 .finder,.finder{padding:0;background:rgba(13,15,21,.8);overflow:visible}
.finder__tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.12);padding:0 .6rem}
.finder__tabs button{position:relative;display:flex;align-items:center;gap:.55rem;padding:1.15rem 1.4rem 1.05rem;border:0;background:transparent;color:#9EA2AF;font:700 1rem var(--body);cursor:pointer;transition:color .15s}
.finder__tabs .ic{width:1.2rem;height:1.2rem}
.finder__tabs button::after{content:"";position:absolute;left:1.4rem;right:1.4rem;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--m1),#3C60DC,var(--m3));transform:scaleX(0);transition:transform .2s}
.finder__tabs button:hover{color:#fff}
.finder__tabs button[aria-selected=true]{color:#fff}
.finder__tabs button[aria-selected=true] .ic{color:var(--m1)}
.finder__tabs button[aria-selected=true]::after{transform:scaleX(1)}
.finder__p{padding:1.4rem 1.5rem 1.3rem}
.finder__p[hidden]{display:none}
.finder__top{margin-top:1rem}
.finder__top a.is-text{padding:.32rem .8rem}
.fsearch{display:flex;align-items:center;gap:.8rem;height:4.8rem;padding:0 .5rem 0 1.3rem;border-radius:8px;border:1.5px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.fsearch:focus-within{border-color:#fff}
.fsearch>.ic{color:#9EA2AF}
.fsearch input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:#fff;font:500 1.08rem var(--body);outline:0}
.fsearch input::placeholder{color:#9EA2AF}
.fsearch .btn{min-height:3.7rem}
.fsymps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.fsymps a{display:flex;align-items:center;gap:.7rem;height:100%;padding:.85rem .9rem;border-radius:8px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#fff;font-weight:600;font-size:.93rem;line-height:1.3;text-decoration:none;transition:background .15s}
.fsymps a span{flex:1}
.fsymps .ic:first-child{color:var(--m1)}
.fsymps .ic:last-child{width:1rem;height:1rem;color:#7B8090}
.fsymps a:hover{background:var(--m3);color:#fff}
.fsymps a:hover .ic{color:#fff}
.marq{padding-block:1.3rem}

/* Системи */
.scards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.scard{display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform .18s,box-shadow .18s}
.scard:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--ink)}
.scard__ph{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:#ECEDF0}
.scard__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.scard:hover .scard__ph img{transform:scale(1.06)}
.scard__ph em{position:absolute;left:.7rem;top:.7rem;padding:.2rem .6rem;border-radius:6px;background:var(--ink);color:#fff;font-style:normal;font-weight:700;font-size:.76rem}
.scard__ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--stripes);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.scard:hover .scard__ph::after{transform:scaleX(1)}
.scard__tx{display:block;padding:1rem 1.1rem 1.15rem}
.scard strong{display:flex;align-items:center;gap:.55rem;font-size:1.1rem;line-height:1.2;color:var(--ink);margin-bottom:.3rem}
.scard strong .ic{width:1.25rem;height:1.25rem;color:var(--m3)}
.scard small{display:block;color:var(--mute);font-size:.88rem;line-height:1.45}
.scard--cta{justify-content:flex-end;padding:1.4rem;border-radius:12px;background:var(--glow),var(--night);color:#B4B8C5;min-height:100%}
.scard--cta>.ic{width:2.6rem;height:2.6rem;margin-bottom:auto;color:var(--m1)}
.scard--cta strong{color:#fff;font:900 italic 1.6rem/1.05 var(--head);text-transform:uppercase;margin:1.2rem 0 .4rem}
.scard--cta small{color:#B4B8C5;margin-bottom:1rem}
.scard--cta .symp__go{color:#fff}
.scard--cta:hover{color:#B4B8C5}
.scard--red{background:linear-gradient(150deg,#F21340,#8E0018)}
.scard--red>.ic,.scard--red small{color:#fff}

/* Най-търсени части */
.pps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.pp{display:grid;grid-template-columns:42% 1fr;height:100%;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .18s,box-shadow .18s}
.pp:hover{transform:translateY(-4px);box-shadow:var(--sh2);color:var(--text)}
.pp__ph{display:block;overflow:hidden;background:#E9EAEE}
.pp__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pp:hover .pp__ph img{transform:scale(1.07)}
.pp__tx{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1rem 1.05rem;box-shadow:inset 4px 0 0 transparent;transition:box-shadow .2s}
.pp:hover .pp__tx{box-shadow:inset 4px 0 0 var(--m3)}
.pp small{display:flex;align-items:center;gap:.35rem;color:var(--m2);font-weight:700;font-size:.76rem}
.pp small .ic{width:.95rem;height:.95rem}
.pp strong{color:var(--ink);font-size:1.08rem;line-height:1.2}
.pp__tx>span{color:var(--mute);font-size:.84rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Какво усещаш в колата */
.sec--photo{position:relative;isolation:isolate;overflow:hidden;background:var(--night)}
.sec__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.34;filter:saturate(.8)}
.sec--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,12,16,.92),rgba(11,12,16,.55) 45%,rgba(11,12,16,.95)),radial-gradient(40% 60% at 0% 100%,rgba(227,0,42,.3),transparent 70%)}
.sys8{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.14)}
.sy{position:relative;display:flex;flex-direction:column;height:100%;padding:1.5rem 1.4rem 1.3rem;background:rgba(13,15,21,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#A9ADBA;text-decoration:none;transition:background .2s}
.sy b{font:900 italic 2.6rem/1 var(--head);color:transparent;-webkit-text-stroke:1.5px #5A6072;transition:color .2s,-webkit-text-stroke-color .2s}
.sy h3{margin:1rem 0 .4rem;color:#fff;font-size:1.1rem;line-height:1.25}
.sy p{margin:0 0 1.1rem;font-size:.9rem;line-height:1.45}
.sy .symp__go{color:#fff}
.sy::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--stripes);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.sy:hover{background:rgba(24,27,37,.95);color:#C9CCD6}
.sy:hover b{color:var(--m3);-webkit-text-stroke-color:var(--m3)}
.sy:hover::after{transform:scaleX(1)}

/* Лампи на таблото */
.dash{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-radius:16px;background:#07080B;color:#B4B8C5;box-shadow:var(--sh2)}
.dash__img{position:absolute;left:0;top:0;width:46%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-2}
.dash::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,8,11,.35),rgba(7,8,11,.55) 28%,#07080B 46%),linear-gradient(0deg,#07080B 4%,transparent 50%)}
.dash::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--stripes)}
.dash__tx{align-self:end;padding:2.4rem}
.dash__tx h2{font:900 italic clamp(2rem,3.4vw,3rem)/1 var(--head);text-transform:uppercase;color:#fff}
.dash__tx p{max-width:24rem;color:#E1E3EA;margin-bottom:1.5rem}
.dash__grid{display:grid;gap:1px;background:#1E212B;border-left:1px solid #1E212B}
.dash__row{padding:1.6rem 1.6rem 1.2rem;background:#0D0F15}
.dash__row h3{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:.95rem;color:#fff}
.dash__row h3::before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:#FF2B45;box-shadow:0 0 10px 2px rgba(255,43,69,.8)}
.dash__row--amber h3::before{background:#FFB21A;box-shadow:0 0 10px 2px rgba(255,178,26,.8)}
.dash .lamps{grid-template-columns:repeat(8,minmax(0,1fr));gap:.2rem}
.dash .lcard{padding:.8rem .2rem .7rem;border-radius:8px}
.dash .lcard small{display:none}
.dash .lcard strong{font-size:.84rem;font-weight:600;color:#D5D8E0}
.dash .lamp{width:4rem;height:4rem;margin-bottom:.55rem}
.dash .lcard:hover strong{color:#fff}

/* Чести проблеми по модел */
.imod{display:grid;grid-template-columns:330px minmax(0,1fr);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.imod__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1px;background:var(--line);border-right:1px solid var(--line)}
.imod__list button{display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;border:0;background:var(--soft);font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.imod__list .mono{width:2.9rem;height:2.3rem;padding:.2rem;box-shadow:none;background:#fff}
.imod__list span span,.imod__list button>span:last-child{display:grid;line-height:1.2;min-width:0}
.imod__list small{color:var(--mute);font-size:.74rem}
.imod__list b{color:var(--ink);font-size:.95rem}
.imod__list button:hover{background:#fff}
.imod__list button[aria-selected=true]{background:var(--ink);box-shadow:inset 4px 0 0 var(--m3)}
.imod__list button[aria-selected=true] b{color:#fff}
.imod__list button[aria-selected=true] small{color:#A9ADBA}
.imod__panel{padding:2rem 2.2rem 2.2rem}
.imod__panel[hidden]{display:none}
.imod__h{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:1.3rem}
.imod__h h3{margin:0;font:900 italic 2.2rem/1 var(--head);text-transform:uppercase}
.imod__h span{padding:.25rem .7rem;border-radius:6px;background:var(--m3);color:#fff;font-weight:700;font-size:.8rem}
.imod ol{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;counter-reset:q}
.imod ol li{counter-increment:q;position:relative;padding:1.1rem 1.2rem 1.1rem 3.6rem;border-radius:8px;background:var(--soft)}
.imod ol li::before{content:"0" counter(q);position:absolute;left:1rem;top:1rem;font:900 italic 1.5rem/1 var(--head);color:var(--m3)}
.imod ol strong{display:block;color:var(--ink);line-height:1.3;margin-bottom:.3rem}
.imod ol em{display:inline-block;margin-bottom:.45rem;padding:.12rem .55rem;border-radius:5px;background:var(--ink);color:#fff;font-style:normal;font-weight:600;font-size:.74rem}
.imod ol p{margin:0;font-size:.9rem;line-height:1.5;color:var(--text)}

/* Какво се сменя заедно */
.kits2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.kit2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1.4rem;align-items:center;padding:1.5rem;position:relative;overflow:hidden}
.kit2::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--m1) 0 33.4%,var(--m2) 0 66.7%,var(--m3) 0)}
.kit2__tx h3{margin:1rem 0 .4rem;font-size:1.3rem}
.kit2__tx p{margin:0;font-size:.93rem;line-height:1.5;color:var(--mute)}
.kit2__parts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.kit2__parts a{display:flex;align-items:center;gap:.7rem;height:100%;padding:.4rem;border-radius:8px;background:var(--soft);text-decoration:none;font-weight:600;font-size:.88rem;line-height:1.25;color:var(--ink);transition:background .15s,color .15s}
.kit2__parts img{flex:none;width:4.2rem;height:3.1rem;object-fit:cover;border-radius:6px}
.kit2__parts a:hover{background:var(--ink);color:#fff}

/* Виж как работи: разглобена система */
.demo .demo__panel{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.exp{margin:0;border-radius:12px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px #262A37}
.exp__stage{position:relative}
.exp__stage img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.xpin{position:absolute;display:grid;place-items:center;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;border-radius:50%;background:var(--m3);color:#fff;font:900 italic 1.05rem/1 var(--head);text-decoration:none;box-shadow:0 0 0 4px rgba(227,0,42,.3),0 0 20px 4px rgba(227,0,42,.6);transition:transform .15s,background .15s,color .15s}
.xpin::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(255,77,109,.7);animation:ping 2.4s ease-out infinite}
.xpin:hover,.xpin:focus-visible{transform:scale(1.2);background:#fff;color:var(--m3)}
.exp figcaption{padding:1rem 1.2rem 1.1rem;border-top:1px solid #262A37}
.exp ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem;counter-reset:x}
.exp ol li{counter-increment:x}
.exp ol a{display:flex;align-items:center;gap:.5rem;padding:.35rem .8rem .35rem .4rem;border-radius:8px;background:#171A22;box-shadow:inset 0 0 0 1px #2A2E3B;color:#fff;font-weight:600;font-size:.9rem;text-decoration:none;transition:background .15s}
.exp ol a::before{content:counter(x);display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--m3);font:900 italic .85rem/1 var(--head)}
.exp ol a:hover{background:var(--m3);color:#fff}
.exp ol a:hover::before{background:#fff;color:var(--m3)}

/* Какво има за всяка част */
.feat4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;counter-reset:f}
.feat4 li{counter-increment:f;position:relative;display:flex;flex-direction:column;gap:.3rem;padding:1.5rem;overflow:hidden}
.feat4 li::after{content:"0" counter(f);position:absolute;right:1rem;top:.7rem;font:900 italic 3rem/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--line2)}
.feat4 strong{margin-top:1.1rem;color:var(--ink);font-size:1.12rem}
.feat4 span:last-child{color:var(--mute);font-size:.93rem;line-height:1.5}

/* Въпроси и речник */
.fq{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:1rem;align-items:start}
.fq .faq{display:grid;gap:.6rem}
.fq__gl{position:sticky;top:10rem;padding:2rem;border-radius:16px;background:var(--glow),var(--night);color:#B4B8C5;box-shadow:var(--sh2);overflow:hidden}
.fq__gl::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--stripes)}
.fq__gl h3{font:900 italic 1.8rem/1.05 var(--head);text-transform:uppercase;color:#fff}
.fq__gl .chips{margin:1.2rem 0 1.6rem}
.fq__gl .chips a{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.fq__gl .chips a:hover{background:var(--m3);border-color:var(--m3)}

/* Призив преди футъра */
.foot__cta{padding-block:7rem}
.foot__img{object-position:50% 62%}
.foot__cta::before{background:linear-gradient(100deg,#0A1030 0%,rgba(14,24,72,.92) 28%,rgba(60,20,70,.55) 52%,rgba(120,0,30,.18) 72%,transparent 88%),linear-gradient(0deg,rgba(11,12,16,.75),transparent 40%)}
.foot__cta::after{content:"";position:absolute;left:0;top:0;bottom:0;width:38%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(79,179,240,.16) 30% 38%,transparent 38% 41%,rgba(60,96,220,.18) 41% 49%,transparent 49% 52%,rgba(227,0,42,.2) 52% 60%,transparent 60%)}
.foot__cta h2{text-shadow:0 4px 40px rgba(0,0,0,.5)}

/* Футър с фон */
.foot__body{position:relative;isolation:isolate}
.foot__body::before{content:"";position:absolute;right:-6%;bottom:3.5rem;width:min(980px,78%);aspect-ratio:16/9;z-index:-1;pointer-events:none;background:url(img/cutaway-1280.webp?v=4) center/cover no-repeat;opacity:.2;-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000 30%,transparent 72%);mask-image:radial-gradient(60% 60% at 50% 50%,#000 30%,transparent 72%)}
.foot__body::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px) 0 0/44px 44px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.foot__head{padding-bottom:3.2rem}
.foot .logo{font-size:3rem}

@media (max-width:1180px){
  .scards,.pps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sys8,.fsymps,.feat4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dash,.imod,.fq,.kits2,.demo .demo__panel{grid-template-columns:minmax(0,1fr)}
  .dash__img{width:100%;height:320px}
  .dash::before{background:linear-gradient(0deg,#07080B 62%,rgba(7,8,11,.3))}
  .dash__tx{padding-top:9rem}
  .dash .lamps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .imod__list{grid-template-columns:repeat(4,minmax(0,1fr));border-right:0;border-bottom:1px solid var(--line)}
  .fq__gl{position:static}
  .nav__all{margin-left:0}
}
@media (max-width:760px){
  .top .logo{font-size:1.9rem}
  .search{height:3.1rem}
  .hbtn--red{min-height:3rem;padding:0 .95rem}
  .hero3__in{padding-block:0 1.8rem}
  .hero3 h1{font-size:clamp(2.5rem,12vw,3.4rem)}
  .hero3 .hero__lead{margin-bottom:1.5rem}
  .finder__tabs{padding:0}
  .finder__tabs button{flex:1;justify-content:center;padding:1rem .4rem .9rem;font-size:.9rem;gap:.35rem}
  .finder__p{padding:1rem}
  .fsearch{flex-wrap:wrap;height:auto;padding:.4rem}
  .fsearch>.ic{display:none}
  .fsearch input{height:3.2rem;padding-inline:.7rem;flex-basis:100%}
  .fsearch .btn{width:100%;justify-content:space-between}
  .fsymps,.feat4,.sys8{grid-template-columns:minmax(0,1fr)}
  .scards{gap:.6rem}
  .scard strong{font-size:.95rem}
  .scard small{display:none}
  .scard--cta small{display:block}
  .pps{grid-template-columns:minmax(0,1fr)}
  .dash__tx{padding:8rem 1.2rem 1.4rem}
  .dash__row{padding:1.1rem .8rem .8rem}
  .dash .lamps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .imod__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .imod__panel{padding:1.3rem 1.1rem 1.5rem}
  .imod ol{grid-template-columns:minmax(0,1fr)}
  .imod__h h3{font-size:1.7rem}
  .kit2{grid-template-columns:minmax(0,1fr)}
  .xpin{width:1.7rem;height:1.7rem;margin:-.85rem 0 0 -.85rem;font-size:.85rem}
  .foot__cta{padding-block:4.5rem}
  .foot__body::before{width:130%;right:-15%}
  .foot .logo{font-size:2.3rem}
}
@media (prefers-reduced-motion:reduce){.xpin::before{animation:none}}
.foot .foot__cta h2{font:900 italic clamp(2.4rem,5.4vw,5rem)/.95 var(--head);text-transform:uppercase;color:#fff;max-width:9em;margin-bottom:.35em}
.sy{background:rgba(13,15,21,.86);backdrop-filter:none;-webkit-backdrop-filter:none}

/* ===== Девета версия: ново лого, меню, бутони и преработени секции ===== */
/* Лого */
.logo{display:inline-flex;align-items:center;gap:.7rem;font-size:1rem!important;margin-right:.6rem;text-decoration:none}
.logo__mark{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px;width:3rem;height:3rem;padding:.55rem .5rem .5rem;border-radius:10px;background:linear-gradient(160deg,#fff,#D9DCE6);box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 8px 18px -8px rgba(0,0,0,.7);overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.logo__mark i{display:block;width:.5rem;border-radius:1.5px;transform:skewX(-16deg);transform-origin:bottom;transition:height .25s cubic-bezier(.2,.8,.2,1)}
.logo__mark i:nth-child(1){height:48%;background:var(--m1)}
.logo__mark i:nth-child(2){height:72%;background:var(--m2)}
.logo__mark i:nth-child(3){height:100%;background:var(--m3)}
.logo:hover .logo__mark{transform:rotate(-4deg) scale(1.05)}
.logo:hover .logo__mark i{height:100%}
.logo__w{font:900 italic 2.15rem/1 var(--head);text-transform:uppercase;letter-spacing:-.025em;color:#fff;background:linear-gradient(180deg,#fff 30%,#B9BFCF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.logo__w b{-webkit-text-fill-color:var(--m3);font-weight:900}
.foot .logo__mark{width:3.4rem;height:3.4rem}
.foot .logo__w{font-size:2.5rem}

/* Бутони */
.btn{gap:.8rem;min-height:3.2rem;padding:.4rem .45rem .4rem 1.4rem;font:800 italic .98rem/1 var(--head);text-transform:uppercase;letter-spacing:.035em;background:linear-gradient(180deg,#FF2248,#C80022);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 rgba(0,0,0,.25),0 12px 24px -12px rgba(227,0,42,.9)}
.btn::before{left:0;right:0;top:auto;bottom:0;width:auto;height:3px;background:linear-gradient(90deg,var(--m1) 0 33.4%,#3C60DC 0 66.7%,#fff 0);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.btn:hover::before,.btn:focus-visible::before{width:auto;transform:scaleX(1)}
.btn .ic{width:2.35rem;height:2.35rem;padding:.6rem;background:#fff;color:var(--m3)}
.btn:hover .ic{background:var(--ink);color:#fff;transform:translateX(2px)}
.btn--ink{background:linear-gradient(180deg,#2A2E3A,#0E1014);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 24px -14px #000}
.btn--ink .ic{background:var(--m3);color:#fff}
.btn--glass{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.btn--glass .ic{background:rgba(255,255,255,.16);color:#fff}
.btn--glass:hover .ic{background:#fff;color:var(--ink)}
.more{font:800 italic .88rem/1 var(--head);text-transform:uppercase;letter-spacing:.03em;padding:.45rem .5rem .45rem .95rem;background:#fff;box-shadow:var(--sh)}
.search button,.hbtn--red{font:800 italic .98rem/1 var(--head);text-transform:uppercase;letter-spacing:.035em}
.dia__run,.demo__tabs button{font:800 italic .9rem/1 var(--head);text-transform:uppercase;letter-spacing:.03em}

/* Шапка и меню */
.top{background:radial-gradient(60% 140% at 0% 0%,rgba(79,179,240,.1),transparent 60%),radial-gradient(50% 140% at 100% 0%,rgba(227,0,42,.14),transparent 60%),#0B0C10}
.top__row{padding-block:1.15rem;gap:1rem}
.search{height:3.5rem;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 24px -14px #000}
.qbtn{padding:.3rem .8rem .3rem .3rem;border-radius:8px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px #262A37}
.qbtn .ic{background:transparent;box-shadow:none;width:2.6rem;height:2.6rem;padding:.65rem}
.qbtn:hover{background:#fff;color:var(--ink)}
.qbtn:hover .ic{background:transparent;color:var(--m3)}
.nav{background:rgba(255,255,255,.03);border-top:1px solid #1E212B}
.nav>.wrap>ul{gap:.15rem;padding-block:.4rem}
.nav>.wrap>ul>li>a,.nav>.wrap>ul>li:first-child>a{padding:.6rem .95rem;border-radius:8px;gap:.5rem;font-size:.95rem;color:#C9CCD6;transition:background .15s,color .15s}
.nav>.wrap>ul>li>a::after{display:none}
.nav>.wrap>ul>li>a .ic:first-child{width:1.1rem;height:1.1rem;transform:none;color:#7B8090;transition:color .15s}
.nav>.wrap>ul>li>a .ic:last-child:not(:first-child){width:.85rem;height:.85rem}
.nav>.wrap>ul>li>a:hover,.has-mega:hover>a,.has-mega:focus-within>a{background:rgba(255,255,255,.08);color:#fff}
.nav>.wrap>ul>li>a:hover .ic:first-child,.has-mega:hover>a .ic:first-child{color:var(--m1);transform:none}
.nav>.wrap>ul>li>a[aria-current]{background:#fff;color:var(--ink)}
.nav>.wrap>ul>li>a[aria-current] .ic:first-child{color:var(--m3)}
.mega{background:#F4F5F8;box-shadow:0 50px 70px -30px rgba(0,0,0,.6)}
.mega__in{grid-template-columns:minmax(0,1fr) 290px;gap:1.6rem;padding-block:1.6rem 1.9rem}
.mega__in--b{grid-template-columns:minmax(0,1fr) 300px 290px}
.mega__t{margin:0 0 .8rem;font:800 italic .82rem/1 var(--head);text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.mega__brands{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem!important}
.mega__brands a{flex-direction:row!important;justify-content:flex-start;gap:.7rem!important;padding:.5rem .7rem!important;border-radius:8px!important;background:#fff;box-shadow:0 0 0 1px var(--line);text-align:left!important;font-size:.9rem!important}
.mega__brands img{width:2.8rem;height:2.1rem}
.mega__brands a:hover{background:#fff;box-shadow:0 0 0 2px var(--ink),0 10px 20px -12px rgba(0,0,0,.4);transform:translateY(-2px)}
.mega__models{gap:2px!important}
.mega__models a{display:flex;align-items:center;gap:.7rem;padding:.42rem .6rem!important;border-radius:8px;color:var(--ink)!important;font-weight:600;font-size:.9rem!important;text-decoration:none;white-space:normal!important}
.mega__models a::after{display:none}
.mega__models img{width:2.2rem;height:1.65rem;object-fit:contain}
.mega__models span{flex:1}
.mega__models .ic{width:.9rem!important;height:.9rem!important;color:var(--line2)!important;transform:none!important}
.mega__models a:hover{background:#fff;box-shadow:0 0 0 1px var(--line)}
.mega__models a:hover .ic{color:var(--m3)!important}
.mega__sys{gap:.5rem!important}
.mega__sys a{background:#fff;box-shadow:0 0 0 1px var(--line);border-radius:8px!important;padding:.65rem .75rem!important}
.mega__sys small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega__sys a>span{min-width:0}
.mega__sys a:hover{background:#fff;box-shadow:0 0 0 2px var(--ink)}
.mega__side .btn{margin-top:auto}
.mega__side .btn .ic{width:2.35rem!important;height:2.35rem!important;color:var(--m3)!important}

/* Начало */
.hero3 h1{font-size:clamp(3rem,6.2vw,6rem);line-height:.92;max-width:none}
.hero3 h1 span{display:block;font-size:.5em;letter-spacing:.02em;color:#fff;margin-bottom:.18em;padding-left:.12em;border-left:.16em solid var(--m3)}
.hero3 h1 em{position:relative;display:inline-block;padding:0 .12em .06em 0;background:linear-gradient(95deg,#fff 0,#BFE3FF 30%,#8C9BFF 62%,#FF4D6D);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(79,120,255,.35))}
.hero3 h1 em::after{content:"";position:absolute;left:0;bottom:-.06em;width:46%;height:.07em;background:var(--stripes);transform:skewX(-18deg)}
.hero3 .hero__lead{margin-top:1.6rem}

/* Системи: сбити плочки */
.sts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.7rem}
.st{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 .3rem;height:100%;padding:.4rem .7rem .7rem .4rem;text-decoration:none;transition:transform .18s,box-shadow .18s}
.st__ph{grid-column:1/-1;display:block;overflow:hidden;border-radius:8px;aspect-ratio:16/10;background:#ECEDF0;margin-bottom:.6rem}
.st__ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.st strong{padding-left:.35rem;font-size:.93rem;line-height:1.2;color:var(--ink)}
.st>.ic{width:1rem;height:1rem;color:var(--line2);transition:color .15s,transform .15s}
.st:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--ink)}
.st:hover .st__ph img{transform:scale(1.07)}
.st:hover>.ic{color:var(--m3);transform:translateX(2px)}

/* Най-търсени части */
.pps{grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem}
.pps li.is-big{grid-column:span 3}
.pp{position:relative;display:flex;flex-direction:column;grid-template-columns:none}
.pp__ph{aspect-ratio:16/11}
.pp__tx{padding:.85rem 1rem 1rem;box-shadow:none!important}
.pp strong{font-size:1rem}
.pp__go{position:absolute;right:.6rem;top:.6rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:6px;background:var(--ink);color:#fff;opacity:0;transform:translateY(-4px);transition:opacity .2s,transform .2s,background .2s}
.pp__go .ic{width:1rem;height:1rem}
.pp:hover .pp__go{opacity:1;transform:none;background:var(--m3)}
.pps li.is-big .pp{display:grid;grid-template-columns:46% 1fr}
.pps li.is-big .pp__ph{aspect-ratio:auto;min-height:230px}
.pps li.is-big .pp__tx{padding:1.5rem 1.6rem;gap:.45rem;justify-content:center}
.pps li.is-big strong{font:900 italic 1.9rem/1.05 var(--head);text-transform:uppercase}
.pps li.is-big .pp__tx>span{font-size:.93rem;line-height:1.5;-webkit-line-clamp:3}
.pp em{display:flex;gap:.5rem;align-items:flex-start;margin-top:.5rem;padding:.6rem .7rem;border-radius:8px;background:#FFF1F3;color:var(--ink);font-style:normal;font-size:.85rem;line-height:1.4}
.pp em .ic{width:1.05rem;height:1.05rem;color:var(--m3);margin-top:.05rem}

/* Какво усещаш */
.sys8{gap:.7rem;background:transparent;border-radius:0;overflow:visible}
.sy{border-radius:12px;background:rgba(16,18,25,.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);overflow:hidden}
.sy__t{display:flex;align-items:center;justify-content:space-between}
.sy__t .ic{width:2.5rem;height:2.5rem;padding:.6rem;border-radius:8px;background:rgba(255,255,255,.07);color:var(--m1);transition:background .2s,color .2s}
.sy:hover{background:rgba(26,29,40,.98);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 24px 40px -24px #000;transform:translateY(-3px)}
.sy{transition:background .2s,transform .2s,box-shadow .2s}
.sy:hover .sy__t .ic{background:var(--m3);color:#fff}

/* Чести проблеми по модел: редове */
.irows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.irow{position:relative;display:grid;grid-template-columns:auto 9.5rem minmax(0,1fr) auto auto;align-items:center;gap:1rem;height:100%;padding:.75rem 1rem .75rem .75rem;border-radius:12px;background:#fff;box-shadow:var(--sh);text-decoration:none;overflow:hidden;transition:transform .18s,box-shadow .18s}
.irow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--m1) 0 33.4%,var(--m2) 0 66.7%,var(--m3) 0);transform:scaleY(0);transition:transform .2s}
.irow .mono{width:4rem;height:3rem;box-shadow:none;background:var(--soft);padding:.35rem}
.irow__n{display:grid;line-height:1.15;min-width:0}
.irow__n small{color:var(--mute);font-size:.76rem;font-weight:600}
.irow__n b{font:900 italic 1.35rem/1.05 var(--head);text-transform:uppercase;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.irow__t{display:grid;gap:.15rem;min-width:0;padding-left:1rem;border-left:1px solid var(--line)}
.irow__t span{position:relative;padding-left:.9rem;font-size:.86rem;line-height:1.35;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.irow__t span::before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.22rem;background:var(--m3);transform:skewX(-18deg)}
.irow em{display:grid;place-items:center;min-width:2.1rem;height:2.1rem;padding:0 .4rem;border-radius:6px;background:var(--soft);color:var(--ink);font:900 italic 1.05rem/1 var(--head)}
.irow>.ic{width:1.1rem;height:1.1rem;color:var(--line2);transition:color .15s,transform .15s}
.irow:hover{transform:translateY(-2px);box-shadow:var(--sh2);color:var(--ink)}
.irow:hover::before{transform:scaleY(1)}
.irow:hover em{background:var(--m3);color:#fff}
.irow:hover>.ic{color:var(--m3);transform:translateX(3px)}

/* Какво се сменя заедно */
.kits3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}
.kit3{position:relative;display:flex;flex-direction:column;padding:1.4rem 1.2rem 1rem;overflow:hidden}
.kit3::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--stripes)}
.kit3__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.kit3__h b{font:900 italic 2.6rem/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--line2)}
.kit3 h3{font-size:1.25rem;margin-bottom:.35rem}
.kit3>p{font-size:.9rem;line-height:1.5;color:var(--mute);margin-bottom:1rem}
.kit3 ul{list-style:none;margin:auto 0 0;padding:0}
.kit3 ul a{display:flex;align-items:center;gap:.8rem;padding:.45rem .3rem;border-top:1px solid var(--line);text-decoration:none;font-weight:600;font-size:.93rem;color:var(--ink);transition:padding .15s,color .15s}
.kit3 ul img{flex:none;width:3.6rem;height:2.5rem;object-fit:cover;border-radius:6px}
.kit3 ul span{flex:1}
.kit3 ul .ic{width:.95rem;height:.95rem;color:var(--line2)}
.kit3 ul a:hover{padding-left:.6rem;color:var(--m3)}
.kit3 ul a:hover .ic{color:var(--m3)}

/* Колата в разрез */
.xray2{grid-template-columns:230px minmax(0,1fr) 340px;gap:1.4rem;align-items:stretch}
.xray2__list{grid-column:auto;display:grid;align-content:center;gap:2px;margin:0;padding:0 1.2rem 0 0;border-top:0;border-right:1px solid var(--nline)}
.xray2__list a{padding:.42rem .75rem;border-radius:8px;background:transparent;box-shadow:none;color:#A9ADBA;font-size:.9rem}
.xray2__list a:hover{background:#171A22}
.xray2__list a.is-active{background:linear-gradient(90deg,var(--m3),#8E0018)}
.xray2__stage{align-self:center;border-radius:12px;background:radial-gradient(55% 60% at 50% 55%,#1B2132,#000 75%)}
.xray2__img{mix-blend-mode:screen}
.xray2__stage::after{content:"";position:absolute;left:8%;right:8%;bottom:14%;height:10%;border-radius:50%;background:radial-gradient(closest-side,rgba(79,179,240,.28),transparent);filter:blur(10px);pointer-events:none}
.xray__ph{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:8px;margin-bottom:1.1rem;background:#ECEDF0}
.xray2__info{padding:1.2rem}
.xray2__info h3{font-size:1.6rem}
.xray2__info p{font-size:.93rem}

/* Виж как работи */
.demo .demo__panel{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1.2rem;align-items:stretch}
.exp{display:flex;flex-direction:column;background:radial-gradient(60% 70% at 50% 50%,#141926,#000 78%)}
.exp__stage{margin:auto 0}
.exp__stage img{mix-blend-mode:screen}
.exp figcaption{padding:1rem 1.3rem 1.2rem;color:#A9ADBA;font-size:.93rem;line-height:1.5}
.xpin{width:2rem;height:2rem;margin:-1rem 0 0 -1rem;background:rgba(11,12,16,.75);box-shadow:inset 0 0 0 2px #fff;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.xpin::before{border-color:rgba(255,255,255,.5)}
.xpin:hover,.xpin:focus-visible,.xpin.is-hot{transform:scale(1.35);background:var(--m3);color:#fff;box-shadow:inset 0 0 0 2px #fff,0 0 26px 8px rgba(227,0,42,.75);z-index:2}
.demo .demo__text{display:flex;flex-direction:column;padding:1.4rem}
.exlist{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.35rem}
.exlist a{display:flex;align-items:center;gap:.85rem;padding:.6rem .7rem;border-radius:8px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:background .15s,box-shadow .15s}
.exlist b{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;box-shadow:inset 0 0 0 2px #fff;font:900 italic .95rem/1 var(--head);transition:background .15s}
.exlist span{flex:1;min-width:0;display:grid;line-height:1.25}
.exlist strong{font-size:.98rem}
.exlist small{color:#9EA2AF;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.exlist .ic{width:1rem;height:1rem;color:#6C7180}
.exlist a:hover,.exlist a:focus-visible,.exlist a.is-hot{background:rgba(227,0,42,.16);box-shadow:inset 0 0 0 1px var(--m3);color:#fff}
.exlist a:hover b,.exlist a.is-hot b{background:var(--m3);box-shadow:none}
.exlist a:hover .ic{color:#fff}

/* Какво има за всяка част */
.anat{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);overflow:hidden}
.anat__mock{position:relative;display:flex;flex-direction:column;background:var(--night);text-decoration:none;color:#fff;overflow:hidden}
.anat__bar{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;background:#171A22}
.anat__bar i{width:.6rem;height:.6rem;border-radius:50%;background:var(--m1)}
.anat__bar i:nth-child(2){background:#3C60DC}
.anat__bar i:nth-child(3){background:var(--m3)}
.anat__bar b{margin-left:.6rem;padding:.25rem .8rem;border-radius:6px;background:#0B0C10;color:#A9ADBA;font:500 .8rem ui-monospace,Consolas,monospace}
.anat__mock img{flex:1;width:100%;min-height:260px;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.anat__mock:hover img{transform:scale(1.05)}
.anat__cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:3rem 1.3rem 1.2rem;background:linear-gradient(0deg,rgba(11,12,16,.92),transparent)}
.anat__cap strong{font:900 italic 2rem/1 var(--head);text-transform:uppercase}
.anat__cap small{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.88rem}
.anat__cap .ic{width:1.1rem;height:1.1rem;color:var(--m3)}
.anat__mock:hover{color:#fff}
.anat__list{list-style:none;margin:0;padding:.6rem 2rem;display:grid;counter-reset:a}
.anat__list li{counter-increment:a;position:relative;display:flex;align-items:center;gap:1.1rem;padding:1.15rem 3.5rem 1.15rem 0;border-top:1px solid var(--line)}
.anat__list li:first-child{border-top:0}
.anat__list li::after{content:"0" counter(a);position:absolute;right:0;top:50%;transform:translateY(-50%);font:900 italic 2rem/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--line2)}
.anat__list strong{display:block;color:var(--ink);font-size:1.1rem}
.anat__list span{color:var(--mute);font-size:.93rem}
.anat__list .badge{width:2.9rem;height:2.9rem}

/* Всички части по системи */
.dir{padding:1.4rem 1.6rem 1.6rem;position:relative;overflow:hidden}
.dir::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--stripes)}
.dir__f{display:flex;align-items:center;gap:.7rem;height:3.3rem;margin:0 0 1.4rem;padding:0 1rem;border-radius:8px;background:var(--soft);box-shadow:inset 0 0 0 1.5px var(--line)}
.dir__f:focus-within{box-shadow:inset 0 0 0 2px var(--ink);background:#fff}
.dir__f .ic{color:var(--mute)}
.dir__f input{flex:1;min-width:0;height:100%;border:0;background:transparent;font:500 1rem var(--body);color:var(--ink);outline:0}
.dir__cols{columns:4;column-gap:1.6rem}
.dir__g{break-inside:avoid;margin-bottom:1.3rem}
.dir__g[hidden]{display:none}
.dir__g h3{margin:0 0 .4rem;font-size:1rem}
.dir__g h3 a{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.dir__g h3 .badge{width:2rem;height:2rem}
.dir__g h3 .badge .ic{width:1.05rem;height:1.05rem}
.dir__g ul{list-style:none;margin:0;padding:0}
.dir__g li a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.3rem .4rem .3rem 2.6rem;border-radius:6px;text-decoration:none;color:var(--text);font-size:.93rem;transition:background .12s,color .12s}
.dir__g li .ic{width:.85rem;height:.85rem;color:transparent}
.dir__g li a:hover{background:var(--soft);color:var(--m3)}
.dir__g li a:hover .ic{color:var(--m3)}
.dir__empty{margin:0;font-weight:700;color:var(--ink)}

/* Нисък призив преди футъра */
.foot__cta{padding-block:2.2rem!important}
.foot__cta-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem 3rem;flex-wrap:wrap}
.foot .foot__cta h2{font:900 italic clamp(1.5rem,2.4vw,2.1rem)/1.05 var(--head);max-width:none;margin:0 0 .35rem}
.foot .foot__cta p{font-size:.98rem;max-width:36rem;margin:0}
.foot__cta::before{background:linear-gradient(100deg,#0A1030 0%,rgba(14,24,72,.94) 40%,rgba(70,16,60,.7) 70%,rgba(140,0,32,.5))}
.foot__cta::after{width:26%}
.foot__img{object-position:50% 70%}

/* Футър: фон и акордеон */
.foot__body{background:radial-gradient(50% 45% at 100% 0%,rgba(79,179,240,.16),transparent 70%),radial-gradient(45% 50% at 0% 100%,rgba(227,0,42,.26),transparent 70%),radial-gradient(40% 30% at 50% 0%,rgba(60,96,220,.12),transparent 70%),repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 3px,transparent 3px 6px),repeating-linear-gradient(-45deg,rgba(255,255,255,.014) 0 3px,transparent 3px 6px),#090A0E}
.foot__body::before{opacity:.32;bottom:2.5rem}
.foot__deco{position:absolute;right:-8%;top:-10%;width:60%;height:120%;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 38%,rgba(79,179,240,.07) 38% 45%,transparent 45% 47.5%,rgba(60,96,220,.08) 47.5% 54.5%,transparent 54.5% 57%,rgba(227,0,42,.09) 57% 64%,transparent 64%)}
.foot__head{position:relative}
.foot__facts li{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(255,255,255,.06)}
.fcol summary{list-style:none;cursor:default;pointer-events:none}
.fcol summary::-webkit-details-marker{display:none}
.fcol h2{position:relative;margin:0 0 1.1rem;padding-bottom:.8rem;font-size:1.02rem;color:#fff}
.fcol h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;background:var(--stripes)}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{padding:.22rem 0;font-size:.92rem}
.fcol a{color:#B9BCC8;text-decoration:none;transition:color .12s,padding .12s}
.fcol a:hover{color:#fff;padding-left:.3rem;text-decoration:none}
.foot__brands2 .fcol ul{columns:6;column-gap:2rem}

@media (max-width:1180px){
  .sts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .pps li.is-big{grid-column:span 4}
  .irows{grid-template-columns:minmax(0,1fr)}
  .kits3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xray2{grid-template-columns:minmax(0,1fr)}
  .xray2__list{display:flex;flex-wrap:wrap;gap:.35rem;padding:0;border:0;order:3}
  .xray2__list a{background:#12141B;box-shadow:inset 0 0 0 1px #2A2E3B}
  .anat{grid-template-columns:minmax(0,1fr)}
  .dir__cols{columns:2}
  .foot__brands2 .fcol ul{columns:3}
}
@media (max-width:760px){
  .logo__mark{width:2.5rem;height:2.5rem;padding:.45rem .4rem .4rem}
  .logo__mark i{width:.42rem}
  .logo__w{font-size:1.7rem}
  .nav>.wrap>ul{overflow-x:auto;padding-block:.3rem}
  .nav>.wrap>ul>li>a,.nav>.wrap>ul>li:first-child>a{padding:.5rem .7rem;font-size:.9rem}
  .hero3 h1{font-size:clamp(2.6rem,12.5vw,3.5rem)}
  .sts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .pps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .pps li.is-big{grid-column:span 2}
  .pps li.is-big .pp{grid-template-columns:minmax(0,1fr)}
  .pps li.is-big .pp__ph{min-height:0;aspect-ratio:16/10}
  .pps li.is-big .pp__tx{padding:1.1rem}
  .pps li.is-big strong{font-size:1.5rem}
  .irow{grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem}
  .irow__t,.irow em{display:none}
  .kits3{grid-template-columns:minmax(0,1fr)}
  .anat__list{padding:.4rem 1.1rem}
  .anat__list li{padding-right:0}
  .anat__list li::after{display:none}
  .dir{padding:1.1rem}
  .dir__cols{columns:1}
  .foot__cta-in{flex-direction:column;align-items:flex-start}
  .foot__head{padding-bottom:2rem}
  .foot__brands2{padding-block:0;border:0}
  .foot__grid{grid-template-columns:minmax(0,1fr)!important;gap:0;padding-block:0 2rem}
  .fcol{border-bottom:1px solid var(--nline)}
  .fcol summary{pointer-events:auto;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.05rem 0}
  .fcol summary::after{content:"+";display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:6px;background:rgba(255,255,255,.08);color:#fff;font:700 1.2rem/1 var(--body)}
  .fcol[open] summary::after{content:"\2212";background:var(--m3)}
  .fcol h2{margin:0;padding:0}
  .fcol h2::after{display:none}
  .fcol ul{padding-bottom:1.1rem}
  .foot__brands2 .fcol ul{columns:2}
  .fcol li{padding:.32rem 0}
}
.mega__brands{grid-template-columns:repeat(4,minmax(0,1fr))}
.mega__brands a span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega__in--b{grid-template-columns:minmax(0,1fr) 280px 270px}
.finder__tabs button{white-space:nowrap}
@media (max-width:760px){.finder__tabs button{font-size:.82rem;padding-inline:.2rem}.finder__tabs .ic{width:1rem;height:1rem}.marq{max-width:100vw}}

/* ===== Десета версия: лого V, търсачка, реални изображения на системите ===== */
.logo{gap:.1rem;align-items:flex-end}
.logo__v{width:3.1rem;height:2.45rem;transform:skewX(-10deg);filter:drop-shadow(0 6px 14px rgba(60,96,220,.55));transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s}
.logo:hover .logo__v{transform:skewX(-10deg) translateY(-2px) scale(1.06);filter:drop-shadow(0 8px 18px rgba(227,0,42,.6))}
.logo__w{font:900 italic 2.5rem/.82 var(--head);letter-spacing:-.03em;background:none;-webkit-text-fill-color:#fff;color:#fff;margin-left:-.12rem}
.logo__w b{-webkit-text-fill-color:var(--m3);font-size:.5em;letter-spacing:0;margin-left:.1em;vertical-align:.1em}
.foot .logo__v{width:3.8rem;height:3rem}
.foot .logo__w{font-size:3.1rem}
.search{height:3.6rem;padding:.3rem;gap:.2rem;background:#fff;border-radius:10px!important;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 0 0 5px rgba(255,255,255,.06),0 14px 30px -16px #000}
.search:focus-within{box-shadow:0 0 0 2px var(--m1),0 0 0 6px rgba(79,179,240,.28)}
.search__ic{flex:none;display:grid;place-items:center;width:3rem;height:100%;border-radius:7px;background:var(--ink);color:#fff}
.search__ic .ic{width:1.25rem;height:1.25rem}
.search input{padding-inline:.9rem;font-size:1.02rem}
.search kbd{flex:none;display:grid;place-items:center;width:1.7rem;height:1.7rem;margin-right:.5rem;border-radius:5px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line2),0 1px 0 var(--line2);color:var(--mute);font:700 .85rem var(--body)}
.search:focus-within kbd{display:none}
.search button{display:flex;align-items:center;gap:.6rem;height:100%;padding:0 .45rem 0 1.3rem;border-radius:7px!important}
.search button .ic{width:2.2rem;height:2.2rem;padding:.55rem;border-radius:5px;background:#fff;color:var(--m3)}
.hero3 h1 span{border-left:0;padding-left:0;display:flex;align-items:center;gap:.5em}
.hero3 h1 span::before{content:"";flex:none;width:1.5em;height:.5em;background:var(--stripes);transform:skewX(-18deg)}
.hero3::before{background:linear-gradient(90deg,var(--night) 6%,rgba(11,12,16,.78) 30%,rgba(11,12,16,.05) 58%,rgba(11,12,16,.25)),linear-gradient(0deg,var(--night) 4%,rgba(11,12,16,.55) 28%,transparent 52%),radial-gradient(40% 60% at 0% 100%,rgba(227,0,42,.28),transparent 70%)}
.exp--page{box-shadow:var(--sh2);border-radius:16px!important}
.exp--page figcaption{padding:1rem 1.2rem 1.2rem;border-top:1px solid #262A37}
.exp ol a.is-on{background:var(--m3);box-shadow:none}
.exp ol a.is-on::before{background:#fff;color:var(--m3)}
.exp ol a.is-hot{background:#2A2F3D}
.xpin.is-on{transform:scale(1.5);background:var(--m3);box-shadow:inset 0 0 0 2px #fff,0 0 30px 10px rgba(227,0,42,.8);z-index:2}
.exp:has(.xpin.is-on) .xpin:not(.is-on):not(.is-hot){opacity:.55}
.sysintro{grid-template-columns:minmax(0,1fr)}
.where{margin:0;overflow:hidden;background:#000!important}
.where__stage{position:relative}
.where__stage img{width:100%;aspect-ratio:16/9;object-fit:cover;mix-blend-mode:screen}
.where__stage i{position:absolute;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border-radius:50%;background:var(--m3);box-shadow:0 0 0 4px rgba(227,0,42,.35),0 0 18px 6px rgba(227,0,42,.8)}
.where__stage i::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--m3);animation:ping 2.4s ease-out infinite}
.where figcaption{padding:.9rem 1.1rem 1.1rem;color:#A9ADBA;font-size:.86rem;line-height:1.45}
.where figcaption b{display:block;color:#fff;font-size:1rem;margin-bottom:.15rem}
.demo .demo__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:.4rem}
.demo .demo__tabs button{flex:none}
@media (max-width:760px){.logo__v{width:2.4rem;height:1.9rem}.logo__w{font-size:1.9rem}.search kbd{display:none}.search button span{display:none}.search button{padding:0 .3rem}.search__ic{width:2.6rem}}
.demo .demo__tabs{flex-wrap:wrap;overflow:visible;padding-bottom:0}
@media (max-width:760px){.demo .demo__tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.demo .demo__tabs::-webkit-scrollbar{display:none}.head__car,.head .btn--red{margin-left:auto}}
@media (max-width:760px){.hbtn--red{margin-left:auto}}

/* ===== Единадесета версия: лого в квадрат, фонове на секциите ===== */
.logo{gap:.75rem;align-items:center}
.logo__box{position:relative;flex:none;display:grid;place-items:center;width:3.3rem;height:3.3rem;border-radius:9px;overflow:hidden;background:linear-gradient(108deg,var(--m1) 0 34%,var(--m2) 34% 67%,var(--m3) 67%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 10px 22px -10px rgba(227,0,42,.8),0 10px 22px -10px rgba(79,179,240,.6);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.logo__box::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);transition:transform .6s}
.logo:hover .logo__box{transform:translateY(-2px)}
.logo:hover .logo__box::after{transform:translateX(120%)}
.logo__box svg{width:2.1rem;height:1.65rem;transform:skewX(-8deg);filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.logo__txt{display:flex;flex-direction:column;gap:.32rem;padding-left:.75rem;border-left:2px solid rgba(255,255,255,.22)}
.logo__w{font:900 italic 2rem/.8 var(--head);margin:0;letter-spacing:-.02em;text-transform:uppercase}
.logo__w b{font-size:1em;margin-left:0;vertical-align:0;-webkit-text-fill-color:var(--m3)}
.logo__tag{display:flex;align-items:center;gap:.45em;font:700 .56rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:#B7BBC8;white-space:nowrap}
.logo__tag::before,.logo__tag::after{content:"";flex:1;min-width:.5rem;height:1px;background:currentColor;opacity:.55}
.foot .logo__box{width:3.8rem;height:3.8rem}
.foot .logo__w{font-size:2.3rem}
.hero__ticks{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:0 0 1.4rem;padding:0;list-style:none}
.hero__ticks a{display:inline-flex;align-items:center;gap:.5rem;color:#E4E6EE;font-weight:600;font-size:.95rem;text-decoration:none}
.hero__ticks a::before{content:"";width:1.15rem;height:1.15rem;border-radius:4px;background:var(--m3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.500 8.500l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.200' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}
.hero__ticks a:hover{color:#fff;text-decoration:underline;text-underline-offset:.25em}
#sistemi,.sec--livery{position:relative;isolation:isolate}
#sistemi::before{content:"";position:absolute;z-index:-1;right:0;top:0;width:min(52rem,60%);aspect-ratio:16/9;background:url(/assets/img/cutaway-1280.webp?v=4) center/contain no-repeat;filter:invert(1) grayscale(1) contrast(1.3);mix-blend-mode:multiply;opacity:.2;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 80%,transparent)}
#sistemi::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(12,13,16,.13) 1px,transparent 1.500px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.sec--livery::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:46%;height:9rem;background:linear-gradient(180deg,var(--m1) 0 30%,transparent 30% 35%,var(--m2) 35% 65%,transparent 65% 70%,var(--m3) 70%);transform:skewY(-3.500deg);pointer-events:none}
.sec--livery::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:46%;height:9rem;transform:skewY(-3.500deg);background:linear-gradient(90deg,var(--bg,#E9ECF1),transparent 18%,transparent 82%,var(--bg,#E9ECF1));pointer-events:none}
@media (max-width:760px){.logo{gap:.5rem}.logo__box{width:2.6rem;height:2.6rem}.logo__box svg{width:1.6rem;height:1.25rem}.logo__txt{padding-left:.5rem;gap:.25rem}.logo__w{font-size:1.45rem}.logo__tag{font-size:.46rem;letter-spacing:.14em}.hero__ticks{gap:.5rem 1rem}.hero__ticks a{font-size:.88rem}#sistemi::before{width:100%;opacity:.14}.sec--livery::before,.sec--livery::after{height:6rem}}
.sec--livery::after{background:linear-gradient(90deg,var(--bg,#E9ECF1),transparent 6%,transparent 94%,var(--bg,#E9ECF1))}
.sec--livery::before,.sec--livery::after{top:40%;height:11rem}
.logo__w{font-size:2.2rem}
@media (max-width:760px){.logo__w{font-size:1.45rem}.sec--livery::before,.sec--livery::after{height:6rem}}
.hero3{overflow-x:clip}
@media (max-width:760px){.hero__ticks{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .8rem}.hero__ticks a{font-size:.8rem;gap:.4rem}}

/* ===== Дванадесета версия: червено лого, графики с части, футър без details ===== */
.logo__box{background:linear-gradient(145deg,#FF2E50,#B0001E);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 -10px 16px -8px rgba(0,0,0,.45),0 10px 22px -10px rgba(227,0,42,.9)}
.logo__box::before{content:"";position:absolute;right:-45%;bottom:-45%;width:120%;height:120%;border-radius:50%;border:5px solid rgba(255,255,255,.13);box-shadow:0 0 0 7px rgba(0,0,0,.1),inset 0 0 0 9px rgba(0,0,0,.1)}
.logo__box svg{position:relative}
.sec--livery{overflow-x:clip}
.sec--livery::before{left:auto;right:-7rem;top:-2rem;width:36rem;height:36rem;background:url(/assets/img/bg-disc.svg) center/contain no-repeat;transform:none;opacity:.13;animation:bgspin 140s linear infinite}
.sec--livery::after{left:-6rem;right:auto;top:auto;bottom:-5rem;width:24rem;height:24rem;background:url(/assets/img/bg-gear.svg) center/contain no-repeat;transform:none;opacity:.11;animation:bgspin 90s linear infinite reverse}
@keyframes bgspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sec--livery::before,.sec--livery::after{animation:none}}
.fcol h2{cursor:default}
@media (max-width:760px){
  .sec--livery::before{width:20rem;height:20rem;right:-8rem;top:-1rem}
  .sec--livery::after{width:14rem;height:14rem;left:-6rem;bottom:-3rem}
  .fcol h2{display:flex;align-items:center;justify-content:space-between;margin:0;padding:1.05rem 0;cursor:pointer}
  .fcol h2::after{content:"+";position:static;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:6px;background:rgba(255,255,255,.08);color:#fff;font:700 1.2rem/1 var(--body)}
  .fcol.is-open h2::after{content:"\2212";background:var(--m3)}
  .fcol ul{display:none}
  .fcol.is-open ul{display:block}
}
/* ===== Телефон: ниска шапка при превъртане и редове, които се плъзгат с пръст ===== */
@media (max-width:760px){
  .util{display:none}
  .top.is-min .nav{display:none}
  .top.is-min .logo__txt{display:none}
  .top.is-min .top__row{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;padding-block:.45rem}
  .top.is-min .logo{margin:0;flex:none}
  .top.is-min .search{flex:1;min-width:0;height:2.9rem;margin:0;order:0}
  .top.is-min .hbtn--red{margin:0;flex:none}
  .top.is-min .logo__box{width:2.9rem;height:2.9rem}
  .pps,.sys8,.kits3{display:flex!important;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-1rem;padding:.25rem 1rem 1rem;scroll-padding-inline:1rem}
  .pps::-webkit-scrollbar,.sys8::-webkit-scrollbar,.kits3::-webkit-scrollbar{display:none}
  .pps>li,.sys8>li,.kits3>li{flex:0 0 78%;scroll-snap-align:start;min-width:0}
  .pps>li{flex-basis:70%}
  .kits3>li{flex-basis:84%}
  .irows>li:nth-child(n+7){display:none}
  .sec{padding-top:2.6rem}
}
@media (max-width:760px){.dir__cols{display:flex!important;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-1rem;padding:.25rem 1rem 1rem;scroll-padding-inline:1rem}.dir__cols::-webkit-scrollbar{display:none}.dir__cols>*{flex:0 0 72%;scroll-snap-align:start;min-width:0}}

/* ===== Речник: картинка към всеки термин ===== */
.tph img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}
.tdash{position:relative;display:block;height:100%;background:#000}
.tdash img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;opacity:.55;filter:blur(1px)}
.tdash .lamp{position:absolute;left:50%;top:50%;width:5.5rem;height:5.5rem;margin:-2.75rem 0 0 -2.75rem;border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 60px 10px currentColor}
.tdash .lamp svg{width:64%;height:64%}
.gloss__t--ph{display:grid;grid-template-columns:8.5rem minmax(0,1fr);column-gap:1.1rem;align-items:start}
.gloss__ph{grid-row:1/span 2;display:block;border-radius:10px;overflow:hidden;background:#E9EAEE}
.gloss__ph img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}
.gloss__ph:hover img{transform:scale(1.06)}
.gloss__ph .tdash .lamp{width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;border-radius:8px;box-shadow:0 0 24px 4px currentColor}
.gloss__t--ph dt,.gloss__t--ph dd{grid-column:2}
.tgrid__ph{display:block;margin:-1.1rem -1.2rem .9rem;border-radius:12px 12px 0 0;overflow:hidden;background:#E9EAEE}
.tgrid__ph img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.tgrid__ph .tdash .lamp{width:3rem;height:3rem;margin:-1.5rem 0 0 -1.5rem;border-radius:9px;box-shadow:0 0 30px 5px currentColor}
.tgrid a{overflow:hidden}
@media (max-width:760px){.gloss__t--ph{grid-template-columns:5.5rem minmax(0,1fr);column-gap:.8rem}}

.ck{position:fixed;z-index:90;left:1rem;right:1rem;bottom:1rem;max-width:44rem;margin-inline:auto;display:flex;align-items:center;gap:1rem;padding:.9rem 1rem .9rem 1.2rem;border-radius:12px;background:#11131A;color:#D5D8E2;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 50px -20px #000;font-size:.9rem;line-height:1.45}
.ck p{margin:0;flex:1}
.ck div{display:flex;gap:.5rem;flex:none}
.ck button{height:2.5rem;padding:0 1rem;border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font:700 .88rem var(--body);cursor:pointer}
.ck button[data-ck="1"]{background:var(--m3)}
.ck button:hover{filter:brightness(1.15)}
@media (max-width:760px){.ck{flex-direction:column;align-items:stretch;gap:.7rem}.ck div{justify-content:stretch}.ck button{flex:1}}

/* ===== Четиринадесета версия: снимки на моделите, наръчници, лента за телефон, появяване ===== */
[data-rv]{opacity:0;transform:translateY(18px)}
[data-rv].in{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--d,0)*70ms)}
.sh[data-rv] .m3 i{transform:scaleX(0);transform-origin:left}
.sh[data-rv].in .m3 i{transform:none;transition:transform .5s cubic-bezier(.2,.7,.2,1) .15s}
.sh[data-rv].in .m3 i:nth-child(2){transition-delay:.25s}
.sh[data-rv].in .m3 i:nth-child(3){transition-delay:.35s}

.mtiles>li{display:flex}
.mtiles>li>.mtile{flex:1}
.mtiles--ph{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
.mtile--ph{grid-template-rows:auto auto 1fr;align-content:start;padding:0 1rem 1rem 1.2rem}
.mtile__ph{grid-column:1/-1;display:block;margin:0 -1rem .85rem -1.2rem;background:#DFE1E6;overflow:hidden}
.mtile__ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.mtile--ph:hover .mtile__ph img{transform:scale(1.07)}
.mtile--ph strong{grid-row:2;font:900 italic 1.25rem/1.1 var(--head);text-transform:uppercase}
.mtile--ph small{grid-row:3;align-self:start;margin-top:.2rem}
.mtile--ph .ic{grid-row:2/4;align-self:center}
.phero--car{grid-template-columns:minmax(0,1fr) 44%}
.phero__car{background:#DFE1E6}
.phero__car img{aspect-ratio:16/9}

.gcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}
.gcards--row{grid-template-columns:repeat(3,minmax(0,1fr))}
.gcards>li{display:flex}
.gcard{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 .8rem;padding:0 1.1rem 1.05rem 1.2rem;text-decoration:none;overflow:hidden;color:var(--ink);transition:transform .2s,box-shadow .2s}
.gcard__ph{grid-column:1/-1;position:relative;display:block;margin:0 -1.1rem .95rem -1.2rem;background:#14161D;overflow:hidden}
.gcard__ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gcard__ph::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(8,9,13,.55))}
.gcard__ph i{position:absolute;z-index:1;left:1.2rem;bottom:.9rem;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:9px;background:var(--m3);color:#fff;box-shadow:0 8px 18px -8px rgba(227,0,42,.9)}
.gcard__ph i .ic{width:1.35rem;height:1.35rem}
.gcard__tx{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.gcard__tx strong{font-size:1.08rem;line-height:1.25}
.gcard__tx small{color:var(--mut,#6B7080);font-size:.85rem;font-weight:600}
.gcard>.ic{width:1.2rem;height:1.2rem;color:var(--m3);transition:transform .2s}
.gcard:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.gcard:hover .gcard__ph img{transform:scale(1.06)}
.gcard:hover>.ic{transform:translateX(4px)}
.gwhen{display:flex;gap:.75rem;align-items:flex-start;margin:0 0 1.6rem}
.gwhen .ic{flex:none;width:1.3rem;height:1.3rem;margin-top:.15rem;color:var(--m3)}
.gbar{position:sticky;top:5.2rem;z-index:5;display:flex;align-items:center;gap:.9rem;margin:0 0 1rem;padding:.7rem .8rem .7rem 1.1rem;border-radius:12px;background:#11131A;color:#D5D8E2;box-shadow:0 14px 30px -18px #000;font-size:.92rem}
.gbar__t{flex:none;font-weight:600}
.gbar__t b{color:#fff;font:900 italic 1.2rem/1 var(--head);margin-right:.15rem}
.gbar__l{flex:1;height:.5rem;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.gbar__l i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#FF4D6A,var(--m3));transition:width .45s cubic-bezier(.2,.7,.2,1)}
.gbar.is-full .gbar__l i{background:linear-gradient(90deg,#2ED07A,#12A65A)}
.gbar__r{flex:none;height:2.1rem;padding:0 .8rem;border:0;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font:700 .82rem var(--body);cursor:pointer}
.gbar__r:hover{background:rgba(255,255,255,.2)}
.gsteps{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.gstep{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.15rem 1.3rem 1.2rem 1.1rem;transition:background .25s,box-shadow .25s}
.gstep__c{position:relative;display:block;width:2.4rem;height:2.4rem;cursor:pointer}
.gstep__c input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.gstep__c span[aria-hidden]{display:grid;place-items:center;width:100%;height:100%;border-radius:9px;background:#fff;box-shadow:inset 0 0 0 2px #C9CCD6;color:transparent;transition:background .2s,box-shadow .2s,transform .2s}
.gstep__c .ic{width:1.5rem;height:1.5rem}
.gstep__c input:focus-visible+span{outline:3px solid var(--m3);outline-offset:2px}
.gstep__c input:checked+span{background:#12A65A;box-shadow:none;color:#fff;animation:gtick .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes gtick{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:none}}
.gstep h3{display:flex;align-items:baseline;gap:.6rem;margin:.25rem 0 .4rem;font-size:1.12rem;line-height:1.25}
.gstep h3 b{font:900 italic .95rem/1 var(--head);color:var(--m3)}
.gstep p{margin:0;color:var(--mut,#555B6B);line-height:1.6}
.gstep .chips{margin-top:.75rem}
.gstep.is-done{background:#F1FAF5;box-shadow:inset 0 0 0 1px #BFE8D0}
.gstep.is-done h3{text-decoration:line-through;text-decoration-color:rgba(18,166,90,.6);color:#3C4354}
.gmist{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.gmist li{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border-radius:10px;background:#FFF1F3}
.gmist .ic{flex:none;width:1.2rem;height:1.2rem;margin-top:.15rem;color:var(--m3)}
.sec--guides{position:relative}

.tabbar,.sheet{display:none}
@media (min-width:1101px){.foot__grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:1.5rem}}
@media (max-width:1100px){.gcards--row{grid-template-columns:repeat(2,minmax(0,1fr))}.phero--car{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.demo .demo__panel{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  body{padding-bottom:calc(3.9rem + env(safe-area-inset-bottom,0px))}
  .top .nav{display:none}
  .hero__ticks{display:none}
  .hero3 .hero__lead{margin-bottom:1.1rem}
  .tabbar{position:fixed;z-index:80;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:.3rem .3rem calc(.3rem + env(safe-area-inset-bottom,0px));background:rgba(13,14,19,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -1px 0 rgba(255,255,255,.09),0 -18px 30px -18px rgba(0,0,0,.7)}
  .tabbar a,.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;height:3.3rem;padding:0;border:0;border-radius:10px;background:none;color:#9DA2B2;font:700 .68rem/1 var(--body);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,transform .15s}
  .tabbar .ic{width:1.45rem;height:1.45rem;transition:transform .25s cubic-bezier(.3,1.5,.5,1)}
  .tabbar a:active,.tabbar button:active{transform:scale(.92)}
  .tabbar [aria-current],.tabbar [aria-expanded="true"]{color:#fff}
  .tabbar [aria-current] .ic,.tabbar [aria-expanded="true"] .ic{color:var(--m3);transform:translateY(-2px) scale(1.08)}
  .tabbar [aria-current]::before{content:"";position:absolute;top:-.3rem;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--m3)}
  .sheet{position:fixed;z-index:79;inset:0;display:flex;align-items:flex-end;background:rgba(5,6,9,0);transition:background .25s}
  .sheet[hidden]{display:none}
  .sheet.is-open{background:rgba(5,6,9,.6)}
  .sheet__in{width:100%;padding:.6rem 1rem calc(5rem + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;background:#14161D;box-shadow:0 -1px 0 rgba(255,255,255,.1);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
  .sheet.is-open .sheet__in{transform:none}
  .sheet__grip{display:block;width:2.6rem;height:4px;margin:0 auto .7rem;border-radius:4px;background:rgba(255,255,255,.22)}
  .sheet ul{list-style:none;margin:0;padding:0}
  .sheet a{display:flex;align-items:center;gap:.85rem;padding:.7rem .2rem;color:#fff;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.07)}
  .sheet li:last-child a{border:0}
  .sheet a span:not(.badge){flex:1}
  .sheet a>.ic{width:1rem;height:1rem;color:#6F7586}
  .sheet a[aria-current] .badge{background:var(--m3);color:#fff}
  .ck{bottom:calc(4.6rem + env(safe-area-inset-bottom,0px))}
  .mtiles--ph{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .mtile--ph{padding:0 .6rem .8rem .8rem}
  .mtile__ph{margin:0 -.6rem .65rem -.8rem}
  .mtile--ph strong{font-size:1.05rem}
  .mtile--ph small{font-size:.72rem}
  .gcards{grid-template-columns:minmax(0,1fr)}
  .gcards--row{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-1rem;padding:.2rem 1rem 1rem;scrollbar-width:none}
  .gcards--row::-webkit-scrollbar{display:none}
  .gcards--row>li{flex:0 0 78%;scroll-snap-align:start}
  .gbar{top:4.4rem;gap:.6rem;padding:.6rem .7rem .6rem .9rem;font-size:.85rem}
  .gstep{gap:.8rem;padding:1rem 1rem 1.05rem .9rem}
  .gstep__c{width:2.2rem;height:2.2rem}
  .xray2__list{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-1rem;padding-inline:1rem}
  .xray2__list::-webkit-scrollbar{display:none}
  .xray2__list li{flex:none}
}
@media (prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none}.gstep__c input:checked+span{animation:none}}

/* ===== Проблемите: три ясно отделени блока, части със снимка, отделни страници ===== */
.issue h3 a{color:inherit;text-decoration:none}
.issue h3 a:hover{color:var(--m3)}
.issue dl.i3,.i3{display:grid;gap:.6rem;margin:0 0 1rem}
.i3>div{position:relative;padding:.9rem 1rem 1rem 3.6rem;border-radius:12px;background:var(--bg3,#F4F5F8);box-shadow:inset 4px 0 0 var(--c)}
.i3 dt{display:block;margin:0 0 .3rem;font:800 italic .8rem/1.2 var(--head);text-transform:uppercase;letter-spacing:.05em;color:var(--c)}
.issue .i3 dt .ic,.i3 dt .ic{position:absolute;left:.95rem;top:.9rem;box-sizing:border-box;width:1.95rem;height:1.95rem;padding:.4rem;border-radius:8px;background:var(--c);color:#fff}
.i3 dd{margin:0;font-size:.96rem;line-height:1.6;color:var(--ink)}
.i3__s{--c:#E3002A;--bg3:#FFF2F4}
.i3__c{--c:#262B38;--bg3:#F1F2F6}
.i3__k{--c:#0E9552;--bg3:#EFFAF4}
.i3--lg{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.i3--lg>div{padding:4.1rem 1.3rem 1.4rem;box-shadow:inset 0 4px 0 var(--c)}
.i3--lg dt{font-size:.9rem;margin-bottom:.55rem}
.i3--lg dt .ic{left:1.3rem;top:1.25rem;width:2.2rem;height:2.2rem}
.i3--lg dd{font-size:1.02rem}
.pchips{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.pchips a{display:flex;align-items:center;gap:.55rem;padding:.3rem .85rem .3rem .3rem;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line,#DDE0E7);color:var(--ink);font-weight:700;font-size:.9rem;text-decoration:none;transition:box-shadow .15s,transform .15s}
.pchips img{width:3rem;height:2.25rem;border-radius:7px;object-fit:cover;background:#E9EAEE}
.pchips a:hover{box-shadow:inset 0 0 0 2px var(--m3);transform:translateY(-2px)}
.issue .more{margin-top:.1rem}
.backto{margin:1.4rem 0 0}
.icard ul a{color:inherit;text-decoration:none}
.icard ul a:hover{color:var(--m3);text-decoration:underline}
@media (max-width:900px){.i3--lg{grid-template-columns:minmax(0,1fr)}.i3--lg>div{padding:.95rem 1rem 1.05rem 3.9rem;box-shadow:inset 4px 0 0 var(--c)}.i3--lg dt .ic{left:1rem;top:.95rem}}
.gstep .pchips{margin:.8rem 0 0}

/* ===== Цифрите са плътни: контурът чупеше някои знаци (например 4) ===== */
.issue::before,.kit3__h b,.feat4 li::after,.anat__list li::after{color:#D5D8E0;-webkit-text-stroke:0}
.steps li::before,.gloss__b{color:var(--m3);-webkit-text-stroke:0}
.sy b{color:#414759;-webkit-text-stroke:0}
.sy:hover b{color:var(--m3)}

/* ===== Петнадесета версия: връзки към конкретните проблеми, проблеми по марка ===== */
.issues{align-items:start}
.mis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.mi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.6rem .9rem .6rem .6rem;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.mi__ph{display:block;width:6.2rem;border-radius:8px;overflow:hidden;background:#DFE1E6}
.mi__ph img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.mi .mono{width:6.2rem;height:3.9rem;margin:0;padding:.5rem;border-radius:8px}
.mi__tx{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.mi__tx small{color:var(--m3);font-weight:700;font-size:.8rem}
.mi__tx strong{font-size:.97rem;line-height:1.3}
.mi>.ic{width:1rem;height:1rem;color:var(--line2)}
.mi:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.mi:hover>.ic{color:var(--m3)}
.mis__more{margin:.9rem 0 0;font-size:.93rem;color:var(--mute)}
.bis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.8rem;align-items:start}
.bi{padding:1.1rem 1.2rem 1.15rem}
.bi h3{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin:0 0 .7rem;font:900 italic 1.15rem/1.15 var(--head);text-transform:uppercase}
.bi h3 a{color:var(--ink);text-decoration:none}
.bi h3 a:hover{color:var(--m3)}
.bi h3 em{flex:none;display:grid;place-items:center;min-width:1.9rem;height:1.9rem;border-radius:8px;background:var(--m3);color:#fff;font:800 .85rem var(--body);font-style:normal}
.bi ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.bi li a{position:relative;display:block;padding-left:1rem;color:var(--ink);font-size:.93rem;line-height:1.35;text-decoration:none}
.bi li a::before{content:"";position:absolute;left:0;top:.5em;width:.4rem;height:.4rem;border-radius:2px;background:var(--m3)}
.bi li a:hover{color:var(--m3);text-decoration:underline;text-underline-offset:.2em}
@media (max-width:760px){.mis{grid-template-columns:minmax(0,1fr)}.mi__ph,.mi .mono{width:5.2rem}.mi .mono{height:3.3rem}}
@media (max-width:760px){.top .search{min-width:0;width:100%;max-width:100%;flex:1 1 100%;box-sizing:border-box}.top .search input{min-width:0}}
@media (max-width:1100px){.top .search{min-width:0;flex:1 1 0}.top .search input{min-width:0;width:100%}}
@media (max-width:760px){.top .search{flex:1 1 100%}}

/* ===== Шестнадесета версия: кодове за грешки и течности ===== */
.phero--codes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:2rem;align-items:center}
.phero__dec{margin:0;padding:1.4rem 1.3rem 1.2rem;border-radius:14px;background:#0B0C10;color:#fff}
.phero__dec figcaption{margin-top:1rem;font-size:.82rem;line-height:1.45;color:#A9AEBB}
.cdec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr);gap:.5rem}
.cdec li{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:.8rem .6rem .75rem;border-radius:10px;background:#171A22;box-shadow:inset 0 3px 0 #2B303C}
.cdec li:first-child{box-shadow:inset 0 3px 0 var(--m1,#6FC3F0)}
.cdec li:nth-child(2){box-shadow:inset 0 3px 0 var(--m2,#1C4E9C)}
.cdec li:nth-child(3){box-shadow:inset 0 3px 0 var(--m3)}
.cdec b{font:900 italic 2.5rem/1 var(--head);letter-spacing:.02em}
.cdec span{font-size:.72rem;line-height:1.35;color:#B9BECA;overflow-wrap:anywhere}
.cfind{position:relative;display:flex;align-items:center;max-width:26rem;margin:1.1rem 0 1rem}
.cfind .ic{position:absolute;left:1rem;width:1.15rem;height:1.15rem;color:var(--mute);pointer-events:none}
.cfind input{width:100%;min-width:0;height:3.3rem;padding:0 1rem 0 2.9rem;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);font:800 1.1rem var(--body);letter-spacing:.04em;text-transform:uppercase}
.cfind input::placeholder{font-weight:500;letter-spacing:0;text-transform:none;color:var(--mute)}
.cfind input:focus{outline:3px solid var(--m3);outline-offset:2px}
.cchips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.cchip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;height:100%;padding:.75rem .9rem .75rem .75rem;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.cchip b{display:grid;place-items:center;min-width:4.6rem;padding:.55rem .5rem;border-radius:8px;background:#0B0C10;color:#fff;font:900 italic 1.08rem/1 var(--head);letter-spacing:.03em}
.cchip span{font-size:.93rem;line-height:1.3;font-weight:600}
.cchip>.ic{width:1rem;height:1rem;color:var(--line2)}
.cchip:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.cchip:hover b{background:var(--m3)}
.cgroup[hidden],.cchips li[hidden]{display:none}
.cletters{margin:1rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.cletters>div{display:flex;align-items:center;gap:.9rem;padding:.7rem .9rem;border-radius:10px;background:var(--soft)}
.cletters dt{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:8px;background:#0B0C10;color:#fff;font:900 italic 1.2rem/1 var(--head)}
.cletters dd{margin:0;font-size:.95rem;line-height:1.35;color:var(--ink)}
.csigns{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.csigns li{display:flex;align-items:flex-start;gap:.7rem;padding:.95rem 1rem;font-weight:600;line-height:1.4;color:var(--ink)}
.csigns .ic{flex:none;width:1.2rem;height:1.2rem;margin-top:.12rem;color:var(--m3)}
.causes li.causes__np{grid-template-columns:auto minmax(0,1fr);gap:1.1rem;align-items:start;padding:1.1rem 1.4rem 1.1rem 1.1rem}
.causes__np p{margin-bottom:0}
.sidebox--codes li a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;line-height:1.3}
.sidebox--codes li a b{padding:.3rem .45rem;border-radius:6px;background:#0B0C10;color:#fff;font:900 italic .8rem/1 var(--head);letter-spacing:.03em}
.sidebox--codes li a:hover b{background:var(--m3)}
.fcards{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.fcard{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.3rem 1.3rem 1.2rem;text-decoration:none;color:var(--text);transition:transform .15s,box-shadow .15s}
.fcard h3{margin:0;font-size:1.25rem;color:var(--ink)}
.fcard p{margin:0;font-size:.93rem;line-height:1.5;color:var(--mute);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fcard .symp__go{margin-top:auto}
.fcard:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--text)}
.fcards--row{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
.ftypes{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.ftypes>div{padding:1.1rem 1.2rem 1.15rem;box-shadow:inset 0 4px 0 var(--ink),var(--sh1,0 1px 2px rgba(11,12,16,.06))}
.ftypes dt{margin:0 0 .4rem;font:900 italic 1.1rem/1.2 var(--head);text-transform:uppercase;color:var(--ink)}
.ftypes dd{margin:0;font-size:.95rem;line-height:1.55}
.art .gmist{margin-top:.2rem}
@media (max-width:1100px){.phero--codes{grid-template-columns:minmax(0,1fr)}.cchips{grid-template-columns:repeat(2,minmax(0,1fr))}.fcards--row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .cchips,.csigns,.fcards,.fcards--row,.ftypes,.cletters{grid-template-columns:minmax(0,1fr)}
  .cdec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdec b{font-size:2.1rem}
  .phero__dec{padding:1rem .9rem}
  .cfind{max-width:none}
  .causes li.causes__np{padding:1rem}
}
.cnone[hidden]{display:none!important}
.phero--codes{grid-template-columns:minmax(0,1fr) minmax(0,400px)}
.cdec{grid-template-columns:repeat(2,minmax(0,1fr))}
.cdec span{font-size:.78rem}
.sidebox--codes+.backto{margin-top:1rem}
.pg__side .sidebox--lamps ul:has(li:only-child){display:block}
.pg__side .sidebox--lamps li:only-child a{display:flex;align-items:center;gap:.8rem}
@media (max-width:1100px){.phero--codes{grid-template-columns:minmax(0,1fr)}.cdec{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.cdec{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .sec--codes .cchips li:nth-child(n+7){display:none}
  .fcards--row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.7rem;margin-inline:-1rem;padding:0 1rem .5rem;scrollbar-width:none}
  .fcards--row::-webkit-scrollbar{display:none}
  .fcards--row li{flex:0 0 78%;scroll-snap-align:start}
}