.ug-cookie{position:fixed;left:24px;bottom:24px;z-index:99999;max-width:520px;padding:18px 20px;background:#fff;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.18);display:flex;gap:16px;align-items:center;font-size:14px;line-height:1.45}
.ug-cookie button{flex:0 0 auto;border:0;border-radius:8px;background:#1863dc;color:#fff;padding:10px 18px;cursor:pointer;font:inherit}
.ug-cookie a{color:#1863dc;text-decoration:underline}
.ns-form-status{display:none;margin-top:14px;padding:10px 12px;border-radius:8px;background:#f3f7ff;color:#123b7a}
.ns-form button[disabled]{opacity:.65;cursor:wait}
@media(max-width:767px){.ug-cookie{left:16px;right:16px;bottom:16px;max-width:none;flex-direction:column;align-items:stretch}.ug-cookie button{width:100%}}
.lio-page-title--visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Hero answer block: concise human + AI-readable company/product statement. */
.hero h1{max-width:760px;font-size:calc(18px + 30 * ((100vw - 320px) / 1600));line-height:1.06;letter-spacing:-.012em;font-weight:600}
.hero__desc--ai{max-width:760px;line-height:1.42}
.hero__desc--ai p{margin:0}
.hero__desc--ai strong{font-weight:600}
.hero__desc--ai .hero__note{margin-top:.7em;font-size:.78em;line-height:1.45;background:#f3f7ff;border-left:3px solid #0b55d9;border-radius:8px;padding:.7em 1em;font-weight:500;max-width:720px}
@media(max-width:1023px){.hero h1,.hero__desc--ai{max-width:100%}}
@media(max-width:599px){.hero h1{line-height:1.12}.hero__desc--ai{font-size:15px}.hero__desc--ai .hero__note{font-size:.9em}}

.seo-related-note{max-width:1320px;margin:40px auto 20px;padding:18px 22px;background:#f5f8fd;border-left:3px solid #0b55d9;border-radius:8px;font-size:16px;line-height:1.5}.seo-related-note a{color:#0b55d9;text-decoration:underline;text-underline-offset:3px}@media(max-width:767px){.seo-related-note{margin:28px 16px 12px;padding:15px 16px;font-size:15px}}

.seo-product-nav{margin:40px 0 12px;padding:0;background:transparent;border-radius:0}.seo-product-nav h2{margin:0 0 8px;font-size:28px;line-height:1.2}.seo-product-nav p{margin:0 0 16px;max-width:900px;line-height:1.55}.seo-product-nav__links{display:flex;flex-wrap:wrap;gap:10px}.seo-product-nav__links a{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #c8d8f5;border-radius:999px;color:#0b55d9;background:transparent;text-decoration:none;font-weight:600;line-height:1.25;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.seo-product-nav__links a:hover,.seo-product-nav__links a:focus-visible{background:#0b55d9;border-color:#0b55d9;color:#fff;text-decoration:none}.seo-product-nav__links a:focus-visible{outline:2px solid rgba(11,85,217,.28);outline-offset:2px}@media(max-width:767px){.seo-product-nav{margin:28px 0 8px;padding:0}.seo-product-nav h2{font-size:23px}.seo-product-nav__links{display:grid}.seo-product-nav__links a{border-radius:10px}}

.seo-faq{margin:54px 0}.seo-faq__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.seo-faq__item{padding:22px 24px;border:1px solid #e3eaf6;border-radius:14px;background:#fff}.seo-faq__item h3{margin:0 0 10px;font-size:20px;line-height:1.3}.seo-faq__item p{margin:0;line-height:1.6}.seo-faq__item a{color:#0b55d9;text-decoration:underline;text-underline-offset:3px}@media(max-width:767px){.seo-faq{margin:38px 0}.seo-faq__grid{grid-template-columns:1fr}.seo-faq__item{padding:18px 16px}.seo-faq__item h3{font-size:18px}}


/* Product page spacing and stronger tabs */
.page-product .default-header__content{
  gap:calc(26px + 18 * ((100vw - 320px) / 1600));
  padding-top:calc(28px + 34 * ((100vw - 320px) / 1600));
  padding-bottom:calc(28px + 34 * ((100vw - 320px) / 1600));
}
.page-product .tabs--section80{
  margin-top:calc(50px + 55 * ((100vw - 320px) / 1600));
}
.page-product .tabs__link{
  gap:6px;
  align-items:flex-end;
}
.page-product .tabs__link li{
  color:#10275f;
  background:#edf3ff;
  border-color:#c8d8fb;
  padding:.78rem 1.4rem;
  border-radius:.55rem .55rem 0 0;
  box-shadow:0 -1px 0 rgba(11,85,217,.04) inset;
}
.page-product .tabs__link li:hover{
  color:#064bd4;
  background:#e2ecff;
  border-color:#9db9f5;
}
.page-product .tabs__link li.active{
  color:#fff;
  background:#0b55d9;
  border-color:#0b55d9;
  box-shadow:0 5px 14px rgba(11,85,217,.16);
}
.page-product .tabs__content{
  border-color:#d9e4f8;
  padding:2.2rem;
}
@media(max-width:767px){
  .page-product .default-header__content{
    gap:24px;
    padding-top:24px;
    padding-bottom:30px;
  }
  .page-product .tabs--section80{margin-top:44px}
  .page-product .tabs__link{
    gap:6px;
    align-items:stretch;
  }
  .page-product .tabs__link li{
    width:100%;
    justify-content:center;
    text-align:center;
    border-radius:.55rem;
    padding:.85rem 1rem;
  }
  .page-product .tabs__content{
    margin-top:10px;
    border-radius:.55rem;
    padding:1.4rem 1rem;
  }
}

/* Product breadcrumb to H1 extra spacing */
.page-product .breadcrumbs + h1{margin-top:calc(10px - 20 * ((100vw - 320px) / 1600));}


/* Catalog hero-to-products spacing */
.page-catalog .default-header__content{
  padding-bottom:calc(18px + 8 * ((100vw - 320px) / 1600));
}
.page-catalog .default-header__content:has(.breadcrumbs){
  padding-top:calc(20px + 30 * ((100vw - 320px) / 1600));
}
.page-catalog .breadcrumbs + h1{margin-top:calc(10px - 20 * ((100vw - 320px) / 1600))}
.page-catalog .products--section{
  margin-top:calc(42px + 18 * ((100vw - 320px) / 1600));
}
@media(max-width:1023px){
  .page-catalog .default-header__content{padding-bottom:0}
  .page-catalog .default-header__content:has(.breadcrumbs){padding-top:0}
  .page-catalog .products--section{margin-top:42px}
}


/* Home hero wider text column */
.page-home .hero__inner{width:56%}
.page-home .hero h1{max-width:880px}
.page-home .hero__desc--ai{max-width:840px}
.page-home .hero__desc--ai .hero__note{max-width:820px}
@media(max-width:1023px){
  .page-home .hero__inner{width:100%}
  .page-home .hero h1,
  .page-home .hero__desc--ai,
  .page-home .hero__desc--ai .hero__note{max-width:100%}
}


/* News article hero/date spacing */
.page-news .default-header__date{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#52627f;
  font-size:15px;
  line-height:1.3;
  font-style:italic;
}
.page-news .default-header__date::before{
  content:"";
  width:14px;
  height:14px;
  box-sizing:border-box;
  border:1.5px solid #0b55d9;
  border-radius:3px;
  box-shadow:inset 0 3px 0 rgba(11,85,217,.12);
}
.page-news__content.content--section{
  margin-top:clamp(32px,3vw,52px);
}
@media(max-width:767px){
  .page-news__content.content--section{margin-top:30px}
}


/* Catalog AI summary */
.page-catalog .default-header__desc{max-width:760px;font-size:clamp(17px,1.1vw,20px);line-height:1.5;font-weight:400}
.page-catalog .default-header__desc p{margin:0}
.page-catalog .default-header__content{gap:clamp(20px,1.6vw,30px)}
@media(max-width:767px){.page-catalog .default-header__desc{max-width:100%;font-size:16px;line-height:1.5}}


/* Unified top spacing for catalog groups and product pages */
.page-product .default-header__content,
.page-catalog .default-header__content:has(.breadcrumbs){
  padding-top:calc(28px + 34 * ((100vw - 320px) / 1600));
}
@media(max-width:767px){
  .page-product .default-header__content,
  .page-catalog .default-header__content:has(.breadcrumbs){padding-top:24px}
}


/* Unified inner-page H1 standard: homepage typography */
.default-header__content:has(.breadcrumbs){
  padding-top:calc(28px + 34 * ((100vw - 320px) / 1600));
}
.default-header__content{
  gap:calc(20px + 20 * ((100vw - 320px) / 1600));
}
.default-header .lio-page-title{
  margin:0;
  max-width:880px;
  font-size:calc(18px + 30 * ((100vw - 320px) / 1600));
  line-height:1.06;
  letter-spacing:-.012em;
  font-weight:600;
}
.default-header .breadcrumbs + .lio-page-title{
  margin-top:0;
}
@media(max-width:767px){
  .default-header__content:has(.breadcrumbs){padding-top:24px}
}
@media(max-width:599px){
  .default-header .lio-page-title{line-height:1.12}
}


/* Compact product hero-to-tabs spacing */
.page-product .default-header__content{padding-bottom:clamp(16px,1.5vw,24px)}
.page-product .tabs--section80{margin-top:clamp(28px,2.2vw,40px)}
@media(max-width:767px){
  .page-product .default-header__content{padding-bottom:20px}
  .page-product .tabs--section80{margin-top:30px}
}

/* News hero image: true alpha fade on image edges */
.page-news .default-header__img{
  background:transparent!important;
  -webkit-mask-image:radial-gradient(
    ellipse 50% 50% at 50% 50%,
    #000 0%,
    #000 60%,
    rgba(0,0,0,.86) 72%,
    rgba(0,0,0,.48) 86%,
    transparent 100%
  );
  mask-image:radial-gradient(
    ellipse 50% 50% at 50% 50%,
    #000 0%,
    #000 60%,
    rgba(0,0,0,.86) 72%,
    rgba(0,0,0,.48) 86%,
    transparent 100%
  );
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}
/* Header contact copy controls */
.site-header__contacts{display:grid;justify-items:end;align-items:center;gap:2px}
.site-header__contact-row{display:grid;grid-template-columns:auto 20px;align-items:center;justify-content:end;gap:8px;min-width:0;line-height:1.05}
.site-header__contact-row>a{display:block;white-space:nowrap;text-align:right}
.contact-copy{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;padding:0;border:0!important;background:transparent!important;color:#0b55d9;cursor:pointer;border-radius:0!important;box-shadow:none!important;transform:none;transition:color .15s ease,transform .15s ease,opacity .15s ease}
.contact-copy:hover{color:#0039ca;transform:translateY(-1px) scale(1.05)}
.contact-copy:focus-visible{outline:2px solid rgba(11,85,217,.28);outline-offset:2px}
.contact-copy svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.contact-copy .contact-copy__done{display:none!important}
.contact-copy[data-copy-state="done"]{color:#16835a}
.contact-copy[data-copy-state="done"] .contact-copy__copy{display:none}
.contact-copy[data-copy-state="done"] .contact-copy__done{display:block!important}
.contact-copy[data-copy-state="done"]::after{content:"Скопировано";position:absolute;right:0;top:calc(100% + 7px);z-index:20;padding:5px 8px;border-radius:7px;background:#13213d;color:#fff;font-size:11px;font-weight:500;line-height:1;white-space:nowrap;box-shadow:0 5px 18px rgba(14,31,66,.16);pointer-events:none}
@media(max-width:1023px){.site-header__contacts{justify-items:center}.site-header__contact-row{grid-template-columns:auto 24px;justify-content:center}.contact-copy{width:24px;height:24px;flex-basis:24px}}
@media(max-width:599px){.site-header__contact-row{gap:6px}.site-header__contact-row>a{font-size:14px!important}.contact-copy{width:22px;height:22px;flex-basis:22px}.contact-copy svg{width:19px;height:19px}}

/* Catalog hero: 56 lightweight animated bubbles */
.page-catalog .default-header{isolation:isolate;z-index:0}
.page-catalog .default-header__container{position:relative;z-index:2}
.page-catalog .default-header__img{transform:translateY(clamp(20px,1.6vw,30px))}
@media(max-width:1023px){.page-catalog .default-header__img{transform:none}}
.page-catalog__container{position:relative;z-index:6;background:rgba(255,255,255,.25)}
.page-catalog .seo-product-nav{position:relative;z-index:7;background:transparent}

.catalog-foam-bubbles{position:absolute;pointer-events:none;overflow:hidden;contain:layout paint}
.catalog-foam-bubbles--back{left:44%;right:2%;top:10%;bottom:5%;z-index:1;opacity:.70}
.catalog-foam-bubbles--front{left:55%;right:1%;top:13%;bottom:6%;z-index:3;opacity:.76}
.catalog-foam-bubbles span{
  --x:10%;--y:1%;--s:12px;--dx:28px;--dy:-110px;--dur:12s;--delay:0s;--alpha:.72;
  position:absolute;left:var(--x);bottom:var(--y);width:var(--s);height:var(--s);
  border-radius:50%;opacity:0;border:1.35px solid rgba(47,121,223,.78);
  background:radial-gradient(ellipse at 28% 22%,rgba(255,255,255,.98) 0 8%,rgba(255,255,255,.72) 9% 15%,transparent 24%),radial-gradient(circle at 52% 55%,rgba(216,239,255,.54) 0 30%,rgba(126,191,250,.30) 49%,rgba(69,146,238,.18) 67%,rgba(255,255,255,.08) 82%);
  box-shadow:inset -1px -1px 2px rgba(43,115,220,.28),0 0 2px rgba(54,128,226,.18);
  animation:ug-foam-float-56 var(--dur) ease-out var(--delay) infinite
}
@keyframes ug-foam-float-56{
  0%{transform:translate(0,9px) scale(.78);opacity:0}
  12%{opacity:var(--alpha)}
  66%{opacity:calc(var(--alpha) * .74)}
  100%{transform:translate(var(--dx),var(--dy)) scale(1.10);opacity:0}
}
.catalog-foam-bubbles--back span:nth-child(1){--x:40%;--y:25%;--s:15px;--dx:25px;--dy:-103px;--dur:12.1s;--delay:-2.7s;--alpha:0.60;}
.catalog-foam-bubbles--back span:nth-child(2){--x:77%;--y:6%;--s:10px;--dx:36px;--dy:-124px;--dur:13.4s;--delay:-5.0s;--alpha:0.68;}
.catalog-foam-bubbles--back span:nth-child(3){--x:18%;--y:29%;--s:19px;--dx:47px;--dy:-145px;--dur:14.7s;--delay:-7.3s;--alpha:0.76;}
.catalog-foam-bubbles--back span:nth-child(4){--x:55%;--y:10%;--s:14px;--dx:14px;--dy:-166px;--dur:16.0s;--delay:-9.6s;--alpha:0.84;}
.catalog-foam-bubbles--back span:nth-child(5){--x:92%;--y:33%;--s:9px;--dx:25px;--dy:-89px;--dur:11.7s;--delay:-1.5s;--alpha:0.92;}
.catalog-foam-bubbles--back span:nth-child(6){--x:33%;--y:14%;--s:18px;--dx:36px;--dy:-110px;--dur:13.0s;--delay:-3.8s;--alpha:0.64;}
.catalog-foam-bubbles--back span:nth-child(7){--x:70%;--y:37%;--s:13px;--dx:47px;--dy:-131px;--dur:14.3s;--delay:-6.1s;--alpha:0.80;}
.catalog-foam-bubbles--back span:nth-child(8){--x:11%;--y:18%;--s:8px;--dx:14px;--dy:-152px;--dur:15.6s;--delay:-8.4s;--alpha:0.52;}
.catalog-foam-bubbles--back span:nth-child(9){--x:48%;--y:41%;--s:17px;--dx:25px;--dy:-173px;--dur:11.3s;--delay:-10.7s;--alpha:0.60;}
.catalog-foam-bubbles--back span:nth-child(10){--x:85%;--y:22%;--s:12px;--dx:36px;--dy:-96px;--dur:12.6s;--delay:-2.6s;--alpha:0.68;}
.catalog-foam-bubbles--back span:nth-child(11){--x:26%;--y:3%;--s:7px;--dx:47px;--dy:-117px;--dur:13.9s;--delay:-4.9s;--alpha:0.76;}
.catalog-foam-bubbles--back span:nth-child(12){--x:63%;--y:26%;--s:16px;--dx:14px;--dy:-138px;--dur:15.2s;--delay:-7.2s;--alpha:0.84;}
.catalog-foam-bubbles--back span:nth-child(13){--x:4%;--y:7%;--s:11px;--dx:25px;--dy:-159px;--dur:10.9s;--delay:-9.5s;--alpha:0.92;}
.catalog-foam-bubbles--back span:nth-child(14){--x:41%;--y:30%;--s:6px;--dx:36px;--dy:-82px;--dur:12.2s;--delay:-1.4s;--alpha:0.64;}
.catalog-foam-bubbles--back span:nth-child(15){--x:78%;--y:11%;--s:15px;--dx:47px;--dy:-103px;--dur:13.5s;--delay:-3.7s;--alpha:0.80;}
.catalog-foam-bubbles--back span:nth-child(16){--x:19%;--y:34%;--s:10px;--dx:14px;--dy:-124px;--dur:14.8s;--delay:-6.0s;--alpha:0.52;}
.catalog-foam-bubbles--back span:nth-child(17){--x:56%;--y:15%;--s:19px;--dx:25px;--dy:-145px;--dur:16.1s;--delay:-8.3s;--alpha:0.60;}
.catalog-foam-bubbles--back span:nth-child(18){--x:93%;--y:38%;--s:14px;--dx:36px;--dy:-166px;--dur:11.8s;--delay:-10.6s;--alpha:0.68;}
.catalog-foam-bubbles--back span:nth-child(19){--x:34%;--y:19%;--s:9px;--dx:47px;--dy:-89px;--dur:13.1s;--delay:-2.5s;--alpha:0.76;}
.catalog-foam-bubbles--back span:nth-child(20){--x:71%;--y:0%;--s:18px;--dx:14px;--dy:-110px;--dur:14.4s;--delay:-4.8s;--alpha:0.84;}
.catalog-foam-bubbles--back span:nth-child(21){--x:12%;--y:23%;--s:13px;--dx:25px;--dy:-131px;--dur:15.7s;--delay:-7.1s;--alpha:0.92;}
.catalog-foam-bubbles--back span:nth-child(22){--x:49%;--y:4%;--s:8px;--dx:36px;--dy:-152px;--dur:11.4s;--delay:-9.4s;--alpha:0.64;}
.catalog-foam-bubbles--back span:nth-child(23){--x:86%;--y:27%;--s:17px;--dx:47px;--dy:-173px;--dur:12.7s;--delay:-1.3s;--alpha:0.80;}
.catalog-foam-bubbles--back span:nth-child(24){--x:27%;--y:8%;--s:12px;--dx:14px;--dy:-96px;--dur:14.0s;--delay:-3.6s;--alpha:0.52;}
.catalog-foam-bubbles--back span:nth-child(25){--x:64%;--y:31%;--s:7px;--dx:25px;--dy:-117px;--dur:15.3s;--delay:-5.9s;--alpha:0.60;}
.catalog-foam-bubbles--back span:nth-child(26){--x:5%;--y:12%;--s:16px;--dx:36px;--dy:-138px;--dur:11.0s;--delay:-8.2s;--alpha:0.68;}
.catalog-foam-bubbles--back span:nth-child(27){--x:42%;--y:35%;--s:11px;--dx:47px;--dy:-159px;--dur:12.3s;--delay:-10.5s;--alpha:0.76;}
.catalog-foam-bubbles--back span:nth-child(28){--x:79%;--y:16%;--s:6px;--dx:14px;--dy:-82px;--dur:13.6s;--delay:-2.4s;--alpha:0.84;}
.catalog-foam-bubbles--back span:nth-child(29){--x:20%;--y:39%;--s:15px;--dx:25px;--dy:-103px;--dur:14.9s;--delay:-4.7s;--alpha:0.92;}
.catalog-foam-bubbles--back span:nth-child(30){--x:57%;--y:20%;--s:10px;--dx:36px;--dy:-124px;--dur:16.2s;--delay:-7.0s;--alpha:0.64;}
.catalog-foam-bubbles--back span:nth-child(31){--x:94%;--y:1%;--s:19px;--dx:47px;--dy:-145px;--dur:11.9s;--delay:-9.3s;--alpha:0.80;}
.catalog-foam-bubbles--back span:nth-child(32){--x:35%;--y:24%;--s:14px;--dx:14px;--dy:-166px;--dur:13.2s;--delay:-1.2s;--alpha:0.52;}
.catalog-foam-bubbles--back span:nth-child(33){--x:72%;--y:5%;--s:9px;--dx:25px;--dy:-89px;--dur:14.5s;--delay:-3.5s;--alpha:0.60;}
.catalog-foam-bubbles--back span:nth-child(34){--x:13%;--y:28%;--s:18px;--dx:36px;--dy:-110px;--dur:15.8s;--delay:-5.8s;--alpha:0.68;}
.catalog-foam-bubbles--back span:nth-child(35){--x:50%;--y:9%;--s:13px;--dx:47px;--dy:-131px;--dur:11.5s;--delay:-8.1s;--alpha:0.76;}
.catalog-foam-bubbles--back span:nth-child(36){--x:87%;--y:32%;--s:8px;--dx:14px;--dy:-152px;--dur:12.8s;--delay:-10.4s;--alpha:0.84;}
.catalog-foam-bubbles--back span:nth-child(37){--x:28%;--y:13%;--s:17px;--dx:25px;--dy:-173px;--dur:14.1s;--delay:-2.3s;--alpha:0.92;}
.catalog-foam-bubbles--back span:nth-child(38){--x:65%;--y:36%;--s:12px;--dx:36px;--dy:-96px;--dur:15.4s;--delay:-4.6s;--alpha:0.64;}
.catalog-foam-bubbles--back span:nth-child(39){--x:6%;--y:17%;--s:7px;--dx:47px;--dy:-117px;--dur:11.1s;--delay:-6.9s;--alpha:0.80;}
.catalog-foam-bubbles--back span:nth-child(40){--x:43%;--y:40%;--s:16px;--dx:14px;--dy:-138px;--dur:12.4s;--delay:-9.2s;--alpha:0.52;}
.catalog-foam-bubbles--front span:nth-child(1){--x:46%;--y:28%;--s:15px;--dx:31px;--dy:-105px;--dur:11.6s;--delay:-2.4s;--alpha:0.84;}
.catalog-foam-bubbles--front span:nth-child(2){--x:83%;--y:13%;--s:22px;--dx:44px;--dy:-122px;--dur:12.7s;--delay:-4.3s;--alpha:0.92;}
.catalog-foam-bubbles--front span:nth-child(3){--x:24%;--y:36%;--s:13px;--dx:57px;--dy:-139px;--dur:13.8s;--delay:-6.2s;--alpha:0.64;}
.catalog-foam-bubbles--front span:nth-child(4){--x:61%;--y:21%;--s:20px;--dx:24px;--dy:-156px;--dur:14.9s;--delay:-8.1s;--alpha:0.80;}
.catalog-foam-bubbles--front span:nth-child(5){--x:2%;--y:6%;--s:11px;--dx:37px;--dy:-173px;--dur:10.8s;--delay:-10.0s;--alpha:0.52;}
.catalog-foam-bubbles--front span:nth-child(6){--x:39%;--y:29%;--s:18px;--dx:50px;--dy:-98px;--dur:11.9s;--delay:-2.3s;--alpha:0.60;}
.catalog-foam-bubbles--front span:nth-child(7){--x:76%;--y:14%;--s:9px;--dx:63px;--dy:-115px;--dur:13.0s;--delay:-4.2s;--alpha:0.68;}
.catalog-foam-bubbles--front span:nth-child(8){--x:17%;--y:37%;--s:16px;--dx:30px;--dy:-132px;--dur:14.1s;--delay:-6.1s;--alpha:0.76;}
.catalog-foam-bubbles--front span:nth-child(9){--x:54%;--y:22%;--s:23px;--dx:43px;--dy:-149px;--dur:15.2s;--delay:-8.0s;--alpha:0.84;}
.catalog-foam-bubbles--front span:nth-child(10){--x:91%;--y:7%;--s:14px;--dx:56px;--dy:-166px;--dur:11.1s;--delay:-9.9s;--alpha:0.92;}
.catalog-foam-bubbles--front span:nth-child(11){--x:32%;--y:30%;--s:21px;--dx:23px;--dy:-91px;--dur:12.2s;--delay:-2.2s;--alpha:0.64;}
.catalog-foam-bubbles--front span:nth-child(12){--x:69%;--y:15%;--s:12px;--dx:36px;--dy:-108px;--dur:13.3s;--delay:-4.1s;--alpha:0.80;}
.catalog-foam-bubbles--front span:nth-child(13){--x:10%;--y:0%;--s:19px;--dx:49px;--dy:-125px;--dur:14.4s;--delay:-6.0s;--alpha:0.52;}
.catalog-foam-bubbles--front span:nth-child(14){--x:47%;--y:23%;--s:10px;--dx:62px;--dy:-142px;--dur:15.5s;--delay:-7.9s;--alpha:0.60;}
.catalog-foam-bubbles--front span:nth-child(15){--x:84%;--y:8%;--s:17px;--dx:29px;--dy:-159px;--dur:11.4s;--delay:-9.8s;--alpha:0.68;}
.catalog-foam-bubbles--front span:nth-child(16){--x:25%;--y:31%;--s:8px;--dx:42px;--dy:-176px;--dur:12.5s;--delay:-2.1s;--alpha:0.76;}

@media(max-width:1023px){
  .catalog-foam-bubbles--back{left:42%;opacity:.48}
  .catalog-foam-bubbles--front{left:53%;opacity:.52}
}
@media(max-width:767px){.catalog-foam-bubbles{display:none}}
@media(prefers-reduced-motion:reduce){.catalog-foam-bubbles{display:none}}


/* NIC-SEO animated technical partner credit */
.site-footer__inner{grid-template-columns:1fr 2fr .72fr 1fr;align-items:center}
.site-footer__partner{display:flex;align-items:center;justify-content:flex-end;align-self:stretch;min-width:0;padding-bottom:4px}
.site-footer__nicseo{display:block;width:clamp(110px,7.8vw,132px);opacity:.92;text-decoration:none!important;transition:opacity .25s ease}
.site-footer__nicseo:hover{opacity:1}
.site-footer__nicseo-stage{position:relative;display:block;width:100%;aspect-ratio:1233.3766/233.01346;overflow:hidden}
.site-footer__nicseo-stage img{position:absolute;display:block;margin:0;max-width:none;pointer-events:none}
.site-footer__nicseo-base{inset:0;width:100%;height:100%}
.site-footer__nicseo-boat{left:15.482%;top:36.539%;width:27.071%;height:63.395%;z-index:3;opacity:0;transform-origin:50% 80%;animation:nicseoBoatCycle 38s cubic-bezier(.22,.61,.36,1) infinite;will-change:transform,opacity}
.site-footer__nicseo-cap{left:15.182%;top:1.903%;width:5.968%;height:25.421%;z-index:2;opacity:0;animation:nicseoCapCycle 38s cubic-bezier(.22,.61,.36,1) infinite;will-change:transform,opacity}
@keyframes nicseoBoatCycle{0%,26.3%{opacity:0;transform:translate(-18%,72%) rotate(-7deg)}30.3%,69.7%{opacity:1;transform:translate(0,0) rotate(0)}73.7%,100%{opacity:0;transform:translate(190%,-2%) rotate(3deg)}}
@keyframes nicseoCapCycle{0%,26.3%{opacity:0;transform:translateY(115%)}30.3%,69.7%{opacity:1;transform:translateY(0)}73.7%,100%{opacity:0;transform:translateY(115%)}}
@media(max-width:1023px){.site-footer__inner{grid-template-columns:1fr 1.5fr .7fr 1fr}.site-footer__nicseo{width:96px}}
@media(max-width:767px){
  .site-footer__inner{grid-template-columns:1fr}
  .site-footer__address{order:1}
  .site-footer__phones{order:2}
  .site-footer__info{display:contents!important}
  .site-footer__info>a.button{order:3;justify-self:center;margin:.25rem auto .15rem}
  .site-footer__info>a:not(.button){order:4;justify-self:center;text-align:center}
  .site-footer__info>.site-footer__copy{order:5;justify-self:center;text-align:center;margin:0}
  .site-footer__partner{order:6;margin:.3rem 0 0}
  .site-footer__nicseo{width:10.5rem}
}
@media(prefers-reduced-motion:reduce){.site-footer__nicseo-boat,.site-footer__nicseo-cap{opacity:1;transform:none;animation:none}}


/* UG UX navigation 2026-10-19 */
.ug-ux{max-width:1440px;margin:28px auto;padding:23px 26px;background:#f8fafc;border:1px solid #dfebef;border-radius:14px;box-sizing:border-box;color:#273e4a}
.ug-ux h2{font-size:clamp(19px,2vw,26px);font-weight:500;line-height:1.3;margin:0 0 12px;color:#123c56}
.ug-ux h3{font-size:17px;font-weight:600;margin:0 0 8px}
.ug-ux p,.ug-ux li{font-size:15px;line-height:1.65}
.ug-ux p{margin:0 0 12px}
.ug-ux a{color:#135d85;text-decoration:underline;text-underline-offset:3px}
.ug-ux a:hover{color:#073951}
.ug-ux-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:12px 0 0;padding-left:20px}
.ug-ux-links li{min-width:0;overflow-wrap:anywhere}
.ug-ux-table-wrap{overflow-x:auto;max-width:100%;margin:14px 0}
.ug-ux-table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}
.ug-ux-table th,.ug-ux-table td{border-bottom:1px solid #dbe5eb;padding:12px 13px;vertical-align:top;text-align:left;line-height:1.5}
.ug-ux-table thead{background:#eaf2f6}
.ug-ux-table th{font-weight:600}
.ug-ux-note{color:#536a79;font-size:14px!important}
.ug-ux-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px!important}
.ug-ux-actions a{display:inline-block;padding:9px 15px;background:#e8f2f7;border:1px solid #cbdde7;border-radius:8px;text-decoration:none}
.ug-ux-doc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.ug-ux-doc-list>div{padding:17px;background:white;border:1px solid #dce8ef;border-radius:10px;min-width:0}
@media(max-width:720px){.ug-ux{margin:18px auto;padding:16px 14px}.ug-ux-links,.ug-ux-doc-list{grid-template-columns:1fr}.ug-ux-actions{display:block}.ug-ux-actions a{display:block;margin-bottom:7px}}


/* UG comparison accordion 2026-10-19 */
.ug-ux-accordion{margin-top:20px;margin-bottom:24px}
.ug-ux-accordion__summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;user-select:none;padding:2px 0;color:#123c56}
.ug-ux-accordion__summary::-webkit-details-marker{display:none}
.ug-ux-accordion__summary>span{font-size:clamp(17px,2vw,23px);font-weight:600;line-height:1.35}
.ug-ux-accordion__summary>small{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;font-size:13px;color:#235f80;white-space:normal;text-align:right}
.ug-ux-accordion__summary>small:after{content:'';display:block;width:10px;height:10px;flex:0 0 10px;box-sizing:border-box;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .16s ease}
.ug-ux-accordion[open]>.ug-ux-accordion__summary>small:after{transform:rotate(-135deg)}
.ug-ux-accordion[open]>.ug-ux-accordion__summary>small{font-size:0}
.ug-ux-accordion[open]>.ug-ux-accordion__summary>small:before{content:'Свернуть';font-size:13px}
.ug-ux-accordion__summary:focus-visible{outline:2px solid #216e96;outline-offset:5px;border-radius:4px}
.ug-ux-accordion__body{padding-top:17px}
.ug-ux-accordion__body h2{font-size:18px;font-weight:500}
@media(max-width:720px){.ug-ux-accordion__summary{align-items:flex-start;flex-direction:column;gap:5px}.ug-ux-accordion__summary>small{text-align:left}}


/* UG comparison matches catalog wrapper 2026-10-19 */
.page-catalog__products > #sravnenie-tipov.ug-ux-accordion {
  display: block;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
}
.page-catalog__products > #sravnenie-tipov .ug-ux-table-wrap {
  width: 100%;
  max-width: 100%;
}
.page-catalog__products > #sravnenie-tipov .ug-ux-table {
  width: 100%;
}


/* UG catalog quote + card readability 2026-10-19 */
.page-catalog__products .products-item__desc p{line-height:1.35}
.page-catalog__products .products-item__desc p a{text-decoration:none;text-underline-offset:3px}
.page-catalog__products .products-item__desc p a:hover{text-decoration:underline}
.page-catalog__products .products-item__info{flex-wrap:wrap;align-items:flex-start;row-gap:12px;column-gap:20px}
.page-catalog__products .products-item__info>div{min-width:0}
.page-catalog__products .products-item__info p{margin:0;line-height:1.3;color:#53627a;font-weight:500}
.page-catalog__products .products-item__info ul{flex-wrap:wrap;row-gap:6px;margin-top:7px}
.page-catalog__products .products-item__info ul li{font-weight:600;line-height:1.35}
.page-catalog__products .products-item__links .button{white-space:normal;text-align:center}
.ns-kp-product-choice{font-size:14px;line-height:1.55;color:#153f5b;background:#eef5fc;border:1px solid #d7e4f4;border-radius:8px;padding:9px 12px;margin:10px 0 15px;overflow-wrap:anywhere}


/* UG product documents link 2026-10-19 */
.page-catalog__products .products-item__links a:is(.ug-product-doc-link,.ug-product-doc-request){
 display:inline-block;width:auto;height:auto;min-height:0;align-self:center;
 border:0;background:transparent;padding:4px 5px;color:#255a80;font-size:13px;
 font-weight:500;line-height:1.4;text-decoration:underline;text-underline-offset:3px;
 text-align:center;
}
.page-catalog__products .products-item__links a:is(.ug-product-doc-link,.ug-product-doc-request):hover{color:#123e5a}


/* UG procurement register 2026-10-19 */
.ug-procurement{max-width:none;width:100%;min-width:0;box-sizing:border-box;line-height:1.6}
.ug-procurement h2{font-weight:500;font-size:clamp(19px,2vw,26px);line-height:1.3;margin:20px 0 12px}
.ug-procurement h3{font-weight:600;font-size:17px;margin:0 0 8px}
.ug-procurement p,.ug-procurement li{font-size:15px;line-height:1.65}
.ug-procurement a,.ug-procurement-link a{color:#195b80;text-decoration:underline;text-underline-offset:3px}
.ug-procurement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.ug-procurement-grid>div{border:1px solid #dce7ed;border-radius:12px;background:#f7fafc;padding:16px;min-width:0}
.ug-procurement-steps{padding-left:24px}
.ug-procurement-steps li{margin-bottom:10px}
.ug-procurement-note{font-size:13px!important;color:#52677a;margin:14px 0!important}
.ug-procurement-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0!important}
.ug-procurement-actions a{padding:9px 14px;border:1px solid #cbdde7;border-radius:8px;background:#eef5fa;text-decoration:none}
.ug-cert-register{margin:22px auto 32px}
.ug-doc-table-scroll{max-width:100%;overflow-x:auto}
.ug-cert-register__table{min-width:680px;width:100%;border-collapse:collapse;font-size:14px}
.ug-cert-register__table th,.ug-cert-register__table td{padding:11px 13px;border-bottom:1px solid #dae6ec;line-height:1.5;text-align:left;vertical-align:top}
.ug-cert-register__table thead{background:#e8f2f6}
.ug-cert-register__table th{font-weight:600}
.ug-cert-register__table tr{scroll-margin-top:110px}
.ug-procurement-link{margin:22px auto;padding:12px 18px;max-width:100%;background:#f4f8fa;border-left:3px solid #6b9ab0}
@media(max-width:720px){.ug-procurement-grid{grid-template-columns:1fr}.ug-cert-register__table{font-size:13px}}


/* UG certificate terms from published scans 2026-10-19 */
.ug-cert-register__table{min-width:1060px}
.ug-cert-important{padding:13px 17px;margin:17px 0;border:1px solid #e6cc9a;border-left:4px solid #a77c2c;border-radius:8px;color:#4b3c27;background:#fff9eb;font-size:14px;line-height:1.6}
.ug-cert-expired{display:block;color:#8d352c;font-weight:600;font-size:13px}
.ug-cert-term{display:block;margin-top:4px}
.ug-cert-register__table td{overflow-wrap:anywhere}


/* Catalog documents and SEO section spacing -- 2026-10-24 */
.page-catalog .seo-faq{margin-bottom:0}
.page-catalog .page-catalog__documents.documents--section{margin-top:clamp(32px,2.8vw,40px)}
.page-catalog .page-catalog__seo.seo-text--section{margin-top:clamp(36px,3.2vw,44px)}
@media(max-width:767px){
  .page-catalog .page-catalog__documents.documents--section{margin-top:24px}
  .page-catalog .page-catalog__seo.seo-text--section{margin-top:28px}
}


/* UG design system 2026-10-24 | website-scoped, no Universal Core changes */
:root{
  --ug-brand:#0039ca;
  --ug-ink:#0b2056;
  --ug-muted:#52627a;
  --ug-pale:#f3f7fd;
  --ug-stroke:#dfe7f5;
  --ug-radius:14px;
  --ug-section-gap:clamp(30px,3vw,44px);
}
.site-main__page :is(.ug-ux,.seo-faq__item,.documents-item,.ug-procurement-grid>div,.ug-ux-doc-list>div){
  border:1px solid var(--ug-stroke);
  border-radius:var(--ug-radius);
  box-shadow:0 1px 4px rgba(16,43,90,.035);
}
.site-main__page .ug-ux{
  background:var(--ug-pale);
  color:var(--ug-ink);
  margin-block:var(--ug-section-gap);
  padding:clamp(18px,2vw,26px);
  max-width:100%;
}
.site-main__page .ug-ux h2,
.site-main__page .ug-procurement h2{
  color:var(--ug-ink);
  font-size:clamp(22px,2vw,27px);
  line-height:1.25;
  font-weight:700;
}
.site-main__page .ug-ux h3,
.site-main__page .ug-procurement h3{color:var(--ug-ink);font-size:19px;font-weight:700}
.site-main__page .ug-ux :is(p,li),
.site-main__page .ug-procurement :is(p,li){font-size:16px;line-height:1.55}
.site-main__page :is(.ug-ux,.ug-procurement,.seo-related-note,.ug-resource-panel) a{color:var(--ug-brand)}
.site-main__page :is(.ug-ux,.ug-procurement,.seo-related-note,.ug-resource-panel) a:hover{color:#002a99}
.site-main__page :is(.ug-ux,.ug-procurement,.seo-related-note,.ug-resource-panel) a:focus-visible{
  outline:2px solid var(--ug-brand);outline-offset:3px;border-radius:3px;
}
.site-main__page .ug-ux-links{padding:0;list-style:none;gap:10px}
.site-main__page .ug-ux-links li{padding:10px 14px;background:#fff;border:1px solid var(--ug-stroke);border-radius:10px}
.site-main__page :is(.seo-related-note,.ug-procurement-link){
  box-sizing:border-box;width:100%;max-width:100%;margin:var(--ug-section-gap) 0 0;
  padding:16px 20px;color:var(--ug-ink);background:var(--ug-pale);
  border:1px solid var(--ug-stroke);border-left:3px solid var(--ug-brand);
  border-radius:var(--ug-radius);line-height:1.55;font-size:16px;
}
.page-catalog__container > .seo-related-note + .ug-ux-related{margin-top:16px}
.page-default__container > .seo-related-note{margin-bottom:0}
.site-main__page .ug-ux-actions a,
.site-main__page .ug-procurement-actions a{
  background:#fff;border:1px solid var(--ug-stroke);color:var(--ug-brand);border-radius:999px;min-height:42px;
  display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;
}
.site-main__page .seo-faq__item{padding:clamp(18px,1.8vw,24px);background:#fff}
.site-main__page .seo-faq__item h3{color:var(--ug-ink);font-size:clamp(18px,1.5vw,20px)}
.site-main__page .documents-item{background:#fff;box-shadow:0 2px 9px rgba(12,42,94,.035)}
.site-main__page .documents-item a.button{max-width:100%}
.page-catalog .page-catalog__documents.documents--section,
.page-catalog .page-catalog__seo.seo-text--section{margin-top:var(--ug-section-gap)}
.page-catalog .seo-faq{margin-top:var(--ug-section-gap);margin-bottom:0}
.site-main__page .ug-procurement-note,
.site-main__page .ug-ux-note{color:var(--ug-muted)}
/* Unified resource panel: preserves all four original destinations */
.page-catalog__container > .ug-resource-panel{
  box-sizing:border-box;width:100%;margin:var(--ug-section-gap) 0 0;
  padding:clamp(18px,2.2vw,28px);background:var(--ug-pale);
  border:1px solid var(--ug-stroke);border-radius:var(--ug-radius);
}
.ug-resource-panel h2{
  color:var(--ug-ink);font-size:clamp(22px,2vw,27px);font-weight:700;
  line-height:1.3;margin:0 0 18px;
}
.ug-resource-panel__list{padding:0;margin:0;list-style:none}
.ug-resource-panel__item{
  display:grid;grid-template-columns:42px minmax(0,1fr) 26px;
  align-items:center;gap:14px;padding:16px 0;min-width:0;
}
.ug-resource-panel__item + .ug-resource-panel__item{border-top:1px solid var(--ug-stroke)}
.ug-resource-panel__icon{
  display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  background:#fff;border:1px solid var(--ug-stroke);color:var(--ug-brand);border-radius:10px;
}
.ug-resource-panel__body{min-width:0}
.ug-resource-panel__body .ug-resource-panel__title{
  display:inline-block;font-size:17px;line-height:1.35;font-weight:700;
  color:var(--ug-ink);text-decoration:none;
}
.ug-resource-panel__body .ug-resource-panel__title:hover{text-decoration:underline;color:var(--ug-brand)}
.ug-resource-panel__body p{margin:5px 0 0;color:var(--ug-muted);font-size:15px;line-height:1.5}
.ug-resource-panel__body p a{text-decoration:underline;text-underline-offset:3px}
.ug-resource-panel__arrow{color:var(--ug-brand);font-size:22px;justify-self:center}
.page-catalog__container > .ug-resource-panel + *{margin-top:var(--ug-section-gap)}
@media(max-width:767px){
  :root{--ug-section-gap:26px}
  .site-main__page :is(.seo-related-note,.ug-procurement-link){padding:14px 16px;font-size:15px}
  .page-catalog__container > .ug-resource-panel{padding:18px 16px}
  .ug-resource-panel__item{grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;padding:15px 0}
  .ug-resource-panel__icon{width:34px;height:34px}
  .ug-resource-panel__icon svg{width:20px;height:20px}
  .ug-resource-panel__body .ug-resource-panel__title{font-size:16px}
  .ug-resource-panel__body p{font-size:14px}
  .site-main__page .ug-ux-links{grid-template-columns:1fr}
}

/* UG design system final spacing: hero, sections and footer */
.page-catalog .page-catalog__products.products--section,
.page-catalog .page-catalog__products.products--section80{margin-top:var(--ug-section-gap)}
.page-catalog .seo-product-nav{margin-top:var(--ug-section-gap)}
.site__footer{margin-top:var(--ug-section-gap)}


/* UG certificate register spacing 2026-10-24 — consistent rhythm with website design system */
.site-main__page .ug-cert-register > h2 {
  margin-top:20px;
  margin-bottom:14px;
}
.site-main__page .ug-cert-register > h2 + p {
  margin:0 0 22px;
  line-height:1.6;
}
.site-main__page .ug-cert-register > .ug-doc-table-scroll {
  margin-top:0;
  margin-bottom:0;
}
.site-main__page .ug-cert-register__table th,
.site-main__page .ug-cert-register__table td {
  padding:13px 14px;
}
.site-main__page .ug-cert-register > .ug-procurement-note {
  margin:18px 0 16px!important;
}
.site-main__page .ug-cert-register > .ug-procurement-note + p {
  margin:0;
}
@media(max-width:767px) {
  .site-main__page .ug-cert-register > h2 {margin-bottom:12px;}
  .site-main__page .ug-cert-register > h2 + p {margin-bottom:18px;}
  .site-main__page .ug-cert-register__table th,
  .site-main__page .ug-cert-register__table td {padding:12px 12px;}
  .site-main__page .ug-cert-register > .ug-procurement-note {margin:16px 0 14px!important;}
}


/* UG delivery page design 2026-10-24: site-specific, no Universal Core changes */
.page-delivery .default-header {isolation:isolate;overflow:hidden}
.page-delivery .default-header__bg {opacity:.16}
.page-delivery .default-header::after {
  content:"";display:block;position:absolute;z-index:1;pointer-events:none;
  top:45px;right:max(12px,calc((100vw - 1440px)/2 + 30px));
  width:min(54vw,790px);height:370px;
  background:url('/assets/images/ug-delivery-hero.webp') center center/contain no-repeat;
}
.page-delivery .default-header__container {position:relative;z-index:2}
.page-delivery .page-default__container {margin-top:40px}
.page-delivery .ug-delivery-content {color:var(--ug-ink);line-height:1.6;max-width:100%;min-width:0}
.page-delivery .ug-delivery-content > h2 {font-size:clamp(23px,2vw,28px);line-height:1.3;font-weight:700;margin:36px 0 12px}
.page-delivery .ug-delivery-content > h2:first-child {margin-top:0}
.page-delivery .ug-delivery-content :is(p,li) {font-size:16px;line-height:1.6}
.page-delivery .ug-delivery-content .ug-delivery-intro,
.page-delivery .ug-delivery-content .ug-delivery-section-desc {margin:0 0 20px;color:var(--ug-muted)}
.page-delivery .ug-order-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0;counter-reset:none}
.page-delivery .ug-order-steps > li {
  display:flex;align-items:flex-start;gap:12px;min-width:0;margin:0;padding:20px 18px;
  background:var(--ug-pale);border:1px solid var(--ug-stroke);border-radius:var(--ug-radius);
}
.page-delivery .ug-order-steps__number {
  flex:0 0 35px;width:35px;height:35px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:15px;font-weight:700;background:#fff;color:var(--ug-brand);border:1px solid var(--ug-stroke);
}
.page-delivery .ug-order-steps h3 {font-size:17px;font-weight:700;color:var(--ug-ink);line-height:1.35;margin:2px 0 9px}
.page-delivery .ug-order-steps p {font-size:15px;line-height:1.55;margin:0;color:#415774}
.page-delivery .ug-packaging-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.page-delivery .ug-packaging-card {
  display:flex;flex-direction:column;min-width:0;padding:20px 22px 22px;
  background:#f7faff;border:1px solid var(--ug-stroke);border-radius:var(--ug-radius);
}
.page-delivery .ug-packaging-card__media {
  display:flex;align-items:center;justify-content:center;height:124px;min-height:124px;margin-bottom:14px;
  border-radius:10px;background:#fff;
}
.page-delivery .ug-packaging-card__media img {
  display:block;max-width:100%;width:auto;height:111px;object-fit:contain;
}
.page-delivery .ug-packaging-card h3 {font-size:19px;line-height:1.3;color:var(--ug-ink);font-weight:700;margin:0 0 10px}
.page-delivery .ug-packaging-card p {font-size:15px;color:#415774;line-height:1.55;margin:0}
.page-delivery .ug-delivery-details {
  display:flex;align-items:flex-start;gap:18px;margin:34px 0 0;
  padding:24px 26px;background:var(--ug-pale);border-radius:var(--ug-radius);
}
.page-delivery .ug-delivery-details__icon {
  flex:0 0 50px;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--ug-stroke);
}
.page-delivery .ug-delivery-details__icon img {width:36px;height:36px;object-fit:contain}
.page-delivery .ug-delivery-details h2 {font-size:clamp(22px,1.9vw,26px);font-weight:700;margin:0 0 10px;color:var(--ug-ink);line-height:1.3}
.page-delivery .ug-delivery-details p {margin:0;color:#415774}
.page-delivery .ug-delivery-checklist {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none}
.page-delivery .ug-delivery-checklist li {
  position:relative;min-width:0;margin:0;padding:14px 16px 14px 46px;
  border:1px solid var(--ug-stroke);border-radius:11px;background:#fff;
}
.page-delivery .ug-delivery-checklist li::before {
  content:"✓";position:absolute;left:15px;top:15px;display:flex;align-items:center;justify-content:center;
  height:21px;width:21px;border-radius:50%;background:#e5efff;color:var(--ug-brand);font-weight:700;
}
.page-delivery .ug-delivery-related {margin:0;color:var(--ug-muted)}
.page-delivery .ug-delivery-seo {
  margin:36px 0 0;padding:26px 30px;background:#f5f8fd;
  border:1px solid var(--ug-stroke);border-radius:var(--ug-radius);
}
.page-delivery .ug-delivery-seo h2 {
  font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.3;color:var(--ug-ink);margin:0 0 14px;
}
.page-delivery .ug-delivery-seo p {margin:0 0 12px;font-size:16px;line-height:1.65}
.page-delivery .ug-delivery-seo p:last-child {margin-bottom:0}
.page-delivery :is(.ug-delivery-content,.ug-delivery-seo) a {color:var(--ug-brand);text-underline-offset:3px}
@media(max-width:1199px){
  .page-delivery .ug-order-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-delivery .default-header::after {width:49vw;right:0;opacity:.85}
}
@media(max-width:767px){
  .page-delivery .default-header::after {
    top:8px;right:0;width:46vw;height:130px;opacity:.16;
  }
  .page-delivery .default-header__content {position:relative;z-index:2}
  .page-delivery .page-default__container {margin-top:26px}
  .page-delivery .ug-order-steps {grid-template-columns:1fr;gap:10px}
  .page-delivery .ug-order-steps > li {padding:15px}
  .page-delivery .ug-packaging-grid {grid-template-columns:1fr;gap:12px}
  .page-delivery .ug-packaging-card {padding:17px}
  .page-delivery .ug-packaging-card__media {height:115px;min-height:115px}
  .page-delivery .ug-packaging-card__media img {height:103px}
  .page-delivery .ug-delivery-details {padding:18px;gap:12px;margin-top:26px}
  .page-delivery .ug-delivery-details__icon {flex-basis:40px;width:40px;height:40px}
  .page-delivery .ug-delivery-details__icon img {width:29px;height:29px}
  .page-delivery .ug-delivery-checklist {grid-template-columns:1fr;gap:9px}
  .page-delivery .ug-delivery-content > h2 {margin-top:28px}
  .page-delivery .ug-delivery-seo {margin-top:28px;padding:20px 18px}
}

/* Delivery order steps: prevent legacy ordered-list counters from duplicating numbered badges */
.page-delivery .ug-order-steps > li::before {content:none!important;display:none!important}
.page-delivery .ug-order-steps > li::marker {content:""}

/* Delivery packaging: original homepage product photography; image left and copy right */
.page-delivery .ug-packaging-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.page-delivery .ug-packaging-card {
  display:grid;grid-template-columns:158px minmax(0,1fr);align-items:center;
  gap:18px;padding:18px 20px;min-width:0;
}
.page-delivery .ug-packaging-card__media {
  display:flex;align-items:center;justify-content:center;width:158px;height:165px;
  min-height:165px;margin:0;background:#fff;border-radius:10px;
}
.page-delivery .ug-packaging-card__media img {
  display:block;max-width:calc(100% - 12px);max-height:153px;width:auto;height:auto;object-fit:contain;
}
.page-delivery .ug-packaging-card__content {min-width:0}
.page-delivery .ug-packaging-card__content h3 {font-size:19px;margin:0 0 10px}
.page-delivery .ug-packaging-card__content p {font-size:15px;margin:0;line-height:1.58}
@media(max-width:1100px) {
  .page-delivery .ug-packaging-grid {grid-template-columns:1fr}
}
@media(max-width:767px) {
  .page-delivery .ug-packaging-card {
    display:grid;grid-template-columns:102px minmax(0,1fr);gap:12px;
    padding:13px;align-items:center;
  }
  .page-delivery .ug-packaging-card__media {
    width:102px;height:126px;min-height:126px;margin:0;
  }
  .page-delivery .ug-packaging-card__media img {
    max-width:calc(100% - 8px);max-height:116px;width:auto;height:auto;
  }
  .page-delivery .ug-packaging-card__content h3 {font-size:17px;margin:0 0 7px}
  .page-delivery .ug-packaging-card__content p {font-size:14px;line-height:1.5}
}

/* UG delivery full hero illustration 2026-10-24 — single background, fully visible right edge */
.page-delivery .default-header {background:#fff;isolation:isolate;overflow:hidden}
.page-delivery .default-header__bg {display:none!important}
.page-delivery .default-header::after {
  content:"";display:block;position:absolute;z-index:1;pointer-events:none;
  top:0;right:0;bottom:0;left:auto;
  width:min(70vw,1100px);height:100%;opacity:1;
  background-image:url('/assets/images/ug-delivery-process-hero.avif');
  background-repeat:no-repeat;background-position:right center;background-size:contain;
}
.page-delivery .default-header__container {position:relative;z-index:2}
@media(max-width:1199px) and (min-width:768px) {
  .page-delivery .default-header::after {top:0;right:0;bottom:0;width:70vw;height:100%;opacity:.82;background-size:contain}
}
@media(max-width:767px) {
  .page-delivery .default-header::after {
    top:0;right:0;bottom:auto;width:min(84vw,360px);height:150px;
    opacity:.18;background-size:contain;background-position:right top;
  }
}

/* Delivery hero: softly merge illustration into the white copy area, not a hard rectangular edge */
@media(min-width:768px){
 .page-delivery .default-header::after{
   -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 50%);
   mask-image:linear-gradient(to right,transparent 0%,#000 50%);
 }
}

/* UG delivery transparent contained illustration 2026-10-24: original site background, comfortable right padding */
.page-delivery .default-header {background:transparent;isolation:isolate;overflow:hidden}
.page-delivery .default-header__bg {display:block!important;opacity:.20!important}
.page-delivery .default-header::after {
  content:"";display:block;position:absolute;z-index:1;pointer-events:none;
  top:0;bottom:0;left:auto;
  right:max(24px,calc((100vw - 1320px)/2));
  width:min(49vw,740px);height:100%;opacity:1;
  background-image:url('/assets/images/ug-delivery-order-illustration.webp');
  background-position:center right;background-size:contain;background-repeat:no-repeat;
  -webkit-mask-image:none;mask-image:none;
}
.page-delivery .default-header__container {position:relative;z-index:2}
@media (min-width:768px) and (max-width:1199px){
 .page-delivery .default-header::after {
  right:20px;width:46vw;height:100%;top:0;bottom:0;opacity:.78;
  -webkit-mask-image:none;mask-image:none;
 }
}
@media (max-width:767px){
 .page-delivery .default-header__bg {opacity:.12!important}
 .page-delivery .default-header::after {
  top:2px;right:16px;bottom:auto;width:min(62vw,270px);height:130px;
  opacity:.15;background-position:right top;background-size:contain;
  -webkit-mask-image:none;mask-image:none;
 }
}

/* Delivery hero 2026-10-24: original illustration size preserved, horizontal position only */
@media (min-width:1200px) {
  .page-delivery .default-header::after {
    top:0;bottom:0;left:auto;
    right:max(36px,calc((100vw - 1640px)/2));
    transform:translateX(70px);
    width:min(49vw,740px);height:100%;opacity:1;
    background-position:center right;background-size:contain;background-repeat:no-repeat;
  }
}
@media (min-width:768px) and (max-width:1199px) {
  .page-delivery .default-header::after {
    top:0;bottom:0;left:auto;right:20px;
    width:46vw;height:100%;opacity:.78;
    background-size:contain;background-position:right center;
  }
}

/* Packaging product images: seamless transparent presentation 2026-10-24 */
.page-delivery .ug-packaging-card__media {background:transparent}


/* UG breadcrumb navigation design 2026-10-24 */
.default-header .breadcrumbs {max-width:100%;min-width:0;}
.default-header .breadcrumbs__list {
  display:flex;flex-wrap:wrap;align-items:center;column-gap:11px;row-gap:6px;
  list-style:none;margin:0;padding:0;
  font-size:13px;line-height:1.5;
}
.default-header .breadcrumbs__item {
  display:inline-flex;align-items:center;gap:11px;min-width:0;max-width:100%;
  margin:0;padding:0;list-style:none;
  font-size:inherit;line-height:inherit;
}
.default-header .breadcrumbs__link {
  display:inline-flex;align-items:center;min-height:24px;
  color:#506784;text-decoration:none;line-height:1.45;
  transition:color .18s ease;
}
.default-header .breadcrumbs__link:hover{color:#0342c8}
.default-header .breadcrumbs__link:focus-visible{outline:2px solid #0342c8;outline-offset:3px;border-radius:4px;}
.default-header .breadcrumbs__separator{display:none}
.default-header .breadcrumbs__item:not(:last-child)::after {
  content:"";display:block;flex:0 0 6px;width:6px;height:6px;
  border-top:1.5px solid #91a5bf;border-right:1.5px solid #91a5bf;
  transform:rotate(45deg);
}
.default-header .breadcrumbs__item:first-child > .breadcrumbs__link {
  display:inline-flex;justify-content:center;align-items:center;
  width:27px;height:27px;min-height:27px;border-radius:7px;
}
.default-header .breadcrumbs__item:first-child > .breadcrumbs__link:hover{background:#edf3ff}
.default-header .breadcrumbs__item:first-child > .breadcrumbs__link::before {
  content:"";width:18px;height:18px;display:block;flex-shrink:0;
  background:url('/assets/images/ug-breadcrumb-home.svg') center/contain no-repeat;
}
.default-header .breadcrumbs__item:first-child .breadcrumbs__name {
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.default-header .breadcrumbs__item:last-child .breadcrumbs__link {
  color:#152d60;font-weight:600;
}
@media(max-width:767px) {
  .default-header .breadcrumbs__list{font-size:12px;column-gap:8px;row-gap:4px}
  .default-header .breadcrumbs__item{gap:8px}
  .default-header .breadcrumbs__item:first-child > .breadcrumbs__link {
    width:24px;height:24px;min-height:24px;
  }
  .default-header .breadcrumbs__item:first-child > .breadcrumbs__link::before {
    width:17px;height:17px;
  }
}


/* UG home product chooser and catalog filter — 2026-10-24 */
.ug-home-chooser {margin:34px 0 42px;padding:0 0 2px;position:relative;z-index:2}
.ug-home-chooser__heading{text-align:center;margin:0 auto 22px;max-width:850px}
.ug-home-chooser__heading h2{font-size:clamp(24px,2.25vw,32px);color:#091e54;line-height:1.25;margin:0 0 10px}
.ug-home-chooser__heading p{font-size:16px;line-height:1.55;color:#536784;margin:0}
.ug-home-chooser__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ug-home-chooser__card{display:flex;flex-direction:column;min-width:0;gap:14px;padding:23px 24px 22px;border:1px solid #dce7f7;border-radius:15px;background:#f5f8fe;transition:border-color .16s ease,box-shadow .16s ease}
.ug-home-chooser__card:hover{border-color:#a5c3f5;box-shadow:0 6px 22px rgba(18,57,123,.055)}
.ug-home-chooser__code{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:56px;min-height:34px;padding:4px 10px;border:1px solid #bdd1f4;border-radius:8px;color:#0642c9;background:#fff;font-weight:700;font-size:14px;letter-spacing:.01em}
.ug-home-chooser__info{display:flex;flex-direction:column;flex:1}
.ug-home-chooser__info h3{font-size:19px;line-height:1.35;color:#09245a;font-weight:700;margin:0 0 10px}
.ug-home-chooser__info p{font-size:15px;line-height:1.58;color:#425977;margin:0 0 20px}
.ug-home-chooser__info a{align-self:flex-start;margin-top:auto;font-size:15px;font-weight:600;color:#0442cb;text-decoration:none;line-height:1.45}
.ug-home-chooser__info a:hover{text-decoration:underline;text-underline-offset:3px}
.ug-home-chooser__help{text-align:center;font-size:15px;line-height:1.55;color:#536784;margin:18px 0 0}
.ug-home-chooser__help a{color:#0644cb;text-decoration:underline;text-underline-offset:3px}
.ug-home-chooser a:focus-visible{outline:2px solid #0444ce;outline-offset:4px;border-radius:3px}
.ug-catalog-filter[hidden],.ug-catalog-filter__status[hidden],.products-item[hidden]{display:none!important}
.seo-product-nav .ug-catalog-filter{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 0}
.seo-product-nav .ug-catalog-filter button{appearance:none;-webkit-appearance:none;border:1px solid #c8d7ed;border-radius:10px;background:#fff;color:#184276;font-size:15px;font-weight:600;line-height:1.4;padding:10px 17px;min-height:44px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
.seo-product-nav .ug-catalog-filter button:hover{border-color:#255bd4;background:#f2f6fe}
.seo-product-nav .ug-catalog-filter button[aria-pressed="true"]{color:#fff;background:#0342c7;border-color:#0342c7}
.seo-product-nav .ug-catalog-filter button:focus-visible{outline:3px solid #a3bcff;outline-offset:3px}
.seo-product-nav .ug-catalog-filter button span{font-weight:400;opacity:.8;margin-left:4px}
.seo-product-nav .ug-catalog-filter__status{margin:10px 0 0;font-size:13px;color:#586d88;line-height:1.4}
.seo-product-nav .ug-product-nav-related{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-top:15px;font-size:14px;line-height:1.5}
.seo-product-nav .ug-product-nav-related span{color:#526886}
.seo-product-nav .ug-product-nav-related a{color:#1c56b3;text-decoration:underline;text-underline-offset:3px}
.seo-product-nav .ug-product-nav-related a:last-child{font-weight:600}
@media(max-width:980px){
 .ug-home-chooser__grid{grid-template-columns:1fr;gap:11px}
 .ug-home-chooser__card{display:grid;grid-template-columns:68px minmax(0,1fr);gap:14px;padding:18px}
 .ug-home-chooser__code{margin-top:2px}
 .ug-home-chooser__info p{margin-bottom:10px}
}
@media(max-width:767px){
 .ug-home-chooser{margin:24px 0 30px}
 .ug-home-chooser__heading{margin-bottom:17px}
 .ug-home-chooser__heading h2{font-size:24px}
 .ug-home-chooser__heading p{font-size:14px}
 .ug-home-chooser__card{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:15px 14px}
 .ug-home-chooser__code{min-width:48px;min-height:32px;font-size:12px;padding:4px 5px}
 .ug-home-chooser__info h3{font-size:17px;margin-bottom:7px}
 .ug-home-chooser__info p{font-size:14px;margin-bottom:9px;line-height:1.5}
 .ug-home-chooser__info a{font-size:14px}
 .ug-home-chooser__help{font-size:14px;margin-top:15px}
 .seo-product-nav .ug-catalog-filter{gap:7px;margin-top:15px}
 .seo-product-nav .ug-catalog-filter button{flex:1 0 calc(50% - 8px);padding:10px 8px}
 .seo-product-nav .ug-product-nav-related{margin-top:13px;gap:7px 11px;font-size:13px}
}

/* Distinct links within product chooser — card itself is not clickable. */
.ug-home-chooser__card {position:relative;cursor:default}
.ug-home-chooser__card .ug-home-chooser__info > a:focus-visible {
  outline:3px solid #8aacff;
  outline-offset:3px;
  border-radius:3px;
}


/* UG chooser illustration and content details — 2026-10-24 */
.ug-home-chooser__card{
 overflow:hidden;
 background:
   radial-gradient(circle at 95% 10%,rgba(79,139,229,.17),transparent 43%),
   linear-gradient(145deg,#f6f9ff 0%,#eef4ff 100%);
 border-color:#d8e5f8;
}
.ug-home-chooser__card:hover{
 border-color:#a5c3f5;
 background:
   radial-gradient(circle at 95% 10%,rgba(79,139,229,.22),transparent 44%),
   linear-gradient(145deg,#f6f9ff 0%,#ebf2ff 100%);
}
.ug-home-chooser__art{
 position:absolute;right:17px;top:12px;
 width:112px;height:112px;object-fit:contain;
 opacity:.30;pointer-events:none;user-select:none;
}
.ug-home-chooser__code{position:relative;z-index:1}
.ug-home-chooser__info{position:static;z-index:auto}
.ug-home-chooser__info h3{max-width:calc(100% - 38px)}
.ug-home-chooser__info p{margin-bottom:14px}
.ug-home-chooser__tags{
 display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;
 list-style:none;padding:0;margin:auto 0 13px;max-width:100%;
}
.ug-home-chooser__tags li{
 font-size:12px;line-height:1.38;font-weight:600;color:#365e99;
 border:1px solid #d6e3f7;border-radius:20px;
 background:rgba(255,255,255,.76);padding:6px 10px;
 white-space:normal;
}
.ug-home-chooser__info a{margin-top:0}
@media(max-width:980px){
 .ug-home-chooser__art{
  top:67px;right:auto;left:23px;width:48px;height:48px;opacity:.42;
 }
 .ug-home-chooser__info h3{max-width:100%}
 .ug-home-chooser__tags{margin:0 0 10px}
}
@media(max-width:767px){
 .ug-home-chooser__art{left:19px;top:64px;width:39px;height:39px}
 .ug-home-chooser__info p{margin-bottom:10px}
 .ug-home-chooser__tags{gap:5px;margin:0 0 9px}
 .ug-home-chooser__tags li{font-size:11px;padding:5px 8px}
}


/* UG B2B quotation details 2026-10-24 */
#modal-kp .ug-kp-details{min-width:0;margin:12px 0 15px;padding:14px 14px 12px;border:1px solid #dbe5f5;border-radius:12px;background:#f5f8fe}
#modal-kp .ug-kp-details legend{font-size:15px;color:#122a5d;font-weight:700;padding:0 6px}
#modal-kp .ug-kp-details legend span{font-size:12px;font-weight:400;color:#647793}
#modal-kp .ug-kp-details__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#modal-kp .ug-kp-details__field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;font-weight:600;color:#3b5274;line-height:1.35}
#modal-kp .ug-kp-details__field:first-child{grid-column:1/-1}
#modal-kp .ug-kp-details input,#modal-kp .ug-kp-details select{width:100%;box-sizing:border-box;height:42px;min-height:42px;min-width:0;margin:0;padding:8px 11px;border:1px solid #cbd9ed;border-radius:8px;background:#fff;color:#0d2356;font:inherit;font-size:14px;font-weight:400}
#modal-kp .ug-kp-details input:focus,#modal-kp .ug-kp-details select:focus{border-color:#0646ce;outline:2px solid #a8c6fb;outline-offset:1px}
#modal-kp .ug-kp-details input::placeholder{color:#8091ab}
.page-catalog .ug-product-doc-request{color:#064ac9;text-decoration:underline;text-underline-offset:2px}
@media(max-width:480px){
 #modal-kp .ug-kp-details{padding:11px;margin:10px 0 12px}
 #modal-kp .ug-kp-details__grid{grid-template-columns:1fr;gap:9px}
 #modal-kp .ug-kp-details__field:first-child{grid-column:auto}
}

/* Mobile Fancybox form content fits the actual modal viewport — 2026-10-24 */
@media(max-width:767px){
 .fancybox-inner .modal-form__inner{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:20px 16px 18px!important}
 .fancybox-inner .modal-form__inner form,.fancybox-inner .modal-form__inner .form{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
 .fancybox-inner .modal-form__inner input:not([type=checkbox]):not([type=hidden]),.fancybox-inner .modal-form__inner select{max-width:100%;box-sizing:border-box}
 .fancybox-inner .modal-form__inner .ns-kp-product-choice{overflow-wrap:anywhere;white-space:normal}
 .fancybox-inner .modal-form__inner .form__agree{overflow-wrap:anywhere}
}


/* Shared compact contact layout — forms КП, consultation, callback, 2026-10-24 */
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main{
  padding:14px; margin:0 0 12px;
  border:1px solid #dbe5f5; border-radius:12px;
  background:#f5f8fe; box-sizing:border-box;
}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main .form__header{
  margin:0 0 12px;padding:0;text-align:left;
}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main .form__header .h2,
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main .form__header .h2 p{
  margin:0;padding:0;font-size:23px;line-height:1.2;font-weight:700;color:#122a5d;
}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main .form__header .h4{
  margin:5px 0 0;padding:0;font-size:13px;line-height:1.45;
  color:#627591;font-weight:400;
}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 10px;min-width:0;
}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields > p{
  margin:0!important;min-width:0;padding:0;
}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields > p:nth-child(3){grid-column:1/-1}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields .wpcf7-form-control-wrap{display:block;min-width:0}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields input{
  width:100%;height:42px;max-width:100%;min-width:0;
  box-sizing:border-box;margin:0!important;padding:9px 11px;
  font-size:14px;line-height:1.35;
  color:#0d2356;background:#fff;border:1px solid #cbd9ed;border-radius:8px;
}
:is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields input:focus{
  border-color:#0646ce;outline:2px solid #a8c6fb;outline-offset:1px;
}
#modal-kp .ug-kp-main .ns-kp-product-choice{
  margin:0 0 10px;padding:7px 10px;
  font-size:12px;line-height:1.35;background:#fff;
}
@media(max-width:767px){
  :is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main{padding:12px;margin:0 0 10px}
  :is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main .form__header{margin-bottom:10px}
  :is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main .form__header .h2,
  :is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main .form__header .h2 p{font-size:21px}
  :is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields{grid-template-columns:minmax(0,1fr);gap:8px}
  :is(#modal-kp,#modal-consultation,#modal-order) .ug-kp-main__fields > p:nth-child(3){grid-column:auto}
}

/* UG compact form block spacing 2026-10-24 */
#modal-kp .ug-kp-main{margin-bottom:6px}
#modal-kp .ug-kp-main + .ug-kp-details{margin-top:4px}
@media(max-width:767px){#modal-kp .ug-kp-main{margin-bottom:4px}#modal-kp .ug-kp-main + .ug-kp-details{margin-top:2px}}


/* UG modal close and consent control refresh — 2026-10-24 */
/* Keep Fancybox close behavior; use the same control on all three contact dialogs. */
.fancybox-wrap:has(.modal-form) .fancybox-close {
    top: 9px !important;
    right: 9px !important;
    left: auto !important;
    width: 34px !important;
    height: 34px !important;
    display: block;
    border: 1px solid #d4e1f5;
    box-sizing: border-box;
    border-radius: 9px;
    background: #f3f7ff !important;
    box-shadow: none;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.fancybox-wrap:has(.modal-form) .fancybox-close::before,
.fancybox-wrap:has(.modal-form) .fancybox-close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 2px;
    border-radius: 2px;
    background-color: #22468b;
    pointer-events: none;
}
.fancybox-wrap:has(.modal-form) .fancybox-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.fancybox-wrap:has(.modal-form) .fancybox-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.fancybox-wrap:has(.modal-form) .fancybox-close:hover {
    background: #e6efff !important;
    border-color: #94b8ed;
}
.fancybox-wrap:has(.modal-form) .fancybox-close:focus-visible {
    outline: 2px solid #0646ce;
    outline-offset: 3px;
}
/* Shared consent row; real checkbox stays visible, required and keyboard-focusable. */
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree {
    margin: 12px 0 0;
    padding: 10px 12px;
    background: #f5f8fe;
    border: 1px solid #dbe5f5;
    border-radius: 10px;
    box-sizing: border-box;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree > p {
    margin: 0;
    padding: 0;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree label {
    display: flex !important;
    gap: 10px;
    align-items: flex-start;
    cursor: pointer;
    min-width: 0;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree input[type="checkbox"] {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    appearance: none;
    -webkit-appearance: none;
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
    min-width: 19px;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    border: 1.5px solid #8ba8d3;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree input[type="checkbox"]:checked {
    background: #0646ce;
    border-color: #0646ce;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree input[type="checkbox"]:checked::after {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree input[type="checkbox"]:focus-visible {
    outline: 2px solid #0646ce;
    outline-offset: 3px;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree label > span {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #526581;
    white-space: normal;
    overflow-wrap: normal;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree label > span::before,
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree label > span::after {
    content: none !important;
    display: none !important;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree a {
    display: inline !important;
    color: #0646c5 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: normal;
    overflow-wrap: anywhere;
}
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree a:hover { color: #002f94 !important; }
:is(#modal-kp,#modal-consultation,#modal-order) .form__agree a:focus-visible {
    outline: 2px solid #0646ce;
    outline-offset: 2px;
}
@media (max-width: 767px) {
    .fancybox-wrap:has(.modal-form) .fancybox-close {
        top: 8px !important;
        right: 8px !important;
        width: 32px !important;
        height: 32px !important;
    }
    :is(#modal-kp,#modal-consultation,#modal-order) .form__agree {
        margin-top: 10px;
        padding: 9px 10px;
    }
    :is(#modal-kp,#modal-consultation,#modal-order) .form__agree label { gap: 9px; }
    :is(#modal-kp,#modal-consultation,#modal-order) .form__agree label > span {
        font-size: 12px;
        line-height: 1.45;
    }
}


/* UG unified modal window rounded geometry, 2026-10-24 */
.fancybox-wrap:has(.modal-form) .fancybox-skin {
    border-radius: 20px !important;
    box-shadow: 0 18px 44px rgba(12, 36, 83, .18) !important;
}
.fancybox-wrap:has(.modal-form) .fancybox-outer,
.fancybox-wrap:has(.modal-form) .fancybox-inner {
    border-radius: 20px !important;
}
.fancybox-wrap:has(.modal-form) .modal-form,
.fancybox-wrap:has(.modal-form) .modal-form__inner {
    border-radius: 20px;
}
/* Do not clip the scroll area or close button: leave overflow control to Fancybox. */
@media(max-width:767px) {
    .fancybox-wrap:has(.modal-form) .fancybox-skin,
    .fancybox-wrap:has(.modal-form) .fancybox-outer,
    .fancybox-wrap:has(.modal-form) .fancybox-inner,
    .fancybox-wrap:has(.modal-form) .modal-form,
    .fancybox-wrap:has(.modal-form) .modal-form__inner {
        border-radius: 18px !important;
    }
}

/* Fancybox scrollbar compensation: keep the fixed navigation stable in Chrome.
   Fancybox applies .fancybox-margin to fixed elements as well as html; on
   desktop Chrome the generated margin is typically the classic scrollbar width.
   The header already spans the viewport and must not inherit that extra margin.
   Leave Fancybox's page scroll locking and overlay positioning untouched. */
html.fancybox-lock .site-header.fancybox-margin {
    margin-right: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: none;
}


/* Chrome / Firefox scrollbar stability: reserve the same viewport gutter whether
   Fancybox is open or not, and disable Fancybox's extra right-margin compensation.
   Tested in headed Chromium with a physical 15 px scrollbar. */
html { scrollbar-gutter: stable; }
html.fancybox-lock.fancybox-margin { margin-right: 0 !important; }
html.fancybox-lock .site-header.fancybox-margin {
    margin-right: 0 !important;
    width: 100% !important;
}
/* Unify contact fieldset with the already-approved "Детали запроса" fieldset. */
:is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main {
    display: block;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: 14px 14px 12px;
    margin: 0 0 10px;
    box-sizing: border-box;
    border: 1px solid #dbe5f5;
    border-radius: 12px;
    background: #f5f8fe;
}
:is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__legend {
    display: table;
    width: auto;
    max-width: 100%;
    padding: 0 6px;
    margin: 0 0 4px;
    background: transparent;
    text-align: left;
    border: none;
    float: none;
}
:is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__legend .h2,
:is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__title {
    display: inline;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    color: #122a5d;
    margin: 0;
    padding: 0;
}
:is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__description {
    margin: 0 0 12px;
    padding: 0;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 400;
    color: #627591;
}
:is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__fields {
    margin: 0;
}
@media(max-width:767px) {
    :is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main {
        padding: 12px 11px 11px;
        margin-bottom: 9px;
    }
    :is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__legend .h2,
    :is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__title {
        font-size: 15px;
    }
    :is(#modal-kp,#modal-consultation,#modal-order) fieldset.ug-kp-main .ug-kp-main__description {
        margin-bottom: 10px;
        font-size: 12px;
    }
}


/* UG free text quote request, 700 chars — 2026-10-24 */
#modal-kp .ug-kp-details textarea[name="ug_kp_request"] {
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    height:78px;
    min-height:76px;
    max-height:160px;
    padding:10px 11px;
    box-sizing:border-box;
    border:1px solid #cbd9ed;
    border-radius:8px;
    background:#fff;
    color:#0d2356;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.45;
    overflow-y:auto;
    resize:vertical;
    white-space:pre-wrap;
}
#modal-kp .ug-kp-details textarea[name="ug_kp_request"]::placeholder {color:#8091ab;opacity:1;}
#modal-kp .ug-kp-details textarea[name="ug_kp_request"]:focus {
    border-color:#0646ce;
    outline:2px solid #a8c6fb;
    outline-offset:1px;
}
@media(max-width:480px){
    #modal-kp .ug-kp-details textarea[name="ug_kp_request"] {height:83px;min-height:76px;max-height:148px;}
}


/* UG keyboard tabs focus and status — 2026-10-24 */
.page-product .tabs__link [role="tab"]{cursor:pointer}
.page-product .tabs__link [role="tab"]:focus-visible{
    outline:3px solid #659bf9;
    outline-offset:3px;
    position:relative;
    z-index:2;
}
.page-product [role="tabpanel"]:focus-visible{
    outline:2px solid #9cbeff;
    outline-offset:2px;
}


/* UG product type comparisons: responsive cards, 2026-10-24 */
.ug-type-compare__table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.ug-type-compare__table th,.ug-type-compare__table td{
  border-bottom:1px solid #dce7f5;padding:11px 12px;
  vertical-align:top;text-align:left;overflow-wrap:anywhere
}
.ug-type-compare__table thead{background:#eef4fc;color:#102f68}
.ug-type-compare__table th{font-weight:650}
.ug-type-compare__table tbody tr:last-child th,.ug-type-compare__table tbody tr:last-child td{border-bottom:0}
.ug-type-compare__table a{color:#0649c9;text-decoration:underline;text-underline-offset:3px}
.ug-type-compare__table a:hover{color:#002b86}
.ug-type-compare__caption{font-size:0;line-height:0;height:0;overflow:hidden}
.ug-type-compare__hint{display:block;color:#60718c;margin-top:5px}
.ug-type-compare__split{display:block;margin-top:5px}
.ug-type-compare__variants{margin:14px 0 17px;border:1px solid #dce7f5;border-radius:12px;overflow:hidden}
.ug-type-compare__table--variants{min-width:0;margin:0}
.ug-type-compare__footnote{margin:0!important;padding:10px 13px;font-size:13px!important;line-height:1.45;color:#617491;background:#f5f8fe}
@media(max-width:700px){
 .ug-ux-table-wrap:has(.ug-type-compare__table){overflow:visible}
 .ug-type-compare__table,.ug-type-compare__table tbody{display:block;width:100%;min-width:0!important}
 .ug-type-compare__table thead{display:none}
 .ug-type-compare__table tbody tr{
   display:block;max-width:100%;box-sizing:border-box;
   border:1px solid #dce7f5;border-radius:10px;
   margin:0 0 10px;padding:9px 12px;background:#f6f9fe;
 }
 .ug-type-compare__table th,.ug-type-compare__table td{
   display:block;width:100%;max-width:100%;box-sizing:border-box;
   padding:6px 0;border:0;
 }
 .ug-type-compare__table th[scope="row"]{font-size:16px;font-weight:700;color:#0d3479}
 .ug-type-compare__table td[data-label="Концентрация"]::before,
 .ug-type-compare__table td[data-label="Кратность"]::before{
   content:attr(data-label) ": ";font-weight:650;color:#23436f
 }
 .ug-type-compare__table td[data-label="Продукция"],
 .ug-type-compare__table td[data-label="Характеристики"]{padding-top:9px;border-top:1px solid #dce7f5;margin-top:5px}
 .ug-type-compare__variants{border:0;overflow:visible;margin:12px 0 14px}
 .ug-type-compare__footnote{border:1px solid #dce7f5;border-radius:10px}
}

/* UG AFFF AR-LV compare section outside the mobile read-more */
.page-catalog__products > .ug-type-compare__section{margin:clamp(30px,3vw,42px) 0 0;max-width:100%}
.page-catalog__products > .ug-type-compare__section > h2{
 font-size:clamp(21px,2vw,28px);font-weight:650;line-height:1.25;color:#0b2056;
 margin:0 0 12px
}
.page-catalog__products > .ug-type-compare__section > p{
 margin:0 0 12px;color:#536889;line-height:1.5
}
@media(max-width:767px){
 .page-catalog__products > .ug-type-compare__section{margin-top:24px}
 .page-catalog__products > .ug-type-compare__section > h2{font-size:21px}
}


/* Direct choice-to-quote actions in product comparisons — 2026-10-24.
   Designed to stay inside the existing wrapper on both desktop and mobile. */
.ug-compare-actions{display:grid;gap:8px;min-width:0;width:100%;max-width:100%}
.ug-compare-actions__item{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
 gap:8px;min-width:0;padding:6px 8px;
 border:1px solid #dce6f6;border-radius:9px;background:#f7faff;
}
.ug-compare-actions__product{
 display:block;min-width:0;overflow-wrap:anywhere;font-weight:600;
 color:#1044ab!important;text-decoration:underline;text-underline-offset:3px;
}
.ug-compare-actions__quote{
 display:inline-flex;align-items:center;justify-content:center;
 min-width:91px;padding:8px 10px;border-radius:20px;
 text-align:center;line-height:1.2;font-size:12px;font-weight:600;
 border:1px solid #0642cb;background:#0642cb;color:#fff!important;
 text-decoration:none!important;white-space:nowrap;
}
.ug-compare-actions__quote:hover{background:#002d9f;color:#fff!important}
.ug-compare-actions__quote:focus-visible,
.ug-compare-actions__product:focus-visible,
.ug-compare-actions__all:focus-visible{outline:3px solid #87abff;outline-offset:2px}
.ug-compare-actions__all{display:inline-block;margin-top:8px;font-size:12px}
.ug-compare-actions--variant .ug-compare-actions__item{padding:0;background:transparent;border:0}
@media(max-width:900px){
 .ug-compare-actions__item{grid-template-columns:1fr;gap:8px}
 .ug-compare-actions__quote{min-width:0;min-height:36px;white-space:normal}
}
@media(max-width:700px){
 .ug-compare-actions__item{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .ug-compare-actions__quote{min-width:90px;min-height:34px;padding:7px 9px}
 .ug-compare-actions__all{margin-top:7px}
}
@media(max-width:340px){
 .ug-compare-actions__item{grid-template-columns:1fr}
 .ug-compare-actions__quote{width:100%}
}


/* Home selector: direct product + quote without an extra category step, 2026-10-24 */
.ug-home-chooser__quick{
  position:relative;z-index:3;display:grid;gap:7px;max-width:100%;min-width:0;
  margin-top:13px;padding-top:11px;border-top:1px solid #d6e3f7;
}
.ug-home-chooser__info .ug-home-chooser__quick-title{
  font-size:12px!important;color:#536b8d;line-height:1.35;font-weight:650;
  margin:0 0 3px!important;
}
.ug-home-chooser__quick-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:8px;min-width:0;
  padding:6px 7px;background:rgba(255,255,255,.8);
  border:1px solid #d6e3f6;border-radius:10px;
}
.ug-home-chooser__info .ug-home-chooser__variant{
  min-width:0;align-self:center;margin:0;font-size:12px;
  font-weight:650;line-height:1.4;overflow-wrap:anywhere;
  color:#154493;text-decoration:underline;text-underline-offset:3px;
}
.ug-home-chooser__info .ug-home-chooser__kp{
  display:inline-flex;align-items:center;justify-content:center;
  white-space:nowrap;min-height:34px;min-width:93px;
  padding:7px 10px;margin:0;border-radius:20px;
  font-size:12px;font-weight:650;line-height:1.1;
  color:#fff!important;background:#0642cf;
  border:1px solid #0642cf;text-decoration:none!important;
}
.ug-home-chooser__info .ug-home-chooser__kp:hover{background:#002e9c}
.ug-home-chooser__quick a:focus-visible{
  outline:3px solid #8aacff!important;outline-offset:2px!important;
}
@media(max-width:980px){
 .ug-home-chooser__quick{margin-top:10px}
}
@media(max-width:560px){
 .ug-home-chooser__quick-row{grid-template-columns:minmax(0,1fr);gap:6px}
 .ug-home-chooser__info .ug-home-chooser__kp{
  width:100%;min-height:35px;box-sizing:border-box;
 }
}

/* UG home chooser: mobile compact direct actions, 2026-10-24 */
@media (min-width:360px) and (max-width:560px) {
 .ug-home-chooser__quick-row {
  grid-template-columns:minmax(0,1fr) 96px;
  gap:7px;
 }
 .ug-home-chooser__info .ug-home-chooser__kp {
  min-width:0;width:auto;min-height:34px;padding:7px 5px;
 }
}
