/* brio product CSS source: v7-refinements.css */
/* V7: bounded form and review refinements. Approved page grids remain unchanged. */
.lead-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:16px;box-sizing:border-box}
.lead-modal__backdrop{position:absolute;inset:0;background:#0009}
.lead-modal__dialog{position:relative;box-sizing:border-box;background:#fff;overflow:auto}
.lead-modal__close{position:absolute;right:12px;top:7px;border:0;background:none;font-size:30px;cursor:pointer}
.lead-modal p{color:#666}
.toast{position:fixed;z-index:1200;left:50%;bottom:24px;transform:translate(-50%,20px);padding:12px 18px;background:#222;color:#fff;opacity:0;pointer-events:none;transition:.25s}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.lead-modal__dialog{width:min(510px,100%);padding:26px 28px;max-height:calc(100dvh - 32px)}
.lead-modal h2{font-size:25px;line-height:1.2;font-weight:800;margin:0 24px 7px 0}
.lead-modal #lead-context{font-size:16px;line-height:1.35;margin:0 0 12px}
.lead-modal form{display:grid;gap:8px!important;margin-top:10px!important}
.lead-modal form label{display:grid;gap:3px!important;font-size:16px;line-height:1.25;margin:0!important}
.lead-modal .form-label{display:block;font-weight:600}
.lead-modal .form-label .form-required{display:inline;color:#c42626;margin-left:2px;font-weight:700}
.lead-modal input,.lead-modal textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #cbd2d7;border-radius:3px;padding:8px 10px;font:16px/1.3 Roboto,Arial,sans-serif}
.lead-modal input{height:38px}.lead-modal textarea{min-height:56px;height:56px;resize:vertical}
.lead-modal button[type=submit]{min-height:42px;padding:10px 22px;margin-top:2px}
.lead-modal form>small{font:12px/1.3 Roboto,Arial,sans-serif;color:#69737b}
.lead-modal .form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.lead-modal[hidden]{display:none!important}
/* All review text is measured and shortened to eight rendered lines in JS.
   Read more / Show less stays INLINE, in the same typography as the review. */
body.product-prototype .review-card p.review-collapsible{
  display:block!important;
  flex:0 1 auto!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
  margin-bottom:15px;
}
body.product-prototype .review-card p.review-collapsible .review-expand{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#2097e6!important;
  font:inherit!important;
  font-size:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:nowrap!important;
  vertical-align:baseline!important;
  cursor:pointer;
}
body.product-prototype .review-card .review-expand:focus-visible{
  outline:2px solid #2097e6!important;
  outline-offset:2px!important;
}
.product-prototype .models .models-intro+p.models-intro{margin-top:12px}
.product-prototype .tab-panel>div:last-child{min-width:0}
.product-prototype .tab-panel ul{padding-left:24px}
.product-prototype .tab-panel li{max-width:none;margin-bottom:12px}
.product-prototype .price-panel__discount{display:inline-block}
.product-prototype #models-title{scroll-margin-top:calc(var(--product-header-height,90px) + 8px)}
.purchase-more{margin:0 0 18px}
.purchase-more>summary{display:list-item;width:max-content;max-width:100%;cursor:pointer;color:#1689d5;font:600 18px/1.5 Roboto,Arial,sans-serif;padding:4px 0}
.purchase-more>summary:focus-visible{outline:3px solid #2097e6;outline-offset:4px}
.purchase-more__content{padding-top:18px}
.purchase-more__content>p:first-child{margin-top:0}
.js-copy-justification{display:inline-block;margin-top:8px}
@media(max-width:767px){.lead-modal{padding:12px}.lead-modal__dialog{padding:22px 20px;max-height:calc(100dvh - 24px)}.lead-modal h2{font-size:23px}.lead-modal #lead-context{font-size:15px}.lead-modal form{gap:7px!important}.lead-modal form>small{font-size:11px}}



/* brio product CSS source: v9-ua.css */
:root{--v9-blue:#1474b8;--v9-yellow:#f5c400;--v9-ink:#172334;--v9-muted:#5d6670;--v9-space-1:.5rem;--v9-space-2:1rem;--v9-space-3:1.5rem;--v9-space-4:2.25rem;--v9-space-5:4rem}
.lang-switcher[data-enabled-locales="uk"] ul,.lang-switcher[data-enabled-locales="uk"] .selector-chevron{display:none!important}
.site-search-dialog[hidden],.cookie-consent[hidden]{display:none!important}
.site-search-dialog{position:fixed;inset:0;z-index:10000;display:grid;place-items:start center;padding:9vh 20px;background:rgba(9,25,39,.76);backdrop-filter:blur(5px)}
.site-search-dialog__panel{width:min(820px,100%);max-height:82vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.site-search-dialog__top{display:flex;align-items:center;gap:12px}.site-search-dialog input{width:100%;min-height:52px;border:1px solid #cfd5db;border-radius:10px;padding:0 16px;font:inherit;font-size:18px}.site-search-dialog__close{width:48px;height:48px;border:0;background:#eef2f5;border-radius:50%;font-size:28px;cursor:pointer}
.site-search-results{display:grid;gap:10px;margin-top:18px}.site-search-result{display:block;padding:14px 16px;border:1px solid #e4e8eb;border-radius:10px;color:var(--v9-ink);text-decoration:none}.site-search-result:hover{border-color:var(--v9-yellow);background:#fffdf2}.site-search-result b{display:block;font-size:18px}.site-search-result span{display:block;margin-top:4px;color:var(--v9-muted);font-size:15px;line-height:1.45}.site-search-empty{padding:24px 4px;color:var(--v9-muted)}
.cookie-consent{position:fixed;left:20px;right:20px;bottom:20px;z-index:9999;margin:auto;max-width:900px;padding:18px 20px;background:#fff;border:1px solid #dce2e7;border-radius:14px;box-shadow:0 18px 60px rgba(0,0,0,.2);display:flex;align-items:center;gap:18px}.cookie-consent p{margin:0;line-height:1.45}.cookie-consent__actions{display:flex;gap:8px;margin-left:auto}.cookie-consent button{border:0;border-radius:7px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.cookie-consent__accept{background:var(--v9-yellow)}.cookie-consent__reject{background:#edf0f2}
.about-facts{grid-template-columns:repeat(4,minmax(0,1fr))!important}.about-facts b{display:flex;align-items:center;min-height:74px;border:1px solid rgba(23,116,184,.22);padding:14px 16px}
.about-medical-link{margin-top:1rem}.about-medical-link a{font-weight:600;color:var(--v9-blue)}.about-photo-focus-left{object-position:28% center!important}.about-founder-portrait{transform:scaleX(-1)}
.about-process-grid figure{display:flex;flex-direction:column}.about-process-grid figure>img{width:100%;aspect-ratio:4/3;object-fit:cover}.about-process-grid figcaption{flex:1}
.about-video-recommendations{padding-block:var(--v9-space-5)}.about-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.about-video-grid article{margin:0}.about-video-grid h3{margin:12px 0 0;font-size:19px}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#111}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.policy-page{max-width:1020px;padding-top:40px;padding-bottom:80px}.policy-article{font-size:18px;line-height:1.72;color:#27313c}.policy-article h1{font-size:clamp(34px,5vw,58px);line-height:1.08;color:var(--v9-ink);margin:32px 0}.policy-article h2{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:44px 0 18px;color:var(--v9-ink)}.policy-article h3{font-size:22px;margin:28px 0 12px}.policy-article li{margin-bottom:8px}
.form-label{display:inline-flex;align-items:baseline;gap:3px}.form-required{color:#cf2b2b;font-weight:700}.lead-modal__dialog form label{margin-bottom:10px!important}.lead-modal__dialog h2{font-weight:700}
@media(max-width:991px){.about-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}.about-video-grid{grid-template-columns:1fr}.site-search-dialog{padding-top:5vh}.cookie-consent{align-items:flex-start;flex-direction:column}.cookie-consent__actions{margin-left:0}}
@media(max-width:575px){.about-facts{grid-template-columns:1fr!important}.site-search-dialog{padding:0;background:#fff}.site-search-dialog__panel{height:100vh;max-height:none;border-radius:0;padding:18px}.cookie-consent{left:10px;right:10px;bottom:10px}.policy-page{padding-inline:18px}.policy-article{font-size:17px}}




/* brio product CSS source: v10-ua.css */
/* 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;
 }
}



/* brio product CSS source: product-responsive-approved.css */
/* Product-only responsive safeguards; approved homepage is not touched. */
@media(max-width:991.98px){
html,body.product-prototype{max-width:100%;overflow-x:clip!important}
body.product-prototype .wrapper,body.product-prototype main,body.product-prototype .container,body.product-prototype .container-fluid,body.product-prototype section,body.product-prototype article{max-width:100%;min-width:0;box-sizing:border-box}
body.product-prototype .row{min-width:0;max-width:100%;margin-left:0;margin-right:0}
body.product-prototype .row>[class*="col-"]{min-width:0;max-width:100%;box-sizing:border-box}
body.product-prototype .product-hero__grid,body.product-prototype .model__details-grid,body.product-prototype .gallery,body.product-prototype .gallery__stage,body.product-prototype .product-summary,body.product-prototype .model-list,body.product-prototype .model,body.product-prototype .model__bar,body.product-prototype .model__body{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.product-prototype .product-hero__grid{grid-template-columns:minmax(0,1fr)!important}
body.product-prototype .gallery__stage{width:100%!important;overflow:hidden!important}
body.product-prototype .gallery__stage img{display:block;max-width:100%!important;width:100%;height:auto;object-fit:contain}
body.product-prototype .gallery__thumbs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;box-sizing:border-box!important}
body.product-prototype .gallery__thumbs>button{display:block;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.product-prototype img,body.product-prototype video,body.product-prototype iframe{max-width:100%}
body.product-prototype .model__bar{flex-wrap:wrap!important}
body.product-prototype .model__toggle{min-width:0!important;max-width:100%!important}
body.product-prototype .model__toggle span,body.product-prototype .model__toggle small{min-width:0!important;overflow-wrap:anywhere}
body.product-prototype .tab-panels,body.product-prototype .tab-panel,body.product-prototype .table-wrap{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.product-prototype table{max-width:100%}
body.product-prototype .table-wrap{overflow-x:auto!important}
body.product-prototype .footer-v2__grid,body.product-prototype .footer-v2__column{min-width:0!important;max-width:100%!important}
body.product-prototype p,body.product-prototype li,body.product-prototype h1,body.product-prototype h2,body.product-prototype h3{overflow-wrap:break-word}
}


/* Approved gallery rule for all six product pages: 6 photos + video desktop;
   5 photos + video in two rows of three on mobile. */
@media(min-width:992px){
body.product-prototype .gallery__thumbs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
body.product-prototype .gallery__thumbs>button:nth-child(n+8){display:none!important}
}
@media(max-width:991.98px){
body.product-prototype .gallery__thumbs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important}
body.product-prototype .gallery__thumbs>button{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important}
body.product-prototype .gallery__thumbs>button:nth-child(1){display:none!important}
body.product-prototype .gallery__thumbs>button:nth-child(n+8){display:none!important}
}
body.product-prototype #model-l26 .model__toggle img{object-fit:cover!important;object-position:50% calc(32% + 5px)!important}
body.product-prototype #model-w26 .model__toggle img{object-fit:cover!important;object-position:50% 83%!important}

/* Preserve mobile metric headings defined in v10-ua.css: black, two lines.
   Do not override their ::before text or restore the old blue labels. */
@media(max-width:991.98px){
body.product-prototype .footer-v2__links li{margin-top:0!important;margin-bottom:0!important}
}
body.product-prototype .footer-v2__links li:last-child{margin-bottom:0!important}

/* S26 EDU thumbnail: move the image content down so the upper girl's head is visible. */
body.product-prototype #model-s26 .model__toggle img{object-fit:cover!important;object-position:center calc(50% - 12px)!important}

/* Approved product gallery responsive geometry – applies to every product. */
@media(max-width:991.98px){
 body.product-prototype .gallery__thumbs{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;max-width:100%!important;gap:8px!important;overflow:visible!important;
 }
 body.product-prototype .gallery__thumbs>button:nth-child(1){display:none!important}
 body.product-prototype .gallery__thumbs>button:nth-child(n+8){display:none!important}
 body.product-prototype .gallery__thumbs>button{min-width:0!important;width:100%!important}
 body.product-prototype .gallery__thumbs img{max-width:100%!important}
}
@media(min-width:992px){
 body.product-prototype .gallery__thumbs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important}
}

/* Product-template-only mobile KPI headings, shared across six products. */
/* Product metric labels: black and exactly two lines on mobile only. */
@media(max-width:991.98px){
 body.product-prototype .trust-strip b{
   color:#111!important;
   font-size:0!important;
   display:flex!important;
   align-items:center!important;
   justify-content:center!important;
   text-align:center!important;
   min-height:52px!important;
 }
 body.product-prototype .trust-strip div:nth-child(1) b::before{
   content:"20\Aроків"!important;white-space:pre!important;display:block!important;
   color:#111!important;font-size:24px!important;font-weight:700!important;line-height:1.06!important;
 }
 body.product-prototype .trust-strip div:nth-child(2) b::before{
   content:"800+\Aпроєктів"!important;white-space:pre!important;display:block!important;
   color:#111!important;font-size:24px!important;font-weight:700!important;line-height:1.06!important;
 }
 body.product-prototype .trust-strip div:nth-child(3) b::before{
   content:"Компанія\Aроку"!important;white-space:pre!important;display:block!important;
   color:#111!important;font-size:23px!important;font-weight:700!important;line-height:1.06!important;
 }
 body.product-prototype .trust-strip div:nth-child(4) b::before{
   content:"Гриф\AМОН"!important;white-space:pre!important;display:block!important;
   color:#111!important;font-size:23px!important;font-weight:700!important;line-height:1.06!important;
 }
}


/* Floor S26 EDU preview: reveal both girls' faces without cropping. */
body.product-prototype #model-s26 .model__toggle img{
 object-fit:contain!important;
 object-position:center center!important;
}

/* S26: keep the same full-bleed image size, shift crop to show faces. */
body.product-prototype #model-s26 .model__toggle img{object-fit:cover!important;object-position:center top!important}
/* Separate product KPI heading from the white photo-banner 800+. */
body.product-prototype .trust-strip div:nth-child(2) b{color:#1f1f1f!important;font-weight:600!important;-webkit-text-stroke:0!important;text-shadow:none!important}
@media(max-width:991.98px){body.product-prototype .trust-strip div:nth-child(2) b::before{color:#111!important;font-weight:700!important;-webkit-text-stroke:0!important;text-shadow:none!important}}
body.product-prototype .projects-proof__content h2{color:#fff!important;font-weight:900!important;-webkit-text-stroke:2px #fff!important;text-shadow:0 3px 16px #000,0 1px 5px #000!important}

/* Price-panel centering applies only to mobile. Desktop retains original approved layout. */
@media(max-width:767px){
/* Approved shared product price panel: center every element and contain long links. */
body.product-prototype .price-panel{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 gap:18px!important;
 width:100%!important;
 min-width:0!important;
 text-align:center!important;
}
body.product-prototype .price-panel>div:first-child,
body.product-prototype .price-panel__actions{
 display:flex!important;
 flex-direction:column!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 text-align:center!important;
}
body.product-prototype .price-panel strong,
body.product-prototype .price-panel small,
body.product-prototype .price-panel__discount,
body.product-prototype .price-panel__help{
 max-width:100%!important;
 min-width:0!important;
 width:auto!important;
 white-space:normal!important;
 overflow-wrap:anywhere!important;
 text-align:center!important;
}
body.product-prototype .price-panel__actions .btn{
 width:min(100%,405px)!important;
 max-width:100%!important;
 min-width:0!important;
 white-space:normal!important;
 text-align:center!important;
}

}
/* All product pages, mobile only: fill the gallery frame without gray letterboxing.
   Keep the approved gallery order and thumbnails unchanged. */
@media(max-width:767px){
 body.product-prototype .gallery__stage{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  overflow:hidden!important;
 }
 body.product-prototype .gallery__stage>img#gallery-main{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
 }
 body.product-prototype .gallery__stage .gallery__video,
 body.product-prototype .gallery__stage .gallery__video iframe{
  width:100%!important;
  height:100%!important;
 }
}

/* Mobile product price panel only: no full-width underline on wrapped discount link. */
@media(max-width:767px){
 body.product-prototype .price-panel .price-panel__discount{
  text-decoration:none!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
 }
}


/* Product price CTA – restore approved hierarchy and eliminate overlapping links.
   Only the yellow model button scales; price and informational links retain font sizes. */
body.product-prototype .price-panel,
body.product-prototype .price-panel>div{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.product-prototype .price-panel .price-panel__discount{
  display:inline!important;
  width:auto!important;
  max-width:100%!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  background-image:none!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
}
body.product-prototype .price-panel .price-panel__help{
  display:inline-block!important;
  align-self:center!important;
  justify-self:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  padding:2px 0!important;
  border:0!important;
  box-shadow:none!important;
  background-image:none!important;
  white-space:normal!important;
  text-align:center!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:5px!important;
}
@media(min-width:768px){
  body.product-prototype .price-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,250px)!important;
    gap:clamp(18px,2.2vw,34px)!important;
    align-items:center!important;
    width:100%!important;
  }
  body.product-prototype .price-panel>div:first-child{
    min-width:0!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
  }
  body.product-prototype .price-panel strong{
    font-size:24px!important;
    line-height:1.3!important;
  }
  body.product-prototype .price-panel small,
  body.product-prototype .price-panel a:not(.btn),
  body.product-prototype .price-panel__discount,
  body.product-prototype .price-panel__help{
    font-size:16px!important;
    line-height:1.45!important;
  }
  body.product-prototype .price-panel__actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-self:end!important;
    width:100%!important;
    min-width:0!important;
    max-width:250px!important;
    gap:10px!important;
  }
  body.product-prototype .price-panel__actions .btn{
    width:100%!important;
    max-width:250px!important;
    min-width:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
    white-space:normal!important;
  }
}
@media(min-width:768px) and (max-width:1399.98px){
  body.product-prototype .price-panel{
    grid-template-columns:minmax(0,1fr) minmax(0,225px)!important;
  }
  body.product-prototype .price-panel__actions{
    max-width:225px!important;
  }
  body.product-prototype .price-panel__actions .btn{
    max-width:225px!important;
    font-size:clamp(12px,1.1vw,16px)!important;
    padding-left:9px!important;
    padding-right:9px!important;
  }
}
@media(max-width:767px){
  body.product-prototype .price-panel__actions{
    max-width:100%!important;
    min-width:0!important;
  }
  body.product-prototype .price-panel__actions .btn{
    width:min(100%,250px)!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* Mobile product KPIs: compact square tiles with one centered text group.
   Matching title/description bands, natural text on UA / EN / DE pages.
   Narrow short labels to encourage three description lines without truncation. */
@media(max-width:767px){
  html[lang] body.product-prototype .trust-strip{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    align-items:stretch!important;
  }
  html[lang] body.product-prototype .trust-strip>div{
    display:grid!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:56px 70px!important;
    align-content:center!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:7px!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    height:auto!important;
    padding:8px 5px!important;
    text-align:center!important;
  }
  html[lang] body.product-prototype .trust-strip>div>b{
    display:block!important;
    align-self:end!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(17px,5vw,22px)!important;
    line-height:1.08!important;
    text-align:center!important;
  }
  html[lang] body.product-prototype .trust-strip>div>span{
    display:block!important;
    align-self:start!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    font-size:clamp(11px,3.35vw,13px)!important;
    line-height:1.34!important;
    text-wrap:balance!important;
    text-align:center!important;
    white-space:normal!important;
  }
  html[lang="uk"] body.product-prototype .trust-strip>div:nth-child(2)>span,
  html[lang="en"] body.product-prototype .trust-strip>div:nth-child(2)>span{
    max-width:105px!important;
    margin-inline:auto!important;
  }
  html[lang="de"] body.product-prototype .trust-strip>div:nth-child(2)>span{
    max-width:138px!important;
    margin-inline:auto!important;
  }
  html[lang="uk"] body.product-prototype .trust-strip>div:nth-child(3)>span,
  html[lang="en"] body.product-prototype .trust-strip>div:nth-child(3)>span{
    max-width:125px!important;
    margin-inline:auto!important;
  }
  html[lang="uk"] body.product-prototype .trust-strip>div:nth-child(4)>span{
    max-width:155px!important;
    margin-inline:auto!important;
  }
  html[lang="en"] body.product-prototype .trust-strip>div:nth-child(4)>span{
    max-width:155px!important;
    margin-inline:auto!important;
  }
  html[lang="de"] body.product-prototype .trust-strip>div:nth-child(4)>span{
    max-width:118px!important;
    margin-inline:auto!important;
  }
  /* Preserve the full German title with legible type at mobile widths. */
  html[lang="de"] body.product-prototype .trust-strip>div:nth-child(4)>b{
    font-size:clamp(15px,4vw,18px)!important;
    letter-spacing:-.4px!important;
  }
}
@media(max-width:359px){
  html[lang] body.product-prototype .trust-strip>div{
    grid-template-rows:46px 62px!important;
    gap:5px!important;
    padding:5px 4px!important;
  }
  html[lang] body.product-prototype .trust-strip>div>b{
    font-size:clamp(16px,5vw,19px)!important;
  }
  html[lang="de"] body.product-prototype .trust-strip>div:nth-child(4)>b{
    font-size:13px!important;
  }
  html[lang] body.product-prototype .trust-strip>div>span{
    font-size:11px!important;
    line-height:1.24!important;
  }
}

/* UA product proof: on large desktop put the whole closing phrase on line two.
   The inline default retains existing mobile/tablet wrapping and typography. */
html[lang="uk"] body.product-prototype .trust-strip>div:nth-child(4)>span .ua-approval-final-line{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:inherit!important;
  color:inherit!important;
  white-space:normal!important;
}
@media(min-width:1200px){
  html[lang="uk"] body.product-prototype .trust-strip>div:nth-child(4)>span .ua-approval-final-line{
    display:block!important;
    white-space:nowrap!important;
  }
}



/* brio product CSS source: global-chrome.css */
/* Briolight global chrome: the same footer email position for all templates.
   Use the approved homepage's natural layout; no per-template offsets. */
@media(min-width:992px){
  body .footer-v2 .footer-v2__email{
    display:block!important;
    position:static!important;
    top:auto!important;
    transform:none!important;
    margin-top:10px!important;
    line-height:1.25!important;
  }
}
@media(max-width:991.98px){
  body .footer-v2 .footer-v2__email{
    display:block!important;
    position:static!important;
    top:auto!important;
    transform:none!important;
    margin-top:10px!important;
    line-height:1.25!important;
  }
}

/* Align the email text baseline with the founder name on desktop (approved visual). */
@media(min-width:992px){
 body .footer-v2 .footer-v2__email{
  transform:translateY(11px)!important;
 }
}

/* GLOBAL PRODUCT HEADER: approved interactive-floor desktop/mobile menu layout.
   Shared by every product page; shared by all product pages.
   Footer remains globally controlled above in this same stylesheet. */

/* Home: keep the approved product-menu typography. Center the whole menu
   in the free space between the logo and contact controls, not the viewport. */
@media(min-width:1200px){
 body.product-prototype .header .col-12{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;column-gap:clamp(12px,1.4vw,26px)!important}
 body.product-prototype .header .logo{grid-column:1;min-width:0}
 body.product-prototype .header .nav{grid-column:2;position:static!important;left:auto!important;right:auto!important;transform:none!important;display:flex!important;justify-content:center!important;min-width:0!important;width:100%!important;margin:0!important}
 body.product-prototype .header .nav>ul{display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:nowrap!important}
 body.product-prototype .header .nav>ul>li>a{font-size:16px!important;white-space:nowrap!important}
 body.product-prototype .header-actions{grid-column:3;position:static!important;min-width:0!important;margin:0!important}
 body.product-prototype .header .mobile-group .site-search-toggle{display:grid!important;visibility:visible!important;opacity:1!important;width:36px!important;height:36px!important;flex:0 0 36px!important;order:2!important}
 body.product-prototype .header .mobile-group .lang-switcher{order:1!important}
 body.product-prototype .header .mobile-group{display:flex!important;align-items:center!important;gap:10px!important}
}
@media(min-width:1200px) and (max-width:1999.98px){
 body.product-prototype .header .nav>ul>li{margin-left:clamp(15.6px,1.69vw,31.2px)!important;margin-right:clamp(15.6px,1.69vw,31.2px)!important}
 body.product-prototype .header-messengers{display:none!important}
 body.product-prototype .header .col-12{column-gap:8px!important}
 body.product-prototype .header .nav>ul>li>a{font-size:16px!important}
}
@media(min-width:2000px){
 body.product-prototype .header .nav>ul>li{margin-left:30.8px!important;margin-right:30.8px!important}
}
@media(max-width:1199.98px){
 body.product-prototype .site-search-toggle{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important}
 body.product-prototype .mobile-group{display:flex!important;align-items:center!important}
}
@media(max-width:991.98px){
 body.product-prototype .mobile-group .site-search-toggle{order:1!important}
 body.product-prototype .mobile-group .lang-switcher{order:2!important}
 body.product-prototype .mobile-group .btn-menu{order:3!important}
}
@media(max-width:575px){
 body.product-prototype .mobile-group{gap:6px!important;margin-right:0!important}
 body.product-prototype .site-search-toggle{width:32px!important;height:32px!important;flex-basis:32px!important}
}


/* Full HD search must be visible immediately after language selector. */
@media(min-width:1200px) and (max-width:1999.98px){
 body.product-prototype .header .header-actions{display:flex!important;align-items:center!important;flex:0 0 auto!important;overflow:visible!important}
 body.product-prototype .header .mobile-group{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:8px!important;min-width:104px!important;margin:0!important;overflow:visible!important}
 body.product-prototype .header .mobile-group .lang-switcher{order:1!important;flex:0 0 58px!important}
 body.product-prototype .header .mobile-group button.site-search-toggle{order:2!important;display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:20!important;flex:0 0 36px!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;place-items:center!important;color:#232323!important;background:transparent!important}
 body.product-prototype .header .mobile-group button.site-search-toggle svg{display:block!important;width:22px!important;height:22px!important;visibility:visible!important;opacity:1!important;stroke:currentColor!important}
}


@media(max-width:991.98px){
body.product-prototype .header .mobile-group .site-search-toggle{display:none!important}
body.product-prototype .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.product-prototype .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}
body.product-prototype .mobile-menu .mobile-menu__block,body.product-prototype .mobile-menu .mobile-menu__block-title{text-align:left!important}
body.product-prototype .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.product-prototype .mobile-menu .horizontal-socials{justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;padding-left:0!important}
body.product-prototype .mobile-menu .horizontal-socials li{margin-left:0!important}
}
@media(min-width:992px){body.product-prototype .mobile-menu>.mobile-menu__search{display:none!important}}



/* Keep the approved homepage footer untouched.
   Other templates: remove the extra 11px downward translation.
   This is a shared global rule, not per-page copies. */
@media(min-width:992px){
 body:not(.home) .footer-v2 .footer-v2__email{
   transform:translateY(9px)!important;
 }
}

/* Non-home templates: compensate excess gap beneath messenger icons.
   Homepage's approved positioning and existing global styles remain unchanged. */
@media(min-width:992px){
 body:not(.home) .footer-v2 .footer-v2__email{
   margin-top:10px!important;
 }
}


/* Shared consent banner – compact, balanced opt-in choices. */
body .cookie-consent{
 box-sizing:border-box!important;
 padding:14px 18px!important;
 gap:14px!important;
 align-items:center!important;
 max-width:960px!important;
}
body .cookie-consent p{
 margin:0!important;
 flex:1 1 320px!important;
 min-width:0!important;
 line-height:1.4!important;
}
body .cookie-consent .cookie-consent__actions{
 display:flex!important;
 flex:0 0 auto!important;
 align-items:center!important;
 gap:10px!important;
 margin-left:auto!important;
}
body .cookie-consent .cookie-consent__actions button{
 box-sizing:border-box!important;
 min-width:0!important;
 width:auto!important;
 height:44px!important;
 min-height:44px!important;
 padding:0 16px!important;
 white-space:nowrap!important;
 font:600 15px/1.15 Roboto,Arial,sans-serif!important;
 border-radius:7px!important;
 box-shadow:none!important;
}
body .cookie-consent .cookie-consent__reject{
 background:#fff!important;
 color:#30363b!important;
 border:1px solid #cdd4da!important;
}
body .cookie-consent .cookie-consent__accept{
 background:#FCD203!important;
 color:#161616!important;
 border:1px solid #FCD203!important;
}
@media(max-width:767px){
 body .cookie-consent{padding:12px 14px!important;gap:12px!important;align-items:stretch!important}
 body .cookie-consent p{flex:0 1 auto!important}
 body .cookie-consent .cookie-consent__actions{width:100%!important;margin:0!important}
 body .cookie-consent .cookie-consent__actions button{flex:1 1 0!important;padding:0 9px!important}
}
@media(max-width:360px){
 body .cookie-consent .cookie-consent__actions{flex-direction:column!important}
 body .cookie-consent .cookie-consent__actions button{flex:none!important;width:100%!important}
}



/* Tablet consent: avoid a 320px-tall paragraph in the inherited column layout. */
@media (min-width:768px) and (max-width:991.98px){
  body .cookie-consent p{flex:0 1 auto!important}
}
@media (min-width:768px) and (max-width:1399.98px) and (orientation:landscape){
  body .cookie-consent{
    left:16px!important;
    right:16px!important;
    bottom:16px!important;
    width:min(480px,calc(100vw - 32px))!important;
    max-width:480px!important;
    padding:14px 16px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
  }
  body .cookie-consent p{flex:0 1 auto!important}
  body .cookie-consent .cookie-consent__actions{
    width:100%!important;
    margin:0!important;
    flex:0 0 auto!important;
    flex-direction:row!important;
  }
  body .cookie-consent .cookie-consent__actions button{flex:1 1 0!important}
}

/* Keep the approved hero photograph behind Swiper during initial width recalculation.
   No slide content, timing or navigation is changed. */
body.home .promo,
body.home .promo .swiper-full{
  background-image:url('/assets/briolight-children-hero-enhanced-v1.webp');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}

/* Mobile menu search is a full-width action row, not the compact header icon. */
@media (max-width:991px){
 html[lang^="uk"] body .mobile-menu>button.mobile-menu__search.site-search-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  flex:0 0 auto!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;
  text-align:left!important;
 }
 html[lang^="uk"] body .mobile-menu>button.mobile-menu__search.site-search-toggle svg{
  display:block!important;
  position:static!important;
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
 }
 html[lang^="uk"] body .mobile-menu>button.mobile-menu__search.site-search-toggle span{
  display:block!important;
  position:static!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:normal!important;
  font-size:15px!important;
  line-height:1.35!important;
 }
}

/* UA mobile drawer search: final authoritative geometry.
   Keep the search action inside the drawer and prevent legacy compact-icon
   rules from shrinking or shifting the full-width control. */
@media(max-width:991.98px){
 html[lang^="uk"] body.home .header .mobile-group button.site-search-toggle{
  display:none!important;
 }
 html[lang^="uk"] body.home .mobile-menu>button.mobile-menu__search.site-search-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  float:none!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0 0 20px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
 }
 html[lang^="uk"] body.home .mobile-menu>button.mobile-menu__search.site-search-toggle svg{
  display:block!important;
  position:static!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
 }
 html[lang^="uk"] body.home .mobile-menu>button.mobile-menu__search.site-search-toggle span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
 }
}


/* Localized 404 uses the same desktop navigation spacing as its home page. */
html[lang="en"] body.not-found-page .lang-switcher .lang-swicher__current-lang,
html[lang="de"] body.not-found-page .lang-switcher .lang-swicher__current-lang{gap:0!important;white-space:nowrap!important}


/* Release safeguard: keep mobile language/menu controls clear of the viewport
   edge on every language and template. This restores the same visual inset as
   the logo side while retaining the approved header geometry. */
@media(max-width:991.98px){
 body .header .mobile-group{
  margin-left:auto!important;
  margin-right:8px!important;
 }
}

/* Related-product cards: stable catalogue crop even if legacy styles differ
   between UA, EN and DE templates. */
body.product-prototype .crosssell-grid .content-card{
 overflow:hidden;
}
body.product-prototype .crosssell-grid .content-card>img{
 display:block!important;
 width:100%!important;
 height:190px!important;
 object-fit:cover!important;
 object-position:center!important;
 background:#eee;
}
@media(max-width:767px){
 body.product-prototype .crosssell-grid .content-card>img{height:230px!important}
}
@media(max-width:480px){
 body.product-prototype .crosssell-grid .content-card>img{height:205px!important}
}

/* Approved cross-sell sandbox photo: shift the crop ten pixels upward so the sand activity is more visible, without clipping the face. */
body.product-prototype .crosssell-grid .content-card>img[src="/assets/products/interactive-sandbox.jpg"]{
 object-position:center calc(50% - 10px)!important;
}

/* Approved cross-sell mirror crop: show the child looking into the mirror, not the computer legs. */
body.product-prototype .crosssell-grid .content-card>img[src="/assets/product-galleries/mirror/briolight-speech-therapy-mirror-01-960x720-1.jpg"]{
 object-position:center calc(50% + 5px)!important;
}


/* QA refinement 2026-10-26: independent dropdown geometries.
   Restore full labels; keep each selector's approved chevron/vertical rhythm.
   Product width follows the longest text plus equal 20px side insets. */
@media(min-width:992px){
  body .header .nav>ul>li.menu-item-has-children>a{
    position:relative!important;
    z-index:2!important;
    margin-right:22px!important;
  }
  body .header .nav>ul>li.menu-item-has-children>a::before{
    right:-22px!important;
    top:7px!important;
  }
  body .header .nav>ul>li.menu-item-has-children>.sub-menu{
    position:absolute!important;
    top:-13px!important;
    left:-30px!important;
    display:block!important;
    width:max-content!important;
    min-width:0!important;
    max-width:calc(100vw - 32px)!important;
    box-sizing:border-box!important;
    padding:56px 61px 23px 30px!important;
    text-align:left!important;
  }
  body .header .nav>ul>li.menu-item-has-children>.sub-menu>li{
    display:block!important;
    width:auto!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  body .header .nav>ul>li.menu-item-has-children>.sub-menu>li:last-child{
    margin-bottom:0!important;
  }
  body .header .nav>ul>li.menu-item-has-children>.sub-menu>li>a{
    position:relative!important;
    display:inline-block!important;
    width:auto!important;
    max-width:100%!important;
    padding:2px 0!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  body .header .nav>ul>li.menu-item-has-children>.sub-menu>li>a::after{
    bottom:-4px!important;
    left:0!important;
    width:0!important;
    max-width:100%!important;
  }
  body .header .nav>ul>li.menu-item-has-children>.sub-menu>li>a:hover::after,
  body .header .nav>ul>li.menu-item-has-children>.sub-menu>li>a:focus-visible::after{
    width:100%!important;
  }
  /* Language menu: keep its OWN line spacing and chevron position.
     Selected item and all locale labels remain visible in UA/EN/DE. */
  html[lang] body .header .lang-switcher ul{
    top:-22px!important;
    left:-20px!important;
    right:auto!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
    box-sizing:border-box!important;
    padding:51px 20px 17px!important;
    text-align:left!important;
  }
  html[lang] body .header .lang-switcher ul>li{
    display:block!important;
    visibility:visible!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  html[lang] body .header .lang-switcher ul>li:last-child{
    margin-bottom:0!important;
  }
  html[lang] body .header .lang-switcher ul>li>a{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    width:auto!important;
    margin:0!important;
    padding:2px 0!important;
    white-space:nowrap!important;
  }
  html[lang] body .header .lang-switcher .lang-swicher__current-lang{
    visibility:visible!important;
    opacity:1!important;
    white-space:nowrap!important;
  }
  /* Phone dropdown is intentionally untouched – Ukrainian version is approved. */
}


/* Fixed current-language logic in UA / EN / DE:
   only the active locale is shown in the trigger; both alternatives are links. */
body .header .lang-switcher .lang-swicher__current-lang{
  position:relative!important;
  z-index:30!important;
  visibility:visible!important;
  opacity:1!important;
}
/* Suppress the native black mouse-focus ring; keep a subtle keyboard cue. */
html[lang] body .header .lang-switcher .lang-swicher__current-lang:focus{
  outline:none!important;
}
html[lang] body .header .lang-switcher .lang-swicher__current-lang:focus-visible{
  text-decoration:underline!important;
  text-decoration-color:#fcd203!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:5px!important;
}
body .header .lang-switcher ul{
  z-index:20!important;
}
body .header .lang-switcher ul>li.current-lang{
  display:none!important;
}
body .header .lang-switcher ul>li:not(.current-lang),
body .header .lang-switcher ul>li:not(.current-lang)>a{
  visibility:visible!important;
  opacity:1!important;
}
body .header .lang-switcher.is-open ul{
  visibility:visible!important;
  opacity:1!important;
  transform:translateY(0)!important;
}

/* All footer mailto links share the yellow hover/focus color of phone links.
   Preserve their normal color, positioning and typography in UA / EN / DE. */
body .footer-v2 a.footer-v2__email:hover,
body .footer-v2 a.footer-v2__email:focus-visible{
  color:#fcd203!important;
}

/* Briolight – definitive mobile language dropdown.
   A separate white surface contains CURRENT trigger + TWO alternatives.
   The alternatives are positioned independently of the trigger; legacy
   CSS top/transform and localization overrides cannot make them overlap. */
@media (max-width:991.98px) {
  html body .header .mobile-group .lang-switcher {
    position:relative!important;
    z-index:110!important;
    isolation:isolate!important;
    overflow:visible!important;
  }
  html body .header .mobile-group .lang-switcher::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:-14px!important;
    left:-18px!important;
    width:98px!important;
    height:136px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border:1px solid rgba(33,150,243,.14)!important;
    box-shadow:0 4px 14px rgba(33,150,243,.16)!important;
    pointer-events:none!important;
    opacity:0!important;
    visibility:hidden!important;
    z-index:0!important;
    transform:none!important;
  }
  html body .header .mobile-group .lang-switcher:is(:hover,.is-open,:focus-within)::before {
    opacity:1!important;
    visibility:visible!important;
  }
  html body .header .mobile-group .lang-switcher .lang-swicher__current-lang {
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    white-space:nowrap!important;
    width:max-content!important;
    min-width:0!important;
    max-width:80px!important;
    height:22px!important;
    line-height:22px!important;
    color:#212121!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0!important;
    padding:0!important;
  }
  html body .header .mobile-group .lang-switcher ul {
    position:absolute!important;
    top:36px!important;
    left:0!important;
    right:auto!important;
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:7px 0 0!important;
    box-sizing:border-box!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    z-index:2!important;
  }
  html body .header .mobile-group .lang-switcher ul>li {
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    height:22px!important;
    min-height:22px!important;
    margin:0 0 12px!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body .header .mobile-group .lang-switcher ul>li:last-child {
    margin-bottom:0!important;
  }
  html body .header .mobile-group .lang-switcher ul>li.current-lang {
    display:none!important;
  }
  html body .header .mobile-group .lang-switcher ul>li>a {
    position:static!important;
    display:block!important;
    width:auto!important;
    height:22px!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:22px!important;
    color:#212121!important;
    background:none!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body .header .mobile-group .lang-switcher:not(:hover):not(.is-open):not(:focus-within) ul {
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body .header .mobile-group .lang-switcher:is(:hover,.is-open,:focus-within) ul {
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
}

/* 2026-10-27 approved selectors: desktop language rhythm, EN/DE phones,
   and click-only mobile language dropdown. No UA phone changes. */
@media(min-width:992px){
 html body .header .lang-switcher .lang-swicher__current-lang::after{
   margin-left:17px!important;
 }
 html body .header .lang-switcher ul>li>a{
   display:inline-block!important;position:relative!important;
   text-decoration:none!important;
 }
 html body .header .lang-switcher ul>li>a::after{
   content:""!important;position:absolute!important;
   left:0!important;right:auto!important;bottom:-4px!important;
   width:0!important;border-bottom:2px solid #fcd203!important;
   transition:width .25s ease!important;
 }
 html body .header .lang-switcher ul>li>a:hover::after,
 html body .header .lang-switcher ul>li>a:focus-visible::after{width:100%!important}
 html[lang="en"] body .header-contacts .phones,
 html[lang="de"] body .header-contacts .phones,
 html[lang="en"] body .header-contacts .phones__current,
 html[lang="de"] body .header-contacts .phones__current,
 html[lang="en"] body .header-contacts .phones__hidden,
 html[lang="de"] body .header-contacts .phones__hidden{
    width:max-content!important;min-width:0!important;
 }
 html[lang="en"] body .header-contacts .phones__current,
 html[lang="de"] body .header-contacts .phones__current{
    display:inline-flex!important;justify-content:flex-start!important;
    gap:10px!important;padding-right:0!important;
 }
 html[lang="en"] body .header-contacts .phones__current>.selector-chevron,
 html[lang="de"] body .header-contacts .phones__current>.selector-chevron{
    margin:0 0 0 2px!important;flex-shrink:0!important;
 }
 html[lang="en"] body .header-contacts .phones__hidden,
 html[lang="de"] body .header-contacts .phones__hidden{
    min-width:calc(100% + 20px)!important;
    padding-left:20px!important;padding-right:20px!important;
 }
}
@media(max-width:991.98px){
 html body .header .mobile-group .lang-switcher::before{
   width:83px!important;height:119px!important;left:-15px!important;
 }
 html body .header .mobile-group .lang-switcher ul{
   width:68px!important;min-width:68px!important;max-width:68px!important;
   top:34px!important;padding-top:2px!important;
 }
 html body .header .mobile-group .lang-switcher:not(.is-open) ul{
   opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 }
 html body .header .mobile-group .lang-switcher:not(.is-open)::before{
   opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 }
 html body .header .mobile-group .lang-switcher.is-open ul,
 html body .header .mobile-group .lang-switcher.is-open::before{
   opacity:1!important;visibility:visible!important;
 }
 html body .header .mobile-group .lang-switcher.is-open ul{pointer-events:auto!important}
}

/* Final 2026-10-27 locale affordances – same rule in UA / EN / DE. */
@media(min-width:992px){
  /* Whitespace beside the label is also a usable language hit target. */
  html[lang] body .header .lang-switcher ul>li{
    width:100%!important;
  }
  html[lang] body .header .lang-switcher ul>li>a{
    display:flex!important;
    align-items:center!important;
    box-sizing:content-box!important;
    width:calc(100% + 20px)!important;
    min-height:24px!important;
    padding:0!important;
    cursor:pointer!important;
  }
  html[lang] body .header .lang-switcher ul>li>a::after{
    display:none!important;
  }
  html[lang] body .header .lang-switcher ul>li>a>.locale-option-label{
    display:inline-block!important;
    position:relative!important;
    white-space:nowrap!important;
    width:max-content!important;
  }
  html[lang] body .header .lang-switcher ul>li>a>.locale-option-label::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    bottom:-4px!important;
    width:0!important;
    border-bottom:2px solid #fcd203!important;
    transition:width .2s ease!important;
  }
  html[lang] body .header .lang-switcher ul>li>a:hover>.locale-option-label::after,
  html[lang] body .header .lang-switcher ul>li>a:focus-visible>.locale-option-label::after{
    width:100%!important;
  }
  /* The UA selector stays as approved. EN/DE get breathing room to the
     divider and, on narrow desktop, between phones and locale switch. */
  html[lang="en"] body .header .header-contacts .phones,
  html[lang="de"] body .header .header-contacts .phones{
    margin-right:12px!important;
  }
  html[lang="en"] body .header .header-contacts,
  html[lang="de"] body .header .header-contacts{
    margin-right:8px!important;
  }
}
@media(max-width:991.98px){
  /* Touch: only JS is-open can show alternatives, not sticky mobile :hover. */
  html body .header .mobile-group .lang-switcher:not(.is-open) ul,
  html body .header .mobile-group .lang-switcher:not(.is-open)::before{
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  html body .header .mobile-group .lang-switcher.is-open ul,
  html body .header .mobile-group .lang-switcher.is-open::before{
    opacity:1!important;visibility:visible!important;
  }
  html body .header .mobile-group .lang-switcher ul>li>a{
    width:100%!important;
    min-height:25px!important;
    cursor:pointer!important;
  }
}

/* Phone dropdown: yellow hover underline directly under the number only. */
@media(min-width:992px){
  html[lang] body .header .phones__hidden>a.phone{
    position:relative!important;
    display:table!important;
    width:max-content!important;
    max-width:100%!important;
    text-decoration:none!important;
  }
  html[lang] body .header .phones__hidden>a.phone::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    bottom:-3px!important;
    width:0!important;
    border-bottom:2px solid #fcd203!important;
    transition:width .22s ease!important;
  }
  html[lang] body .header .phones__hidden>a.phone:hover::after,
  html[lang] body .header .phones__hidden>a.phone:focus-visible::after{
    width:100%!important;
  }
}

/* Keep full-row locale click areas while underlining label glyphs on hover. */
@media(min-width:992px){
 html[lang] body .header .lang-switcher ul>li>a:hover,
 html[lang] body .header .lang-switcher ul>li>a:focus-visible{
   text-decoration:underline!important;
   text-decoration-color:#fcd203!important;
   text-decoration-thickness:2px!important;
   text-underline-offset:5px!important;
 }
}


/* Mobile language dropdown: one self-contained surface, click-controlled.
   Unlike the old independent ::before background, the option labels and
   white background always open and close together. UA / EN / DE only. */
@media(max-width:991.98px){
  html[lang] body .header .mobile-group .lang-switcher::before{
    content:none!important;
    display:none!important;
  }
  html[lang] body .header .mobile-group .lang-switcher ul{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:9px 12px!important;
    background:#fff!important;
    border:1px solid rgba(33,150,243,.2)!important;
    border-radius:4px!important;
    box-shadow:0 6px 18px rgba(33,150,243,.18)!important;
    transform:none!important;
    z-index:120!important;
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html[lang] body .header .mobile-group .lang-switcher.is-open ul{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html[lang] body .header .mobile-group .lang-switcher:not(.is-open) ul{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html[lang] body .header .mobile-group .lang-switcher ul>li{
    min-height:28px!important;
    height:auto!important;
    margin:0 0 5px!important;
  }
  html[lang] body .header .mobile-group .lang-switcher ul>li:last-child{
    margin-bottom:0!important;
  }
  html[lang] body .header .mobile-group .lang-switcher ul>li>a{
    display:flex!important;
    align-items:center!important;
    min-height:28px!important;
    height:auto!important;
    width:100%!important;
    padding:2px 0!important;
    text-align:left!important;
  }
}

/* One mobile language menu surface covering the selected label plus two choices.
   The label remains above the same white panel; menu closes through pointerdown. */
@media(max-width:991.98px){
  html[lang] body .header .mobile-group .lang-switcher{
    position:relative!important;
    isolation:isolate!important;
    z-index:200!important;
  }
  html[lang] body .header .mobile-group .lang-switcher .lang-swicher__current-lang{
    position:relative!important;
    z-index:131!important;
  }
  html[lang] body .header .mobile-group .lang-switcher ul{
    top:-13px!important;
    right:auto!important;
    left:-20px!important;
    width:80px!important;
    min-width:80px!important;
    max-width:80px!important;
    padding:43px 19px 11px!important;
    background:#fff!important;
    z-index:120!important;
  }
}

/* 2026-11-02: the full white mobile locale row is a reliable touch target.
   Keep the existing dropdown size, location and desktop layout. */
@media(max-width:991.98px){
  html[lang] body .header .mobile-group .lang-switcher ul>li{
    box-sizing:border-box!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
  }
  html[lang] body .header .mobile-group .lang-switcher ul>li>a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    box-sizing:border-box!important;
    width:calc(100% + 38px)!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    margin:0 0 0 -19px!important;
    padding:0 19px!important;
    text-align:left!important;
    cursor:pointer!important;
  }
}

/* Tablet-landscape header alignment, 2026-11-04.
   Reference: approved product header. Only non-product templates (home,
   About, blog listing/articles and 404), UA/EN/DE. Keep phone/desktop
   layouts, product headers, search, language dropdown and menu JS intact.
   The legacy Bootstrap .row negative margins and zeroed mobile .container-fluid
   paddings otherwise push the logo and burger against the viewport edges. */
@media (min-width:768px) and (max-width:991.98px){
  html[lang] body:is(:not(.product-prototype),.about-page,.blog-page,.not-found-page) .header{
    box-sizing:border-box!important;
    padding-left:12px!important;
    padding-right:20px!important;
  }
  html[lang] body:is(:not(.product-prototype),.about-page,.blog-page,.not-found-page) .header>.container-fluid,
  html[lang] body:is(:not(.product-prototype),.about-page,.blog-page,.not-found-page) .header>.container-fluid>.row,
  html[lang] body:is(:not(.product-prototype),.about-page,.blog-page,.not-found-page) .header>.container-fluid>.row>.col-12{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  html[lang] body:is(:not(.product-prototype),.about-page,.blog-page,.not-found-page) .header .mobile-group{
    margin-right:0!important;
  }
}

/* Tablet product KPIs: display localized HTML titles without generated duplicates. */
@media (min-width:768px) and (max-width:991.98px){
  html[lang] body.product-prototype .trust-strip>div>b::before{content:none!important}
}