
/* герои и полоса слогана: текст и кадр от одного верха (приёмка grid-rows меряет верх детей) */
.vg-collhero__in>*,.vg-pagehero__in>*,.article-template__hero-in>*,.vg-absay>*,.vg-404>*{align-self:start!important}
/* шкала цвета света — общая: главная, отдел ламп, гид по лампам, карточки ламп, статьи */
.vg-kelvin{margin:1.6rem 0;padding:1.8rem 2rem 1.6rem;border-radius:var(--vg-r);background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-kelvin__bar{position:relative;height:1.8rem;border-radius:0.9rem;background:linear-gradient(90deg,#ff8a1f 0%,#ffb85c 12%,#ffd9a0 24%,#fff1d6 42%,#f4f6ff 70%,#cfe0ff 100%);box-shadow:inset 0 0 0 1px rgba(35,37,42,.12)}
.vg-kelvin__bar i{position:absolute;top:-0.6rem;bottom:-0.6rem;width:0.4rem;margin-left:-2px;border-radius:2px;background:var(--vg-ink)}
/* подпись стоит под своим делением: якорь сдвигается на долю своей позиции (у левого края — влево, у правого — вправо), соседние
   подписи чередуют два ряда, чтобы близкие кельвины (1800 и 2700) не наезжали друг на друга */
.vg-kelvin__marks{position:relative;margin:0.8rem 0 0;padding:0;list-style:none;height:6.4em}
.vg-kelvin__marks li{position:absolute;top:0;left:var(--x);transform:translateX(calc(var(--x) * -1));display:flex;flex-direction:column;font-size:1.3rem;line-height:1.3;white-space:nowrap}
.vg-kelvin__marks li:nth-child(even){top:3.2em}
.vg-kelvin__marks b{font-family:"Barlow Condensed",var(--font-body-family);font-size:1.8rem;font-weight:700}
.vg-kelvin__marks span{color:var(--vg-ink2)}
.vg-kelvin figcaption{margin-top:1rem;font-size:1.4rem;font-weight:700}
ul.vg-revs{--rg:1.6rem}
.vg-revs--cols{display:grid;gap:1.8rem;align-items:start}
.vg-revs__col{margin:0;padding:0;list-style:none;display:grid;gap:1.8rem;align-content:start}
@media screen and (min-width:46.875em){.vg-revs--cols{grid-template-columns:repeat(var(--cols),minmax(0,1fr))}}
.vg-rev{margin:0;display:flex;flex-direction:column;gap:1rem;padding:2.2rem;border-radius:2.2rem;background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-rev__t{margin:0;font-weight:700;font-size:1.6rem}
.vg-rev blockquote{margin:0;font-size:1.5rem;line-height:1.6}
.vg-rev blockquote p{margin:0}
.vg-clip p{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.vg-clip.is-open p{display:block;-webkit-line-clamp:unset}
.vg-rev [data-more]{align-self:flex-start;border:0;background:none;padding:0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;color:var(--vg-ink)}
.vg-rev footer{margin-top:auto;font-size:1.3rem;color:var(--vg-ink2);line-height:1.5}
.vg-revhead{display:grid;gap:1.8rem;margin:0 0 2.2rem;padding:1.8rem 2rem;border-radius:2.2rem;background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
@media screen and (min-width:46.875em){.vg-revhead{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3.6rem}}
.vg-revsum{display:flex;align-items:center;gap:1rem;margin:0;font-weight:700}
.vg-hist{margin:0;padding:0;list-style:none;display:grid;gap:0.6rem;font-size:1.4rem}
.vg-hist li{display:grid;grid-template-columns:5.6rem minmax(0,1fr) 4rem;gap:1rem;align-items:center}
.vg-hist i{display:block;height:0.9rem;border-radius:0.9rem;background:var(--vg-oat)}
.vg-hist b{display:block;height:0.9rem;border-radius:0.9rem;background:var(--vg-mustard)}
/* паспорт марки */
.vg-passport h2{margin:0 0 1.4rem}
.vg-def{font-size:1.9rem;line-height:1.5;margin:0 0 2rem;padding:1.4rem 1.8rem;border-radius:var(--vg-r);background:var(--vg-oat);box-shadow:inset 0.5rem 0 0 var(--vg-mustard)}
dl.vg-facts{margin:0;--rg:1rem}
.vg-facts>div{display:grid;gap:0.4rem;padding:1.4rem 1.6rem;border-radius:1.4rem;background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
@media screen and (min-width:46.875em){.vg-facts--full>div{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:1.8rem;align-items:baseline}}
.vg-facts dt{font-weight:700;color:var(--vg-ink2);font-size:1.4rem}
.vg-facts dd{margin:0}
.vg-facts small{display:block;color:var(--vg-ink2);font-size:1.3rem;margin-top:2px}
/* карточки статей */
ul.vg-posts{--rg:1.8rem}
.vg-post{height:100%;display:flex;flex-direction:column;border-radius:2.2rem;overflow:hidden;background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-post__img{aspect-ratio:1;overflow:hidden;background:var(--vg-sand)}
@media screen and (max-width:37.498em){.vg-posts .vg-post{flex-direction:row;align-items:flex-start}.vg-posts .vg-post__img{flex:0 0 12rem;width:12rem;margin:1.4rem 0 1.4rem 1.4rem;border-radius:1.4rem}.vg-posts .vg-post__body{margin:1.4rem 0 1.4rem 0;padding:0 1.6rem}}
.vg-posts--two .vg-post{flex-direction:row;align-items:flex-start}
.vg-posts--two .vg-post__img{flex:0 0 12rem;width:12rem;margin:1.4rem 0 1.4rem 1.4rem;border-radius:1.4rem}
@media screen and (min-width:37.5em){.vg-posts--two .vg-post__img{flex-basis:18rem;width:18rem}}
.vg-posts--two .vg-post__body{margin:1.4rem 0;padding:0 1.8rem}
/* совсем узко (320 px при шрифте 24): кадр над текстом, заголовок не зажат в полосу в 15 px */
@media screen and (max-width:22.498em){.vg-posts .vg-post,.vg-posts--two .vg-post{flex-direction:column}.vg-posts .vg-post__img,.vg-posts--two .vg-post__img{flex:none;width:auto;margin:1.4rem 1.4rem 0}}
.vg-post__img img{width:100%;height:100%;object-fit:cover;display:block}
.vg-post__body{padding:1.8rem 2rem 2.2rem;display:flex;flex-direction:column;gap:1rem;min-width:0;overflow-wrap:anywhere}
.vg-post__tag{display:flex;flex-wrap:wrap;gap:0.8rem;margin:0}
.vg-post__tag span{display:inline-block;padding:3px 1rem;border-radius:4rem;background:var(--vg-mustard);color:var(--vg-ink);font-family:"Barlow Condensed",var(--font-body-family);font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.vg-post h3 a{text-decoration:none}
.vg-post h3 a:hover{text-decoration:underline}
.vg-post__body>p:last-child{margin:0;color:var(--vg-ink2);font-size:1.5rem}
ul.vg-reads{--rg:1.2rem}
.vg-reads a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.4rem 1.2rem;align-items:center;padding:1.6rem 1.8rem;border-radius:var(--vg-r);background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line);text-decoration:none;height:100%}
.vg-reads__tag{grid-column:1;font-family:"Barlow Condensed",var(--font-body-family);font-size:1.4rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vg-mustard-ink)}
.vg-reads a>span:nth-child(2){grid-column:1;font-weight:700}
.vg-reads .icon{grid-column:2;grid-row:1 / span 2;color:var(--vg-ember)}
/* «лучший выбор для…» */
ul.vg-best{--rg:1.4rem}
.vg-best li{display:flex;flex-direction:column;gap:0.6rem;padding:1.8rem;border-radius:var(--vg-r);background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-best__s{font-family:"Barlow Condensed",var(--font-body-family);font-size:1.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vg-mustard-ink)}
.vg-best__p{font-weight:700;font-size:1.6rem}
.vg-best p{margin:0;font-size:1.5rem;color:var(--vg-ink2)}
.vg-pair h2{margin:0 0 1.2rem}
/* табло: числа крупно */
ul.vg-stats{--rg:1.4rem}
.vg-stats li{padding:1.8rem;border-radius:var(--vg-r);background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line);display:flex;flex-direction:column;gap:2px}
.vg-stats b{font-family:"Barlow Condensed",var(--font-body-family);font-size:min(clamp(4rem,4vw,5.8rem),13vw);font-weight:700;color:var(--vg-ember);line-height:.95}
.vg-stats span{font-size:1.4rem;color:var(--vg-ink2)}
.vg-statfig{margin:0.8rem 0 2.6rem}
.vg-statfig figcaption{font-size:1.4rem;color:var(--vg-ink2);margin-top:1rem}
/* табло «коротко» на карточке (горчичная полоса) */
ul.vg-glance{--rg:1.2rem}
.vg-glance li{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere;hyphens:auto;padding:1.2rem 1.6rem;border-radius:1.4rem;background:rgba(255,253,248,.9);color:var(--vg-ink)}
.vg-glance b{font-family:"Barlow Condensed",var(--font-body-family);font-size:3rem;font-weight:700;line-height:1}
.vg-glance span{font-size:1.4rem;color:var(--vg-ink)}
/* шаги */
ol.vg-steps4{--rg:1.6rem;margin:0;padding:0;list-style:none}
.vg-steps4 li{display:flex;flex-direction:column;gap:1rem;padding:2.2rem 2rem;border-radius:var(--vg-r);background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-steps4__n{width:4.4rem;height:4.4rem;border-radius:50%;background:var(--vg-mustard);color:var(--vg-ink);font-family:"Barlow Condensed",var(--font-body-family);font-size:2.4rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}
.vg-steps4 p{margin:0;font-size:1.5rem}
.vg-use .vg-steps4{display:grid;gap:1rem}
.vg-use .vg-steps4 li{flex-direction:row;align-items:center;gap:1.4rem;padding:1.4rem 1.6rem}
.vg-use .vg-steps4__n{flex:none;width:3.8rem;height:3.8rem;font-size:2rem}
/* ПОЛОСА ОБХВАТА ГОЛОВЫ 17–27 in */
.vg-head-fit{margin:1.8rem 0;padding:1.6rem 2rem 1.4rem;border-radius:var(--vg-r);background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-head-fit__track{position:relative;height:1.6rem;border-radius:0.8rem;background:var(--vg-oat);background-image:repeating-linear-gradient(90deg,rgba(35,37,42,0.08) 0 2px,transparent 2px 0.7rem)}
.vg-head-fit__fill{position:absolute;top:0;bottom:0;border-radius:0.8rem;background:var(--vg-mustard)}
.vg-head-fit__track i{position:absolute;top:-0.4rem;bottom:-0.4rem;width:2px;margin-left:-1px;background:var(--vg-ink);opacity:.3}
.vg-head-fit__nums{position:relative;height:2rem;margin:0.6rem 0 0;padding:0;list-style:none;font-size:1.2rem;font-weight:700;font-variant-numeric:tabular-nums}
.vg-head-fit__nums li{position:absolute;transform:translateX(-50%)}
.vg-head-fit__nums li:first-child{transform:none}.vg-head-fit__nums li:last-child{transform:translateX(-100%)}
.vg-head-fit figcaption{margin-top:0.8rem;font-size:1.4rem;font-weight:700}
.vg-gauges{margin:2.4rem 0;display:grid;gap:1.2rem}
.vg-gauges__row{display:grid;gap:0.6rem}
.vg-gauges__row>a{font-weight:700}
.vg-gauges__row .vg-head-fit{margin:0}
.vg-gauges figcaption{font-size:1.4rem;color:var(--vg-ink2)}
/* КОЛОННОЕ СРАВНЕНИЕ: колонки изделий, шапки графитом с горчичной нитью */
.vg-cmp{display:grid;gap:1.6rem}
@media screen and (min-width:46.875em){.vg-cmp{display:flex;flex-wrap:wrap;align-items:flex-start}.vg-cmp__col{flex:1 1 calc(33.333% - 1.6rem);min-width:13.75em}}
/* от 1180 px сравнение — те же независимые колонки (без subgrid: строки с разной высотой давали разрыв внутри плитки) */
.vg-cmp__col{background:#fff;color:var(--vg-ink);border-radius:2.2rem;overflow:hidden;border:1px solid var(--vg-line);padding-bottom:1.6rem}
.vg-cmp__head{padding:1.8rem 1.8rem 1.6rem;background:var(--vg-ink);color:#fff;border-bottom:0.5rem solid var(--vg-mustard);--color-foreground:255,255,255}
.vg-cmp__type{margin:0 0 0.4rem;font-family:"Barlow Condensed",var(--font-body-family);font-size:1.4rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--vg-glow)}
.vg-cmp__head h3{color:#fff;font-size:1.7rem}
.vg-cmp__head h3 a{text-decoration:none;color:#fff}
.vg-cmp__price{margin:0.8rem 0 0}
.vg-cmp__price .price{color:#fff;font-size:2.1rem}
.vg-cmp__rate{display:flex;align-items:center;gap:0.8rem;margin:0.6rem 0 0;font-size:1.3rem;color:#d4d8e2}
.vg-cmp dl{margin:0}
.vg-cmp dl>div{padding:1rem 1.8rem}
.vg-cmp dt{font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vg-ink2)}
.vg-cmp dd{margin:2px 0 0;font-size:1.5rem}
.vg-cmp__col>.vg-link{margin:1rem 1.8rem 0;align-self:end}
