@charset "UTF-8";
:root{--blue:#06469f;--navy:#032b62;--deep:#01234f;--text:#18263b;--muted:#687281;--line:#e4e8ed;--green:#09a35b;--wrap:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"Segoe UI",Tahoma,sans-serif;font-size:14px;background:#fff}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.sprite{display:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.site-header{position:relative;z-index:2;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px 7px #163b6b0b}.header-top{height:70px;display:flex;align-items:center;gap:34px}.logo{display:flex;align-items:center;color:#0750ad;line-height:.84;white-space:nowrap}.logo b{font:900 39px/1 Arial,sans-serif;letter-spacing:-2.5px}.logo span{font:800 13px/11px Arial,sans-serif;margin:5px 0 0 3px;letter-spacing:-.4px}.logo i{font-style:normal;font-size:8px;letter-spacing:.1px}.supplier{margin:0 auto 0 0;font-size:10px;line-height:1.45;color:#47515e}.phone{display:grid;gap:2px}.phone b{font-size:15px;letter-spacing:.3px}.phone a{font-size:10px;color:var(--blue);text-decoration:underline}.account-nav{display:flex;align-items:center;gap:20px;font-size:11px;white-space:nowrap}.account-nav a{display:flex;align-items:center;gap:5px}.account-nav svg{width:19px;height:19px}.account-nav .cart{position:relative}.account-nav .cart b{font-size:11px}.account-nav em{position:absolute;left:15px;top:-7px;display:grid;place-items:center;width:13px;height:13px;border-radius:99px;background:var(--blue);color:white;font:700 8px/1 sans-serif;font-style:normal}.header-menu{height:50px;display:flex;align-items:center;gap:27px}.catalog-toggle{align-self:stretch;min-width:186px;border:0;border-radius:4px;background:var(--blue);color:white;font-weight:700;cursor:pointer}.catalog-toggle svg{vertical-align:middle;width:18px;margin-right:11px}.main-nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:15px;font-size:12px;white-space:nowrap}.main-nav span{font-size:15px}.search{margin-left:auto;height:32px;width:280px;display:flex;align-items:center;padding:0 10px;background:#f5f6f8;border-radius:5px;color:#657083}.search input{width:100%;border:0;background:transparent;outline:0;font-size:11px}.search svg{width:17px}.hero{height:410px;color:#fff;background:#01295f url('data/hero-ksh.webp') center/cover no-repeat}.hero__inner{position:relative;height:100%;padding-top:58px}.hero__copy{width:575px}.hero h1{margin:0;font-size:30px;line-height:1.16;font-weight:800;letter-spacing:.1px}.hero__copy p{margin:13px 0 21px;font-size:13px;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:188px;height:38px;padding:0 18px;background:#0754ba;color:#fff;border-radius:3px;font-size:11px;font-weight:700}.button b{font-size:20px;font-weight:400}.hero-benefits{position:absolute;left:0;bottom:30px;display:flex;gap:47px;padding:0;margin:0;list-style:none}.hero-benefits li{display:flex;align-items:center;gap:13px}.hero-benefits svg{width:31px;height:31px}.hero-benefits b,.hero-benefits small{display:block}.hero-benefits b{font-size:9px}.hero-benefits small{font-size:9px;line-height:1.4;color:#d6e3f3;margin-top:4px}.section{padding-top:21px}.section-title{text-align:center;margin:0;font-size:17px;font-weight:800}.title-rule{width:23px;height:2px;background:#0754ba;margin:8px auto 15px}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.category-card{height:228px;display:grid;grid-template-rows:156px 1fr;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 7px #1b31500d;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0d356d18}.category-card img{width:100%;height:156px;object-fit:cover;background:#f7f7f8}.category-card span{padding:11px 9px}.category-card b,.category-card small{display:block}.category-card b{font-size:10px;line-height:1.2}.category-card small{font-size:10px;color:#858d98;margin-top:7px}.category-card i{position:absolute;right:11px;bottom:11px;color:#0754ba;font-size:20px;font-style:normal}.products{padding-top:27px}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.product-card{position:relative;min-height:275px;border:1px solid var(--line);border-radius:6px;padding:11px 12px 38px;box-shadow:0 2px 7px #1b31500a}.product-card a:first-of-type{display:block}.product-card img, .product-card a img{display:block;width:100%;height:102px;object-fit:contain;margin:0 auto 8px}.favorite{position:absolute;right:10px;top:10px;border:0;background:none;color:#7e8794;cursor:pointer}.favorite svg{width:18px;height:18px}.sku{font-size:10px;color:var(--blue)}.product-card p{font-size:11px;line-height:1.35;margin:4px 0 13px;min-height:30px}.price{font-size:14px;display:block}.stock{position:absolute;left:12px;bottom:10px;color:var(--green);font-size:10px}.add-to-cart{position:absolute;right:11px;bottom:8px;width:29px;height:29px;padding:0;border:0;border-radius:3px;background:var(--blue);color:#fff;cursor:pointer}.add-to-cart svg{width:16px;height:16px}.outline-button{display:flex;align-items:center;justify-content:center;margin:20px auto 0;width:176px;height:31px;border:1px solid #0c5ec2;color:#0754ba;border-radius:3px;font-size:10px;font-weight:700}.about{width:100%;margin-top:16px;background:#022e68}.about__content{height:226px;background:linear-gradient(90deg,#022e68 0%,#022e68 48%,transparent 48%),url('data/ksh-filters-original.webp') right center/50% 100% no-repeat}.about__inner{position:relative;height:100%;color:#fff;display:flex;align-items:center}.about__copy{align-self:stretch;padding-top:25px;width:50%}.about h2{margin:0;font-size:19px;line-height:1.16}.about p{font-size:11px;line-height:1.45;margin:12px 0 17px;color:#e4edf8}.about ul{display:flex;margin:0;padding:0;list-style:none;gap:31px}.about li{display:flex;align-items:center;gap:8px}.about li svg{width:25px;height:25px}.about li b{font-size:16px}.about li small{font-weight:400;font-size:8px;display:block;white-space:nowrap}.play{position:absolute;left:75%;top:50%;display:flex;flex-direction:column;align-items:center;gap:13px;transform:translate(-50%,-50%);font-size:10px;font-weight:600}.play svg{width:66px;height:66px;border:1px solid #fff;border-radius:50%;padding:20px}.service-wrap{padding-top:16px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-grid article{height:112px;display:flex;align-items:center;gap:28px;border-radius:5px;padding:16px 51px}.selection{background:linear-gradient(105deg,#084bb0,#00439d);color:#fff}.delivery{background:#f2f3f5}.service-grid>article>svg{width:62px;height:62px;flex:none}.service-grid h2{margin:0;font-size:14px}.service-grid p{margin:6px 0 9px;font-size:10px;line-height:1.4}.service-grid article a{display:inline-flex;align-items:center;justify-content:space-between;min-width:150px;height:27px;padding:0 10px;border:1px solid currentColor;border-radius:2px;font-size:9px}.service-grid article a b{font-size:14px;font-weight:400}.news{padding-top:18px;padding-bottom:10px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.news-grid article{border:1px solid var(--line);border-radius:5px;overflow:hidden}.news-grid img{display:block;width:100%;height:200px;object-fit:cover}.news-grid article:nth-child(2) img{object-position:center}.news-grid article:nth-child(3) img{object-position:center 45%;background:#072e63}.news-grid article:nth-child(4) img{object-position:center}.news-grid div{padding:10px 12px}.news-grid time{font-size:9px;color:#9098a3}.news-grid h3{margin:7px 0 5px;font-size:11px;line-height:1.25}.news-grid p{margin:0 0 9px;font-size:9px;line-height:1.35;color:#657080}.news-grid a{font-size:9px;color:#0754ba;font-weight:600}footer{background:#022a5b;color:#fff}.footer-main{display:grid;grid-template-columns:2.25fr 1.45fr 1.3fr 1.4fr 1.8fr;gap:30px;padding:24px 0 19px}.logo--footer{color:#fff}.logo--footer b{font-size:31px}.logo--footer span{font-size:10px;line-height:9px}.logo--footer i{font-size:6px}.footer-brand p{margin:12px 0 13px;font-size:9px;line-height:1.4;color:#d6e2f0}.socials{display:flex;gap:15px;align-items:center;font-size:12px;font-weight:700}.footer-main h3{margin:1px 0 12px;font-size:10px}.footer-main>div>a,.footer-main>div>p{display:block;margin:0 0 6px;color:#e4ebf5;font-size:9px;line-height:1.25}.footer-contacts b{display:block;font-size:13px;margin-bottom:8px}.footer-contacts p{line-height:1.45!important}.footer-bottom{border-top:1px solid #2e507d;min-height:36px;display:flex;align-items:center;justify-content:space-between;color:#aebfd7;font-size:8px}.footer-bottom span+span{display:flex;gap:27px}@media(max-width:1000px){:root{--wrap:1360px}.wrap{width:calc(100% - 32px)}.supplier{display:none}.header-top{gap:22px}.account-nav{gap:12px}.main-nav{overflow:hidden}.main-nav a:nth-child(n+4){display:none}.hero{height:430px}.category-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.category-card{height:250px}.about__content{background:linear-gradient(90deg,#022e68 0%,#022e68 48%,transparent 48%),url('data/ksh-filters-original.webp') right center/auto 100% no-repeat}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:nth-child(4){display:none}}@media(max-width:650px){body{font-size:13px}.wrap{width:calc(100% - 24px)}.header-top{height:58px}.logo b{font-size:31px}.logo span{font-size:10px;line-height:9px}.phone{margin-left:auto}.account-nav,.main-nav{display:none}.header-menu{height:46px;gap:12px}.catalog-toggle{min-width:145px;font-size:11px}.search{width:auto;flex:1}.hero{height:500px;background-position:62% center}.hero__inner{padding-top:40px}.hero__copy{width:auto}.hero h1{font-size:23px}.hero__copy p{font-size:12px}.hero-benefits{right:0;bottom:20px;gap:15px;justify-content:space-between}.hero-benefits li{gap:6px}.hero-benefits svg{width:25px}.hero-benefits b{font-size:7px}.hero-benefits small{font-size:7px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{height:215px;grid-template-rows:145px 1fr}.category-card img{height:145px}.product-card{min-height:260px}.about__content{height:370px;background:#022e68}.about__inner{align-items:flex-start}.about__copy{width:100%;padding-top:28px}.about h2{font-size:17px}.about p br{display:none}.about ul{gap:14px;flex-wrap:wrap}.play{display:none}.service-grid{grid-template-columns:1fr;gap:12px}.service-grid article{padding:13px 17px;gap:16px}.service-grid>article>svg{width:50px}.news-grid{grid-template-columns:1fr 1fr;gap:12px}.footer-main{grid-template-columns:1fr 1fr;gap:24px}.footer-main>div:nth-child(3),.footer-main>div:nth-child(4){display:none}.footer-bottom{padding:10px 0;align-items:flex-start;gap:7px;flex-direction:column}.footer-bottom span+span{gap:13px}.section-title{font-size:15px}}
.hero{height:530px}
@media(max-width:1000px){.hero{height:530px}}
@media(max-width:650px){.hero{height:530px}}
/* Фоновое изображение блока KSH Filter */
.about__content{background:linear-gradient(90deg,#022e68 0%,#022e68 48%,transparent 48%),url('data/ksh-filters-original.webp') right center/50% 100% no-repeat}
@media(max-width:1000px){.about__content{background:linear-gradient(90deg,#022e68 0%,#022e68 48%,transparent 48%),url('data/ksh-filters-original.webp') right center/auto 100% no-repeat}}
@media(min-width:651px){.about__content{height:360px}.about__copy{align-self:center;padding-top:0}.about li svg{width:35px;height:35px}.about li b{font-size:22px;line-height:1.1}.about li small{font-size:10px;margin-top:2px}}



.request-cta{margin-top:25px;background:#f1f5fb;border-block:1px solid #dce6f2}.request-cta__grid{display:grid;grid-template-columns:42% 58%;min-height:372px}.request-cta__copy{padding:43px 64px 38px 0;color:#fff;background:linear-gradient(120deg,#023272,#0752ad);position:relative}.request-cta__copy::before{content:"";position:absolute;inset:0 0 0 -100vw;background:inherit;z-index:0}.request-cta__copy>*{position:relative;z-index:1}.eyebrow{margin:0 0 12px;font-size:10px;font-weight:800;letter-spacing:1.1px;color:#aecdff}.request-cta__copy h2{margin:0;font-size:25px;line-height:1.13}.request-cta__copy>p:not(.eyebrow){margin:16px 0 20px;font-size:12px;line-height:1.55;color:#dce8f9}.request-cta__copy ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.request-cta__copy li{display:flex;align-items:center;gap:10px;font-size:11px}.request-cta__copy li svg{width:20px;height:20px;flex:none}.request-form{align-content:center;display:grid;grid-template-columns:1fr 1fr;gap:11px 14px;padding:28px 0 28px 48px}.request-form__heading,.request-form__wide{grid-column:1/-1}.request-form__heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.request-form__heading h2{margin:0;font-size:20px}.request-form__heading p{margin:0;font-size:10px;color:#6e7988}.request-form__heading b,.request-form label>b{color:#d43a3a}.request-form label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#314056}.request-form input:not([type=file]),.request-form textarea{width:100%;border:1px solid #d7dfe9;border-radius:3px;background:#fff;color:#17263d;outline:0;padding:9px 11px;font-size:12px;transition:border-color .2s,box-shadow .2s}.request-form input:not([type=file]){height:37px}.request-form textarea{height:54px;resize:vertical}.request-form input:focus,.request-form textarea:focus{border-color:#0a5cc2;box-shadow:0 0 0 3px #0754ba16}.file-field{cursor:pointer}.file-field input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-field span{display:flex;align-items:center;gap:9px;min-height:46px;padding:7px 11px;border:1px dashed #90afd8;border-radius:3px;background:#f9fbff;color:#0754ba}.file-field svg{width:22px;height:22px;flex:none}.file-field b{font-size:11px}.file-field small{margin-left:auto;font-weight:400;font-size:9px;color:#748094}.request-form__trap{position:absolute!important;left:-10000px!important;opacity:0!important}.turnstile{min-height:65px}.request-form__actions{display:flex;align-items:center;gap:14px}.request-form__submit{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;height:38px;padding:0 16px;border:0;border-radius:3px;background:#0754ba;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.request-form__submit:disabled{cursor:wait;opacity:.65}.request-form__submit b{font-size:18px;font-weight:400}.request-form__status{margin:0;font-size:11px;line-height:1.35}.request-form__status[data-state="success"]{color:#078549}.request-form__status[data-state="error"]{color:#c82b36}@media(max-width:1000px){.request-cta__grid{grid-template-columns:1fr}.request-cta__copy{padding:33px 0}.request-cta__copy::before{right:-100vw}.request-form{padding:26px 0}}@media(max-width:650px){.request-cta{margin-top:18px}.request-cta__copy{padding:28px 0}.request-cta__copy h2{font-size:21px}.request-form{grid-template-columns:1fr;gap:10px;padding:22px 0}.request-form__heading{align-items:flex-start;gap:4px;flex-direction:column}.file-field span{align-items:flex-start;flex-wrap:wrap}.file-field small{width:100%;margin-left:31px}.request-form__actions{align-items:flex-start;flex-direction:column}}
.expertise{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:28px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.expertise__intro,.expertise__applications{padding:30px 42px 29px}.expertise__intro{background:#fff}.expertise__applications{background:#f4f7fb;border-left:1px solid var(--line)}.expertise .eyebrow{color:#0754ba;margin-bottom:8px}.expertise h2{margin:0;font-size:18px;line-height:1.2}.expertise h2+p{margin:11px 0 17px;font-size:12px;line-height:1.5;color:#647083}.expertise ul{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0;padding:0;list-style:none}.expertise li{display:flex;gap:8px;font-size:10px}.expertise li svg{width:23px;height:23px;color:#0754ba;flex:none}.expertise li b,.expertise li small{display:block}.expertise li b{font-size:11px;margin-bottom:3px}.expertise li small{line-height:1.35;color:#748094}.application-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.application-list span{display:flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #d8e1ed;border-radius:3px;background:#fff;font-size:11px;font-weight:600;color:#2b3e57}.application-list span::before{content:"";width:6px;height:6px;margin-right:8px;flex:none;border-radius:50%;background:#0a5bc0}@media(max-width:1000px){.expertise{grid-template-columns:1fr}.expertise__applications{border-top:1px solid var(--line);border-left:0}}@media(max-width:650px){.expertise{margin-top:18px}.expertise__intro,.expertise__applications{padding:24px 20px}.expertise ul{grid-template-columns:1fr;gap:12px}.application-list{grid-template-columns:1fr}.expertise h2{font-size:16px}}
.products__header{position:relative;display:flex;align-items:flex-start;justify-content:center;margin-bottom:15px}.products__header .title-rule{margin-bottom:0}.products__tools{position:absolute;right:0;top:0;display:flex;align-items:center;gap:7px}.products__tools .outline-button{width:auto;height:31px;margin:0;padding:0 12px;white-space:nowrap}.slider-button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #0c5ec2;border-radius:3px;background:#fff;color:#0754ba;font-size:17px;cursor:pointer;transition:color .2s,background .2s}.slider-button:hover{background:#0754ba;color:#fff}.product-slider{overflow:hidden;padding:2px}.product-slider__track{display:flex;gap:20px;transition:transform .35s ease;will-change:transform}.product-slider .product-card{flex:0 0 calc((100% - 100px)/6);min-width:0}.product-slider .product-card img, .product-slider .product-card a img{max-width:100%}@media(max-width:1000px){.product-slider .product-card{flex-basis:calc((100% - 40px)/3)}}@media(max-width:650px){.products__header{justify-content:flex-start;min-height:70px}.products__header .section-title{text-align:left}.products__header .title-rule{margin-left:0}.products__tools{top:auto;bottom:0}.products__tools .outline-button{font-size:9px}.product-slider__track{gap:12px}.product-slider .product-card{flex-basis:calc((100% - 12px)/2)}}
.slider-button:disabled{cursor:default;opacity:.35}.slider-button:disabled:hover{background:#fff;color:#0754ba}
.service-grid article{height:132px}
.phone{display:flex;align-items:center}.contact-copy{position:relative;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#18263b;cursor:pointer}.contact-copy--phone{font-size:15px;font-weight:700;letter-spacing:.3px}.contact-copy--email{font-size:11px;white-space:nowrap}.contact-copy--email svg{width:18px;height:18px;color:#0754ba}.contact-copy::after{content:"Скопировано";position:absolute;left:50%;top:calc(100% + 7px);z-index:5;padding:4px 7px;border-radius:3px;background:#1f3048;color:#fff;font-size:9px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .15s,transform .15s}.contact-copy.is-copied::after{opacity:1;transform:translate(-50%,0)}@media(max-width:650px){.contact-copy--email{display:none}}
.product-card .price{font-size:0;color:transparent}.product-card .price::after{content:"Цена по запросу";font-size:11px;font-weight:700;color:#35455d}
.favorite{transition:color .18s,transform .18s}.favorite:hover{color:#0754ba}.favorite.is-active{color:#0754ba}.favorite.is-active svg{fill:currentColor}.favorite:active{transform:scale(.88)}
.catalog-toggle--link{display:flex;align-items:center;justify-content:center}

/* Анимация добавления в корзину */
.add-to-cart, .catalog-product__cart, .product-detail__cart {
  transition: background-color 0.25s ease, transform 0.1s ease !important;
}
.add-to-cart:active, .catalog-product__cart:active, .product-detail__cart:active {
  transform: scale(0.9) !important;
}
.add-to-cart.is-added, .catalog-product__cart.is-added, .product-detail__cart.is-added {
  background-color: var(--green) !important;
}

/* Toast уведомления */
.toast-container {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
}
.toast {
  pointer-events: auto;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 320px;
  background: #ffffff;
  color: #18263b;
  border-left: 4px solid var(--green);
  box-shadow: 0 4px 18px rgba(3, 43, 98, 0.15);
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 12px;
  line-height: 1.4;
  transform: translateX(130%);
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.15), opacity 0.3s ease;
  opacity: 0;
}
.toast.is-show {
  transform: translateX(0);
  opacity: 1;
}
.toast__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: rgba(9, 163, 91, 0.1);
  color: var(--green);
  border-radius: 99px;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 13px;
}
.toast__content {
  flex-grow: 1;
}
.toast__title {
  font-weight: 700;
  color: var(--navy);
  margin-bottom: 2px;
  font-size: 13px;
}
.toast__close {
  border: 0;
  background: none;
  color: #858d98;
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  line-height: 1;
  margin-left: auto;
  transition: color 0.15s;
}
.toast__close:hover {
  color: var(--navy);
}