/* Start:/local/templates/chemitex/css/styles.css?1786473668102936*/
/* ==========================================================================
   HIMITEX — дизайн-система прототипа (B2B, промышленная химия)
   Токены: цвет, типографика, радиусы, тени, отступы, сетка
   ========================================================================== */
:root{
  /* Фон и поверхности */
  --c-bg:#F4F7FB; --c-surface:#FFFFFF; --c-surface-2:#EDF3F9; --c-surface-3:#E3EBF4;
  /* Текст и линии */
  --c-ink:#0C1B2A; --c-ink-2:#4A5C70; --c-ink-3:#677688; --c-line:#DCE5EE; --c-line-2:#C7D4E1;
  /* Бренд */
  --c-brand:#0B4FA0; --c-brand-600:#09427F; --c-brand-800:#062A57; --c-brand-soft:#E7F0FA;
  --c-aqua:#00B4CE; --c-aqua-dark:#00707F; --c-aqua-soft:#E0F7FB;
  /* pH-маркировка */
  --ph-acid:#E0563C; --ph-acid-soft:#FCEBE7; --ph-acid-text:#B23A22;
  --ph-neutral:#1FA37A; --ph-neutral-soft:#E4F6EF; --ph-neutral-text:#12735A;
  --ph-alkali:#6B57D8; --ph-alkali-soft:#EDEAFC; --ph-alkali-text:#5140B0;
  --ph-dez:#0090A6; --ph-dez-soft:#E0F7FB; --ph-dez-text:#00707F;
  /* Статусы */
  --c-ok:#1FA37A; --c-err:#D93A3A; --c-err-soft:#FDECEC; --c-warn:#C97A0A;
  /* Типографика */
  --f-base:'IBM Plex Sans','Segoe UI',Arial,Helvetica,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --fs-h1:clamp(29px,3.3vw,48px); --fs-h2:clamp(23px,2.2vw,33px); --fs-h3:clamp(17px,1.35vw,21px);
  --fs-lead:clamp(15.5px,1.1vw,17.5px); --fs-base:15.5px; --fs-sm:14px; --fs-xs:12.5px;
  /* Радиусы, тени, отступы */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(12,27,42,.06), 0 6px 18px rgba(12,27,42,.05);
  --sh-2:0 12px 34px rgba(12,27,42,.12);
  --sh-in:inset 0 0 0 1px var(--c-line);
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:88px;
  --container:1280px; --header-h:116px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:130px}
body{
  margin:0; background:var(--c-bg); color:var(--c-ink);
  font-family:var(--f-base); font-size:var(--fs-base); line-height:1.62; letter-spacing:0;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body.is-locked{overflow:hidden}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
button,input,select,textarea{font:inherit; color:inherit}
h1,h2,h3,h4{margin:0; line-height:1.18; letter-spacing:-.02em; font-weight:600}
h1{font-size:var(--fs-h1); font-weight:700; letter-spacing:-.03em}
h2{font-size:var(--fs-h2); font-weight:700; letter-spacing:-.025em}
h3{font-size:var(--fs-h3)}
p{margin:0}
figure,figcaption,dl,dd,fieldset{margin:0}
ul,ol{margin:0; padding:0; list-style:none}
[hidden]{display:none !important}
:focus-visible{outline:3px solid var(--c-aqua); outline-offset:2px; border-radius:var(--r-xs)}
.skip-link{position:absolute; left:-9999px; top:0; z-index:200; background:var(--c-brand); color:#fff; padding:12px 18px; border-radius:0 0 var(--r-sm) 0}
.skip-link:focus{left:0}
.container{width:100%; max-width:var(--container); margin:0 auto; padding:0 var(--s-5)}
.visually-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.icon{width:20px; height:20px; flex:none; stroke:currentColor; fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round}
.icon-sm{width:16px; height:16px}

/* ---------- Типографические утилиты ---------- */
.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:var(--fs-xs); font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:var(--c-aqua-dark)}
.eyebrow::before{content:''; width:26px; height:2px; background:var(--c-aqua); border-radius:2px}
.lead{font-size:var(--fs-lead); color:var(--c-ink-2); line-height:1.68; letter-spacing:0}
.muted{color:var(--c-ink-2)}
.mono{font-family:var(--f-mono); font-size:var(--fs-xs); letter-spacing:.01em; font-weight:500}

/* ---------- Секции ---------- */
.section{padding:var(--s-9) 0}
.section--tight{padding:var(--s-7) 0}
.section--alt{background:var(--c-surface)}
.section--deep{background:linear-gradient(160deg,var(--c-brand-800),var(--c-brand) 62%,#0A5FB4); color:#fff}
.section--deep .lead,.section--deep .muted{color:rgba(255,255,255,.78)}
.section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:var(--s-5); margin-bottom:var(--s-6)}
.section-head__text{max-width:720px}
.section-head h2{margin:var(--s-3) 0 var(--s-3)}
.section-head .lead{margin:0}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 21px;
  border:1.5px solid transparent; border-radius:var(--r-sm); font-weight:700; font-size:var(--fs-sm);
  letter-spacing:0; cursor:pointer; transition:.18s var(--ease); background:none; text-align:center}
.btn--primary{background:var(--c-brand); color:#fff; box-shadow:0 6px 18px rgba(11,79,160,.24)}
.btn--primary:hover{background:var(--c-brand-600); transform:translateY(-1px); box-shadow:0 10px 24px rgba(11,79,160,.3)}
.btn--primary:active{transform:translateY(0); background:var(--c-brand-800)}
.btn--aqua{background:var(--c-aqua); color:#04303A; box-shadow:0 6px 18px rgba(0,180,206,.28)}
.btn--aqua:hover{background:#00C6E2; transform:translateY(-1px)}
.btn--aqua:active{transform:translateY(0); background:var(--c-aqua-dark); color:#fff}
.btn--outline{border-color:var(--c-line-2); color:var(--c-brand); background:var(--c-surface)}
.btn--outline:hover{border-color:var(--c-brand); background:var(--c-brand-soft)}
.btn--outline:active{background:#DAE7F6}
.btn--ghost{color:var(--c-ink); border-color:transparent; padding:10px 12px}
.btn--ghost:hover{background:var(--c-surface-2)}
.btn--light{background:#fff; color:var(--c-brand)}
.btn--light:hover{background:#EAF2FB}
.btn--onblue{border-color:rgba(255,255,255,.5); color:#fff}
.btn--onblue:hover{background:rgba(255,255,255,.12); border-color:#fff}
.btn--sm{padding:9px 14px; font-size:var(--fs-xs)}
.btn--wide{width:100%}
.btn[disabled]{opacity:.5; cursor:not-allowed}
.link-arrow{display:inline-flex; align-items:center; gap:8px; font-weight:700; color:var(--c-brand); font-size:var(--fs-sm)}
.link-arrow .icon{transition:transform .18s var(--ease)}
.link-arrow:hover .icon{transform:translateX(4px)}

/* ---------- pH-маркировка ---------- */
.ph{display:inline-flex; align-items:center; gap:7px; padding:5px 11px; border-radius:var(--r-pill);
  font-size:var(--fs-xs); font-weight:700; line-height:1; white-space:nowrap}
.ph::before{content:''; width:8px; height:8px; border-radius:50%; background:currentColor}
.ph--acid{background:var(--ph-acid-soft); color:var(--ph-acid-text)}
.ph--neutral{background:var(--ph-neutral-soft); color:var(--ph-neutral-text)}
.ph--alkali{background:var(--ph-alkali-soft); color:var(--ph-alkali-text)}
.ph--dez{background:var(--ph-dez-soft); color:var(--ph-dez-text)}
.ph-bar{height:4px; border-radius:4px; background:linear-gradient(90deg,var(--ph-acid),#EFC94C 28%,var(--ph-neutral) 50%,#5AA6D8 72%,var(--ph-alkali))}

/* ---------- Бейджи и теги ---------- */
.chip{display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:var(--r-pill);
  background:var(--c-surface); border:1px solid var(--c-line); font-size:var(--fs-sm); font-weight:600;
  cursor:pointer; transition:.16s var(--ease)}
.chip:hover{border-color:var(--c-brand); color:var(--c-brand)}
.chip[aria-pressed="true"],.chip.is-active{background:var(--c-brand); border-color:var(--c-brand); color:#fff}
.tag{display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:var(--r-xs);
  background:var(--c-surface-2); color:var(--c-ink-2); font-size:var(--fs-xs); font-weight:600}
.tag--doc{background:var(--c-aqua-soft); color:var(--ph-dez-text)}
.tag--ok{background:var(--ph-neutral-soft); color:var(--ph-neutral-text)}

/* ---------- Карточки ---------- */
.card{background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); box-shadow:var(--sh-1)}
.grid{display:grid; gap:var(--s-4)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}

/* ---------- Фото-блоки ---------- */
.photo{position:relative; overflow:hidden; border-radius:var(--r-md); background:
  linear-gradient(140deg,#0B4FA0,#0A6FB8 45%,#00B4CE);}
.photo::after{content:''; position:absolute; inset:0; opacity:.22; background-image:
  repeating-linear-gradient(115deg,rgba(255,255,255,.5) 0 1px,transparent 1px 14px),
  repeating-linear-gradient(25deg,rgba(255,255,255,.28) 0 1px,transparent 1px 22px)}
.photo img{position:relative; z-index:1; width:100%; height:100%; object-fit:cover}
.photo__cap{position:absolute; z-index:2; left:14px; bottom:14px; padding:7px 12px; border-radius:var(--r-pill);
  background:rgba(6,42,87,.72); color:#fff; font-size:var(--fs-xs); font-weight:600; backdrop-filter:blur(6px)}

/* ---------- Шапка ---------- */
.site-header{position:sticky; top:0; z-index:70; background:rgba(255,255,255,.96); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--c-line)}
.topbar{background:var(--c-brand-800); color:rgba(255,255,255,.82); font-size:var(--fs-xs)}
.topbar{overflow:hidden}
@media (max-width:1024px){
  .site-header .header-main{display:flex; align-items:center; justify-content:space-between; gap:14px}
}
@media (max-width:768px){
  .topbar__in > .topbar__list:last-child{display:none}
  .topbar__in{justify-content:flex-start; gap:var(--s-4)}
  .header-tools .btn{display:none}
}
@media (max-width:560px){
  .header-main .logo__sub{display:none}
  .header-tools{gap:8px}
}
.topbar__in{display:flex; align-items:center; justify-content:space-between; gap:var(--s-5); min-height:38px;
  flex-wrap:nowrap; overflow:hidden}
.topbar__list{display:flex; align-items:center; gap:var(--s-5); flex-wrap:nowrap; white-space:nowrap}
.topbar a:hover{color:#fff; text-decoration:underline}
.topbar__dot{display:inline-flex; align-items:center; gap:7px}
.topbar__dot::before{content:''; width:7px; height:7px; border-radius:50%; background:var(--c-aqua)}
.header-main{display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center;
  gap:20px; min-height:76px}
.logo{display:flex; align-items:center; gap:12px; flex:none}
.logo__mark{width:44px; height:44px; flex:none; background:url(data:image/png;base64,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) center/contain no-repeat}
.logo__name{display:block; font-size:19px; font-weight:700; letter-spacing:-.02em; line-height:1.1; white-space:nowrap}
.logo__sub{display:block; font-size:11px; letter-spacing:.07em; text-transform:uppercase; color:var(--c-ink-3); font-weight:600; white-space:nowrap}
.main-nav{display:flex; align-items:center; gap:2px; min-width:0; overflow:hidden}
.main-nav a{padding:10px 11px; border-radius:var(--r-xs); font-size:14px; font-weight:600; color:var(--c-ink-2); white-space:nowrap}
.main-nav a:hover{color:var(--c-brand); background:var(--c-brand-soft)}
.main-nav a[aria-current="page"]{color:var(--c-brand); background:var(--c-brand-soft)}
.header-tools{display:flex; align-items:center; gap:10px; flex:none}
.search-toggle{width:44px; height:44px; display:grid; place-items:center; border:1.5px solid var(--c-line-2);
  border-radius:var(--r-sm); background:#fff; color:var(--c-ink-2); cursor:pointer; transition:.16s var(--ease); flex:none}
.search-toggle:hover{border-color:var(--c-brand); color:var(--c-brand); background:var(--c-brand-soft)}
.search-toggle[aria-expanded="true"]{border-color:var(--c-brand); color:var(--c-brand); background:var(--c-brand-soft)}
.header-search-panel{border-top:1px solid var(--c-line); background:var(--c-surface-2)}
.header-search-panel form{display:flex; align-items:center; gap:12px; padding:16px 0}
.header-search-panel .field-wrap{position:relative; flex:1}
.header-search-panel input{width:100%; height:48px; padding:0 16px 0 44px; border:1.5px solid var(--c-line);
  border-radius:var(--r-sm); background:#fff; font-size:var(--fs-sm)}
.header-search-panel input:focus{outline:none; border-color:var(--c-brand); box-shadow:0 0 0 3px var(--c-brand-soft)}
.header-search-panel .field-wrap > .icon{position:absolute; left:14px; top:50%; transform:translateY(-50%);
  color:var(--c-ink-3); pointer-events:none}
.header-search-panel .btn{height:48px}
.header-search-panel .search-close{width:48px; height:48px; flex:none; display:grid; place-items:center; padding:0;
  border:1.5px solid var(--c-line); border-radius:var(--r-sm); background:#fff; color:var(--c-ink-2); cursor:pointer;
  transition:.16s var(--ease)}
.header-search-panel .search-close:hover{border-color:var(--c-err); color:var(--c-err); background:var(--c-err-soft)}
.header-phone{display:flex; flex-direction:column; justify-content:center; line-height:1.2; flex:none; white-space:nowrap; padding:0 4px}
.header-phone strong{font-size:16px; font-weight:700; letter-spacing:-.01em}
.header-phone span{font-size:11px; color:var(--c-ink-3)}
.quote-btn{position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; height:44px;
  padding:0 14px; border:1.5px solid var(--c-line-2); border-radius:var(--r-sm); background:#fff; font-weight:700;
  font-size:var(--fs-sm); cursor:pointer; transition:.16s var(--ease); flex:none}
.quote-btn:hover{border-color:var(--c-aqua); color:var(--c-aqua-dark)}
.quote-btn__count{min-width:22px; height:22px; padding:0 6px; border-radius:var(--r-pill); background:var(--c-aqua);
  color:#04303A; font-size:12px; font-weight:700; display:grid; place-items:center}
.header-tools .btn{height:44px; padding:0 16px; white-space:nowrap; font-size:13.5px}
.burger{display:none; width:46px; height:46px; border:1px solid var(--c-line); border-radius:var(--r-sm);
  background:#fff; cursor:pointer; align-items:center; justify-content:center}

/* Мобильное меню */
.mobile-menu{position:fixed; inset:0; z-index:95; display:none}
.mobile-menu.is-open{display:block}
.mobile-menu__panel{position:absolute; right:0; top:0; bottom:0; width:min(88vw,380px); background:#fff;
  padding:var(--s-5); overflow-y:auto; box-shadow:var(--sh-2); animation:slideIn .25s var(--ease)}
.mobile-menu__head{display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--s-5)}
.mobile-menu nav a{display:block; padding:14px 4px; border-bottom:1px solid var(--c-line); font-weight:600}
.mobile-menu nav a:hover{color:var(--c-brand)}
.mobile-menu__foot{margin-top:var(--s-5); display:grid; gap:10px}
@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
.overlay{position:fixed; inset:0; z-index:90; background:rgba(6,26,50,.5); backdrop-filter:blur(2px); display:none}
.overlay.is-open{display:block}

/* ---------- Хлебные крошки ---------- */
.crumbs{padding-top:var(--s-4); padding-bottom:var(--s-4); color:var(--c-ink-3)}
@media (max-width:768px){
  .crumbs.container{padding-top:26px; padding-bottom:30px}
}
.crumbs ol{display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; list-style:none; margin:0; padding:0;
  font-size:var(--fs-xs); line-height:1.5}
.crumbs li{display:inline-flex; align-items:center; font-size:inherit}
.crumbs a,.crumbs span{font-size:inherit; line-height:inherit}
.crumbs meta{display:none}
.crumbs li::after{content:'/'; margin-left:8px; color:var(--c-line-2)}
.crumbs li:last-child::after{content:''}
.crumbs a:hover{color:var(--c-brand); text-decoration:underline}
.crumbs [aria-current]{color:var(--c-ink-2); font-weight:600}

/* ---------- Карточка товара (общая) ---------- */
.product-card{display:flex; flex-direction:column; background:var(--c-surface); border:1px solid var(--c-line);
  border-radius:var(--r-md); overflow:hidden; transition:.2s var(--ease)}
.product-card:hover{border-color:var(--c-line-2); box-shadow:var(--sh-2); transform:translateY(-3px)}
.product-card__media{position:relative; aspect-ratio:4/3; background:linear-gradient(160deg,#EAF1F8,#DCE8F4)}
.product-card__media .canister{position:absolute; inset:0; display:grid; place-items:center}
.product-card__badges{position:absolute; left:12px; top:12px; display:flex; flex-wrap:wrap; gap:6px; z-index:2}
.product-card__badges{width:max-content; max-width:calc(100% - 24px)}
.product-card__badges > .ph{flex:0 0 auto; max-width:100%}
.product-card__body{padding:var(--s-4); display:flex; flex-direction:column; gap:10px; flex:1}
.product-card__name{font-size:17px; font-weight:600; letter-spacing:-.02em; overflow-wrap:break-word}
.product-card__name a:hover{color:var(--c-brand)}
.product-card__purpose{font-size:var(--fs-xs); font-weight:700; color:var(--c-aqua-dark); text-transform:uppercase; letter-spacing:.06em}
.product-card__desc{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.55}
.product-card__meta{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:10px}
.product-card__specs{display:grid; gap:6px; font-size:var(--fs-xs); color:var(--c-ink-2); border-top:1px dashed var(--c-line); padding-top:10px}
.product-card__specs div{display:flex; justify-content:space-between; gap:10px}
.product-card__specs b{color:var(--c-ink); font-weight:700; text-align:right}
.product-card__actions{display:grid; grid-template-columns:1fr auto; gap:8px; padding:0 var(--s-4) var(--s-4)}
.icon-btn{width:44px; height:44px; display:grid; place-items:center; border:1.5px solid var(--c-line-2); border-radius:var(--r-sm);
  background:#fff; cursor:pointer; transition:.16s var(--ease); color:var(--c-brand)}
.icon-btn:hover{border-color:var(--c-aqua); background:var(--c-aqua-soft); color:var(--c-aqua-dark)}
.icon-btn.is-added{background:var(--ph-neutral-soft); border-color:var(--ph-neutral); color:var(--ph-neutral)}

/* Канистра (SVG-иллюстрация продукта) */
.canister svg{width:58%; height:auto; filter:drop-shadow(0 10px 20px rgba(12,27,42,.16))}

/* ---------- Формы ---------- */
.form-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:var(--s-4)}
.field{display:flex; flex-direction:column; gap:7px}
.field--full{grid-column:1/-1}
.field label,.field legend{font-size:var(--fs-xs); font-weight:600; color:var(--c-ink-2); letter-spacing:.01em}
.field legend{padding:0; margin-bottom:8px}
.field label .req{color:var(--c-err)}
.field input[type=text],.field input[type=tel],.field input[type=email],.field select,.field textarea{
  padding:13px 14px; border:1.5px solid var(--c-line); border-radius:var(--r-sm); background-color:#fff;
  font-size:var(--fs-sm); line-height:1.35; transition:.16s var(--ease); width:100%; color:var(--c-ink)}
.field select,.toolbar select{-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-right:42px; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5C70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; background-size:18px}
.field select:focus,.toolbar select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B4FA0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.field textarea{min-height:104px; resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--c-line-2)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--c-brand); box-shadow:0 0 0 3px var(--c-brand-soft)}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:var(--c-err); background-color:var(--c-err-soft)}
.field__error{display:none; font-size:var(--fs-xs); color:var(--c-err); font-weight:600}
.field.is-invalid .field__error{display:block}
.field__hint{font-size:var(--fs-xs); color:var(--c-ink-3)}
.checks{display:flex; flex-wrap:wrap; gap:10px}
.check{display:inline-flex; align-items:flex-start; gap:9px; font-size:var(--fs-sm); cursor:pointer; color:var(--c-ink-2)}
.check input{width:18px; height:18px; margin:1px 0 0; accent-color:var(--c-brand); flex:none; cursor:pointer}
.check--box{padding:10px 14px; border:1.5px solid var(--c-line); border-radius:var(--r-sm); background:#fff; transition:.16s var(--ease)}
.check--box:hover{border-color:var(--c-brand)}
.check--box:has(input:checked){border-color:var(--c-brand); background:var(--c-brand-soft); color:var(--c-brand)}
.form-consent{grid-column:1/-1}
.form-consent.is-invalid .check{color:var(--c-err)}
.form-status{grid-column:1/-1; display:none; padding:14px 16px; border-radius:var(--r-sm); font-size:var(--fs-sm); font-weight:600}
.form-status.is-error{display:flex; gap:10px; align-items:center; background:var(--c-err-soft); color:var(--c-err)}
.form-success{display:none; text-align:center; padding:var(--s-6) var(--s-4)}
.form-success.is-visible{display:block}
.form-success__mark{width:64px; height:64px; margin:0 auto var(--s-4); border-radius:50%; background:var(--ph-neutral-soft);
  color:var(--ph-neutral); display:grid; place-items:center}
.form-success__mark .icon{width:30px; height:30px; stroke-width:2.4}
.form-success h3{margin-bottom:10px}
.form-success .mono{display:inline-block; margin-top:14px; padding:8px 14px; border-radius:var(--r-xs);
  background:var(--c-surface-2); color:var(--c-ink-2)}

/* ---------- Панель запроса КП ---------- */
.quote-panel{position:fixed; z-index:100; top:0; right:0; bottom:0; width:min(96vw,470px); background:var(--c-bg);
  display:flex; flex-direction:column; transform:translateX(102%); transition:transform .28s var(--ease); box-shadow:var(--sh-2)}
.quote-panel.is-open{transform:translateX(0)}
.quote-panel__head{display:flex; align-items:center; justify-content:space-between; gap:var(--s-4);
  padding:var(--s-4) var(--s-5); background:var(--c-brand-800); color:#fff}
.quote-panel__head h2{font-size:19px}
.quote-panel__head p{font-size:var(--fs-xs); color:rgba(255,255,255,.72); margin-top:3px}
.quote-panel__close{width:40px; height:40px; border-radius:var(--r-sm); border:1px solid rgba(255,255,255,.3);
  background:none; color:#fff; cursor:pointer; display:grid; place-items:center}
.quote-panel__close:hover{background:rgba(255,255,255,.14)}
.quote-panel__body{flex:1; overflow-y:auto; padding:var(--s-5); display:flex; flex-direction:column; gap:var(--s-4)}
.quote-list{display:grid; gap:10px}
.quote-item{display:grid; grid-template-columns:44px 1fr auto; gap:12px; align-items:center; padding:12px;
  background:#fff; border:1px solid var(--c-line); border-radius:var(--r-sm)}
.quote-item__ico{width:44px; height:44px; border-radius:var(--r-xs); background:var(--c-surface-2); display:grid; place-items:center; color:var(--c-brand)}
.quote-item__name{font-size:var(--fs-sm); font-weight:700; line-height:1.35; overflow-wrap:break-word}
.quote-item__sub{font-size:var(--fs-xs); color:var(--c-ink-3); margin-top:2px}
.quote-item__del{border:none; background:none; color:var(--c-ink-3); cursor:pointer; padding:6px; border-radius:var(--r-xs)}
.quote-item__del:hover{color:var(--c-err); background:var(--c-err-soft)}
.qty{display:inline-flex; align-items:center; border:1px solid var(--c-line); border-radius:var(--r-xs); overflow:hidden}
.qty button{width:30px; height:30px; border:none; background:#fff; cursor:pointer; font-weight:700; color:var(--c-brand)}
.qty button:hover{background:var(--c-brand-soft)}
.qty span{min-width:30px; text-align:center; font-size:var(--fs-sm); font-weight:700}
.qty__input{width:56px; height:30px; border:none; border-left:1px solid var(--c-line); border-right:1px solid var(--c-line);
  text-align:center; font-size:var(--fs-sm); font-weight:700; color:var(--c-ink); background:#fff; padding:0 4px; -moz-appearance:textfield}
.qty__input:focus{outline:2px solid var(--c-brand); outline-offset:-2px}
.qty__input::-webkit-outer-spin-button,.qty__input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.field input[type="file"]{width:100%; max-width:100%; font-size:var(--fs-sm); color:var(--c-ink-2); padding:9px 12px;
  border:1px dashed var(--c-line-2); border-radius:var(--r-xs); background:#F6F9FC; cursor:pointer; line-height:1.3}
.field input[type="file"]::file-selector-button{margin-right:12px; padding:7px 14px; border:1px solid var(--c-line);
  border-radius:var(--r-xs); background:#fff; color:var(--c-brand); font-weight:700; font-family:inherit; cursor:pointer}
.field input[type="file"]::file-selector-button:hover{background:var(--c-brand-soft)}
.quote-empty{text-align:center; padding:var(--s-6) var(--s-4); color:var(--c-ink-2)}
.quote-empty__ico{width:60px; height:60px; margin:0 auto var(--s-4); border-radius:50%; background:var(--c-surface-2);
  display:grid; place-items:center; color:var(--c-ink-3)}
.quote-panel .form-grid{grid-template-columns:1fr}
.quote-panel__note{font-size:var(--fs-xs); color:var(--c-ink-3); line-height:1.5}

/* ---------- Категории ---------- */
.cat-card{display:flex; flex-direction:column; gap:12px; padding:var(--s-5); background:var(--c-surface);
  border:1px solid var(--c-line); border-radius:var(--r-md); transition:.2s var(--ease)}
.cat-card:hover{border-color:var(--c-brand); box-shadow:var(--sh-2); transform:translateY(-3px)}
.cat-card__ico{width:46px; height:46px; border-radius:var(--r-sm); display:grid; place-items:center;
  background:var(--c-brand-soft); color:var(--c-brand)}
.cat-card h3{font-size:17px; overflow-wrap:break-word}
.cat-card p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.5}
.cat-card__foot{display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:12px;
  border-top:1px dashed var(--c-line); font-size:var(--fs-xs); color:var(--c-ink-3); font-weight:600}

/* ---------- Преимущества ---------- */
.adv-card{padding:var(--s-5); background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md);
  display:flex; flex-direction:column; gap:10px}
.adv-card__ico{width:44px; height:44px; border-radius:var(--r-sm); display:grid; place-items:center;
  background:var(--c-aqua-soft); color:var(--c-aqua-dark)}
.adv-card h3{font-size:16px}
.adv-card p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.55}

.checklist{display:grid; gap:12px; margin-top:var(--s-5)}
.checklist li{display:flex; gap:12px; align-items:flex-start; font-size:var(--fs-sm); color:var(--c-ink-2)}
.checklist b{color:var(--c-ink)}
.checklist .icon{color:var(--ph-neutral); margin-top:3px; flex:none}

/* ---------- Блок «текст + форма» (главная и карточка товара) ---------- */
.cta-form{display:grid; grid-template-columns:.85fr 1.15fr; gap:var(--s-7); align-items:start}
.cta-form__aside{position:sticky; top:140px}
.cta-form__box{background:#fff; border:1px solid var(--c-line); border-radius:var(--r-lg);
  padding:var(--s-6); box-shadow:var(--sh-1)}
.cta-form .contacts-mini{display:grid; gap:14px; margin-top:var(--s-5); padding-top:var(--s-5); border-top:1px solid var(--c-line)}
.cta-form .contacts-mini a{display:flex; gap:12px; align-items:center; font-weight:600}
.cta-form .contacts-mini .icon{color:var(--c-aqua-dark)}

/* ---------- Тост ---------- */
.toast{position:fixed; z-index:120; left:50%; bottom:28px; transform:translate(-50%,calc(100% + 40px));
  display:flex; align-items:center; gap:12px; padding:14px 20px; border-radius:var(--r-sm); background:var(--c-ink);
  color:#fff; font-size:var(--fs-sm); font-weight:600; box-shadow:var(--sh-2); max-width:92vw;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:transform .3s var(--ease), opacity .2s var(--ease), visibility .3s}
.toast.is-visible{transform:translate(-50%,0); opacity:1; visibility:visible}
.toast .icon{color:var(--c-aqua)}

/* ---------- Подвал ---------- */
.site-footer{background:var(--c-brand-800); color:rgba(255,255,255,.72); padding:var(--s-8) 0 var(--s-5)}
.footer-top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:var(--s-6); padding-bottom:var(--s-6);
  border-bottom:1px solid rgba(255,255,255,.14)}
.site-footer h3{color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:var(--s-4)}
.site-footer a:hover{color:#fff; text-decoration:underline}
.footer-links{display:grid; gap:11px; font-size:var(--fs-sm)}
.footer-contacts{display:grid; gap:12px; font-size:var(--fs-sm)}
.footer-contacts strong{display:block; color:#fff; font-size:19px; font-weight:600; letter-spacing:-.02em}
.footer-brand p{font-size:var(--fs-sm); line-height:1.6; margin-top:var(--s-4); max-width:330px}
.footer-req{margin-top:var(--s-4); font-size:var(--fs-xs); line-height:1.7; color:rgba(255,255,255,.55)}
.footer-bottom{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-4);
  padding-top:var(--s-5); font-size:var(--fs-xs); color:rgba(255,255,255,.55)}
.footer-bottom nav{display:flex; flex-wrap:wrap; gap:var(--s-5)}
.site-footer .logo__name,.site-footer .logo__sub{color:#fff}
.site-footer .logo__sub{color:rgba(255,255,255,.6)}

/* ---------- Адаптив ---------- */
@media (max-width:1320px){
  .main-nav a{padding:10px 8px; font-size:13.5px}
  .header-search input{width:150px}
}
@media (max-width:1200px){
  .topbar__list--extra{display:none}
}
@media (max-width:1120px){
  .header-phone{display:none}
}
@media (max-width:1024px){
  .cta-form{grid-template-columns:1fr; gap:var(--s-6)}
  .cta-form__aside{position:static}
  .main-nav{display:none}
  .search-toggle{display:none}
  .header-search-panel{display:none}
  .burger{display:flex}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:repeat(2,1fr)}
  .section{padding:var(--s-8) 0}
}
@media (max-width:768px){
  .topbar__list--extra{display:none}
  .section-head{flex-direction:column; align-items:flex-start}
  .form-grid{grid-template-columns:1fr}
  .grid--2{grid-template-columns:1fr}
}
@media (max-width:520px){
  .cta-form__box{padding:var(--s-5) var(--s-4)}
  .container{padding:0 var(--s-4)}
  .grid--3,.grid--4{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .quote-btn span:not(.quote-btn__count){display:none}
  .header-main{min-height:66px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important}
}


/* ==========================================================================
   HIMITEX — общий модуль контентных страниц
   page-hero · prose · FAQ · документы · кейсы · контакты · формы · вкладки
   ========================================================================== */

/* ---------- Шапка страницы ---------- */
.page-hero{background:linear-gradient(180deg,#fff,var(--c-bg)); border-bottom:1px solid var(--c-line);
  padding-top:var(--s-5); padding-bottom:var(--s-7)}
.page-hero__grid{display:grid; grid-template-columns:1.35fr .65fr; gap:var(--s-6); align-items:end}
.page-hero h1{margin:12px 0 14px}
.page-hero .lead{max-width:680px}
.page-hero__aside{display:grid; gap:var(--s-4)}
.page-hero__photo{aspect-ratio:16/10; box-shadow:var(--sh-1)}
.page-hero__facts{display:grid; gap:10px; font-size:var(--fs-sm)}
.page-hero__facts div{display:flex; gap:10px; align-items:flex-start; color:var(--c-ink-2)}
.page-hero__facts .icon{color:var(--c-aqua-dark); margin-top:2px; flex:none}
.page-hero__cta{display:flex; flex-wrap:wrap; gap:12px; margin-top:var(--s-5)}

.mini-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s-4); margin-top:var(--s-6)}
.mini-stats div{padding:20px 22px; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md)}
.mini-stats b{display:block; font-family:var(--f-mono); font-size:28px; font-weight:600; letter-spacing:-.03em; color:var(--c-brand)}
.mini-stats span{font-size:var(--fs-xs); color:var(--c-ink-2); line-height:1.4; margin-top:6px; display:block}

/* ---------- Prose (тексты «О компании», юридические, статьи) ---------- */
.prose{max-width:760px}
.prose > * + *{margin-top:var(--s-4)}
.prose h2{font-size:24px; margin-top:var(--s-6)}
.prose h3{font-size:18px; margin-top:var(--s-5)}
.prose p{color:var(--c-ink-2); line-height:1.75}
.prose ul{display:grid; gap:10px; padding-left:0}
.prose ul li{position:relative; padding-left:26px; color:var(--c-ink-2); line-height:1.7}
.prose ul li::before{content:''; position:absolute; left:4px; top:9px; width:8px; height:8px; border-radius:2px;
  background:var(--c-aqua)}
.prose ol{display:grid; gap:10px; counter-reset:p; padding-left:0}
.prose ol li{position:relative; padding-left:34px; color:var(--c-ink-2); line-height:1.7}
.prose ol li::before{counter-increment:p; content:counter(p); position:absolute; left:0; top:0; width:24px; height:24px;
  border-radius:50%; background:var(--c-brand-soft); color:var(--c-brand); font-family:var(--f-mono); font-size:12px;
  font-weight:600; display:grid; place-items:center}
.prose a{color:var(--c-brand); text-decoration:underline; text-underline-offset:2px}
.prose strong{color:var(--c-ink)}
.prose__updated{font-size:var(--fs-xs); color:var(--c-ink-3); font-family:var(--f-mono)}
.legal-layout{display:grid; grid-template-columns:250px 1fr; gap:var(--s-7); align-items:start}
.legal-toc{position:sticky; top:140px; display:grid; gap:8px; font-size:var(--fs-sm)}
.legal-toc a{display:block; padding:8px 12px; border-radius:var(--r-xs); color:var(--c-ink-2)}
.legal-toc a:hover{background:var(--c-surface-2); color:var(--c-brand)}

/* ---------- Универсальная карточка-плитка ---------- */
.tile{display:flex; flex-direction:column; gap:12px; padding:var(--s-5); background:var(--c-surface);
  border:1px solid var(--c-line); border-radius:var(--r-md); transition:.2s var(--ease); height:100%}
.tile:hover{border-color:var(--c-brand); box-shadow:var(--sh-2); transform:translateY(-3px)}
.tile__ico{width:46px; height:46px; border-radius:var(--r-sm); display:grid; place-items:center;
  background:var(--c-brand-soft); color:var(--c-brand); flex:none}
.tile h3{font-size:17px}
.tile p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.55}
.tile__meta{display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:12px}
.tile__foot{display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:12px;
  border-top:1px dashed var(--c-line); font-size:var(--fs-xs); color:var(--c-ink-3); font-weight:600}

/* ---------- Отраслевая/задачная плитка с фото ---------- */
.rich-card{display:flex; flex-direction:column; overflow:hidden; background:var(--c-surface);
  border:1px solid var(--c-line); border-radius:var(--r-md); transition:.2s var(--ease); height:100%}
.rich-card:hover{box-shadow:var(--sh-2); transform:translateY(-3px)}
.rich-card__media{aspect-ratio:16/9; position:relative}
.rich-card__tag{position:absolute; left:12px; top:12px; z-index:2}
.rich-card__body{padding:var(--s-5); display:flex; flex-direction:column; gap:12px; flex:1}
.rich-card h3{font-size:18px}
.rich-card p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.55}
.rich-card__list{display:grid; gap:7px; font-size:var(--fs-xs); color:var(--c-ink-2)}
.rich-card__list div{display:flex; gap:8px}
.rich-card__list .icon{color:var(--c-aqua-dark); flex:none; margin-top:1px}
.rich-card__foot{margin-top:auto; padding-top:14px; display:flex; align-items:center; justify-content:space-between; gap:10px}
.rich-card__foot .link-arrow{font-size:var(--fs-sm)}

/* ---------- FAQ-аккордеон ---------- */
.faq{display:grid; gap:12px; max-width:860px}
.faq__item{background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden}
.faq__q{display:flex; width:100%; align-items:center; justify-content:space-between; gap:16px; padding:20px var(--s-5);
  border:0; background:none; cursor:pointer; text-align:left; font-size:16px; font-weight:600; color:var(--c-ink)}
.faq__q:hover{color:var(--c-brand)}
.faq__q .icon{flex:none; color:var(--c-ink-3); transition:transform .2s var(--ease)}
.faq__q[aria-expanded="true"] .icon{transform:rotate(90deg); color:var(--c-brand)}
.faq__a{padding:0 var(--s-5) 20px; color:var(--c-ink-2); line-height:1.7; font-size:var(--fs-sm)}
.faq__a[hidden]{display:none}
.faq__a p + p{margin-top:10px}

/* ---------- Строка-контроллер (сортировка/фильтры документов, кейсов) ---------- */
.controls{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:var(--s-5)}
.controls__count{font-size:var(--fs-sm); color:var(--c-ink-2); margin-right:auto}
.controls__count b{color:var(--c-ink); font-weight:700}
.filter-pills{display:flex; flex-wrap:wrap; gap:8px}

/* ---------- Документы (центр документов) ---------- */
.doc-table{display:grid; gap:10px}
.doc-item{display:grid; grid-template-columns:auto 1fr auto auto; gap:16px; align-items:center; padding:16px 18px;
  background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); transition:.16s var(--ease)}
.doc-item:hover{border-color:var(--c-line-2); box-shadow:var(--sh-1)}
.doc-item__ico{width:44px; height:44px; border-radius:var(--r-sm); background:var(--c-brand-soft); color:var(--c-brand);
  display:grid; place-items:center; flex:none}
.doc-item__name{font-size:var(--fs-sm); font-weight:600; overflow-wrap:break-word}
.doc-item__sub{font-size:var(--fs-xs); color:var(--c-ink-3); margin-top:3px; display:flex; flex-wrap:wrap; gap:4px 12px}
.doc-item__type{font-size:var(--fs-xs); font-weight:700; padding:6px 11px; border-radius:var(--r-pill); white-space:nowrap}
.doc-type-tds{background:var(--c-brand-soft); color:var(--c-brand)}
.doc-type-sds{background:#FFF3E6; color:#9A5B08}
.doc-type-decl{background:var(--ph-neutral-soft); color:var(--ph-neutral-text)}
.doc-type-manual{background:var(--c-aqua-soft); color:var(--ph-dez-text)}
.doc-type-tu{background:var(--c-surface-3); color:var(--c-ink-2)}
.doc-item__status{font-size:var(--fs-xs); font-weight:600; display:inline-flex; align-items:center; gap:6px; color:var(--ph-neutral-text)}
.doc-item__status::before{content:''; width:7px; height:7px; border-radius:50%; background:var(--ph-neutral)}

/* ---------- Кейсы (переиспользуем case-card из index) ---------- */
.cases-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s-4)}

/* ---------- Сплиты производства/лаборатории ---------- */
.info-split{display:grid; grid-template-columns:1fr 1fr; gap:var(--s-7); align-items:center}
.info-split--rev .info-split__media{order:2}
.info-split__media{aspect-ratio:5/4; border-radius:var(--r-lg); box-shadow:var(--sh-2)}
.info-split h2{margin:12px 0 var(--s-4)}

.timeline{display:grid; gap:var(--s-4); counter-reset:tl}
.timeline__item{position:relative; padding:20px 22px 20px 66px; background:var(--c-surface); border:1px solid var(--c-line);
  border-radius:var(--r-md)}
.timeline__item::before{counter-increment:tl; content:counter(tl,decimal-leading-zero); position:absolute; left:20px; top:20px;
  width:32px; height:32px; border-radius:50%; background:var(--c-brand); color:#fff; font-family:var(--f-mono);
  font-size:13px; font-weight:600; display:grid; place-items:center}
.timeline__item h3{font-size:17px; margin-bottom:6px}
.timeline__item p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.6}

/* ---------- Контакты ---------- */
.contacts-grid{display:grid; grid-template-columns:1fr 1fr; gap:var(--s-7); align-items:start}
.contact-cards{display:grid; gap:var(--s-4)}
.contact-card{display:grid; grid-template-columns:auto 1fr; gap:16px; padding:var(--s-5); background:var(--c-surface);
  border:1px solid var(--c-line); border-radius:var(--r-md)}
.contact-card__ico{width:46px; height:46px; border-radius:var(--r-sm); background:var(--c-brand-soft); color:var(--c-brand);
  display:grid; place-items:center; flex:none}
.contact-card h3{font-size:16px; margin-bottom:6px}
.contact-card p,.contact-card a{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.6}
.contact-card a.big{display:block; font-size:19px; font-weight:600; color:var(--c-ink); letter-spacing:-.02em; margin-bottom:2px}
.contact-card a:hover{color:var(--c-brand)}
.map-embed{aspect-ratio:4/3; border-radius:var(--r-md); border:1px solid var(--c-line); overflow:hidden; position:relative;
  background:linear-gradient(140deg,#DCE8F4,#EAF1F8)}
.map-embed__grid{position:absolute; inset:0; background-image:
  linear-gradient(rgba(11,79,160,.09) 1px,transparent 1px),
  linear-gradient(90deg,rgba(11,79,160,.09) 1px,transparent 1px); background-size:38px 38px}
.map-embed__pin{position:absolute; left:50%; top:52%; transform:translate(-50%,-100%); color:var(--c-brand)}
.map-embed__pin .icon{width:44px; height:44px; filter:drop-shadow(0 6px 10px rgba(11,79,160,.3))}
.map-embed__label{position:absolute; left:16px; bottom:16px; padding:10px 14px; background:#fff; border-radius:var(--r-sm);
  box-shadow:var(--sh-1); font-size:var(--fs-xs); font-weight:600}
.req-table{width:100%; border-collapse:collapse; border-spacing:0; background:var(--c-surface); border:1px solid var(--c-line);
  border-radius:var(--r-md); overflow:hidden}
.req-table th,.req-table td{padding:13px 16px; text-align:left; font-size:var(--fs-sm); border-bottom:1px solid var(--c-line)}
.req-table th{width:42%; color:var(--c-ink-2); font-weight:600; background:var(--c-surface-2)}
.req-table td{font-weight:500; overflow-wrap:break-word}
.req-table tr:last-child th,.req-table tr:last-child td{border-bottom:0}

/* ---------- Партнёрам ---------- */
.benefit-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s-4)}
.region-list{display:flex; flex-wrap:wrap; gap:8px}
.region-list span{padding:8px 14px; border-radius:var(--r-pill); background:var(--c-surface); border:1px solid var(--c-line);
  font-size:var(--fs-sm); font-weight:500; color:var(--c-ink-2)}

/* ---------- Карта сайта ---------- */
.sitemap-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s-6)}
.sitemap-col h2{font-size:16px; text-transform:uppercase; letter-spacing:.08em; color:var(--c-brand); margin-bottom:var(--s-4)}
.sitemap-col ul{display:grid; gap:10px}
.sitemap-col a{font-size:var(--fs-sm); color:var(--c-ink-2); display:inline-flex; align-items:center; gap:8px}
.sitemap-col a:hover{color:var(--c-brand)}
.sitemap-col a::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--c-line-2); flex:none}

/* ---------- CTA-полоса ---------- */
.cta-strip{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-5);
  padding:var(--s-6); border-radius:var(--r-lg)}
.cta-strip h2{font-size:24px; color:#fff; margin-bottom:8px}
.cta-strip p{color:rgba(255,255,255,.8); font-size:var(--fs-sm); max-width:560px}
.cta-strip__actions{display:flex; flex-wrap:wrap; gap:12px}


/* ---------- Общие компоненты (для контентных страниц) ---------- */
/* ---------- Кейсы ---------- */
.case-card{display:flex; flex-direction:column; overflow:hidden; background:var(--c-surface);
  border:1px solid var(--c-line); border-radius:var(--r-md); transition:.2s var(--ease)}
.case-card:hover{box-shadow:var(--sh-2); transform:translateY(-3px)}
.case-card__media{aspect-ratio:16/9; border-radius:0}
.case-card__body{padding:var(--s-5); display:flex; flex-direction:column; gap:12px; flex:1}
.case-card h3{font-size:17px}
.case-card dl{display:grid; gap:8px; font-size:var(--fs-sm); margin:0}
.case-card dt{font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.07em; color:var(--c-ink-3); font-weight:600}
.case-card dd{margin:0; color:var(--c-ink-2)}
.case-card__result{margin-top:auto; padding-top:14px; border-top:1px dashed var(--c-line); font-size:var(--fs-sm);
  font-weight:700; color:var(--ph-neutral)}

.empty-state{padding:var(--s-8) var(--s-5); text-align:center; background:#fff; border:1px dashed var(--c-line-2); border-radius:var(--r-md)}
.empty-state h2{font-size:20px; margin-bottom:10px}
.empty-state p{max-width:460px; margin:0 auto var(--s-5)}

.expert{display:flex; gap:14px; align-items:center; margin-bottom:14px}
.expert__ava{width:56px; height:56px; border-radius:50%; flex:none; background:linear-gradient(150deg,var(--c-brand),var(--c-aqua));
  display:grid; place-items:center; color:#fff; font-weight:700}
.expert b{display:block; font-size:15px}
.expert span{font-size:var(--fs-xs); color:var(--c-ink-3)}

/* ---------- Адаптив ---------- */
@media (max-width:1024px){
  .page-hero__grid,.info-split,.contacts-grid,.legal-layout{grid-template-columns:1fr}
  .info-split--rev .info-split__media{order:0}
  .legal-toc{position:static; display:flex; flex-wrap:wrap; gap:6px}
  .mini-stats{grid-template-columns:repeat(2,1fr)}
  .cases-grid,.benefit-grid,.sitemap-grid{grid-template-columns:repeat(2,1fr)}
  .doc-item{grid-template-columns:auto 1fr auto; grid-template-rows:auto auto}
  .doc-item__status{grid-column:2/-1}
}
@media (max-width:640px){
  .mini-stats,.cases-grid,.benefit-grid,.sitemap-grid{grid-template-columns:1fr}
  .doc-item{grid-template-columns:auto 1fr; row-gap:10px}
  .doc-item__type{grid-column:2}
  .doc-item__status{grid-column:1/-1}
  .cta-strip{flex-direction:column; align-items:flex-start}
}


/* ==========================================================================
   HIMITEX — Главная страница: специфичные стили
   ========================================================================== */
.team-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s-5)}
.team-card{background:#fff; border:1px solid var(--c-line); border-radius:var(--r-lg); padding:var(--s-6) var(--s-5); text-align:center; box-shadow:var(--sh-1); transition:.16s var(--ease)}
.team-card:hover{box-shadow:var(--sh-2); transform:translateY(-2px)}
.team-card__photo{width:104px; height:104px; margin:0 auto var(--s-4); border-radius:50%; overflow:hidden; display:grid; place-items:center; background:linear-gradient(150deg,var(--c-brand),var(--c-aqua)); color:#fff; font-weight:700; font-size:30px; letter-spacing:.02em}
.team-card__photo img{width:100%; height:100%; object-fit:cover}
.team-card__name{font-size:17px; font-weight:700; color:var(--c-ink)}
.team-card__role{font-size:var(--fs-sm); color:var(--c-aqua-dark); font-weight:600; margin-top:4px}
.team-card__note{font-size:var(--fs-xs); color:var(--c-ink-2); margin-top:10px; line-height:1.55}
@media (max-width:900px){ .team-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:520px){ .team-grid{grid-template-columns:1fr; gap:var(--s-4)} }
/* ---------- Главная: первый экран ---------- */
.hero{position:relative; overflow:hidden; background:
  radial-gradient(1100px 460px at 88% -8%, rgba(0,180,206,.16), transparent 62%),
  linear-gradient(180deg,#fff 0%, var(--c-bg) 100%);
  padding:var(--s-8) 0 var(--s-7); border-bottom:1px solid var(--c-line)}
.hero__grid{display:grid; grid-template-columns:1.08fr .92fr; gap:var(--s-7); align-items:center}
.hero h1{margin:var(--s-4) 0 var(--s-4)}
.hero h1 em{font-style:normal; color:var(--c-brand); position:relative; white-space:nowrap}
.hero h1 em::after{content:''; position:absolute; left:0; right:0; bottom:2px; height:8px; background:var(--c-aqua); opacity:.28; border-radius:4px}
.hero__cta{display:flex; flex-wrap:wrap; gap:12px; margin:var(--s-5) 0}
.hero__usp{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 22px; margin-top:var(--s-5);
  padding-top:var(--s-5); border-top:1px solid var(--c-line)}
.hero__usp li{display:flex; gap:11px; align-items:flex-start; font-size:var(--fs-sm); color:var(--c-ink-2)}
.hero__usp b{display:block; color:var(--c-ink); font-size:15px}
.hero__usp .icon{color:var(--c-aqua-dark); margin-top:2px}
.hero__visual{position:relative}
.hero__photo{aspect-ratio:4/3.35; border-radius:var(--r-lg); box-shadow:var(--sh-2)}
.hero__stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 20px; margin-top:16px;
  padding:20px 22px; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); box-shadow:var(--sh-1)}
.hero__stats div{display:flex; flex-direction:column; gap:4px; min-width:0}
.hero__stats b{font-size:26px; font-weight:700; letter-spacing:-.025em; color:var(--c-brand); line-height:1; white-space:nowrap}
.hero__stats span{font-size:var(--fs-xs); color:var(--c-ink-2); line-height:1.35}
.hero__ph{position:absolute; right:18px; top:18px; display:grid; gap:8px; z-index:2}
/* ---------- Быстрый подбор ---------- */
.finder{background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-lg);
  box-shadow:var(--sh-1); padding:var(--s-6); position:relative; z-index:3}
.finder__head{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--s-4); margin-bottom:var(--s-5)}
.tab-list{display:flex; gap:6px; padding:5px; background:var(--c-surface-2); border-radius:var(--r-pill); flex-wrap:wrap}
.tab-list button{padding:10px 18px; border:none; border-radius:var(--r-pill); background:none; font-size:var(--fs-sm);
  font-weight:700; color:var(--c-ink-2); cursor:pointer; transition:.16s var(--ease)}
.tab-list button:hover{color:var(--c-brand)}
.tab-list button[aria-selected="true"]{background:#fff; color:var(--c-brand); box-shadow:var(--sh-1)}
.chip-grid{display:flex; flex-wrap:wrap; gap:10px}
.chip-grid a{display:inline-flex; align-items:center; gap:9px; padding:11px 16px; border:1px solid var(--c-line);
  border-radius:var(--r-pill); font-size:var(--fs-sm); font-weight:600; transition:.16s var(--ease); background:#fff}
.chip-grid a:hover{border-color:var(--c-brand); background:var(--c-brand-soft); color:var(--c-brand); transform:translateY(-1px)}
.chip-grid .icon{color:var(--c-aqua-dark)}
/* ---------- pH-блок (signature) ---------- */
.ph-block{display:grid; grid-template-columns:1fr 1fr; gap:var(--s-7); align-items:center}
.ph-scale{background:#fff; border:1px solid var(--c-line); border-radius:var(--r-lg); padding:var(--s-6); box-shadow:var(--sh-1)}
.ph-scale__value{display:flex; align-items:baseline; gap:12px; margin-bottom:6px}
.ph-scale__value b{font-family:var(--f-mono); font-size:42px; font-weight:600; letter-spacing:-.04em; line-height:1}
.ph-scale__value span{font-weight:700; font-size:var(--fs-sm)}
.ph-scale__desc{font-size:var(--fs-sm); color:var(--c-ink-2); min-height:66px; margin-bottom:var(--s-4)}
.ph-scale input[type=range]{width:100%; -webkit-appearance:none; appearance:none; height:12px; border-radius:var(--r-pill);
  background:linear-gradient(90deg,var(--ph-acid),#EFC94C 28%,var(--ph-neutral) 50%,#5AA6D8 72%,var(--ph-alkali)); cursor:pointer}
.ph-scale input[type=range]::-webkit-slider-thumb{-webkit-appearance:none; width:28px; height:28px; border-radius:50%;
  background:#fff; border:4px solid currentColor; box-shadow:var(--sh-1); cursor:grab}
.ph-scale input[type=range]::-moz-range-thumb{width:28px; height:28px; border-radius:50%; background:#fff;
  border:4px solid currentColor; box-shadow:var(--sh-1); cursor:grab}
.ph-scale__ticks{display:flex; justify-content:space-between; margin-top:10px; font-family:var(--f-mono); font-size:11px; color:var(--c-ink-3)}
.ph-cards{display:grid; gap:12px}
.ph-cards a{display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center; padding:18px 20px;
  background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); transition:.18s var(--ease)}
.ph-cards a:hover,.ph-cards a.is-highlight{border-color:currentColor; box-shadow:var(--sh-2); transform:translateX(4px)}
.ph-cards .ph-cards__mark{width:8px; height:44px; border-radius:4px; background:currentColor}
.ph-cards h3{font-size:16px; color:var(--c-ink)}
.ph-cards p{font-size:var(--fs-xs); color:var(--c-ink-2); margin-top:3px}
.ph-cards .mono{color:currentColor; font-weight:700}
/* ---------- Отрасли ---------- */
.ind-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
.ind-card{display:flex; flex-direction:column; gap:10px; padding:18px; background:var(--c-surface);
  border:1px solid var(--c-line); border-radius:var(--r-md); transition:.18s var(--ease)}
.ind-card:hover{border-color:var(--c-aqua); background:var(--c-aqua-soft); transform:translateY(-2px)}
.ind-card b{font-size:15px; letter-spacing:-.01em}
.ind-card span{font-size:var(--fs-xs); color:var(--c-ink-2); line-height:1.45}
.ind-card .icon{color:var(--c-brand)}
/* ---------- Сплит-блоки ---------- */
.split{display:grid; grid-template-columns:1fr 1fr; gap:var(--s-7); align-items:center}
.split--rev .split__media{order:2}
.split__media{aspect-ratio:5/4; border-radius:var(--r-lg); box-shadow:var(--sh-2)}
.split h2{margin:var(--s-3) 0 var(--s-4)}
.compare{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:var(--s-5)}
.compare div{padding:16px 18px; border-radius:var(--r-md); font-size:var(--fs-sm); line-height:1.5}
.compare__bad{background:var(--c-err-soft); color:#8C2626; border:1px solid #F5CFCF}
.compare__good{background:var(--ph-neutral-soft); color:#0E6E52; border:1px solid #BCE6D6}
.compare b{display:block; margin-bottom:6px; font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.08em}
/* ---------- Этапы работы ---------- */
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:var(--s-4); counter-reset:step}
.step{position:relative; padding:var(--s-5); border-radius:var(--r-md); background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18)}
.step::before{counter-increment:step; content:counter(step,decimal-leading-zero); display:block; font-family:var(--f-mono);
  font-size:13px; font-weight:700; color:var(--c-aqua); margin-bottom:12px; letter-spacing:.1em}
.step h3{font-size:17px; color:#fff; margin-bottom:8px}
.step p{font-size:var(--fs-sm); color:rgba(255,255,255,.76); line-height:1.55}
.step__time{display:inline-block; margin-top:12px; font-size:var(--fs-xs); font-weight:700; color:var(--c-aqua)}
/* ---------- Документы ---------- */
.doc-list{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.doc-row{display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:16px 18px;
  background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); transition:.16s var(--ease)}
.doc-row:hover{border-color:var(--c-aqua); background:var(--c-aqua-soft)}
.doc-row b{font-size:var(--fs-sm)}
.doc-row span{font-size:var(--fs-xs); color:var(--c-ink-2)}
.doc-row .icon{color:var(--c-brand)}
@media (max-width:1024px){
  .hero__grid,.ph-block,.split,.cta-form{grid-template-columns:1fr}
  .split--rev .split__media{order:0}
  .ind-grid{grid-template-columns:repeat(3,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .doc-list{grid-template-columns:repeat(2,1fr)}
  .cta-form__aside{position:static}
}
@media (max-width:768px){
  .hero__usp{grid-template-columns:1fr}
  .compare{grid-template-columns:1fr}
}
@media (max-width:520px){
  .hero__stats{grid-template-columns:1fr; gap:14px}
  .ind-grid{grid-template-columns:repeat(2,1fr)}
  .steps,.doc-list{grid-template-columns:1fr}
  .finder{padding:var(--s-5) var(--s-4)}
  .tab-list{flex-direction:column; align-items:stretch; width:100%; border-radius:var(--r-md); gap:4px}
  .tab-list button{width:100%; text-align:center}
  .ph-cards a{grid-template-columns:auto 1fr}
  .hero__ph{display:none}
}


/* ==========================================================================
   HIMITEX — Каталог: специфичные стили
   ========================================================================== */
.conflict-note{max-width:640px; margin:0 auto; text-align:center; display:flex; flex-direction:column; align-items:center; gap:10px}
.conflict-note__ico{width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:var(--ph-acid-soft); color:var(--ph-acid-text)}
.conflict-note__ico .icon{width:26px; height:26px}
.conflict-note__actions{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:4px}
/* ---------- Каталог: шапка раздела ---------- */
.cat-hero{background:linear-gradient(180deg,#fff,var(--c-bg)); border-bottom:1px solid var(--c-line);
  padding-top:var(--s-5); padding-bottom:var(--s-6)}
.cat-hero__grid{display:grid; grid-template-columns:1.35fr .65fr; gap:var(--s-6); align-items:end}
.cat-hero h1{margin:12px 0 14px}
.cat-hero__side{display:grid; gap:var(--s-4)}
.cat-hero__photo{aspect-ratio:16/9; box-shadow:var(--sh-1)}
.cat-hero__facts{display:grid; gap:10px; font-size:var(--fs-sm)}
.cat-hero__facts div{display:flex; gap:10px; align-items:flex-start; color:var(--c-ink-2)}
.cat-hero__facts .icon{color:var(--c-aqua-dark); margin-top:2px; flex:none}
/* ---------- Панель поиска и управления ---------- */
.catalog-search{position:relative; margin-top:var(--s-5)}
.catalog-search input{width:100%; padding:16px 18px 16px 50px; border:1.5px solid var(--c-line); border-radius:var(--r-md);
  font-size:15.5px; letter-spacing:0; background:#fff; box-shadow:var(--sh-1)}
.catalog-search input:focus{outline:none; border-color:var(--c-brand); box-shadow:0 0 0 3px var(--c-brand-soft)}
.catalog-search > .icon{position:absolute; left:18px; top:50%; transform:translateY(-50%); color:var(--c-ink-3)}
.suggest{position:absolute; z-index:20; left:0; right:0; top:calc(100% + 6px); background:#fff; border:1px solid var(--c-line);
  border-radius:var(--r-md); box-shadow:var(--sh-2); overflow:hidden; display:none}
.suggest.is-open{display:block}
.suggest__group{padding:10px 16px 6px; font-size:var(--fs-xs); text-transform:uppercase; letter-spacing:.08em;
  color:var(--c-ink-3); font-weight:700}
.suggest button{display:flex; width:100%; align-items:center; gap:12px; padding:11px 16px; border:0; background:none;
  text-align:left; cursor:pointer; font-size:var(--fs-sm)}
.suggest button:hover,.suggest button.is-active{background:var(--c-brand-soft); color:var(--c-brand)}
.suggest button span{color:var(--c-ink-3); font-size:var(--fs-xs); margin-left:auto}
.catalog-layout{display:grid; grid-template-columns:296px 1fr; gap:var(--s-6); align-items:start;
  padding-top:var(--s-6); padding-bottom:var(--s-8)}
.toolbar{display:flex; flex-wrap:wrap; align-items:center; gap:12px; justify-content:space-between; margin-bottom:var(--s-4)}
.toolbar__left{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.toolbar__count{font-size:var(--fs-sm); color:var(--c-ink-2)}
.toolbar__count b{color:var(--c-ink); font-weight:700; font-size:17px}
.toolbar__right{display:flex; align-items:center; gap:10px}
.toolbar select{height:44px; padding:0 42px 0 14px; border:1.5px solid var(--c-line); border-radius:var(--r-sm);
  background-color:#fff; font-size:var(--fs-sm); color:var(--c-ink); min-width:210px}
.toolbar select:hover{border-color:var(--c-line-2)}
.toolbar select:focus,.toolbar select:focus-visible{outline:none; border-color:var(--c-brand);
  box-shadow:0 0 0 3px var(--c-brand-soft)}
.view-switch{display:inline-flex; border:1.5px solid var(--c-line); border-radius:var(--r-sm); overflow:hidden; background:#fff}
.view-switch button{width:44px; height:44px; border:0; background:none; cursor:pointer; color:var(--c-ink-3); display:grid; place-items:center}
.view-switch button[aria-pressed="true"]{background:var(--c-brand-soft); color:var(--c-brand)}
.filters-toggle{display:none}
/* ---------- Активные фильтры ---------- */
.active-filters{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:var(--s-4)}
.active-filters:empty{display:none}
.filter-tag{display:inline-flex; align-items:center; gap:8px; padding:7px 10px 7px 13px; border-radius:var(--r-pill);
  background:var(--c-brand-soft); color:var(--c-brand); font-size:var(--fs-xs); font-weight:700}
.filter-tag button{border:0; background:none; cursor:pointer; color:inherit; display:grid; place-items:center; padding:2px;
  border-radius:50%}
.filter-tag button:hover{background:rgba(11,79,160,.16)}
.reset-link{border:0; background:none; color:var(--c-ink-2); font-size:var(--fs-xs); font-weight:700; cursor:pointer;
  text-decoration:underline; padding:6px}
.reset-link:hover{color:var(--c-err)}
/* ---------- Боковая панель фильтров ---------- */
.filters{background:var(--c-surface); border:1px solid var(--c-line); border-radius:var(--r-md); position:sticky; top:132px;
  max-height:calc(100vh - 160px); overflow-y:auto}
.filters__head{display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--c-line);
  position:sticky; top:0; background:#fff; z-index:2}
.filters__head h2{font-size:16px}
.filters__foot{display:none}
.fgroup{border-bottom:1px solid var(--c-line)}
.fgroup__btn{display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; padding:15px 18px;
  border:0; background:none; cursor:pointer; font-size:var(--fs-sm); font-weight:700; text-align:left}
.fgroup__btn:hover{color:var(--c-brand)}
.fgroup__btn{letter-spacing:0}
.fgroup__btn::after{content:''; width:9px; height:9px; border-right:2px solid var(--c-ink-3); border-bottom:2px solid var(--c-ink-3);
  transform:rotate(45deg) translateY(-2px); transition:transform .18s var(--ease); flex:none}
.fgroup__btn[aria-expanded="false"]::after{transform:rotate(-45deg)}
.fgroup__body{padding:0 18px 16px; display:grid; gap:9px}
.fgroup__body[hidden]{display:none}
.fcheck{display:flex; align-items:flex-start; gap:10px; font-size:var(--fs-sm); color:var(--c-ink-2); cursor:pointer;
  line-height:1.4}
.fcheck input{width:17px; height:17px; margin-top:2px; accent-color:var(--c-brand); flex:none; cursor:pointer}
.fcheck span{flex:1; min-width:0; overflow-wrap:break-word; hyphens:auto}
.fcheck:hover{color:var(--c-brand)}
.fcheck em{flex:none; font-style:normal; margin-left:auto; padding-left:6px; font-size:var(--fs-xs);
  color:var(--c-ink-3); font-family:var(--f-mono); white-space:nowrap; font-variant-numeric:tabular-nums}
.ph-range{display:grid; gap:12px}
.ph-range__row{display:flex; align-items:center; gap:10px}
.ph-range__row input{width:100%; accent-color:var(--c-brand)}
.ph-range__vals{display:flex; justify-content:space-between; font-family:var(--f-mono); font-size:var(--fs-xs); color:var(--c-ink-2)}
/* ---------- Сетка товаров ---------- */
.products{display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s-4)}
.products.is-rows{grid-template-columns:1fr}
.products.is-rows .product-card{flex-direction:row; align-items:stretch}
.products.is-rows .product-card__media{width:210px; flex:none; aspect-ratio:auto}
.products.is-rows .product-card__body{flex:1}
.products.is-rows .product-card__actions{display:flex; flex-direction:column; justify-content:center; padding:var(--s-4);
  border-left:1px dashed var(--c-line); width:210px}
.products.is-rows .product-card__actions .btn{width:100%}
.products.is-rows .icon-btn{width:100%; height:44px; gap:8px}
.products.is-rows .icon-btn::after{content:'В запрос КП'; font-size:var(--fs-xs); font-weight:700}
.load-more{display:flex; flex-direction:column; align-items:center; gap:14px; margin-top:var(--s-6)}
.load-more__bar{width:min(320px,100%); height:5px; border-radius:4px; background:var(--c-surface-3); overflow:hidden}
.load-more__bar i{display:block; height:100%; background:var(--c-aqua); border-radius:4px; transition:width .3s var(--ease)}
.pagination{display:flex; gap:6px; justify-content:center; margin-top:var(--s-5)}
.pagination button{min-width:42px; height:42px; padding:0 12px; border:1.5px solid var(--c-line); background:#fff;
  border-radius:var(--r-sm); font-weight:700; font-size:var(--fs-sm); cursor:pointer}
.pagination button:hover{border-color:var(--c-brand); color:var(--c-brand)}
.pagination button[aria-current="page"]{background:var(--c-brand); border-color:var(--c-brand); color:#fff}
/* ---------- SEO-текст категории ---------- */
.seo-block{margin-top:var(--s-7); padding:var(--s-6); background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md)}
.seo-block h2{font-size:22px; margin-bottom:var(--s-4)}
.seo-block h3{font-size:16px; margin:var(--s-5) 0 8px}
.seo-block p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.7; margin-bottom:10px}
.seo-block ul{display:grid; gap:8px; margin-top:10px}
.seo-block ul li{display:flex; gap:10px; font-size:var(--fs-sm); color:var(--c-ink-2)}
.seo-block ul .icon{color:var(--c-aqua-dark); flex:none; margin-top:3px}
@media (max-width:1180px){ .products{grid-template-columns:repeat(2,1fr)} }
@media (max-width:1024px){
  .cat-hero__grid{grid-template-columns:1fr}
  .catalog-layout{grid-template-columns:1fr}
  .filters-toggle{display:inline-flex}
  .filters{position:fixed; z-index:100; inset:0 0 0 auto; width:min(92vw,380px); max-height:100%; border-radius:0;
    transform:translateX(102%); transition:transform .26s var(--ease); display:flex; flex-direction:column}
  .filters.is-open{transform:translateX(0)}
  .filters__body{flex:1; overflow-y:auto}
  .filters__foot{display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:14px 18px; border-top:1px solid var(--c-line);
    background:#fff}
}
@media (max-width:768px){
  .products,.products.is-rows{grid-template-columns:1fr}
  .products.is-rows .product-card{flex-direction:column}
  .products.is-rows .product-card__media,.products.is-rows .product-card__actions{width:auto; border-left:0}
  .toolbar{gap:10px}
}


/* ==========================================================================
   HIMITEX — Карточка товара: специфичные стили
   ========================================================================== */
/* ---------- Карточка товара: первый экран ---------- */
.pd-hero{padding-top:var(--s-6); padding-bottom:var(--s-7); background:linear-gradient(180deg,#fff,var(--c-bg));
  border-bottom:1px solid var(--c-line)}
.pd-hero__grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:var(--s-7); align-items:start}
.gallery{display:grid; grid-template-columns:88px 1fr; gap:14px}
.gallery__thumbs{display:grid; gap:10px; align-content:start}
.gallery__thumbs button{aspect-ratio:1; border:1.5px solid var(--c-line); border-radius:var(--r-sm); background:#fff;
  cursor:pointer; padding:8px; display:grid; place-items:center; transition:.16s var(--ease)}
.gallery__thumbs button:hover{border-color:var(--c-brand)}
.gallery__thumbs button[aria-pressed="true"]{border-color:var(--c-brand); box-shadow:0 0 0 3px var(--c-brand-soft)}
.gallery__thumbs svg{width:100%; height:auto}
.gallery__main{position:relative; aspect-ratio:1; background:linear-gradient(160deg,#F1F6FB,#DFE9F4); border:1px solid var(--c-line);
  border-radius:var(--r-lg); display:grid; place-items:center; overflow:hidden}
.gallery__main .canister svg{width:52%}
.gallery__main figure{margin:0; width:100%; height:100%}
.gallery__label{position:absolute; left:16px; top:16px; z-index:3}
.gallery__cap{position:absolute; left:16px; bottom:16px; right:16px; font-size:var(--fs-xs); color:var(--c-ink-2);
  background:rgba(255,255,255,.86); padding:8px 12px; border-radius:var(--r-sm); backdrop-filter:blur(4px)}
.pd-head__top{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px}
.pd-head h1{margin:6px 0 12px}
.pd-head__purpose{font-size:var(--fs-lead); color:var(--c-ink-2); line-height:1.6}
.pd-art{display:flex; flex-wrap:wrap; gap:18px; margin:18px 0; padding:14px 0; border-top:1px solid var(--c-line);
  border-bottom:1px solid var(--c-line); font-family:var(--f-mono); font-size:var(--fs-xs); color:var(--c-ink-2)}
.pd-art b{color:var(--c-ink)}
.ph-marker{padding:18px 20px; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); margin-bottom:var(--s-4)}
.ph-marker__top{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px}
.ph-marker__top b{font-size:15px}
.ph-marker__scale{position:relative; padding-bottom:22px}
.ph-marker__pin{position:absolute; top:-6px; width:18px; height:18px; border-radius:50%; background:#fff;
  border:4px solid var(--ph-acid); transform:translateX(-50%); box-shadow:var(--sh-1)}
.ph-marker__ticks{display:flex; justify-content:space-between; margin-top:10px; font-family:var(--f-mono); font-size:11px; color:var(--c-ink-3)}
.pd-usp{display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin:var(--s-4) 0}
.pd-usp li{display:flex; gap:10px; font-size:var(--fs-sm); color:var(--c-ink-2)}
.pd-usp .icon{color:var(--ph-neutral); flex:none; margin-top:3px}
.pd-packs{margin:var(--s-4) 0}
.pd-packs__title{font-size:var(--fs-xs); font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--c-ink-3); margin-bottom:10px}
.pd-packs__list{display:flex; flex-wrap:wrap; gap:8px}
.pd-cta{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:var(--s-5)}
.pd-cta .btn--wide{grid-column:1/-1}
.pd-docnote{display:flex; gap:12px; align-items:flex-start; padding:14px 16px; margin-top:var(--s-4);
  background:var(--c-aqua-soft); border-radius:var(--r-md); font-size:var(--fs-sm); color:#04606F}
.pd-docnote .icon{color:var(--c-aqua-dark); flex:none; margin-top:2px}
/* ---------- Якорная навигация ---------- */
.anchor-nav{position:sticky; top:var(--header-h); z-index:60; background:rgba(255,255,255,.97); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--c-line)}
.anchor-nav .container{position:relative}
.anchor-nav ul{display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; scroll-behavior:smooth;
  scroll-snap-type:x proximity}
.anchor-nav ul::-webkit-scrollbar{display:none}
.anchor-nav li{scroll-snap-align:start}
.anchor-nav__fade{position:absolute; top:0; bottom:0; width:64px; pointer-events:none; opacity:0;
  transition:opacity .18s var(--ease); z-index:2}
.anchor-nav__fade--right{right:0; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98) 70%)}
.anchor-nav__fade--left{left:0; background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.98) 70%)}
.anchor-nav__fade.is-visible{opacity:1}
.anchor-nav a{display:block; padding:16px 14px; font-size:13.5px; letter-spacing:0; font-weight:600; color:var(--c-ink-2); white-space:nowrap;
  border-bottom:2px solid transparent}
.anchor-nav a:hover{color:var(--c-brand)}
.anchor-nav a.is-active{color:var(--c-brand); border-bottom-color:var(--c-brand)}
/* ---------- Контент карточки ---------- */
.pd-layout{display:grid; grid-template-columns:minmax(0,1fr) 328px; gap:var(--s-7); align-items:start;
  padding-top:var(--s-7); padding-bottom:var(--s-6)}
.pd-section{padding-bottom:var(--s-7); scroll-margin-top:170px}
.pd-section:last-of-type{padding-bottom:0}
.pd-section h2{font-size:25px; margin-bottom:var(--s-4)}
.pd-section h3{font-size:17px; margin:var(--s-5) 0 10px}
.pd-section p{color:var(--c-ink-2); line-height:1.7; margin-bottom:12px}
.pd-section p:last-child{margin-bottom:0}
.spec-table{width:100%; border-collapse:collapse; border-spacing:0; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden}
.table-scroll{overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0}
.table-scroll::-webkit-scrollbar{height:6px}
.table-scroll::-webkit-scrollbar-thumb{background:var(--c-line-2); border-radius:99px}
@media (max-width:640px){
  .table-scroll .dose-table{min-width:560px}
}
.spec-table caption{text-align:left; font-size:var(--fs-xs); color:var(--c-ink-3); padding:0 0 10px}
.table-caption{text-align:left; font-size:var(--fs-xs); color:var(--c-ink-3); margin:0 0 10px}
.spec-table th,.spec-table td{padding:13px 15px; text-align:left; font-size:var(--fs-sm); line-height:1.5;
  border-bottom:1px solid var(--c-line); overflow-wrap:break-word}
.spec-table th{width:46%; color:var(--c-ink-2); font-weight:600; background:var(--c-surface-2)}
.spec-table td{font-weight:500; font-family:var(--f-mono); font-size:13.5px}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.dose-table th{background:var(--c-brand-800); color:#fff; width:auto; font-weight:700; font-size:var(--fs-xs);
  text-transform:uppercase; letter-spacing:.05em}
.dose-table td{font-weight:500; color:var(--c-ink-2)}
.dose-table td b{color:var(--c-ink)}
.table-wrap{overflow-x:auto}
.steps-list{counter-reset:s; display:grid; gap:14px}
.steps-list li{position:relative; padding:16px 18px 16px 58px; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md);
  font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.6}
.steps-list li::before{counter-increment:s; content:counter(s); position:absolute; left:18px; top:16px; width:26px; height:26px;
  border-radius:50%; background:var(--c-brand-soft); color:var(--c-brand); display:grid; place-items:center;
  font-family:var(--f-mono); font-size:13px; font-weight:700}
.steps-list b{color:var(--c-ink)}
.two-cols{display:grid; grid-template-columns:1fr 1fr; gap:var(--s-4)}
.surface-box{padding:20px; border-radius:var(--r-md); border:1px solid var(--c-line); background:#fff}
.surface-box h3{margin:0 0 12px; font-size:16px; display:flex; align-items:center; gap:9px}
.surface-box ul{display:grid; gap:9px; font-size:var(--fs-sm); color:var(--c-ink-2)}
.surface-box li{display:flex; gap:9px}
.surface-box--ok{border-color:#BCE6D6; background:var(--ph-neutral-soft)}
.surface-box--ok h3,.surface-box--ok .icon{color:#0E6E52}
.surface-box--no{border-color:#F5CFCF; background:var(--c-err-soft)}
.surface-box--no h3,.surface-box--no .icon{color:#8C2626}
.warn-box{display:flex; gap:16px; padding:20px; background:#FFF8EC; border:1px solid #F3DCB4; border-radius:var(--r-md)}
.warn-box .icon{color:var(--c-warn); flex:none}
.warn-box ul{display:grid; gap:9px; font-size:var(--fs-sm); color:#6B4B14; margin-top:10px}
.warn-box h3{color:#6B4B14; font-size:16px}
.chips-static{display:flex; flex-wrap:wrap; gap:8px}
.chips-static span{padding:9px 14px; border-radius:var(--r-pill); background:#fff; border:1px solid var(--c-line);
  font-size:var(--fs-sm); font-weight:600; color:var(--c-ink-2)}
.doc-download{display:grid; gap:10px}
.doc-download a{display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:16px 18px;
  background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); transition:.16s var(--ease)}
.doc-download a:hover{border-color:var(--c-brand); box-shadow:var(--sh-1)}
.doc-download b{font-size:var(--fs-sm); display:block; overflow-wrap:break-word}
.doc-download span{font-size:var(--fs-xs); color:var(--c-ink-3)}
.doc-download .icon{color:var(--c-brand)}
/* ---------- Правая колонка ---------- */
.pd-aside{position:sticky; top:calc(var(--header-h) + 70px); display:grid; gap:var(--s-4)}
.aside-card{background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); padding:20px; box-shadow:var(--sh-1)}
.aside-card h3{font-size:16px; margin-bottom:12px}
.aside-card p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.6}
.aside-card .btn{margin-top:14px}
.aside-mini{display:grid; gap:10px; font-size:var(--fs-sm)}
.aside-mini div{display:flex; justify-content:space-between; gap:12px; padding-bottom:9px; border-bottom:1px dashed var(--c-line)}
.aside-mini div:last-child{border-bottom:0; padding-bottom:0}
.aside-mini b{text-align:right}
/* ---------- Связанные товары ---------- */
.related-links{display:grid; gap:10px}
.related-links a{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 18px; background:#fff;
  border:1px solid var(--c-line); border-radius:var(--r-md); font-size:var(--fs-sm); font-weight:600; transition:.16s var(--ease)}
.related-links a:hover{border-color:var(--c-aqua); background:var(--c-aqua-soft)}
.related-links span{font-size:var(--fs-xs); color:var(--c-ink-3); font-weight:600}
@media (max-width:1024px){
  .pd-hero__grid,.pd-layout,.two-cols{grid-template-columns:minmax(0,1fr)}
  .pd-hero__grid > *,.pd-layout > *,.two-cols > *{min-width:0}
  .pd-hero,.pd-layout{overflow-x:clip}
  .pd-aside{position:static; display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); align-items:start}
}
@media (max-width:520px){
  .anchor-nav{top:104px}
  .pd-section{scroll-margin-top:150px}
}
@media (max-width:768px){
  .pd-usp{grid-template-columns:1fr}
  .pd-cta{grid-template-columns:1fr}
  .pd-aside{grid-template-columns:1fr}
  .gallery{grid-template-columns:minmax(0,1fr)}
  .gallery > *{min-width:0}
  .gallery__thumbs{grid-template-columns:repeat(4,minmax(0,1fr)); order:2}
}
/* ---------- Форма запроса КП: выраженная рамка ---------- */
.pd-quote{border:1.5px solid var(--c-line-2); border-radius:var(--r-lg); box-shadow:var(--sh-2)}
.pd-quote__head{display:flex; align-items:center; gap:12px; margin:0 0 var(--s-5); padding-bottom:var(--s-4);
  border-bottom:1px solid var(--c-line)}
.pd-quote__head .icon{color:var(--c-brand); flex:none}
.pd-quote__head h3{font-size:18px; margin:0}
.pd-quote__head p{font-size:var(--fs-xs); color:var(--c-ink-2); margin-top:3px}


/* ==========================================================================
   HIMITEX — Кейс / карточка решения: специфичные стили
   ========================================================================== */
/* ---------- Карточка товара: первый экран ---------- */
.pd-hero{padding-top:var(--s-6); padding-bottom:var(--s-7); background:linear-gradient(180deg,#fff,var(--c-bg));
  border-bottom:1px solid var(--c-line)}
.pd-hero__grid{display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:var(--s-7); align-items:start}
.gallery{display:grid; grid-template-columns:88px 1fr; gap:14px}
.gallery__thumbs{display:grid; gap:10px; align-content:start}
.gallery__thumbs button{aspect-ratio:1; border:1.5px solid var(--c-line); border-radius:var(--r-sm); background:#fff;
  cursor:pointer; padding:8px; display:grid; place-items:center; transition:.16s var(--ease)}
.gallery__thumbs button:hover{border-color:var(--c-brand)}
.gallery__thumbs button[aria-pressed="true"]{border-color:var(--c-brand); box-shadow:0 0 0 3px var(--c-brand-soft)}
.gallery__thumbs svg{width:100%; height:auto}
.gallery__main{position:relative; aspect-ratio:1; background:linear-gradient(160deg,#F1F6FB,#DFE9F4); border:1px solid var(--c-line);
  border-radius:var(--r-lg); display:grid; place-items:center; overflow:hidden}
.gallery__main .canister svg{width:52%}
.gallery__main figure{margin:0; width:100%; height:100%}
.gallery__label{position:absolute; left:16px; top:16px; z-index:3}
.gallery__cap{position:absolute; left:16px; bottom:16px; right:16px; font-size:var(--fs-xs); color:var(--c-ink-2);
  background:rgba(255,255,255,.86); padding:8px 12px; border-radius:var(--r-sm); backdrop-filter:blur(4px)}
.pd-head__top{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:14px}
.pd-head h1{margin:6px 0 12px}
.pd-head__purpose{font-size:var(--fs-lead); color:var(--c-ink-2); line-height:1.6}
.pd-art{display:flex; flex-wrap:wrap; gap:18px; margin:18px 0; padding:14px 0; border-top:1px solid var(--c-line);
  border-bottom:1px solid var(--c-line); font-family:var(--f-mono); font-size:var(--fs-xs); color:var(--c-ink-2)}
.pd-art b{color:var(--c-ink)}
.ph-marker{padding:18px 20px; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); margin-bottom:var(--s-4)}
.ph-marker__top{display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:14px}
.ph-marker__top b{font-size:15px}
.ph-marker__scale{position:relative; padding-bottom:22px}
.ph-marker__pin{position:absolute; top:-6px; width:18px; height:18px; border-radius:50%; background:#fff;
  border:4px solid var(--ph-acid); transform:translateX(-50%); box-shadow:var(--sh-1)}
.ph-marker__ticks{display:flex; justify-content:space-between; margin-top:10px; font-family:var(--f-mono); font-size:11px; color:var(--c-ink-3)}
.pd-usp{display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin:var(--s-4) 0}
.pd-usp li{display:flex; gap:10px; font-size:var(--fs-sm); color:var(--c-ink-2)}
.pd-usp .icon{color:var(--ph-neutral); flex:none; margin-top:3px}
.pd-packs{margin:var(--s-4) 0}
.pd-packs__title{font-size:var(--fs-xs); font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:var(--c-ink-3); margin-bottom:10px}
.pd-packs__list{display:flex; flex-wrap:wrap; gap:8px}
.pd-cta{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:var(--s-5)}
.pd-cta .btn--wide{grid-column:1/-1}
.pd-docnote{display:flex; gap:12px; align-items:flex-start; padding:14px 16px; margin-top:var(--s-4);
  background:var(--c-aqua-soft); border-radius:var(--r-md); font-size:var(--fs-sm); color:#04606F}
.pd-docnote .icon{color:var(--c-aqua-dark); flex:none; margin-top:2px}
/* ---------- Якорная навигация ---------- */
.anchor-nav{position:sticky; top:var(--header-h); z-index:60; background:rgba(255,255,255,.97); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--c-line)}
.anchor-nav .container{position:relative}
.anchor-nav ul{display:flex; gap:2px; overflow-x:auto; scrollbar-width:none; scroll-behavior:smooth;
  scroll-snap-type:x proximity}
.anchor-nav ul::-webkit-scrollbar{display:none}
.anchor-nav li{scroll-snap-align:start}
.anchor-nav__fade{position:absolute; top:0; bottom:0; width:64px; pointer-events:none; opacity:0;
  transition:opacity .18s var(--ease); z-index:2}
.anchor-nav__fade--right{right:0; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98) 70%)}
.anchor-nav__fade--left{left:0; background:linear-gradient(270deg,rgba(255,255,255,0),rgba(255,255,255,.98) 70%)}
.anchor-nav__fade.is-visible{opacity:1}
.anchor-nav a{display:block; padding:16px 14px; font-size:13.5px; letter-spacing:0; font-weight:600; color:var(--c-ink-2); white-space:nowrap;
  border-bottom:2px solid transparent}
.anchor-nav a:hover{color:var(--c-brand)}
.anchor-nav a.is-active{color:var(--c-brand); border-bottom-color:var(--c-brand)}
/* ---------- Контент карточки ---------- */
.pd-layout{display:grid; grid-template-columns:minmax(0,1fr) 328px; gap:var(--s-7); align-items:start;
  padding-top:var(--s-7); padding-bottom:var(--s-6)}
.pd-section{padding-bottom:var(--s-7); scroll-margin-top:170px}
.pd-section:last-of-type{padding-bottom:0}
.pd-section h2{font-size:25px; margin-bottom:var(--s-4)}
.pd-section h3{font-size:17px; margin:var(--s-5) 0 10px}
.pd-section p{color:var(--c-ink-2); line-height:1.7; margin-bottom:12px}
.pd-section p:last-child{margin-bottom:0}
.spec-table{width:100%; border-collapse:collapse; border-spacing:0; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); overflow:hidden}
.spec-table caption{text-align:left; font-size:var(--fs-xs); color:var(--c-ink-3); padding:0 0 10px}
.table-caption{text-align:left; font-size:var(--fs-xs); color:var(--c-ink-3); margin:0 0 10px}
.spec-table th,.spec-table td{padding:13px 15px; text-align:left; font-size:var(--fs-sm); line-height:1.5;
  border-bottom:1px solid var(--c-line); overflow-wrap:break-word}
.spec-table th{width:46%; color:var(--c-ink-2); font-weight:600; background:var(--c-surface-2)}
.spec-table td{font-weight:500; font-family:var(--f-mono); font-size:13.5px}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
.dose-table th{background:var(--c-brand-800); color:#fff; width:auto; font-weight:700; font-size:var(--fs-xs);
  text-transform:uppercase; letter-spacing:.05em}
.dose-table td{font-weight:500; color:var(--c-ink-2)}
.dose-table td b{color:var(--c-ink)}
.table-wrap{overflow-x:auto}
.steps-list{counter-reset:s; display:grid; gap:14px}
.steps-list li{position:relative; padding:16px 18px 16px 58px; background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md);
  font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.6}
.steps-list li::before{counter-increment:s; content:counter(s); position:absolute; left:18px; top:16px; width:26px; height:26px;
  border-radius:50%; background:var(--c-brand-soft); color:var(--c-brand); display:grid; place-items:center;
  font-family:var(--f-mono); font-size:13px; font-weight:700}
.steps-list b{color:var(--c-ink)}
.two-cols{display:grid; grid-template-columns:1fr 1fr; gap:var(--s-4)}
.surface-box{padding:20px; border-radius:var(--r-md); border:1px solid var(--c-line); background:#fff}
.surface-box h3{margin:0 0 12px; font-size:16px; display:flex; align-items:center; gap:9px}
.surface-box ul{display:grid; gap:9px; font-size:var(--fs-sm); color:var(--c-ink-2)}
.surface-box li{display:flex; gap:9px}
.surface-box--ok{border-color:#BCE6D6; background:var(--ph-neutral-soft)}
.surface-box--ok h3,.surface-box--ok .icon{color:#0E6E52}
.surface-box--no{border-color:#F5CFCF; background:var(--c-err-soft)}
.surface-box--no h3,.surface-box--no .icon{color:#8C2626}
.warn-box{display:flex; gap:16px; padding:20px; background:#FFF8EC; border:1px solid #F3DCB4; border-radius:var(--r-md)}
.warn-box .icon{color:var(--c-warn); flex:none}
.warn-box ul{display:grid; gap:9px; font-size:var(--fs-sm); color:#6B4B14; margin-top:10px}
.warn-box h3{color:#6B4B14; font-size:16px}
.chips-static{display:flex; flex-wrap:wrap; gap:8px}
.chips-static span{padding:9px 14px; border-radius:var(--r-pill); background:#fff; border:1px solid var(--c-line);
  font-size:var(--fs-sm); font-weight:600; color:var(--c-ink-2)}
.doc-download{display:grid; gap:10px}
.doc-download a{display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; padding:16px 18px;
  background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); transition:.16s var(--ease)}
.doc-download a:hover{border-color:var(--c-brand); box-shadow:var(--sh-1)}
.doc-download b{font-size:var(--fs-sm); display:block; overflow-wrap:break-word}
.doc-download span{font-size:var(--fs-xs); color:var(--c-ink-3)}
.doc-download .icon{color:var(--c-brand)}
/* ---------- Правая колонка ---------- */
.pd-aside{position:sticky; top:calc(var(--header-h) + 70px); display:grid; gap:var(--s-4)}
.aside-card{background:#fff; border:1px solid var(--c-line); border-radius:var(--r-md); padding:20px; box-shadow:var(--sh-1)}
.aside-card h3{font-size:16px; margin-bottom:12px}
.aside-card p{font-size:var(--fs-sm); color:var(--c-ink-2); line-height:1.6}
.aside-card .btn{margin-top:14px}
.aside-mini{display:grid; gap:10px; font-size:var(--fs-sm)}
.aside-mini div{display:flex; justify-content:space-between; gap:12px; padding-bottom:9px; border-bottom:1px dashed var(--c-line)}
.aside-mini div:last-child{border-bottom:0; padding-bottom:0}
.aside-mini b{text-align:right}
/* ---------- Связанные товары ---------- */
.related-links{display:grid; gap:10px}
.related-links a{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 18px; background:#fff;
  border:1px solid var(--c-line); border-radius:var(--r-md); font-size:var(--fs-sm); font-weight:600; transition:.16s var(--ease)}
.related-links a:hover{border-color:var(--c-aqua); background:var(--c-aqua-soft)}
.related-links span{font-size:var(--fs-xs); color:var(--c-ink-3); font-weight:600}
@media (max-width:1024px){
  .pd-hero__grid,.pd-layout,.two-cols{grid-template-columns:minmax(0,1fr)}
  .pd-hero__grid > *,.pd-layout > *,.two-cols > *{min-width:0}
  .pd-hero,.pd-layout{overflow-x:clip}
  .pd-aside{position:static; display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); align-items:start}
}
@media (max-width:520px){
  .anchor-nav{top:104px}
  .pd-section{scroll-margin-top:150px}
}
@media (max-width:768px){
  .pd-usp{grid-template-columns:1fr}
  .pd-cta{grid-template-columns:1fr}
  .pd-aside{grid-template-columns:1fr}
  .gallery{grid-template-columns:minmax(0,1fr)}
  .gallery > *{min-width:0}
  .gallery__thumbs{grid-template-columns:repeat(4,minmax(0,1fr)); order:2}
}
/* ---------- Форма запроса КП: выраженная рамка ---------- */
.pd-quote{border:1.5px solid var(--c-line-2); border-radius:var(--r-lg); box-shadow:var(--sh-2)}
.pd-quote__head{display:flex; align-items:center; gap:12px; margin:0 0 var(--s-5); padding-bottom:var(--s-4);
  border-bottom:1px solid var(--c-line)}
.pd-quote__head .icon{color:var(--c-brand); flex:none}
.pd-quote__head h3{font-size:18px; margin:0}
.pd-quote__head p{font-size:var(--fs-xs); color:var(--c-ink-2); margin-top:3px}

/* End */
/* /local/templates/chemitex/css/styles.css?1786473668102936 */