:root{--ink:#173042;--muted:#617789;--blue:#147fa1;--green:#3b9b65;--soft:#f4f9fb;--line:#dce8ed;--shadow:0 20px 55px rgba(30,66,84,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f5fafc 0,#fff 420px);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:#167d9c}p{max-width:82ch}img{max-width:100%}header,#tpl-content,footer{width:min(1360px,calc(100% - 48px));margin-left:auto;margin-right:auto}header{position:relative;height:190px;padding-top:16px}#tpl-header-nav{height:62px;display:flex;align-items:stretch;padding:0 145px 0 0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px rgba(30,66,84,.07);overflow:hidden}.tpl-header-point{float:none!important;position:relative!important;display:flex!important;align-items:center;justify-content:center;flex:1;width:auto!important;height:auto!important;padding:10px 12px!important;margin:0!important;border:0!important;border-right:1px solid #edf3f5!important;background:none!important;color:#496679!important;font-size:12px!important;line-height:1.2!important;font-weight:700;text-align:center;text-transform:uppercase;overflow:visible!important}.tpl-header-point:hover,#tpl-header-nav .active{background:#edf8fb!important;color:#126f8a!important}.tpl-header-point .cnt-right-separator{display:none!important}#tpl-header-point-home{font-size:0!important;min-width:58px;max-width:68px;background:none!important}#tpl-header-point-home:after{content:'⌂';font-size:23px}#tpl-header-point-logo-ph{display:none!important}#tpl-header-point-logo{position:absolute!important;z-index:5;top:0!important;right:16px!important;left:auto!important;margin:0!important;width:126px!important;height:95px!important;padding:0!important;overflow:hidden!important;background:url(../img/onix-top-logo.png) center/126px 95px no-repeat!important;font-size:0!important;border:0!important}.tpl-home-header-contacts{position:absolute!important;left:0!important;right:auto!important;top:98px!important;margin:0!important;width:auto!important;max-width:720px;text-align:left!important;color:var(--muted)!important}.tpl-home-header-contacts .tpl-logo{margin:0 0 8px!important}.tpl-home-header-contacts .tpl-address{border-top:0!important;padding:0 14px 0 0!important}.tpl-home-header-contacts .tpl-phone{display:inline-block}#tpl-content{position:relative;width:min(1360px,calc(100% - 48px));border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow);overflow:hidden}#tpl-content-border,#tpl-content.tpl-hp-content #tpl-content-border,.tpl-hp-content #tpl-content-border{width:100%!important;border:0!important;padding:42px 54px 54px!important}.tpl-hp-content #tpl-content-border{padding:0!important}h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;color:var(--ink);letter-spacing:-.025em}h1{font-size:clamp(30px,4vw,54px);line-height:1.05}h2{font-size:clamp(23px,2.4vw,34px);line-height:1.15}.cnt-columns-block{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:30px;padding:38px 54px!important}.cnt-column{float:none!important;width:auto!important;margin:0!important;border-right:0!important}.cnt-column p,.cnt-contact-block p,.cnt-answer-block p{color:#4f697a}.cnt-illustration img{border-radius:20px}.cnt-column-header a{width:auto!important;height:auto!important;padding:0!important;background:none!important;color:var(--ink)!important;font-size:24px!important;line-height:1.2!important;border:0!important}.cnt-hp-news-block a{display:block;padding:11px 0;border-bottom:1px solid var(--line)}.modern-hero{position:relative;padding:64px 54px 48px;background:radial-gradient(circle at 90% 20%,rgba(89,181,192,.20),transparent 30%),linear-gradient(135deg,#eef8fb,#fff 65%);overflow:hidden}.modern-hero:after{content:'';position:absolute;right:-80px;bottom:-110px;width:320px;height:320px;border:1px solid rgba(20,127,161,.18);border-radius:50%;box-shadow:0 0 0 38px rgba(20,127,161,.035),0 0 0 76px rgba(20,127,161,.025)}.modern-hero h1{max-width:850px;margin:8px 0 18px}.modern-hero p{max-width:760px;font-size:18px;color:#526f80}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#16839b}.modern-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.modern-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:0!important;border-radius:14px;background:#147f9f;color:#fff!important;font-weight:700;box-shadow:0 8px 20px rgba(20,127,159,.16)}.modern-btn.secondary{background:#fff;color:#147f9f!important;border:1px solid #cfe3e9!important;box-shadow:none}.modern-section-intro{grid-column:1/-1;padding-bottom:4px}.modern-section-intro h1{margin:7px 0 10px}.modern-section-intro p{color:#5b7384;font-size:17px}
/* fitting: preserve original 400x530 coordinate system and scale it uniformly */.js-selection-wrap{display:grid;grid-template-columns:minmax(430px,560px) minmax(0,1fr);gap:30px;align-items:start}.js-selection-group{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap;gap:9px;margin:0 0 4px!important;padding:0!important;list-style:none}.js-selection-group li{float:none!important;margin:0!important}.js-selection-group a{display:block!important;width:auto!important;height:auto!important;padding:11px 15px!important;background:#eff7f9!important;border:1px solid #d7e8ed!important;border-radius:999px!important;color:#31586b!important;font:700 13px/1.2 Arial!important;text-shadow:none!important}.js-selection-group a.active,.js-selection-group a:hover{background:#147f9f!important;color:#fff!important;border-color:#147f9f!important}.cnt-selection-photo{grid-column:1;float:none!important;width:100%!important;height:auto!important;aspect-ratio:400/530;position:relative!important;margin:0!important;border:1px solid #d7e3e8!important;border-radius:26px!important;overflow:hidden;background-image:url(../img/selection-photo.jpg)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;box-shadow:0 16px 38px rgba(24,61,78,.12)}.cnt-select-color,.cnt-select-color-fading{position:absolute!important;top:48.1132%!important;left:29%!important;width:38.5%!important;height:4.5283%!important;padding:0!important;overflow:hidden!important;background-repeat:no-repeat!important;background-position:center!important;background-size:100% 100%!important}.cnt-selection-list{grid-column:2;float:none!important;width:auto!important;min-height:0!important;margin:0!important;padding:22px!important;background:#f7fbfc;border:1px solid var(--line);border-radius:24px}.cnt-selection-list ul{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin:0!important;padding:0!important;list-style:none}.cnt-selection-list li{float:none!important;width:auto!important;height:auto!important;margin:0!important}.cnt-selection-list li a{display:block!important;width:auto!important;height:auto!important;padding:6px!important;border:2px solid transparent!important;border-radius:14px;background:#fff}.cnt-selection-list li.active a,.cnt-selection-list li a.active{border-color:#3b9b65!important;box-shadow:0 5px 15px rgba(59,155,101,.16)}.cnt-selection-list img{display:block!important;width:100%!important;aspect-ratio:1;object-fit:cover;border-radius:9px}.cnt-selection-list .cnt-title{display:block!important;width:auto!important;height:auto!important;margin-top:4px!important;font-size:11px!important;line-height:1.2!important;text-align:center;color:#526d7e}.cnt-selection-instruction{float:none!important;width:auto!important;height:auto!important;padding:0 0 14px!important;background:none!important;color:#657d8c!important;font-size:14px!important;line-height:1.4!important}.cnt-selection-description{grid-column:1/-1;float:none!important;width:auto!important;margin:4px 0 0!important;padding:30px 32px!important;background:#fff;border:1px solid var(--line);border-radius:24px}.cnt-selection-description p{max-width:95ch}.lences-specification{width:100%!important;border-collapse:collapse!important;margin-top:20px}.lences-specification th,.lences-specification td{padding:12px 15px!important;border-bottom:1px solid var(--line)!important;text-align:left!important}.lences-specification th{width:28%;color:#466475;background:#f6fafb}.js-selection-donor{display:none!important}.lens-quiz,.home-quiz{margin:34px 0 0;padding:30px 32px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,#f2fafb,#fff);position:relative;overflow:hidden}.quiz-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.quiz-options button{padding:11px 14px;border:1px solid #cfe2e8;border-radius:12px;background:#fff;color:#35586b;cursor:pointer;font-weight:700}.quiz-options button:hover,.quiz-options button.selected{background:#147f9f;color:#fff;border-color:#147f9f}.quiz-step{margin-top:18px}.quiz-result{display:none;margin-top:20px;padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line)}.quiz-note{margin-top:18px;color:#728693;font-size:13px}footer{height:auto;padding:28px 0 40px}.tpl-footer-info{width:auto!important;max-width:900px}.tpl-footer-info,.tpl-footer-info a{color:#607888!important}.cnt-contact-block,.cnt-answer-block{padding:22px 0}.cnt-contact-block img,.cnt-answer-block img{max-width:100%;height:auto}
@media(max-width:980px){header,#tpl-content,footer{width:min(100% - 24px,1360px)}header{height:auto;padding-bottom:24px}#tpl-header-nav{padding-right:0;overflow-x:auto}#tpl-header-point-logo{position:relative!important;right:auto!important;top:auto!important;margin:14px auto 0!important}.tpl-home-header-contacts{position:static!important;text-align:center!important;margin:10px auto 0!important}.tpl-home-header-contacts .tpl-logo{margin:0 auto 8px!important}.cnt-columns-block{grid-template-columns:1fr;padding:28px!important}#tpl-content-border{padding:28px!important}.modern-hero{padding:46px 28px}.js-selection-wrap{grid-template-columns:1fr}.modern-section-intro,.js-selection-group,.cnt-selection-description{grid-column:1}.cnt-selection-photo{grid-column:1;width:min(100%,520px)!important}.cnt-selection-list{grid-column:1}.tpl-header-point{min-width:118px!important;flex:0 0 auto!important}#tpl-header-point-home{min-width:58px!important}}@media(max-width:560px){body{font-size:15px}#tpl-content{border-radius:20px}.modern-hero,#tpl-content-border,.cnt-columns-block{padding:22px!important}.modern-actions{flex-direction:column}.modern-btn{width:100%}.js-selection-group{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px!important}.js-selection-group li{flex:0 0 auto}.cnt-selection-description{padding:20px}.lences-specification th,.lences-specification td{display:block;width:100%;padding:8px 10px!important}.lences-specification th{border-bottom:0!important}.cnt-selection-list{padding:15px}.cnt-selection-list ul{grid-template-columns:repeat(4,1fr);gap:7px}.lens-quiz,.home-quiz{padding:22px}}

/* v3 — homepage + price polish */
body{font-size:18px;line-height:1.72}
.tpl-hp-content .modern-hero{min-height:500px;display:flex;flex-direction:column;justify-content:center;padding:78px 7%;background:linear-gradient(90deg,rgba(245,251,252,.98) 0%,rgba(245,251,252,.94) 42%,rgba(245,251,252,.24) 72%,rgba(255,255,255,.05) 100%),url(../img/hp-illustration.jpg) right center/auto 100% no-repeat}
.tpl-hp-content .modern-hero:before{content:'';position:absolute;left:48%;top:72px;width:160px;height:160px;border:1px solid rgba(20,127,161,.18);border-radius:50%;box-shadow:0 0 0 32px rgba(20,127,161,.035),0 0 0 64px rgba(59,155,101,.025);pointer-events:none}
.tpl-hp-content .modern-hero h1{font-size:clamp(48px,5.4vw,78px);max-width:780px;line-height:.98;margin:12px 0 24px}
.tpl-hp-content .modern-hero p{font-size:clamp(20px,1.6vw,24px);line-height:1.55;max-width:680px}
.tpl-hp-content #tpl-hp-illustration{display:none}
.tpl-hp-content .cnt-columns-block{grid-template-columns:1.55fr 1fr;gap:28px;padding:54px 6%!important}
.tpl-hp-content .cnt-column{padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 12px 34px rgba(30,66,84,.06)}
.tpl-hp-content .cnt-column[style*="width: 599px"]{width:auto!important}
.tpl-hp-content .cnt-column-header{margin-top:0}
.tpl-hp-content .cnt-column-header a{font-size:clamp(28px,2.4vw,38px)!important}
.tpl-hp-content .cnt-presentation-description,.tpl-hp-content .cnt-addition-info{font-size:18px!important;line-height:1.65!important;max-width:none}
.tpl-hp-content .cnt-presentation-description-links{width:auto!important;display:flex;flex-wrap:wrap;gap:9px;margin:10px 0 24px}
.tpl-hp-content .cnt-presentation-description-links .cnt-block-link{margin:0!important;padding:10px 14px;border:1px solid #d8e7eb;border-radius:999px;background:#f5fafb;text-decoration:none;font-size:15px;font-weight:700}
.tpl-hp-content .cnt-columns-block:nth-of-type(2){grid-template-columns:repeat(3,1fr)}
.tpl-hp-content .cnt-columns-block:nth-of-type(2) .cnt-column{position:relative;overflow:hidden;min-height:230px;padding-top:72px}
.tpl-hp-content .cnt-columns-block:nth-of-type(2) .cnt-column:after{content:'';position:absolute;right:-35px;top:-35px;width:120px;height:120px;border:1px solid rgba(20,127,161,.15);border-radius:50%;box-shadow:0 0 0 20px rgba(20,127,161,.025)}
.tpl-hp-content .cnt-green-header{font-size:25px!important;line-height:1.18!important;margin:0 0 18px!important;color:var(--ink)!important}
.tpl-hp-content .cnt-columns-block:last-of-type{grid-template-columns:.9fr 1.1fr 1fr;align-items:stretch}
.tpl-hp-content .cnt-columns-block:last-of-type .cnt-column{font-size:17px!important;line-height:1.65!important}
.tpl-hp-content .cnt-hp-news-block a{font-size:16px;line-height:1.45;padding:13px 0}
.tpl-hp-content .home-quiz{margin:12px 6% 62px;padding:48px 52px;background:radial-gradient(circle at 88% 20%,rgba(20,127,161,.12),transparent 25%),linear-gradient(135deg,#eef9fb,#fff)}
.tpl-hp-content .home-quiz h2{font-size:clamp(34px,3.4vw,52px);margin:8px 0 12px}
.tpl-hp-content .home-quiz>p{font-size:19px}
.tpl-hp-content .quiz-step{font-size:18px}
.tpl-hp-content .quiz-options button{font-size:16px;padding:14px 18px}

/* Price: keep the exact table structure, improve only presentation */
body:has(.pricelisttable) #tpl-content-border{padding:58px 4.5% 64px!important}
body:has(.pricelisttable) #tpl-content-border>h1{margin:0 0 18px;font-size:clamp(42px,4.5vw,66px)}
body:has(.pricelisttable) #tpl-content-border>div:first-of-type{padding:26px 30px;margin:0 0 30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,#f3fafb,#fff);font-size:18px}
body:has(.pricelisttable) #tpl-content-border>div:nth-of-type(2){width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 40px rgba(30,66,84,.08)}
table.pricelisttable{min-width:1120px;border:0!important;background:#fff}
table.pricelisttable td,table.pricelisttable th{padding:13px 12px!important;border-color:#dce7eb!important;font-size:14px!important;line-height:1.4;vertical-align:middle}
table.pricelisttable th{font-weight:700!important;color:#284d60;background:#f8fbfc}
table.pricelisttable th.title{padding:16px 10px!important;font-size:15px!important;color:#197b5b!important;background:#eef8f3}
table.pricelisttable td.title{padding:18px 10px!important;font-size:15px!important;line-height:1.35;background:#f3faf6;color:#197b5b;font-weight:700;text-align:center}
table.pricelisttable td.td-price{font-size:17px!important;font-weight:800;color:#126f8a;background:#f4fafc}
table.pricelisttable tr:hover>td:not([rowspan]),table.pricelisttable tr:hover>th:not([rowspan]){background:#f1f8fa}

@media(max-width:980px){body{font-size:17px}.tpl-hp-content .modern-hero{min-height:440px;padding:58px 32px;background:linear-gradient(90deg,rgba(245,251,252,.98),rgba(245,251,252,.84)),url(../img/hp-illustration.jpg) center/cover no-repeat}.tpl-hp-content .modern-hero h1{font-size:clamp(42px,8vw,64px)}.tpl-hp-content .cnt-columns-block,.tpl-hp-content .cnt-columns-block:nth-of-type(2),.tpl-hp-content .cnt-columns-block:last-of-type{grid-template-columns:1fr}.tpl-hp-content .cnt-column{padding:26px}.tpl-hp-content .home-quiz{margin:12px 28px 40px;padding:34px}body:has(.pricelisttable) #tpl-content-border{padding:34px 26px 44px!important}}
@media(max-width:560px){body{font-size:16px}.tpl-hp-content .modern-hero{min-height:390px;padding:42px 22px}.tpl-hp-content .modern-hero h1{font-size:40px}.tpl-hp-content .modern-hero p{font-size:18px}.tpl-hp-content .cnt-presentation-description,.tpl-hp-content .cnt-addition-info{font-size:17px!important}.tpl-hp-content .home-quiz{margin:8px 16px 28px;padding:25px}.tpl-hp-content .home-quiz h2{font-size:32px}body:has(.pricelisttable) #tpl-content-border{padding:28px 18px 36px!important}table.pricelisttable td,table.pricelisttable th{font-size:13px!important}}

/* v4 — robust homepage layout; do not depend on DOM nth-of-type */
.tpl-hp-content .cnt-sep-blocks.cnt-columns-block{
  grid-template-columns:minmax(0,1.7fr) minmax(340px,.85fr)!important;
  align-items:stretch;
}
.tpl-hp-content .cnt-sep-blocks.cnt-columns-block > .cnt-column{
  min-width:0;
}
.tpl-hp-content .cnt-sep-blocks .cnt-column:first-child{
  padding:38px 42px;
}
.tpl-hp-content .cnt-sep-blocks .cnt-column:nth-child(2){
  padding:38px 36px;
}
.tpl-hp-content .cnt-sep-blocks .cnt-column-header a{
  display:block!important;
  max-width:100%;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:normal;
  word-break:normal;
}
.tpl-hp-content .cnt-sep-blocks .cnt-presentation-description{
  max-width:68ch;
}
.tpl-hp-content .cnt-full-width-separator + .cnt-columns-block{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.tpl-hp-content .cnt-full-width-separator + .cnt-columns-block > .cnt-column{
  position:relative;
  overflow:hidden;
  min-height:260px;
  padding:76px 34px 34px;
}
.tpl-hp-content .cnt-hor-narrow-separator + .cnt-columns-block{
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.15fr) minmax(300px,1fr)!important;
  align-items:stretch;
}
.tpl-hp-content .cnt-hor-narrow-separator + .cnt-columns-block > .cnt-column{
  min-width:0;
}
.tpl-hp-content .cnt-hor-narrow-separator + .cnt-columns-block p{
  max-width:none;
}
.tpl-hp-content .cnt-presentation-description-links .cnt-block-link{
  float:none!important;
  width:auto!important;
  height:auto!important;
  line-height:1.25!important;
  white-space:normal;
}
@media(max-width:1050px){
  .tpl-hp-content .cnt-sep-blocks.cnt-columns-block,
  .tpl-hp-content .cnt-full-width-separator + .cnt-columns-block,
  .tpl-hp-content .cnt-hor-narrow-separator + .cnt-columns-block{
    grid-template-columns:1fr!important;
  }
  .tpl-hp-content .cnt-sep-blocks .cnt-column:first-child,
  .tpl-hp-content .cnt-sep-blocks .cnt-column:nth-child(2){padding:30px}
}

/* v5 — homepage full-width cleanup + centered vector logo */
header{height:220px;padding-top:8px}
#tpl-header-nav{
  margin-top:38px;
  height:66px;
  padding:0!important;
  overflow:visible;
}
#tpl-header-point-logo-ph{
  display:block!important;
  flex:0 0 154px!important;
  width:154px!important;
  min-width:154px!important;
  border-right:1px solid #edf3f5!important;
  font-size:0!important;
  pointer-events:none;
  background:transparent!important;
}
#tpl-header-point-logo{
  top:6px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%);
  margin:0!important;
  width:142px!important;
  height:107px!important;
  background:url(../img/onix-top-logo.svg) center/contain no-repeat!important;
  filter:drop-shadow(0 10px 18px rgba(23,48,66,.12));
}
.tpl-home-header-contacts{top:128px!important}

/* remove the last fixed-width remnants from the 2013 layout */
.tpl-hp-content .cnt-columns-block,
.tpl-hp-content .cnt-full-width-separator,
.tpl-hp-content .cnt-hor-narrow-separator{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.tpl-hp-content .cnt-full-width-separator{
  background:linear-gradient(90deg,transparent,#d9e9ee 12%,#d9e9ee 88%,transparent)!important;
  height:1px!important;
  padding:0!important;
  margin:12px 0!important;
}
.tpl-hp-content .cnt-hor-narrow-separator{
  background:linear-gradient(90deg,transparent,#d9e9ee 12%,#d9e9ee 88%,transparent)!important;
  height:1px!important;
  padding:0!important;
  margin:12px 0!important;
}
.tpl-hp-content .cnt-columns-block{padding-left:5.5%!important;padding-right:5.5%!important}
.tpl-hp-content .cnt-sep-blocks.cnt-columns-block{
  grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr)!important;
  gap:30px!important;
}
.tpl-hp-content .cnt-sep-blocks .cnt-column:first-child,
.tpl-hp-content .cnt-sep-blocks .cnt-column:nth-child(2){padding:40px!important}
.tpl-hp-content .cnt-column-header,
.tpl-hp-content .cnt-full-border-width .cnt-column-header{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0 0 24px!important;
}
.tpl-hp-content .cnt-column-header a,
.tpl-hp-content .cnt-column-header a.wide,
.tpl-hp-content .cnt-column-header a.active{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  font-size:clamp(30px,2.5vw,42px)!important;
  line-height:1.08!important;
  background:none!important;
}
.tpl-hp-content .cnt-presentation-description{
  margin:0 0 14px!important;
  font-size:18px!important;
  line-height:1.62!important;
}
.tpl-hp-content .cnt-presentation-description-links{margin:0 0 26px!important}
.tpl-hp-content .cnt-sep-blocks .cnt-column{min-height:470px}
.tpl-hp-content .cnt-sep-blocks .cnt-column:first-child{background:radial-gradient(circle at 92% 10%,rgba(20,127,161,.09),transparent 25%),#fff}
.tpl-hp-content .cnt-sep-blocks .cnt-column:nth-child(2){background:radial-gradient(circle at 90% 10%,rgba(59,155,101,.09),transparent 26%),#fff}
.tpl-hp-content .cnt-full-width-separator + .cnt-columns-block{gap:24px!important}
.tpl-hp-content .cnt-full-width-separator + .cnt-columns-block > .cnt-column{min-height:300px;padding:70px 30px 32px!important}
.tpl-hp-content .cnt-green-header{font-size:clamp(23px,1.8vw,29px)!important}
.tpl-hp-content .cnt-hor-narrow-separator + .cnt-columns-block{gap:24px!important}

@media(max-width:1050px){
  header{height:auto;padding-bottom:24px}
  #tpl-header-nav{margin-top:18px;padding-right:0!important;overflow-x:auto}
  #tpl-header-point-logo-ph{display:none!important}
  #tpl-header-point-logo{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:14px auto 0!important}
  .tpl-home-header-contacts{position:static!important;margin:12px auto 0!important;text-align:center!important}
  .tpl-hp-content .cnt-sep-blocks.cnt-columns-block{grid-template-columns:1fr!important}
  .tpl-hp-content .cnt-sep-blocks .cnt-column{min-height:0}
}

/* v6 — authentic raster logo + stable symmetric desktop navigation */
header{height:232px!important;padding-top:12px!important}
#tpl-header-nav{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr)) 176px repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  width:min(1320px,calc(100% - 48px))!important;
  height:68px!important;
  margin:54px auto 0!important;
  padding:0 18px!important;
  overflow:visible!important;
  border:1px solid #e3edf0!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 38px rgba(31,70,87,.08)!important;
}
#tpl-header-nav .tpl-header-point{
  float:none!important;width:auto!important;height:auto!important;min-width:0!important;
  margin:0!important;padding:13px 9px!important;border:0!important;
  display:flex!important;align-items:center;justify-content:center;text-align:center;
  font-size:14px!important;line-height:1.15!important;white-space:normal!important;
  background:none!important;
}
#tpl-header-nav .cnt-right-separator{display:none!important}
#tpl-header-nav .active{color:#087d9d!important;background:#eff9fb!important;border-radius:14px!important;font-weight:700!important}
#tpl-header-point-logo-ph{display:block!important;width:176px!important;min-width:176px!important;padding:0!important;font-size:0!important;background:none!important}
#tpl-header-point-logo{
  position:absolute!important;z-index:20!important;top:12px!important;left:50%!important;right:auto!important;
  width:154px!important;height:116px!important;margin:0!important;transform:translateX(-50%)!important;
  background:url(../img/onix-top-logo-retina.png) center/contain no-repeat!important;
  filter:none!important;font-size:0!important;
}
.tpl-home-header-contacts{top:145px!important}
@media(max-width:1100px){
  header{height:auto!important;padding-bottom:24px!important}
  #tpl-header-point-logo{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0 auto 14px!important}
  #tpl-header-nav{display:flex!important;width:calc(100% - 28px)!important;margin:8px auto 0!important;padding:8px!important;height:auto!important;overflow-x:auto!important;justify-content:flex-start!important}
  #tpl-header-nav .tpl-header-point{flex:0 0 auto!important;padding:12px 14px!important}
  #tpl-header-point-logo-ph{display:none!important}
  .tpl-home-header-contacts{position:static!important;margin:14px auto 0!important;text-align:center!important}
}

/* v6 — FAQ: readable accordion using original Q&A only */
body:has(.cnt-faq-block) #tpl-content-border{padding:58px 6% 72px!important;background:linear-gradient(180deg,#f8fcfd 0,#fff 260px)!important}
body:has(.cnt-faq-block) #tpl-content-border>h1{font-size:clamp(44px,4.8vw,68px)!important;line-height:1!important;margin:0 0 16px!important;letter-spacing:-.035em!important}
body:has(.cnt-faq-block) #tpl-content-border>h1:after{content:'Ответы на частые вопросы о контактных линзах, подборе, ношении и уходе.';display:block;max-width:720px;margin-top:18px;font-size:19px;line-height:1.55;font-weight:400;letter-spacing:0;color:#607b89}
body:has(.cnt-faq-block) .cnt-faq-block{width:min(100%,1040px)!important;height:auto!important;min-height:0!important;margin:0 auto 12px!important;padding:0!important;border:1px solid #dce9ed!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 26px rgba(31,70,87,.05)!important;overflow:hidden!important}
body:has(.cnt-faq-block) .cnt-question{position:relative!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:22px 70px 22px 24px!important;background:none!important;color:#173b4e!important;font-size:19px!important;line-height:1.35!important;font-weight:700!important;cursor:pointer!important}
body:has(.cnt-faq-block) .cnt-question:after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid #bcdce5;border-radius:50%;display:grid;place-items:center;color:#087d9d;font-size:23px;font-weight:400;line-height:1}
body:has(.cnt-faq-block) .cnt-faq-block.is-open .cnt-question:after{content:'−'}
body:has(.cnt-faq-block) .cnt-answer{display:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0 70px 24px 24px!important;background:none!important;color:#526f7e!important;font-size:17px!important;line-height:1.7!important;border:0!important}
body:has(.cnt-faq-block) .cnt-faq-block.is-open .cnt-answer{display:block!important}
body:has(.cnt-faq-block) .cnt-faq-block:first-of-type{margin-top:38px!important}
@media(max-width:700px){body:has(.cnt-faq-block) #tpl-content-border{padding:38px 18px 52px!important}body:has(.cnt-faq-block) .cnt-question{font-size:17px!important;padding:19px 58px 19px 18px!important}body:has(.cnt-faq-block) .cnt-answer{font-size:16px!important;padding:0 18px 20px!important}}
\n\n/* v7 — final balanced header: authentic raster logo, 4+4 navigation */
header{
  height:224px!important;
  padding-top:18px!important;
}
#tpl-header-nav{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(108px,1fr)) 164px repeat(4,minmax(108px,1fr))!important;
  align-items:center!important;
  width:min(1340px,calc(100% - 36px))!important;
  height:64px!important;
  margin:68px auto 0!important;
  padding:0 14px!important;
  overflow:visible!important;
  border:1px solid #dfeaed!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 12px 34px rgba(25,61,78,.075)!important;
}
#tpl-header-nav .tpl-header-point{
  position:relative!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  height:62px!important;
  margin:0!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:#36566a!important;
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  transition:background .2s ease,color .2s ease,transform .2s ease!important;
}
#tpl-header-nav .tpl-header-point:hover{
  color:#087f9f!important;
  background:#f1f9fb!important;
  border-radius:13px!important;
}
#tpl-header-nav .active{
  color:#087f9f!important;
  background:#edf8fb!important;
  border-radius:13px!important;
}
#tpl-header-point-home{font-size:12px!important;min-width:0!important;max-width:none!important}
#tpl-header-point-home:after{content:none!important}
#tpl-header-point-logo-ph{
  display:block!important;
  grid-column:5!important;
  width:164px!important;
  min-width:164px!important;
  height:62px!important;
  padding:0!important;
  font-size:0!important;
  pointer-events:none!important;
  background:transparent!important;
}
#tpl-header-point-fitting{grid-column:6!important}
#tpl-header-point-price{grid-column:7!important}
#tpl-header-point-faq{grid-column:8!important}
#tpl-header-point-news{grid-column:9!important}
#tpl-header-point-logo{
  position:absolute!important;
  z-index:30!important;
  top:10px!important;
  left:50%!important;
  right:auto!important;
  width:126px!important;
  height:95px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  background:url(../img/onix-top-logo-retina.png) center center/126px 95px no-repeat!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 7px 12px rgba(35,75,54,.08))!important;
  font-size:0!important;
  pointer-events:none!important;
}
.tpl-home-header-contacts{
  position:absolute!important;
  top:157px!important;
  left:50%!important;
  right:auto!important;
  width:min(920px,calc(100% - 48px))!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  text-align:center!important;
  color:#647d8b!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.tpl-home-header-contacts .tpl-logo{display:none!important}
.tpl-home-header-contacts .tpl-address,
.tpl-home-header-contacts .tpl-phone{
  display:inline!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
}
.tpl-home-header-contacts .tpl-address:after{content:'  •  ';color:#9db2bc;padding:0 8px}

@media(max-width:1180px){
  header{height:auto!important;padding:16px 0 22px!important}
  #tpl-header-point-logo{
    position:relative!important;top:auto!important;left:auto!important;transform:none!important;
    margin:0 auto 12px!important;width:113px!important;height:85px!important;
    background-size:113px 85px!important;
  }
  #tpl-header-nav{
    display:flex!important;
    width:calc(100% - 28px)!important;
    height:auto!important;
    margin:0 auto!important;
    padding:7px!important;
    gap:3px!important;
    overflow-x:auto!important;
    justify-content:flex-start!important;
    border-radius:18px!important;
  }
  #tpl-header-nav .tpl-header-point{flex:0 0 auto!important;height:48px!important;padding:0 14px!important;font-size:11px!important}
  #tpl-header-point-logo-ph{display:none!important}
  #tpl-header-point-fitting,#tpl-header-point-price,#tpl-header-point-faq,#tpl-header-point-news{grid-column:auto!important}
  .tpl-home-header-contacts{
    position:static!important;transform:none!important;width:calc(100% - 32px)!important;
    margin:12px auto 0!important;text-align:center!important;
  }
}
@media(max-width:620px){
  .tpl-home-header-contacts .tpl-address,.tpl-home-header-contacts .tpl-phone{display:block!important}
  .tpl-home-header-contacts .tpl-address:after{content:none!important}
}

/* v8 final: home icon + footer */
#tpl-header-point-home{font-size:0!important;min-width:64px!important;max-width:78px!important;padding:0 14px!important}
#tpl-header-point-home:after{content:none!important}
#tpl-header-point-home .menu-home-icon{display:block;width:25px;height:25px;color:currentColor}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#tpl-footer-copy{font-size:13px;color:#718493}