.vg-pagehero{background:var(--vg-oat);background-image:radial-gradient(circle at 4% 120%,rgba(227,163,37,.28) 0 18rem,transparent 18.1rem);color:var(--vg-ink)}
.vg-pagehero__in{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;padding-top:0.8rem;padding-bottom:3.6rem}
.vg-pagehero__text{min-width:0;align-self:center}
.vg-pagehero__text .vg-crumbs{padding:1.2rem 0 1.2rem}
.vg-pagehero__text h1{margin:1.2rem 0 1.4rem}
.vg-pagehero__text>p{font-size:1.8rem;line-height:1.55;color:var(--vg-ink2);max-width:60ch}
.vg-pagehero__fig{margin:0;border-radius:2.6rem;overflow:hidden;background:var(--vg-sand)}
.vg-pagehero__fig img{width:100%;height:auto;display:block}
@media screen and (min-width:61.875em){.vg-pagehero__in--split{grid-template-columns:minmax(0,1fr) minmax(0,48rem);gap:4.8rem;align-items:start;padding-bottom:5.2rem}}
.vg-pagehero--plain .vg-pagehero__in{padding-bottom:2.8rem}
/* подбор лампы: ночная шапка */
.vg-pagehero--night{background:var(--vg-night);background-image:radial-gradient(ellipse 50% 90% at 90% 120%,rgba(255,210,122,.24),transparent 70%);color:var(--vg-oat);--color-foreground:246,240,230}
.vg-pagehero--night .vg-pagehero__text>p,.vg-pagehero--night .vg-crumbs{color:#d4d8e2}
.vg-pagehero--night h1 em{color:var(--vg-glow)}
.vg-pagehero--night .vg-jump a:hover{background:var(--vg-glow);border-color:var(--vg-glow);color:var(--vg-ink)}
/* «о бренде» — горчичный герой */
.vg-pagehero--about{background:var(--vg-mustard);background-image:repeating-linear-gradient(90deg,rgba(35,37,42,0.06) 0 2px,transparent 2px 0.7rem)}
@media screen and (min-width:61.875em){.vg-pagehero--about .vg-pagehero__in--split{grid-template-columns:minmax(0,1fr) minmax(0,56rem)}}
.vg-pagehero--about .vg-def{background:rgba(255,253,248,.92)}
@media screen and (min-width:61.875em){.vg-pagehero--about .vg-pagehero__fig{aspect-ratio:4/3}.vg-pagehero--about .vg-pagehero__fig img{width:100%;height:100%;object-fit:cover}}   /* кадр героя не выше текста вдвое: рамка 4:3 под обрез */
.vg-pagehero--about .vg-pagehero__text>p{color:var(--vg-ink)}
/* две половины марки: вязка | свет */
.vg-halves{display:grid;gap:1.8rem;max-width:1200PX;margin-inline:auto}
@media screen and (min-width:37.5em){.vg-halves{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}
.vg-half{display:flex;flex-direction:column;border-radius:2.6rem;overflow:hidden;background:#fff;border:1px solid var(--vg-line)}
.vg-half__fig{margin:0;aspect-ratio:2/1;overflow:hidden;background:var(--vg-sand)}
.vg-half__fig img{width:100%;height:100%;object-fit:cover;display:block}
.vg-half__text{padding:2.2rem 2.4rem 2.6rem;flex:1 1 auto}
.vg-half__text h3{font-size:2.2rem;margin:0 0 1rem}
.vg-half__text p{font-size:1.6rem;line-height:1.6}
.vg-half--night{background:var(--vg-night);border-color:var(--vg-night);color:var(--vg-oat)}
.vg-half--night h3{color:var(--vg-glow)}
.vg-half--night p{color:#d4d8e2}
/* вехи гирляндой: провод через полосу, вехи — горящие лампочки */
.vg-abpath__list{position:relative;margin:0;padding:0;list-style:none;display:grid;gap:2.2rem}
@media screen and (min-width:61.875em){.vg-abpath__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.8rem;padding-top:3rem}.vg-abpath__list::before{content:"";position:absolute;left:0;right:0;top:0.8rem;height:2px;background:linear-gradient(90deg,transparent,#56607a 6%,#56607a 94%,transparent)}}
.vg-abpath__list li{position:relative;display:flex;flex-direction:column;gap:0.8rem;padding:2.2rem 2rem 2rem;border-radius:2.2rem;background:#fff;border:1px solid var(--vg-line)}
.vg-abpath__bulb{position:absolute;top:-1.2rem;left:2rem;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--vg-glow);box-shadow:0 0 0 0.4rem rgba(255,210,122,.25),0 0 1.8rem rgba(255,210,122,.9)}
@media screen and (min-width:61.875em){.vg-abpath__bulb{top:-3.3rem;left:50%;margin-left:-1.1rem}}
.vg-abpath__list b{font-family:"Barlow Condensed",var(--font-body-family);font-size:2.6rem;font-weight:700;line-height:1;color:var(--vg-ink)}
.vg-abpath__list li{color:var(--vg-ink)}
.vg-abpath__t{font-size:1.5rem;color:var(--vg-ink)}
.vg-abpath__list small{color:var(--vg-ink2);font-size:1.3rem}
/* манифест на панораме баннера */
.vg-ab--accent{background:var(--vg-paper)}
.vg-absay{margin:0;border-radius:2.8rem;overflow:hidden;background:var(--vg-night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 90' preserveAspectRatio='none'%3E%3Cpath d='M0 90V62l92-30 70 22 118-48 96 40 64-18 120 44 104-36 88 22 132-56 98 46 74-20 118 38 86-26 92 30 88-18V90z' fill='%23283146'/%3E%3C/svg%3E") no-repeat left bottom/100% 40%;display:grid}
.vg-absay__pic{width:100%;max-width:480PX;aspect-ratio:8/5;justify-self:center;overflow:hidden}
.vg-absay__pic img{width:100%;height:100%;object-fit:cover;display:block}
/* в одну колонку полоса слогана — карточка шириной в свой кадр (480 px), по центру: кадр не стоит один посреди широкой полосы */
@media screen and (max-width:46.873em){.vg-absay,.vg-pano{max-width:480PX;margin-inline:auto}}
@media screen and (min-width:46.875em){.vg-absay{grid-template-columns:minmax(0,1fr) minmax(0,480PX);align-items:start}.vg-absay__pic{justify-self:end}}
.vg-absay figcaption{align-self:center;padding:3.2rem 6%;color:#fff;--color-foreground:255,255,255}
.vg-absay .vg-kicker{color:var(--vg-glow)}
.vg-absay__q{margin:0.6rem 0 1rem;font-family:var(--font-heading-family);font-size:clamp(3.4rem,5vw,6.8rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff;text-wrap:balance}
.vg-absay figcaption p{margin:0;font-size:1.5rem;color:#f1e7d6}
/* принципы с круглыми кадрами */
ol.vg-abrules{--rg:1.6rem;margin:0;padding:0;list-style:none}
.vg-abrules li{display:flex;flex-direction:column;gap:1rem;padding:2.4rem 2.2rem;border-radius:2.2rem;background:#fff;border:1px solid var(--vg-line)}
.vg-abrules__img{display:block;width:8.4rem;height:8.4rem;border-radius:50%;overflow:hidden;background:var(--vg-sand);box-shadow:0 0 0 0.4rem var(--vg-mustard)}
.vg-abrules__img img{width:100%;height:100%;object-fit:cover;display:block}
.vg-abrules__n{font-family:"Barlow Condensed",var(--font-body-family);font-size:2rem;font-weight:700;color:var(--vg-mustard-ink);line-height:1}
.vg-abrules__t{font-size:1.5rem;color:var(--vg-ink2)}
.vg-ab--record .vg-stats li{background:#fff}
.vg-passport--about{margin-top:3.2rem}
.vg-abexit__btns{display:flex;flex-wrap:wrap;gap:1.2rem;margin:2.6rem 0 0}
.vg-note-line{margin:2.2rem 0 0;font-size:1.5rem}
/* подбор размера: полосы обхвата всех шапок */
.vg-fitbars{margin:0 0 2.4rem;padding:0;list-style:none;display:grid;gap:1.2rem}
.vg-fitbars li{display:grid;gap:0.6rem}
.vg-fitbars li>a{font-weight:700}
.vg-fitbars .vg-head-fit{margin:0}
/* подбор лампы: плитки света */
ul.vg-lighttiles{--rg:1.2rem;margin-top:1.8rem}
.vg-lighttiles li{padding:1.6rem 1.8rem;border-radius:var(--vg-r);background:#fff;color:var(--vg-ink)}
.vg-lighttiles b{display:block;margin-bottom:0.4rem;font-family:"Barlow Condensed",var(--font-body-family);font-size:2rem;font-weight:700}
.vg-lighttiles p{margin:0;font-size:1.5rem;color:var(--vg-ink2)}
/* отзывы */
ul.vg-themes{--rg:1.4rem}
.vg-themes li{padding:1.8rem 2rem;border-radius:2.2rem;background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-themes b{display:block;margin-bottom:0.6rem;font-family:"Barlow Condensed",var(--font-body-family);font-size:2.4rem;font-weight:700;line-height:1}
.vg-themes p{margin:0;font-size:1.5rem;color:var(--vg-ink2)}
.vg-revgroup{display:grid;gap:1.8rem;margin:3.6rem 0 0;scroll-margin-top:12rem}
.vg-revgroup__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0.8rem 2rem}
.vg-revgroup__head>*{min-width:0;overflow-wrap:anywhere}
.vg-revgroup__head h2{font-family:var(--font-body-family);font-weight:800;font-size:clamp(2.2rem,2vw,2.8rem);letter-spacing:-.02em;line-height:1.2;min-width:0;max-width:100%;overflow-wrap:anywhere}
/* FAQ */
ul.vg-roads{--rg:1.2rem}
.vg-roads a{display:flex;flex-direction:column;gap:0.4rem;height:100%;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}
.vg-roads b{font-weight:800}
.vg-roads span{font-size:1.4rem;color:var(--vg-ink2)}
/* контакты, правовые */
ul.vg-contact{--rg:1.4rem}
.vg-contact li{padding:2rem;border-radius:2.2rem;background:#fff;color:var(--vg-ink);border:1px solid var(--vg-line)}
.vg-contact b{display:block;margin-bottom:0.8rem;font-weight:800}
.vg-contact a:not([href^="mailto:"]):not([href^="tel:"]){overflow-wrap:anywhere}
.vg-legal{display:grid;gap:2.6rem;font-size:1.7rem;line-height:1.65}
@media screen and (min-width:61.875em){.vg-legal{display:block;column-count:2;column-gap:4.8rem}.vg-legal>section{break-inside:avoid;margin:0 0 3.2rem}}
.vg-legal h2{font-size:2.8rem;margin:0 0 1rem}
.vg-legal a{overflow-wrap:anywhere}
/* поиск */
.vg-search .field{display:flex;align-items:center;gap:1rem;padding:0 1.8rem;border-radius:4rem;border:2px solid var(--vg-ink);background:#fff;max-width:64rem}
.vg-search .field input{min-width:0;flex:1 1 auto;width:100%}
.vg-search input{flex:1 1 auto;border:0;background:transparent;font:inherit;font-size:1.7rem;min-height:5rem;outline:0}
.vg-search p{margin:1.2rem 0 0;color:var(--vg-ink2)}
.vg-hits{margin:2.2rem 0 0;padding:0;list-style:none;display:grid;gap:1rem}
.vg-hits a{display:flex;flex-direction:column;gap:2px;padding:1.4rem 1.6rem;border-radius:var(--vg-r);background:#fff;border:1px solid var(--vg-line);text-decoration:none}
.vg-hits small{color:var(--vg-mustard-ink);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:1.2rem}
.vg-hits span{color:var(--vg-ink2);font-size:1.4rem}
.cart__warnings{display:grid;gap:1.8rem;justify-items:start}
/* 404 на горчице */
.vg-404{display:grid;gap:2.8rem;align-items:start}
@media screen and (min-width:46.875em){.vg-404{grid-template-columns:minmax(0,1fr) minmax(0,32rem)}}
.vg-404__n{margin:0 0 1rem;font-family:"Barlow Condensed",var(--font-body-family);font-size:clamp(9.6rem,14vw,18rem);font-weight:700;color:var(--vg-ink);line-height:.8}
.vg-404__go{display:flex;flex-wrap:wrap;gap:1.4rem;align-items:center;margin-top:2rem}
.vg-404__fig{margin:0;border-radius:2.6rem;overflow:hidden;max-width:32rem;aspect-ratio:1;background:#fff}
.vg-404__fig img{width:100%;height:100%;object-fit:contain;display:block}