/* V10 UA incremental refinements */
#product-section{scroll-margin-top:110px}
@media(min-width:768px){
  .desktop-price-note{display:block;margin-top:4px;font-size:.58em;line-height:1.2}
  .about-page .section-block{margin-top:54px}
  .about-page .about-founder{margin-bottom:2px}
  .about-page .section-heading{margin-bottom:22px}
  .about-page .about-collaboration{margin-top:54px}
  .about-page .about-founder-portrait.is-mirrored{transform:scaleX(-1);object-position:center 32%}
  .about-page .about-process-grid{row-gap:22px}
  .about-page .about-process-grid figcaption{min-height:84px}
}
@media(min-width:1200px){
  .about-page .about-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .about-page main h2{max-width:none}
  .about-page .section-block:nth-of-type(4) .section-heading h2{white-space:nowrap;font-size:28px}
}
.about-page .about-callout .btn,.about-page .about-collaboration .btn{margin-top:16px}
.about-page .about-voronoi-accent{position:relative;isolation:isolate;padding:34px;border-radius:10px;overflow:hidden;background:#f3f5f6}
.about-page .about-voronoi-accent:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/briolight-voronoi-pattern.svg') right center/58% auto no-repeat;opacity:.16}
.about-page .about-voronoi-accent:after{content:"";position:absolute;right:34px;top:30px;z-index:-1;width:118px;height:72px;background:url('/assets/briolight-logo.svg') center/contain no-repeat;filter:grayscale(1);opacity:.16}
.about-page .about-voronoi-accent>.section-heading{padding-right:120px}
.footer-v2__email{margin-top:12px!important}
.projects-section .projects-counter,.projects-counter strong,.projects-800,.projects-800 strong{font-weight:800!important;-webkit-text-stroke:1.2px #111;text-shadow:0 2px 4px #0009}
.method-value-more{display:inline-block;margin:6px 0 18px}
.blog-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1199px){.blog-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 #product-section{scroll-margin-top:84px}
 .about-page .about-voronoi-accent{padding:24px}
 .about-page .about-voronoi-accent:after{width:56px;height:56px;right:20px;top:20px;font-size:28px}
 .about-page .about-voronoi-accent>.section-heading{padding-right:0;padding-top:58px}
 .blog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Mobile consistency patch: the navigation list stays left-aligned while the
   contact area is centred and identical on every page. */
@media(max-width:991.98px){
  .mobile-menu{box-sizing:border-box;max-width:calc(100vw - 16px);padding-left:18px;padding-right:18px;text-align:left!important}
  .mobile-menu>#menu-primary-1,.mobile-menu>#menu-primary-1 li{text-align:left!important}
  .mobile-menu__block{text-align:center!important}
  .mobile-menu .phone{width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .mobile-menu>.horizontal-socials,
  .mobile-menu .mobile-menu__block>.horizontal-socials{display:flex!important;width:100%!important;justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}
  .mobile-menu .horizontal-socials a,
  .mobile-menu .horizontal-socials img,
  .mobile-menu .horizontal-socials svg{visibility:visible!important;opacity:1!important}
  .mobile-menu .mobile-rehab-link,
  .mobile-menu a[href="https://briolight.ua"]{display:inline-flex;align-items:center;gap:7px}
  .mobile-menu .mobile-external-arrow,
  .mobile-menu .external-arrow{display:inline-grid;width:20px;height:20px;place-items:center;border-radius:2px;background:#fcd203;vertical-align:middle}
  .mobile-menu .mobile-external-arrow svg,
  .mobile-menu .external-arrow svg{width:12px!important;height:12px!important;border-radius:0!important}
  .mobile-menu .mobile-external-arrow path,
  .mobile-menu .external-arrow path{fill:none;stroke:#202020;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
}

/* Product pages must never become wider than the mobile viewport. */
@media(max-width:767px){
  html,body,.wrapper,.product-prototype,.product-prototype main{width:100%;max-width:100%;overflow-x:hidden}
  .product-prototype .container,
  .product-prototype .product-shell,
  .product-prototype .product-hero,
  .product-prototype .product-hero__grid,
  .product-prototype .gallery,
  .product-prototype .gallery__stage,
  .product-prototype .gallery__thumbs,
  .product-prototype .price-panel,
  .product-prototype .summary-columns,
  .product-prototype .section-block,
  .product-prototype .model-list,
  .product-prototype .model,
  .product-prototype .model__bar,
  .product-prototype .model__body,
  .product-prototype .model__details-grid,
  .product-prototype .tabs,
  .product-prototype .tab-panels,
  .product-prototype .tab-panel,
  .product-prototype .trust-strip{box-sizing:border-box;min-width:0!important;max-width:100%!important}
  .product-prototype img,.product-prototype iframe,.product-prototype video{max-width:100%}
  .model__toggle,.model__toggle span,.model__price,.section-heading{min-width:0;max-width:100%}
  .model__toggle b,.model__toggle small,.model__price b,.model__price small{overflow-wrap:anywhere}

  .trust-strip b,.trust-strip div:first-child b,.trust-strip div:nth-child(2) b,.trust-strip div:nth-child(3) b,.trust-strip div:nth-child(4) b{min-height:50px;align-items:center!important;justify-content:center!important;margin:0 0 8px!important;line-height:1.03!important;text-align:center!important}
  .trust-strip div:nth-child(1) b{font-size:0!important}
  .trust-strip div:nth-child(1) b:before{content:"20\Aроків";white-space:pre;font-size:24px;font-weight:600;line-height:1.03}
  .trust-strip div:nth-child(2) b:before{font-size:30px!important;font-weight:900!important;color:#fff}
  .trust-strip div:nth-child(3) b{font-size:0!important}
  .trust-strip div:nth-child(3) b:before{content:"Компанія\Aроку";white-space:pre;font-size:20px;font-weight:600;line-height:1.05}
  .trust-strip div:nth-child(4) b{font-size:0!important}
  .trust-strip div:nth-child(4) b:before{content:"Гриф\AМОН";white-space:pre;font-size:20px;font-weight:600;line-height:1.05}

  .benefits-section .benefits-actions,
  .home-benefits-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:none!important;gap:12px!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  .benefits-section .benefits-actions .btn,
  .home-benefits-actions .btn{box-sizing:border-box;display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:54px;align-items:center!important;justify-content:center!important;margin:0!important;padding:13px 18px!important;line-height:1.15!important;text-align:center!important;white-space:normal!important}

  .lead-modal form button[type="submit"]{box-sizing:border-box;display:flex!important;width:100%!important;min-height:50px!important;align-items:center!important;justify-content:center!important;margin-top:4px!important;padding:12px 20px!important;border:2px solid #2097e6!important;border-radius:3px!important;background:#2097e6!important;color:#fff!important;font-weight:700!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;box-shadow:none!important}
}

/* V11 responsive corrections */
html,body{max-width:100%;overflow-x:hidden}
.gallery,.gallery__stage,.gallery__thumbs,.product-hero__grid,.product-shell{max-width:100%;min-width:0}
.gallery__thumbs button,.gallery__thumbs img{min-width:0;max-width:100%}
.lead-modal form .btn{display:flex;align-items:center;justify-content:center;line-height:1.15;white-space:nowrap}
.footer-v2__email{transform:translateY(-4px)}
.blog-products .section-heading h2{max-width:none;width:100%}
.blog-controls label{font-weight:700}
.blog-controls .btn{align-self:end;margin:0}
.blog-category-mark{position:relative;display:block;width:32px;height:25px;font-size:0;border:2px solid #f0c500;border-radius:3px;margin-top:5px}
.blog-category-mark:before{content:"";position:absolute;left:2px;top:-8px;width:14px;height:8px;border:2px solid #f0c500;border-bottom:0;border-radius:3px 3px 0 0;background:#fff}
.about-photo-grid figure{position:relative}
.about-photo-grid figure:first-child:after{display:none!important;content:none!important}
.about-photo-grid figure:nth-child(2) img{object-position:72% center;transform:scale(1.035)}
.about-photo-grid figure:nth-child(3) img{filter:contrast(1.04) saturate(1.05)}
.about-process-grid figure:last-child img{object-position:42% center;filter:contrast(1.04) saturate(1.04)}
.about-page .section-block{margin-top:50px}
.about-page .btn--yellow{margin-top:18px}
@media(min-width:992px) and (max-width:1199px){
  .header .nav>ul{column-gap:0!important;justify-content:center}
  .header .nav>ul>li{margin-left:14px!important;margin-right:14px!important}
  .header .nav>ul>li>a{font-family:'Montserrat',Arial,sans-serif!important;font-weight:600!important;line-height:1.6;white-space:nowrap}
  .price-panel__actions{width:176px!important;min-width:176px!important}
  .price-panel__actions .btn{width:100%!important;min-width:0!important;padding-left:9px!important;padding-right:9px!important;font-size:12px!important}
  .blog-controls{grid-template-columns:minmax(300px,1.6fr) minmax(165px,.85fr) minmax(185px,.9fr) 118px!important;align-items:end}
  .blog-controls .btn{height:48px!important;align-self:end!important}
  .blog-intro{max-width:1180px}
  .blog-intro h1{max-width:980px;font-size:36px}
  .blog-products .section-heading h2{max-width:1120px;font-size:31px}
}
@media(max-width:767px){
  .home-benefits-actions,.benefits-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%;gap:12px!important}
  .home-benefits-actions .btn,.benefits-actions .btn{width:100%!important;min-width:0!important;padding-left:10px!important;padding-right:10px!important}
  .gallery__stage{width:100%;height:auto!important;aspect-ratio:4/3}
  .gallery__thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%;overflow:hidden}
  .tabs{max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow:hidden}
  .product-shell{width:100%!important;padding-left:16px!important;padding-right:16px!important}
  .product-prototype main,.model,.model__bar,.model__body,.summary-columns,.price-panel{max-width:100%;min-width:0}
  .trust-strip b{line-height:1.05}
  .trust-strip div:nth-child(2) b{font-size:0!important}
  .trust-strip div:nth-child(2) b:before{content:"800+\Aпроєктів";white-space:pre;font-size:28px;font-weight:900;line-height:1.05}
  .trust-strip div:nth-child(4) b{font-size:0!important}
  .trust-strip div:nth-child(4) b:before{content:"Компанія\Aроку";white-space:pre;font-size:20px;line-height:1.08}
  .mobile-menu,.mobile-menu__block,.mobile-menu .horizontal-socials{text-align:center!important;justify-content:center!important;align-items:center!important}
  .mobile-menu .phone{display:block;text-align:center}
  .about-photo-grid figure:first-child:after{left:10px;top:10px;font-size:12px}
  .about-process-grid figure:last-child img{object-position:36% center}
}

/* V12.1 stable patch – based strictly on the approved V11 build. */
.price-vat{display:block;width:100%;margin-top:2px;line-height:1.15}
.btn,.lead-modal button[type="submit"]{align-items:center;justify-content:center;text-align:center}

/* About Briolight: approved copy, imagery, spacing and recommendation cards. */
.about-page main{position:relative;isolation:isolate;overflow:hidden}
.about-page main:before{content:"";position:absolute;z-index:-2;right:-150px;top:18%;width:540px;height:540px;background:url('assets/briolight-voronoi-pattern.svg') center/contain no-repeat;opacity:.05;transform:rotate(8deg);pointer-events:none}
.about-page main:after{content:"";position:absolute;z-index:-2;left:-100px;top:55%;width:250px;height:250px;border-radius:50%;opacity:.055;pointer-events:none;background-image:radial-gradient(circle at center,#2097e6 0 12%,transparent 13%),radial-gradient(circle at 50% 4%,#2097e6 0 4.5%,transparent 5%),radial-gradient(circle at 84% 16%,#2097e6 0 4.5%,transparent 5%),radial-gradient(circle at 96% 50%,#2097e6 0 4.5%,transparent 5%),radial-gradient(circle at 84% 84%,#2097e6 0 4.5%,transparent 5%),radial-gradient(circle at 50% 96%,#2097e6 0 4.5%,transparent 5%),radial-gradient(circle at 16% 84%,#2097e6 0 4.5%,transparent 5%),radial-gradient(circle at 4% 50%,#2097e6 0 4.5%,transparent 5%),radial-gradient(circle at 16% 16%,#2097e6 0 4.5%,transparent 5%)}
.about-page .about-hero>img{filter:contrast(1.05) saturate(1.12) brightness(1.03)}
.about-page .about-photo-grid figure:first-child img{object-position:center 61%}
.about-page .about-photo-grid figure:first-child:after{content:"2011 рік"}
.about-page .about-founder{align-items:stretch}
.about-page .about-founder__photo{display:flex;min-height:0;overflow:hidden;border-radius:8px}
.about-page .about-founder__photo img{height:100%!important;min-height:0!important;max-height:500px;object-position:center 32%!important;transform:scaleX(-1)!important}
.about-page .about-technology .section-heading h3{margin-top:30px;margin-bottom:18px}
.about-page .about-process-grid figure:first-child img{object-position:center 35%}
.about-page .about-process-grid figure:nth-child(5) img{object-position:center 42%}
.about-page .about-process-grid figure:last-child img{object-position:42% center;filter:contrast(1.07) saturate(1.07) brightness(1.02)}
.about-page .about-callout .btn{margin-top:25px}
.about-page .about-partners article{display:flex;flex-direction:column;gap:12px}
.about-page .about-partners h3,.about-page .about-partners p{margin:0}
.about-page .about-video-grid{display:grid;grid-template-columns:1fr;gap:18px}
.about-page .about-video-grid article{display:grid;grid-template-columns:minmax(320px,42%) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:26px;row-gap:0;overflow:hidden;margin:0;padding:0 24px 0 0;border:1px solid #dfe5e9;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(24,50,70,.07)}
.about-page .about-video-grid .video-frame{grid-row:1/3;width:100%;border-radius:8px 0 0 8px}
.about-page .about-video-grid h3{align-self:end;margin:0 0 7px;font-size:20px}
.about-page .about-video-grid p{align-self:start;margin:0;font-size:16px;line-height:1.5}
.about-page .about-collaboration:before,.about-page .about-collaboration:after{display:none!important;content:none!important}
.about-page .about-collaboration h2{margin-top:0;margin-bottom:14px}
.about-page .about-collaboration .btn{margin-top:24px}
.purchase-more__content p:last-child{margin-top:20px}
.about-page .about-project-2011-photo{object-position:center 44%!important}
.about-page .about-photo-grid figure:nth-child(2) img{object-position:78% center!important;transform:scale(1.08)}
.about-page .about-technology .section-heading h3{margin-bottom:20px}
.about-page .about-callout .btn,.about-page .about-collaboration .btn{margin-top:24px!important}
.about-page .about-partners article{gap:13px}

/* Product containment and approved mobile stacking. */
@media(max-width:767px){
  .home-benefits-actions,.benefits-actions{grid-template-columns:1fr!important;width:100%!important}
  .home-benefits-actions .btn,.benefits-actions .btn{width:100%!important;max-width:none!important;min-width:0!important}
  .product-prototype,.product-prototype main{width:100%;max-width:100%;overflow-x:hidden!important}
  .product-prototype .product-shell{box-sizing:border-box;width:100%!important;max-width:100%!important;margin:0!important;padding-left:16px!important;padding-right:16px!important}
  .product-prototype .product-hero__grid,.product-prototype .gallery,.product-prototype .gallery__stage,.product-prototype .gallery__thumbs,.product-prototype .price-panel,.product-prototype .summary-columns,.product-prototype .model-list,.product-prototype .model,.product-prototype .model__bar,.product-prototype .model__body,.product-prototype .details,.product-prototype .tabs,.product-prototype .tab-panels,.product-prototype .tab-panel{box-sizing:border-box;min-width:0!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
  .product-prototype img,.product-prototype iframe{max-width:100%!important}
  .about-page main:before{right:-190px;width:390px;height:390px}
  .about-page main:after{left:-100px;width:210px;height:210px}
  .about-page .about-founder{align-items:start}
  .about-page .about-founder__photo,.about-page .about-founder__photo img{height:320px!important}
  .about-page .about-video-grid{gap:22px}
  .about-page .about-video-grid article{display:block;padding:0 0 18px;border-radius:9px;box-shadow:0 7px 22px rgba(24,50,70,.11)}
  .about-page .about-video-grid .video-frame{border-radius:9px 9px 0 0}
  .about-page .about-video-grid h3{margin:0;padding:18px 18px 6px}
  .about-page .about-video-grid p{padding:0 18px}
}

/* V12.2 final visual corrections. */
@media(min-width:992px){
  .about-page .about-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .about-page .about-video-grid article{display:flex;min-width:0;flex-direction:column;padding:0 0 20px}
  .about-page .about-video-grid .video-frame{grid-row:auto;width:100%;border-radius:8px 8px 0 0}
  .about-page .about-video-grid h3{align-self:stretch;margin:18px 20px 6px}
  .about-page .about-video-grid p{align-self:stretch;margin:0 20px}
  .about-page .about-technology .section-heading h2{white-space:nowrap;font-size:28px}
  .blog-intro{max-width:none}
  .blog-intro h1,.blog-products .section-heading h2{max-width:none!important;white-space:nowrap}
}
.about-page .section-block{margin-top:46px}
.about-page .about-photo-grid figure:first-child:after{display:none!important;content:none!important}
.about-page .about-process-grid figure:first-child img{object-position:center 28%!important}
.about-page .about-process-grid figure:nth-child(5) img{object-position:center 34%!important}
.about-page .about-process-grid figure:last-child img{object-position:48% center!important}
.about-page .about-founder__photo img{object-position:center 25%!important}
.blog-controls .btn{display:flex;align-items:center;justify-content:center;line-height:1!important}

@media(max-width:767px){
  .blog-intro h1,.blog-products .section-heading h2{white-space:normal}
  .about-page .about-project-2011-photo{object-position:center 50%!important}
  .about-page .about-photo-grid figure:nth-child(2) img{object-position:76% center!important}
}

/* 2026-10-22: reviewed shared desktop footer, mobile menu and form controls. */
@media(min-width:992px){
 .footer-v2__messengers{margin-bottom:0!important}
 .footer-v2__email{display:inline-block!important;margin-top:2px!important;position:relative;top:30px}
}
@media(max-width:991.98px){
 .mobile-menu .phone,.mobile-menu a[href^="tel:"]{text-align:center!important}
 .mobile-menu .mobile-menu__block-title{text-align:center!important}
 .mobile-menu .messenger-links,.mobile-menu .horizontal-socials{justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
 .mobile-menu #menu-primary-1,.mobile-menu #menu-primary-1 a{text-align:left!important}
}
.lead-modal__dialog button[type="submit"],.lead-modal__dialog .btn,
form button[type="submit"]{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.25!important}

/* Second review: preserve original product-page desktop navigation typography and spacing. */
@media(min-width:1200px){
 .site-search-toggle{display:grid!important;align-items:center;justify-items:center}
}
@media(max-width:991.98px){
 .mobile-menu .mobile-menu__block-title{font-weight:700!important}
 .mobile-menu .mobile-menu__block:has(.mobile-menu__block-title){text-align:center!important}
 .mobile-menu .messenger-links{margin-bottom:22px!important}
 .mobile-menu .messenger-links + .mobile-menu__block{margin-top:22px!important}
}

/* Approved search-dialog refinement; does not change navigation spacing. */
.site-search-dialog{place-items:center;padding:20px;background:rgba(14,29,43,.65)}
.site-search-dialog__panel{width:min(760px,100%);padding:28px;border-radius:18px;box-shadow:0 22px 75px rgba(12,25,39,.25)}
.site-search-dialog__top{display:grid;grid-template-columns:46px minmax(0,1fr) 44px;align-items:center;gap:14px}
.site-search-dialog__brand{display:grid;place-items:center;width:46px;height:46px}
.site-search-dialog__brand img{display:block;width:42px;height:42px;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(82%) saturate(1462%) hue-rotate(353deg) brightness(102%) contrast(102%)}
.site-search-dialog__top input{box-sizing:border-box;width:100%;height:52px;min-width:0;outline-offset:3px}
.site-search-dialog__close{display:grid!important;place-items:center!important;flex:none;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0!important;padding:0!important;border-radius:50%;font:400 28px/1 Arial,sans-serif!important;text-align:center!important;cursor:pointer}
.site-search-dialog__close:hover{background:#e2e9ef}
@media(max-width:575px){.site-search-dialog__panel{padding:18px}.site-search-dialog__top{grid-template-columns:34px minmax(0,1fr) 40px;gap:9px}.site-search-dialog__brand,.site-search-dialog__brand img{width:34px;height:34px}.site-search-dialog__close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.site-search-dialog__top input{font-size:16px}}

/* Search dialog uses a single yellow sun icon, not the full company logo. */
.site-search-dialog__brand svg{display:block;width:42px;height:42px}
@media(max-width:575px){.site-search-dialog__brand svg{width:34px;height:34px}}

@media(max-width:991.98px){
 body .header .mobile-group .site-search-toggle{display:none!important}
 body .mobile-menu>.mobile-menu__search{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;height:46px!important;margin:0 0 20px!important;padding:0 14px!important;box-sizing:border-box!important;border:1px solid #cbd8e3!important;border-radius:10px!important;background:#fff!important;color:#4b5964!important;font-size:15px!important;text-align:left!important;cursor:pointer!important}
 body .mobile-menu>.mobile-menu__search svg{width:20px!important;height:20px!important;flex:0 0 20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important}
}
@media(min-width:992px){body .mobile-menu>.mobile-menu__search{display:none!important}}
body.home #product-section{scroll-margin-top:110px!important}
.site-search-result--product{background:#eaf6ff!important;border-color:#b6def9!important}
.site-search-result--product:hover{background:#dcefff!important;border-color:#2097e6!important}
.site-search-result__type{display:inline-block!important;margin-bottom:5px!important;color:#176da7!important;font-size:12px!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important}

/* Hero products anchor: preserve a narrow strip of section background below sticky header.
   This offset keeps the products heading fully visible on desktop and mobile. */
@media(max-width:991.98px){
 body.home #product-section{scroll-margin-top:94px!important}
 body .mobile-menu>.mobile-menu__search span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}
}
@media(min-width:992px){
 body.home #product-section{scroll-margin-top:118px!important}
}

/* Home desktop footer optical baseline: raise email 3px to match founder name. */
@media(min-width:992px){body.home .footer-v2__email{transform:translateY(-11px)!important}}

/* Mobile drawer: align phone, messenger and social groups to the left. */
@media(max-width:991.98px){
 body .mobile-menu .mobile-menu__block{text-align:left!important}
 body .mobile-menu .mobile-menu__block-title{text-align:left!important}
 body .mobile-menu .mobile-menu__block .phone{display:block!important;width:auto!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
 body .mobile-menu .horizontal-socials,
 body .mobile-menu .mobile-menu__block>.horizontal-socials{justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;padding-left:0!important}
 body .mobile-menu .horizontal-socials li{margin-left:0!important}
}

/* Anchor position is calculated from the real header height in the homepage click handler. */
body.home #product-section{scroll-margin-top:0!important}



/* About process gallery – final cascade fix 2026-10-23.
   This stylesheet loads after about-page.css. Keep approved cover scale and frame dimensions;
   align the source to its BOTTOM to preserve people's feet and the lower product box.
   Do not alter other process photos or global templates. */
body.about-page .about-process-grid>figure:nth-child(1)>img,
body.about-page .about-process-grid>figure:nth-child(5)>img{
  object-fit:cover!important;
  object-position:center bottom!important;
}

/* About – user-approved positions; only crop coordinates, no scale/frame changes. */
body.about-page .about-process-grid>figure:nth-child(1)>img{
  object-position:calc(46% - 5px) bottom!important;
}
body.about-page .about-process-grid>figure:nth-child(5)>img{
  object-position:center calc(100% + 22px)!important;
}

/* About locked image frames: last-loaded stylesheet owns frame clipping.
   Only the 2011 project image and the Science process image.
   Keep existing source positioning, sizes, and content untouched. */
body.about-page .about-photo-grid>figure:first-child>img,
body.about-page .about-process-grid>figure:first-child>img{
  display:block!important;
  border-radius:8px!important;
  -webkit-clip-path:inset(0 round 8px)!important;
  clip-path:inset(0 round 8px)!important;
  -webkit-mask-image:radial-gradient(white,white)!important;
}

/* About 2011 / Science: remove legacy mask and clip interactions; use one simple
   consistent rounded image frame. Other photos and approved layouts are untouched. */
body.about-page .about-photo-grid>figure:first-child,
body.about-page .about-process-grid>figure:first-child{background:transparent!important}
body.about-page .about-photo-grid>figure:first-child>img,
body.about-page .about-process-grid>figure:first-child>img{
  border-radius:8px!important;
  overflow:hidden!important;
  -webkit-clip-path:none!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.about-page .about-photo-grid>figure:first-child>img{
  object-position:center 0%!important;
}

/* Approved 2011 image is untouched.
   Science: enforce the same rounded clipping at all four image edges. */
body.about-page .about-process-grid>figure:first-child>img{
 border-radius:8px!important;
 -webkit-clip-path:inset(0 round 8px)!important;
 clip-path:inset(0 round 8px)!important;
}

/* About science: dedicated clipping box; other process pictures remain untouched. */
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame{
 width:100%;height:245px;overflow:hidden;border-radius:8px;isolation:isolate;
}
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame>img{
 display:block;width:100%!important;height:100%!important;max-width:100%!important;
 border-radius:0!important;object-fit:cover!important;
 object-position:calc(46% - 5px) bottom!important;
 transform:none!important;clip-path:none!important;mask-image:none!important;
}
@media(max-width:1100px){
 body.about-page .about-process-grid>figure:first-child>.about-science-image-frame{height:205px}
}
@media(max-width:767px){
 body.about-page .about-process-grid>figure:first-child>.about-science-image-frame{height:175px}
}

/* About science image: make the wrapper the actual 8px clipping boundary. */
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame{
  box-sizing:border-box!important;
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  border-radius:8px!important;
  -webkit-clip-path:inset(0 round 8px)!important;
  clip-path:inset(0 round 8px)!important;
}

/* Remove obsolete dotted ornament beside Methods on About only. */
body.about-page main::after{content:none!important;display:none!important}

/* Science: clip the actual bitmap corners, not only its wrapper.
   No size, crop, object position or other imagery changes. */
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame>img{
  border-radius:8px!important;
  -webkit-clip-path:inset(0 round 8px)!important;
  clip-path:inset(0 round 8px)!important;
}


/* About: Science frame painting boundary, isolated to wrapper (all 4 corners).
   Product bitmap is 95% of its former rendered size inside original frame. */
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame{
  position:relative!important;
  width:100%!important;
  border-radius:8px!important;
  overflow:clip!important;
  contain:paint!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame>img{
  border-radius:8px!important;
  width:100%!important;
  height:100%!important;
}
body.about-page .about-process-grid>figure:nth-child(5){
  overflow:hidden!important;
  border-radius:8px!important;
}
body.about-page .about-process-grid>figure:nth-child(5)>img{
  transform:scale(.95)!important;
  transform-origin:center center!important;
}

/* About science photo: the IMAGE wrapper is the sole rectangular paint surface.
   Clip both its right corners at the same 8px radius as the left corners.
   Does not affect approved crop or any other photo. */
body.about-page .about-process-grid>figure:first-child{
  min-width:0!important;
}
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame{
  width:100%!important;
  max-width:100%!important;
  border-radius:8px!important;
  overflow:hidden!important;
  -webkit-clip-path:inset(0 0 0 0 round 8px)!important;
  clip-path:inset(0 0 0 0 round 8px)!important;
}
body.about-page .about-process-grid>figure:first-child>.about-science-image-frame>img{
  box-sizing:border-box!important;
  width:100%!important;
  border-radius:8px!important;
}

/* Desktop Science: isolate image frame clipping from legacy flex/grid paint. */
@media(min-width:992px){
 body.about-page .about-process-grid>figure:first-child>.about-science-image-frame{
   position:relative!important;
   display:block!important;
   width:100%!important;
   height:245px!important;
   padding:0!important;
   border-radius:8px!important;
   overflow:hidden!important;
   isolation:isolate!important;
   transform:translateZ(0)!important;
   -webkit-clip-path:inset(0 round 8px)!important;
   clip-path:inset(0 round 8px)!important;
 }
 body.about-page .about-process-grid>figure:first-child>.about-science-image-frame>img{
   display:block!important;
   width:100%!important;height:100%!important;
   object-fit:cover!important;
   border-radius:8px!important;
 }
}

/* About Science rebuilt – independent bitmap-free photo frame, avoids inherited img masks. */
body.about-page .about-process-grid>figure.about-science-card>.about-science-card__photo{
 display:block!important;
 box-sizing:border-box!important;
 width:100%!important;
 height:245px!important;
 border:0!important;
 border-radius:8px!important;
 overflow:hidden!important;
 background-image:url('/assets/v10/about/science-ignite-ukraine.webp')!important;
 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-position:calc(46% - 5px) bottom!important;
}
@media(max-width:1100px){
 body.about-page .about-process-grid>figure.about-science-card>.about-science-card__photo{height:205px!important}
}
@media(max-width:767px){
 body.about-page .about-process-grid>figure.about-science-card>.about-science-card__photo{height:175px!important}
}

/* About: concise credentials displayed as two exact lines. */
body.about-page .about-alla-institute{
  display:block!important;
  margin-top:3px!important;
}
/* Science image: one drawing layer, no pseudo-element or negative stacking.
   Desktop radius visibly matches the other rounded image frames. */
@media(min-width:992px){
 body.about-page .about-process-grid>figure.about-science-card>.about-science-card__photo{
   position:relative!important;
   isolation:auto!important;
   background-image:url('/assets/v10/about/science-ignite-ukraine.webp')!important;
   background-position:calc(46% - 5px) bottom!important;
   background-size:100% auto!important;
   background-position:center bottom!important;
   border-radius:14px!important;
   overflow:hidden!important;
   -webkit-clip-path:inset(0 round 14px)!important;
   clip-path:inset(0 round 14px)!important;
 }
 body.about-page .about-process-grid>figure.about-science-card>.about-science-card__photo::before{
   content:none!important;display:none!important;
 }
}


/* About mobile only – four hero badges in a regular 2×2 grid. */
.about-process-mobile-label{display:none}
@media(max-width:767px){
 body.about-page .about-facts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;max-width:100%!important;
  justify-items:stretch!important;align-items:stretch!important;
 }
 body.about-page .about-facts>b{
  width:auto!important;min-width:0!important;max-width:none!important;
  height:auto!important;min-height:62px!important;
  margin:0!important;padding:9px 7px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;white-space:normal!important;
  font-size:clamp(12px,3.25vw,15px)!important;line-height:1.25!important;
  grid-column:auto!important;
 }
 body.about-page .about-process-mobile-label{display:inline!important}
 body.about-page .about-process-desktop-label{display:none!important}
 /* Keep product photo filling the same frame as other mobile process photographs. */
 body.about-page .about-process-grid>figure:nth-child(5)>img{
  transform:none!important;
  width:100%!important;
  height:175px!important;
  object-fit:cover!important;
 }
}