/* ================================================================
   САЙТ — ВАРИАНТ 2
   Полная визуальная тема. Контент и функции исходной версии сохранены.
   ================================================================ */

:root{
  --v2-green:#0d342b;
  --v2-green-2:#174b3d;
  --v2-green-3:#28755c;
  --v2-ink:#17342d;
  --v2-muted:#68746f;
  --v2-cream:#f4f0e7;
  --v2-paper:#fffdf8;
  --v2-sand:#d9c7a4;
  --v2-line:rgba(13,52,43,.14);
  --v2-shadow:0 24px 60px rgba(19,52,45,.11);
  --v2-radius:28px;
}

html{scroll-behavior:smooth}
body.variant2{
  margin:0!important;
  background:var(--v2-cream)!important;
  color:var(--v2-ink)!important;
  font-family:Inter,Arial,Helvetica,sans-serif!important;
}
body.variant2 *{box-sizing:border-box}
body.variant2 a{color:inherit}

/* ---------- Шапка ---------- */
body.variant2 .topbar{
  width:min(1500px,calc(100% - 32px))!important;
  margin:16px auto 0!important;
  min-height:78px!important;
  padding:10px 12px 10px 18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#0b2b24 0%,#123e33 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 50px rgba(9,40,33,.18)!important;
  position:relative!important;
  top:auto!important;
  z-index:1000!important;
}
body.variant2 .headerIdentity{
  min-width:320px!important;
  gap:12px!important;
  color:#fff!important;
  text-decoration:none!important;
}
body.variant2 .akzoMark{
  background:#fff!important;
  border-radius:13px!important;
  padding:7px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.variant2 .akzoMark img{max-height:34px!important;width:auto!important}
body.variant2 .headerBrand{color:#fff!important;letter-spacing:.16em!important}
body.variant2 .headerBrand small{color:rgba(255,255,255,.62)!important;letter-spacing:.03em!important}
body.variant2 .solidBadge{
  width:42px!important;height:42px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important;
}
body.variant2 .solidSquareLogo{width:100%!important;height:100%!important;object-fit:cover!important}
body.variant2 .topbar nav{
  display:flex!important;
  gap:4px!important;
  padding:4px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
}
body.variant2 .topbar nav a{
  padding:10px 11px!important;
  border-radius:12px!important;
  color:rgba(255,255,255,.76)!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  transition:.2s ease!important;
}
body.variant2 .topbar nav a:hover,
body.variant2 .topbar nav a.active{
  background:#fff!important;
  color:var(--v2-green)!important;
}
body.variant2 .messengerHeader{gap:7px!important}
body.variant2 .messengerTelegram,
body.variant2 .messengerMax{
  width:38px!important;height:38px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.variant2 .headerActions{gap:7px!important}
body.variant2 .cartButton,
body.variant2 .consult{
  min-height:40px!important;
  border-radius:12px!important;
  font-weight:800!important;
}
body.variant2 .cartButton{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
body.variant2 .cartButton b{background:var(--v2-sand)!important;color:var(--v2-green)!important}
body.variant2 .consult{
  background:var(--v2-sand)!important;
  color:#17342d!important;
  border:0!important;
  padding-inline:16px!important;
}

/* ---------- Общая геометрия ---------- */
body.variant2 main.design{
  background:transparent!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.variant2 main.design > section[id]{
  width:min(1500px,calc(100% - 32px))!important;
  margin:18px auto!important;
  border-radius:var(--v2-radius)!important;
  border:1px solid var(--v2-line)!important;
  box-shadow:var(--v2-shadow)!important;
  overflow:hidden!important;
}
body.variant2 .eyebrow{
  color:var(--v2-green-3)!important;
  letter-spacing:.17em!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
body.variant2 h1,
body.variant2 h2,
body.variant2 .contactV3Shell > h2{
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--v2-green)!important;
  letter-spacing:-.035em!important;
}
body.variant2 h2{font-size:clamp(34px,3.2vw,58px)!important;line-height:1.02!important}
body.variant2 p{line-height:1.62}
body.variant2 button,
body.variant2 input,
body.variant2 textarea{font-family:inherit!important}

/* ---------- Главная ---------- */
body.variant2 #top.hero{
  background:linear-gradient(120deg,#fffdf8 0%,#f8f2e5 60%,#e6dcc7 100%)!important;
  min-height:700px!important;
  padding:70px 72px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
  align-items:center!important;
  gap:56px!important;
  position:relative!important;
}
body.variant2 #top.hero:before{
  content:"";
  position:absolute;
  width:440px;height:440px;
  left:-160px;bottom:-230px;
  border-radius:50%;
  background:rgba(40,117,92,.08);
  pointer-events:none;
}
body.variant2 .heroCopy{max-width:760px!important;position:relative!important;z-index:1!important}
body.variant2 #top h1{
  font-size:clamp(56px,5.5vw,94px)!important;
  line-height:.94!important;
  margin:18px 0 26px!important;
  max-width:930px!important;
}
body.variant2 #top .lead{
  font-size:20px!important;
  color:#53645e!important;
  max-width:680px!important;
}
body.variant2 .heroActions{display:flex!important;gap:12px!important;margin-top:34px!important}
body.variant2 .heroActions .primary,
body.variant2 .heroActions .textLink{
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 22px!important;
  border-radius:14px!important;
  text-decoration:none!important;
  font-weight:850!important;
}
body.variant2 .heroActions .primary{background:var(--v2-green)!important;color:#fff!important}
body.variant2 .heroActions .textLink{background:#fff!important;border:1px solid var(--v2-line)!important;color:var(--v2-green)!important}
body.variant2 .stats{
  margin-top:42px!important;
  padding-top:24px!important;
  border-top:1px solid var(--v2-line)!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:16px!important;
}
body.variant2 .stats > *{font-size:14px!important;color:#5c6e67!important}
body.variant2 .stats b{display:block!important;font-size:22px!important;color:var(--v2-green)!important}
body.variant2 .woodScene{
  min-height:540px!important;
  border-radius:28px!important;
  padding:26px!important;
  border:1px solid rgba(13,52,43,.10)!important;
  box-shadow:0 30px 70px rgba(13,52,43,.16)!important;
  overflow:hidden!important;
  position:relative!important;
}
body.variant2 .woodCard{
  border-radius:22px!important;
  background:rgba(255,253,248,.94)!important;
  backdrop-filter:blur(10px)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 45px rgba(12,47,39,.18)!important;
}

/* ---------- Системы ---------- */
body.variant2 #systems{
  background:var(--v2-green)!important;
  color:#edf4f1!important;
  padding:68px 72px!important;
}
body.variant2 #systems h2,
body.variant2 #systems h3{color:#fff!important}
body.variant2 #systems .eyebrow{color:#cdbb97!important}
body.variant2 #systems .sectionIntro > p:not(.eyebrow){color:rgba(255,255,255,.70)!important}
body.variant2 #systems .sectionIntro a{color:#fff!important}
body.variant2 .systemBox{
  margin-top:34px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.variant2 .systemTabs{
  padding:10px!important;
  gap:8px!important;
  background:rgba(0,0,0,.10)!important;
}
body.variant2 .systemTabs button{
  color:rgba(255,255,255,.70)!important;
  background:transparent!important;
  border:0!important;
  border-radius:14px!important;
  padding:14px 18px!important;
}
body.variant2 .systemTabs button.active{
  background:var(--v2-sand)!important;
  color:var(--v2-green)!important;
}
body.variant2 .systemContent{padding:38px!important}
body.variant2 .systemContent p{color:rgba(255,255,255,.72)!important}
body.variant2 .systemContent .number{color:#cdbb97!important}
body.variant2 .systemContent a{
  display:inline-flex!important;
  padding:12px 18px!important;
  background:#fff!important;
  color:var(--v2-green)!important;
  border-radius:12px!important;
  text-decoration:none!important;
  font-weight:800!important;
}

/* ---------- Каталог ---------- */
body.variant2 #catalog{
  background:#fdfbf5!important;
  padding:68px 64px!important;
}
body.variant2 #catalog .sectionHead{align-items:end!important;gap:24px!important}
body.variant2 #catalog .search{
  border-radius:16px!important;
  border:1px solid var(--v2-line)!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(13,52,43,.06)!important;
}
body.variant2 .filters,
body.variant2 .colorToneFilters,
body.variant2 .articleTopicTabs,
body.variant2 .colorCatalogTabs,
body.variant2 .colorCatalogGroups{
  gap:8px!important;
}
body.variant2 .filters button,
body.variant2 .colorToneFilters button,
body.variant2 .articleTopicTabs button,
body.variant2 .colorCatalogTabs button,
body.variant2 .colorCatalogGroups button{
  border:1px solid var(--v2-line)!important;
  background:#fff!important;
  color:#53645e!important;
  border-radius:999px!important;
  padding:10px 15px!important;
  font-weight:750!important;
}
body.variant2 .filters button.active,
body.variant2 .colorToneFilters button.active,
body.variant2 .articleTopicTabs button.active,
body.variant2 .colorCatalogTabs button.active,
body.variant2 .colorCatalogGroups button.active{
  background:var(--v2-green)!important;
  color:#fff!important;
  border-color:var(--v2-green)!important;
}
body.variant2 .catalogGuide{
  background:#ece5d7!important;
  border:0!important;
  border-radius:18px!important;
  color:#52645e!important;
}
body.variant2 .productGrid{
  gap:18px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.variant2 article.product{
  border:1px solid var(--v2-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(16,53,44,.07)!important;
  overflow:hidden!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
body.variant2 article.product:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 20px 44px rgba(16,53,44,.13)!important;
}
body.variant2 .productPhoto{
  border-radius:0!important;
  background:linear-gradient(145deg,#f2eee5,#faf8f2)!important;
  min-height:220px!important;
}
body.variant2 .productPhoto img{max-height:190px!important;object-fit:contain!important}
body.variant2 article.product h3{font-family:Georgia,"Times New Roman",serif!important;color:var(--v2-green)!important;font-size:23px!important}
body.variant2 .productMeta{color:#77827e!important;border-top:1px solid var(--v2-line)!important}
body.variant2 .productActions{gap:8px!important}
body.variant2 .productActions button,
body.variant2 .productActions a{
  min-height:40px!important;
  border-radius:11px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.variant2 .productActions .cardDetailsLink,
body.variant2 .productActions button:not(.addCart){
  background:#f0ece3!important;
  color:var(--v2-green)!important;
  border:1px solid var(--v2-line)!important;
}
body.variant2 .productActions .cardTdsLink{
  background:var(--v2-green)!important;
  color:#fff!important;
  border:1px solid var(--v2-green)!important;
}
body.variant2 .productActions .addCart{
  background:var(--v2-sand)!important;
  color:var(--v2-green)!important;
  border:0!important;
}

/* ---------- Цвета ---------- */
body.variant2 #colors{
  background:linear-gradient(145deg,#e9e1d2 0%,#f8f4eb 100%)!important;
  padding:68px 64px!important;
}
body.variant2 .colorCatalogHead{gap:26px!important}
body.variant2 .colorSearch{background:#fff!important;border-radius:16px!important;border:1px solid var(--v2-line)!important}
body.variant2 .colorCatalogInfo{
  border-radius:22px!important;
  border:1px solid var(--v2-line)!important;
  background:#fff!important;
  box-shadow:0 12px 36px rgba(16,53,44,.06)!important;
}
body.variant2 .colorWorkspace{
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid var(--v2-line)!important;
  padding:18px!important;
}
body.variant2 .colorSwatchGrid button{
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(16,53,44,.07)!important;
  border:1px solid rgba(13,52,43,.08)!important;
}

/* ---------- Статьи ---------- */
body.variant2 #articles{
  background:#fffdf8!important;
  padding:68px 64px!important;
}
body.variant2 .articleTopicHead{
  margin-top:28px!important;
  padding:22px 0!important;
  border-top:1px solid var(--v2-line)!important;
}
body.variant2 .articleGrid{gap:18px!important}
body.variant2 .articleGrid > article,
body.variant2 .articleGrid > div{
  border-radius:22px!important;
  border:1px solid var(--v2-line)!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 12px 34px rgba(16,53,44,.07)!important;
}
body.variant2 .articleImage{border-radius:0!important;overflow:hidden!important}
body.variant2 .articleImage img{width:100%!important;height:220px!important;object-fit:cover!important;transition:transform .35s ease!important}
body.variant2 .articleImage:hover img{transform:scale(1.035)!important}
body.variant2 .articleGrid h3{font-family:Georgia,"Times New Roman",serif!important;color:var(--v2-green)!important;font-size:25px!important}
body.variant2 .readArticle{color:var(--v2-green-3)!important;font-weight:850!important}

/* ---------- О нас ---------- */
body.variant2 #about{
  background:#0d342b!important;
  padding:34px!important;
  min-height:auto!important;
}
body.variant2 #about .aboutFinalCanvas{
  width:min(100%,1450px)!important;
  margin:auto!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.22)!important;
}
body.variant2 #about img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  border-radius:20px!important;
}

/* ---------- Контакты ---------- */
body.variant2 #contact{
  background:#f9f5ec!important;
  padding:34px!important;
}
body.variant2 .contactV3Shell{
  display:grid!important;
  grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
body.variant2 .contactV3Shell > :not(.contactV3MapWrap):not(.contactV3Map):not(.contactV3MapTop){grid-column:1!important}
body.variant2 .contactV3Shell > .contactV3MapTop,
body.variant2 .contactV3Shell > .contactV3Map,
body.variant2 .contactV3Shell > .contactV3MapWrap{grid-column:2!important}
body.variant2 .contactV3Shell{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.variant2 .contactV3Kicker:not(.map){color:#a89269!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body.variant2 .contactV3Shell > h2{font-size:52px!important;margin:0!important}
body.variant2 .contactV3Lead{font-size:17px!important;color:#6f7b76!important}
body.variant2 .contactV3Grid{
  border-radius:24px!important;
  padding:24px!important;
  background:var(--v2-green)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 22px 50px rgba(13,52,43,.16)!important;
}
body.variant2 .contactV3Item{border-color:rgba(255,255,255,.10)!important}
body.variant2 .contactV3Item *{color:#fff!important}
body.variant2 .contactV3Messenger,
body.variant2 .contactV3Delivery{
  background:#ede5d6!important;
  border:0!important;
  border-radius:16px!important;
  color:#4e5f58!important;
}
body.variant2 .contactV3MapTop{
  border-radius:22px 22px 0 0!important;
  background:#fff!important;
  border:1px solid var(--v2-line)!important;
  margin:0!important;
  padding:20px 22px!important;
}
body.variant2 .contactV3Map,
body.variant2 .contactV3MapWrap{
  border-radius:0 0 22px 22px!important;
  overflow:hidden!important;
  border:1px solid var(--v2-line)!important;
  border-top:0!important;
  min-height:520px!important;
  background:#fff!important;
}
body.variant2 .contactV3MapButton{
  background:var(--v2-green)!important;
  color:#fff!important;
  border-radius:12px!important;
  padding:11px 16px!important;
  text-decoration:none!important;
}
body.variant2 .contactFooterCompact,
body.variant2 .contactV3Footer{
  width:min(1500px,calc(100% - 32px))!important;
  margin:18px auto 28px!important;
  border-radius:22px!important;
  padding:22px 28px!important;
  background:#0b2b24!important;
  color:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.06)!important;
}
body.variant2 .contactV3Legal{color:rgba(255,255,255,.68)!important}

/* ---------- Баннер техработ ---------- */
/* ---------- Страницы материалов ---------- */
body.variant2:not([class*="view-"]){
  min-height:100vh!important;
  background:linear-gradient(145deg,#f5f1e8,#eae2d4)!important;
}
body.variant2:not([class*="view-"]) > header{
  background:#0d342b!important;
  color:#fff!important;
  border-bottom:0!important;
  box-shadow:0 14px 38px rgba(13,52,43,.15)!important;
}
body.variant2:not([class*="view-"]) > header .wrap{
  width:min(1180px,calc(100% - 32px))!important;
  padding:18px 0!important;
}
body.variant2:not([class*="view-"]) main.wrap{
  width:min(1180px,calc(100% - 32px))!important;
  margin:34px auto 60px!important;
}
body.variant2:not([class*="view-"]) .crumbs{color:#6e7b76!important;margin-bottom:18px!important}
body.variant2:not([class*="view-"]) article.card{
  background:#fffdf8!important;
  border:1px solid var(--v2-line)!important;
  border-radius:28px!important;
  box-shadow:var(--v2-shadow)!important;
  overflow:hidden!important;
}
body.variant2:not([class*="view-"]) article.card .head{
  padding:42px 48px!important;
  background:linear-gradient(135deg,#0d342b,#1c5142)!important;
  color:#fff!important;
}
body.variant2:not([class*="view-"]) article.card .head h1{
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(42px,5vw,70px)!important;
  letter-spacing:-.04em!important;
}
body.variant2:not([class*="view-"]) article.card .head .kicker{color:#d7c49c!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:850!important}
body.variant2:not([class*="view-"]) article.card .body{padding:40px 48px 50px!important}
body.variant2:not([class*="view-"]) .facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body.variant2:not([class*="view-"]) .fact{
  background:#f3eee4!important;
  border:1px solid var(--v2-line)!important;
  border-radius:16px!important;
  padding:16px!important;
}
body.variant2:not([class*="view-"]) .section{
  margin-top:18px!important;
  padding:24px!important;
  border-radius:18px!important;
  border:1px solid var(--v2-line)!important;
  background:#fff!important;
}
body.variant2:not([class*="view-"]) .section h2{
  font-size:28px!important;
  font-family:Georgia,"Times New Roman",serif!important;
  color:var(--v2-green)!important;
}
body.variant2:not([class*="view-"]) .notice{background:#efe5cf!important}
body.variant2:not([class*="view-"]) .source,
body.variant2:not([class*="view-"]) .foot{color:#728079!important}

/* ---------- Мобильная версия ---------- */
@media(max-width:1180px){
  body.variant2 .topbar{flex-wrap:wrap!important;gap:10px!important}
  body.variant2 .headerIdentity{min-width:0!important;flex:1 1 auto!important}
  body.variant2 .topbar nav{order:3!important;width:100%!important;overflow:auto!important;justify-content:flex-start!important}
  body.variant2 #top.hero{grid-template-columns:1fr!important;padding:52px 40px!important}
  body.variant2 .woodScene{min-height:430px!important}
  body.variant2 .productGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.variant2 .contactV3Shell{grid-template-columns:1fr!important}
  body.variant2 .contactV3Shell > *{grid-column:1!important}
}
@media(max-width:820px){
  body.variant2 .topbar{width:calc(100% - 16px)!important;margin-top:8px!important;border-radius:18px!important;padding:9px!important}
  body.variant2 .akzoMark{display:none!important}
  body.variant2 .headerBrand small{display:none!important}
  body.variant2 .headerActions .cartButton{display:none!important}
  body.variant2 .consult{padding-inline:12px!important}
  body.variant2 main.design > section[id]{width:calc(100% - 16px)!important;margin:10px auto!important;border-radius:20px!important}
  body.variant2 #top.hero,
  body.variant2 #systems,
  body.variant2 #catalog,
  body.variant2 #colors,
  body.variant2 #articles{padding:34px 22px!important}
  body.variant2 #top h1{font-size:clamp(44px,13vw,68px)!important}
  body.variant2 .stats{grid-template-columns:1fr!important}
  body.variant2 .productGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.variant2 .systemTabs{overflow:auto!important;flex-wrap:nowrap!important}
  body.variant2 .systemTabs button{white-space:nowrap!important}
  body.variant2 #about{padding:12px!important}
  body.variant2 #contact{padding:16px!important}
  body.variant2 .contactV3Map,body.variant2 .contactV3MapWrap{min-height:390px!important}
  body.variant2 .contactFooterCompact,body.variant2 .contactV3Footer{width:calc(100% - 16px)!important;margin:10px auto 18px!important}
  body.variant2:not([class*="view-"]) .facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.variant2:not([class*="view-"]) article.card .head,
  body.variant2:not([class*="view-"]) article.card .body{padding:28px 24px!important}
}
@media(max-width:560px){
  body.variant2 .solidBadge{display:none!important}
  body.variant2 .messengerHeader{display:none!important}
  body.variant2 .topbar nav{display:none!important}
  body.variant2 #top.hero{padding:30px 20px!important;min-height:auto!important}
  body.variant2 #top h1{font-size:46px!important}
  body.variant2 .heroActions{flex-direction:column!important;align-items:stretch!important}
  body.variant2 .woodScene{min-height:330px!important}
  body.variant2 .productGrid{grid-template-columns:1fr!important}
  body.variant2 h2{font-size:38px!important}
  body.variant2 .articleGrid{grid-template-columns:1fr!important}
  body.variant2 .contactV3Shell > h2{font-size:42px!important}
  body.variant2:not([class*="view-"]) .facts{grid-template-columns:1fr!important}
}