body[data-cards-native]{background:#F3F5F2!important;color:#16201B;font-family:Onest,Arial,sans-serif;letter-spacing:0}
body[data-cards-native] .outer-wrapper{max-width:1440px;margin:auto;background:transparent}
body[data-cards-native] .wrapper,body[data-cards-native] .main{background:transparent}
.cards-native-header{padding:24px 24px 0}
.cards-native-header .dh{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px}
.cards-native-header .lockup>svg{width:auto;height:54px}.cards-native-mobile-header .lockup>svg{height:44px}
.cards-native-header nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}
.cards-native-header .r{display:flex;gap:8px}
.cards-native-mobile-header{min-height:0!important;padding-bottom:0!important}
body[data-cards-native] .layout-center,body[data-cards-native] .b-row__inner{max-width:1392px}
body[data-cards-native] .info-pg__content{width:100%;max-width:100%}
body[data-cards-native] .info-pg__sidebar,body[data-cards-native] .mob-quick-panel,body[data-cards-native] .user-panel,body[data-cards-native] .top-message{display:none}
body[data-cards-native] .info-pg,body[data-cards-native] .cart-pg,body[data-cards-native] .checkout-pg,body[data-cards-native] .s-order-page,body[data-cards-native] .account-pg{margin:24px;background:#FFFFFF;border:1px solid #E3E8E4;border-radius:14px;padding:28px;box-sizing:border-box}
body[data-cards-native] h1{font-size:32px;line-height:1.2;margin:0 0 24px;font-weight:700;letter-spacing:0}
body[data-cards-native] h2{font-size:24px;letter-spacing:0}
body[data-cards-native] h3{font-size:18px;letter-spacing:0}
body[data-cards-native] input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),body[data-cards-native] select,body[data-cards-native] textarea{border:1px solid #E3E8E4;border-radius:10px;background:#fff;padding:10px 12px;color:#16201B;font:inherit;max-width:100%;box-sizing:border-box}
body[data-cards-native] input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),body[data-cards-native] select{min-height:44px}
body[data-cards-native] .button,body[data-cards-native] .btn,body[data-cards-native] input[type=submit]{background:#0B6B45;color:#fff;border:1px solid #0B6B45;border-radius:10px;min-height:44px;padding:12px 20px;font:600 14px Onest,Arial,sans-serif;text-transform:none;letter-spacing:0;cursor:pointer}
body[data-cards-native] .button:hover,body[data-cards-native] .btn:hover{background:#08442C;color:#fff}
body[data-cards-native] :focus-visible{outline:2px solid #43864C;outline-offset:3px}
.cards-information,.cards-native-search{max-width:1392px;margin:24px;padding:32px;background:#FFFFFF;border:1px solid #E3E8E4;border-radius:14px}
.cards-native-crumbs{font-size:13px;color:#5E6B64;margin-bottom:20px}
.cards-information-body{max-width:1000px;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.cards-information-body img{max-width:100%;height:auto}
.cards-information-body iframe{max-width:100%}
.cards-information-body table{max-width:100%;display:block;overflow:auto}
.cards-information-body p{margin:0 0 16px}
.cards-information-body ul,.cards-information-body ol{padding-left:24px}
.cards-information-body a,.cards-subpages a{color:#0B6B45;text-decoration:underline}
.cards-subpages{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}
.cards-search-form{display:flex;gap:12px;margin:0 0 28px;max-width:800px}
.cards-search-form input{flex:1;min-width:0}
.cards-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cards-results-grid .pcard{min-width:0;display:flex;flex-direction:column}
.cards-results-grid .pi img{width:100%;height:100%;object-fit:contain}
.cards-results-grid .pb{display:flex;flex-direction:column;flex:1}
.cards-results-grid .stock{margin:10px 0}
.cards-results-grid .btn{margin-top:auto}
.cards-empty{padding:36px 0}
.cards-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cards-blog-card{background:#FFFFFF;border:1px solid #E3E8E4;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}
.cards-blog-image{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:8px}
.cards-blog-image img{width:100%;height:100%;object-fit:cover}
.cards-blog-card time{font-size:12px;color:#5E6B64}
.cards-blog-card h2{font-size:20px!important;line-height:1.3;margin:0}
.cards-blog-card p{font-size:15px;line-height:1.6;color:#5E6B64;margin:0}
.cards-blog-read{margin-top:auto;font-size:14px;font-weight:600;color:#0B6B45}
body[data-cards-native] .sign-pg{max-width:620px;margin:32px auto;padding:32px;background:#FFFFFF;border:1px solid #E3E8E4;border-radius:14px}
body[data-cards-native] .sign-pg .layout-center{width:100%;padding:0}
body[data-cards-native] .sign-pg__content,body[data-cards-native] .form-ui-wr,body[data-cards-native] .form-ui-wr__inner{background:transparent;border:0;box-shadow:none;max-width:100%}
body[data-cards-native] .sign-pg input:not([type=checkbox]):not([type=radio]):not([type=hidden]){width:100%}
body[data-cards-native] .compare-pg{margin:24px;padding:24px;background:#FFFFFF;border-radius:14px;border:1px solid #E3E8E4}
body[data-cards-native] .compare-pg__sticky-header{position:static;background:transparent}
body[data-cards-native] .pg-not-found{max-width:800px;margin:32px auto;padding:32px;background:#FFFFFF;border-radius:14px;border:1px solid #E3E8E4}
body[data-cards-native] .cart-header{background:transparent;border-bottom:1px solid #E3E8E4;margin:24px;padding:18px;color:#0B6B45}
body[data-cards-native] .cart-header__logo{display:none}
body[data-cards-native] .cart-pg__title,body[data-cards-native] .checkout-pg__title,body[data-cards-native] .account-pg__title{font:700 28px Onest,Arial,sans-serif;letter-spacing:0;color:#16201B}
body[data-cards-native] .posts__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-cards-native] .posts__item{width:auto;margin:0;min-width:0}
body[data-cards-native] .b-post-card{background:#FFFFFF;border:1px solid #E3E8E4;border-radius:8px;overflow:hidden;padding:16px;height:100%}
body[data-cards-native] .b-post-card__img img{width:100%;height:220px;object-fit:cover;border-radius:8px}
body[data-cards-native] .b-post-card__title{font:700 20px Onest,Arial,sans-serif;color:#0B6B45;line-height:1.3}
body[data-cards-native] .b-post-card__text{font-size:15px;line-height:1.6;color:#5E6B64}
body[data-cards-native] .info-sec__main .text{font-size:16px;line-height:1.7;max-width:1000px;overflow-wrap:anywhere}
body[data-cards-native] .info-sec__main .text img{max-width:100%;height:auto}
body[data-cards-native] .post-details{color:#5E6B64;font-size:13px;margin:12px 0 24px}
.cards-native-footer{margin:32px 24px 24px;padding:32px;background:#0B6B45;color:#FFFFFF;display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1.2fr;gap:28px;border-radius:14px;font-size:14px;line-height:1.6}
.cards-native-footer a{color:inherit;display:block;margin:8px 0}
.cards-native-footer .lockup{display:flex}
.cards-native-footer .lockup{color:#fff}.cards-native-footer .lockup>svg{width:auto;height:84px}
.cards-native-footer h3{font-size:16px;margin-bottom:16px}
.cards-native-legal{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:18px;font-size:12px}
.cards-native-legal a{display:inline}
@media(max-width:1023px){
 .cards-native-header{display:none}
 .cards-native-mobile-header{padding-top:calc(104px + env(safe-area-inset-top,0px))!important}
 body[data-cards-native] .outer-wrapper{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 body[data-cards-native] .info-pg,body[data-cards-native] .cart-pg,body[data-cards-native] .checkout-pg,body[data-cards-native] .s-order-page,body[data-cards-native] .account-pg,.cards-information,.cards-native-search{margin:12px;padding:18px;min-width:0}
 body[data-cards-native] .layout-center{padding:0;max-width:100%}
 body[data-cards-native] h1{font-size:26px}
 body[data-cards-native] .sign-pg,body[data-cards-native] .compare-pg,body[data-cards-native] .pg-not-found{margin:12px;padding:18px}
 body[data-cards-native] .posts__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cards-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .cards-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cards-results-grid .pb{padding:12px}
 .cards-results-grid .pr b{font-size:20px}
 .cards-results-grid .btn{padding:10px 6px;font-size:12px}
 .cards-native-footer{margin:24px 12px 12px;padding:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .cards-native-footer .wm b{font-size:16px}
 .cards-native-footer .wm i{font-size:9px}
 .cards-search-form{gap:8px}
}
@media(max-width:480px){.cards-native-footer{grid-template-columns:1fr}.cards-information-body{font-size:15px}.cards-native-search{padding:12px}.cards-results-grid .tg{gap:4px}.cards-results-grid .chip{font-size:10px;padding:4px 6px}body[data-cards-native] .posts__list{grid-template-columns:1fr}}
@media(max-width:600px){.cards-blog-grid{grid-template-columns:1fr}}
/* липкая шапка: overflow:hidden у body/main из balance делает их контейнером прокрутки и ломает sticky — clip режет так же, но не мешает */
@media(min-width:1024px){body[data-cards-native],body[data-cards-native]>main{overflow:visible!important;overflow-x:clip!important}}

/* 2026-10-05 Claude: все страницы — под стиль главной (заголовки Exo 2, кнопки .btn, первый экран «фото + стеклянная плашка», единая сетка) */

/* 1. Заголовки как на главной: h1 — Exo 2 600, плотный трекинг, цвет текста; h2/h3 — Onest 700 */
.vha h1,.vhb-intro h1,.vhc-contacts-head h1,.vhk h1,.vhp-head h1,.cbanner h1,.intro h1{font-family:var(--f)!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.06!important}
.vha h1,.vhb-intro h1,.vhc-contacts-head h1,.vhk-intro h1,.vhp-head h1{color:var(--ink,#16201B)!important}
.vhk h2,.vhk h3,.vhp-panel h2,.vhp-config h2,.vhp-similar h2,.cards-grade-title,.vhp-tag-title,.vhc-ccta b{font-family:Onest,var(--f)!important;font-weight:700!important;letter-spacing:-.02em!important}
.vhk-slide h2,.vhk-slide h3,.vhk-slider h2,.vhk-slider h3{font-family:var(--f)!important;font-weight:600!important;letter-spacing:-.025em!important}
.vha h2,.vha h3,.vha-h2,.vha-split h2,.vhb-wrap h2{font-family:Onest,var(--f)!important;font-weight:700;letter-spacing:-.02em;color:var(--ink,#16201B)}
.vha-h2,.vha-split h2{font-size:32px;line-height:1.12}
.vha-kicker{color:var(--larch-t,#08442C)}

/* 1б. Подпись в шапке одинаковая на всех страницах (Forum грузится не везде) */
.vh-slogan b{font-family:var(--f)!important;font-weight:600!important;letter-spacing:-.01em!important}

/* 2. Сетка как на главной: контент по центру, без лишней «подложки»-карточки вокруг страницы */
.vha,.vhc-contacts,.vhb-wrap{box-sizing:border-box;width:auto;max-width:none!important;margin:12px max(24px,calc((100% - 1392px)/2))!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important}
.vha .cards-native-crumbs,.vhc-contacts .cards-native-crumbs{margin:0 0 12px}
.vhc-contacts-head{background:var(--surface,#FFFFFF);border:1px solid var(--line,#E3E8E4);border-radius:var(--r-xl,28px);padding:32px 36px;max-width:none!important;margin:0 0 12px!important}
.vhb-intro{background:var(--surface,#FFFFFF);border:1px solid var(--line,#E3E8E4);border-radius:var(--r-xl,28px);padding:32px 36px;max-width:none!important}

/* 3. Первый экран как на главной: фото на всю карточку + стеклянная плашка с заголовком и кнопками */
.vha .vha-hero{position:relative;isolation:isolate;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start!important;min-height:560px;margin:0 0 12px!important;padding:56px;border-radius:var(--r-xl,28px);overflow:hidden;background:#08442C}
.vha .vha-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08442C99 0,#08442C33 45%,#08442C00 75%)}
.vha .vha-hero-img{position:absolute!important;inset:0;z-index:-2;margin:0!important;border-radius:0!important;aspect-ratio:auto!important;height:100%!important;width:100%!important}
.vha .vha-hero-img img{width:100%;height:100%;object-fit:cover}
.vha .vha-hero>div:not(.vha-hero-img),.vha .vha-hero-text{position:relative;max-width:640px;padding:32px 36px;border-radius:22px;background:#FFFFFFec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.vha .vha-hero h1{font-size:clamp(40px,4.2vw,60px)!important;margin:0 0 14px!important}
.vha .vha-lead{font-size:18px;line-height:1.5;color:var(--mute,#5E6B64);margin:0 0 24px}

/* 4. Кнопки как на главной (.btn / .btn.sec) */
.vha-btn{min-height:54px;padding:0 28px!important;border-radius:12px!important;font:600 16px/1 Onest,var(--f)!important}
.vha-btn-ghost{background:#fff!important;color:var(--ink,#16201B)!important;border-color:#D3DBD6!important}
.vha-btn-ghost:hover{background:var(--paper,#F3F5F2)!important}
.vha-cta .vha-btn,.vhb-cta .vha-btn{min-height:48px}

/* 5. Карточки и отступы как на главной */
.vha-facts{margin:0 0 12px!important;gap:12px}
.vha-facts li,.vha-principles article{border-radius:var(--r-l,20px)!important;background:var(--surface,#FFFFFF)!important;padding:22px 24px!important}
.vha-facts b{font-weight:700!important}
.vha-split{margin:12px 0!important;padding:32px;background:var(--surface,#FFFFFF);border:1px solid var(--line,#E3E8E4);border-radius:var(--r-xl,28px)}
.vha-split figure,.vha-hero-img{border-radius:var(--r-l,20px)}
.vha-cta,.vhb-cta{border-radius:var(--r-xl,28px)!important;padding:32px 36px!important;margin-top:12px}

/* 6. Телефон и планшет — как мобильная главная */
@media(max-width:1023px){
 .vha,.vhc-contacts,.vhb-wrap{margin:12px!important}
 .vha .vha-hero{min-height:480px;padding:12px;justify-content:flex-end;align-items:stretch!important;border-radius:22px}
 .vha .vha-hero:before{background:linear-gradient(0deg,#08442C66 0,#08442C00 60%)}
 .vha .vha-hero>div:not(.vha-hero-img),.vha .vha-hero-text{max-width:none;width:100%;box-sizing:border-box;padding:20px 18px;border-radius:18px}
 .vha .vha-hero h1,.vhc-contacts-head h1,.vhb-intro h1,.vhk-intro h1{font-size:34px!important}
 .vha .vha-lead{font-size:15px;margin:0 0 16px}
 .vha-actions{flex-direction:column;align-items:stretch}
 .vha-btn{min-height:50px;font-size:15px!important;width:100%}
 .vha-h2,.vha-split h2{font-size:26px}
 .vha-split{padding:18px;border-radius:22px}
 .vhc-contacts-head,.vhb-intro{padding:22px 18px;border-radius:22px}
 .vha-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 .vha-facts li{padding:16px!important}
 .vha-cta,.vhb-cta{padding:22px 18px!important;flex-direction:column;align-items:flex-start}
}