main[data-oknolit-content-page="v1"] { background:#eef2f4; }
/* ALUTECH overview: isolated from existing product and guide layouts. */
.oknolit-content.aluminium-design { width:calc(100% - 40px); max-width:1200px; color:#082f4d; font-size:1rem; line-height:1.6; overflow-wrap:break-word; }
.aluminium-design :is(h1,h2,h3) { color:#082f4d; font-family:Bahnschrift,"Segoe UI",Arial,sans-serif; font-weight:650; word-break:normal; hyphens:none; }
.oknolit-content.aluminium-design h1 { max-width:28ch; font-size:clamp(2rem,3.2vw,2.5rem); line-height:1.2; margin:0 0 16px; text-wrap:balance; }
.oknolit-content.aluminium-design h2 { max-width:32ch; font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.22; margin:0 0 12px; }
.oknolit-content.aluminium-design :is(h2,h3) { scroll-margin-block-start:180px; }
.aluminium-design__breadcrumb { padding:0 0 8px; }
.aluminium-design__header { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr); align-items:center; gap:28px; background:#f8fafb; padding:clamp(24px,3vw,32px); }
.aluminium-design__header p { max-width:76ch; }
.aluminium-design__header p:last-child { margin-bottom:0; }
.aluminium-design__choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14ch),1fr)); gap:12px; margin-top:20px; }
.aluminium-design .aluminium-design__choices .aluminium-design__link { display:block; padding:12px 16px; line-height:1.5; background:#fff4e5; }
.aluminium-design__choices .aluminium-design__link:last-child { background:#e2edf4; }
.aluminium-design .aluminium-design__lead { font-size:1.125rem; }
.aluminium-design__group { margin-block-start:36px; }
.aluminium-design__group-header { padding:0 clamp(24px,3vw,36px) 20px; }
.oknolit-content.aluminium-design .aluminium-design__group-header h2 { max-width:none; }
.aluminium-design__pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.aluminium-design__card { min-width:0; padding:clamp(24px,3vw,36px); }
.aluminium-design__hero-figure { margin:0; min-width:0; }
.aluminium-design .aluminium-design__hero-figure img { display:block; width:100%; height:280px; object-fit:contain; }
.aluminium-design__hero-figure figcaption { margin-top:12px; font-size:.875rem; line-height:1.5; color:#3e5669; }
.aluminium-design__intro { padding:0 clamp(24px,3vw,36px); margin-top:20px; max-width:80ch; }
.aluminium-design__figure { margin:0 0 16px; }
.aluminium-design .aluminium-design__figure img { display:block; width:100%; height:240px; object-fit:contain; }
.aluminium-design__figure figcaption { margin-top:12px; font-size:.875rem; line-height:1.5; color:#3e5669; }
.aluminium-design__card-copy p { margin:0; }
@supports(grid-template-rows:subgrid) {
  .aluminium-design__pair--products { row-gap:0; }
  .aluminium-design__card { display:grid; grid-row:span 3; grid-template-rows:subgrid; }
}
.aluminium-design__group--warm .aluminium-design__card { background:#fff4e5; }
.aluminium-design__group--cold .aluminium-design__card { background:#e2edf4; }
.aluminium-design__comparison { padding:0 clamp(24px,3vw,36px) 24px; background:#fff4e5; }
.aluminium-design__alternatives { padding:20px clamp(24px,3vw,36px) 0; }
.aluminium-design__alternatives .aluminium-design__answer { border:0; padding:0; }
.aluminium-design__card h3 { margin:0 0 20px; line-height:1.3; }
.aluminium-design__series { display:block; color:#005a9f; font-size:1.5rem; margin-bottom:8px; }
.aluminium-design__purpose { display:block; max-width:30ch; font-size:1.25rem; }
.aluminium-design__answers { background:#f8fafb; margin-block-start:36px; padding:clamp(24px,3vw,36px); }
.aluminium-design__answers .aluminium-design__pair { column-gap:36px; row-gap:24px; }
.aluminium-design__answer { min-width:0; padding-top:16px; border-top:1px solid #bfd0db; }
.aluminium-design__answer h3 { margin:0 0 8px; font-size:1.1875rem; line-height:1.35; }
.aluminium-design__contact { margin-block-start:24px; padding:clamp(24px,3vw,36px); background:#fff4e5; }
.aluminium-design .aluminium-design__link { display:inline-flex; align-items:center; min-height:44px; color:#005a9f; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.aluminium-design__cta { display:inline-block; text-align:center; min-height:48px; margin-top:20px; padding:12px 24px; max-width:100%; background:#005a9f; color:#fff; font-weight:650; line-height:1.4; text-decoration:none; overflow-wrap:anywhere; }
.aluminium-design__cta:hover { background:#082f4d; color:#fff; }
.aluminium-design__link:hover { color:#082f4d; }
.aluminium-design :is(.aluminium-design__link,.aluminium-design__cta):focus-visible { outline:3px solid #005a9f; outline-offset:4px; }
@media(max-width:760px) {
  .oknolit-content.aluminium-design { width:calc(100% - 24px); }
  .oknolit-content.aluminium-design :is(h2,h3) { scroll-margin-block-start:132px; }
  .aluminium-design__header { grid-template-columns:minmax(0,1fr); gap:16px; }
  .aluminium-design .aluminium-design__choices .aluminium-design__link { padding:12px; }
  .aluminium-design__pair { grid-template-columns:minmax(0,1fr); gap:16px; }
  .aluminium-design__card { display:block; grid-row:auto; }
  .aluminium-design .aluminium-design__figure img { height:210px; }
  .aluminium-design .aluminium-design__hero-figure img { height:200px; }
  .aluminium-design__intro { padding-inline:20px; }
  .aluminium-design__group { margin-block-start:28px; }
  .aluminium-design :is(.aluminium-design__header,.aluminium-design__card,.aluminium-design__answers,.aluminium-design__contact) { padding:24px 20px; }
  .aluminium-design__group-header { padding:0 20px 16px; }
}
@media(forced-colors:active) {
  .aluminium-design__cta { border:1px solid ButtonText; }
  .aluminium-design :is(.aluminium-design__link,.aluminium-design__cta):focus-visible { outline-color:Highlight; }
}
.oknolit-content, .oknolit-content * { box-sizing:border-box; }
.oknolit-content {
  width:calc(100% - 16px); max-width:1120px; margin-inline:auto;
  padding-block:clamp(16px,2.4vw,36px) calc(96px + env(safe-area-inset-bottom));
  color:#142230; font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  font-size:1rem; line-height:1.65; overflow-wrap:anywhere;
}
.oknolit-content__navigation, .oknolit-content__header, .oknolit-content__body { background:#f8fafb; }
.oknolit-content__navigation { padding:16px clamp(16px,4vw,52px) 0; }
.oknolit-content__header { padding:12px clamp(16px,4vw,52px) 28px; }
.oknolit-content h1, .oknolit-content h2 { color:#082f4d; text-wrap:balance; }
.oknolit-content h1 { margin:0; max-width:28ch; font-size:clamp(1.875rem,4.4vw,3rem); font-weight:700; line-height:1.16; }
.oknolit-content h2 { margin:0 0 12px; font-size:clamp(1.25rem,2.6vw,1.75rem); line-height:1.3; scroll-margin-block-start:132px; }
.oknolit-content p { max-width:76ch; margin:0; font:inherit; color:inherit; }
.oknolit-content p + p { margin-block-start:16px; }
.oknolit-content__lead { margin-block-start:20px !important; font-size:1.125rem !important; color:#243a4a !important; }
.oknolit-content__body { padding:0 clamp(16px,6vw,72px) 32px; }
.oknolit-content__section + .oknolit-content__section { margin-block-start:32px; }
.oknolit-content ul { padding-inline-start:1.35em; margin:16px 0 0; }
.oknolit-content li { margin:0; padding:0; font:inherit; width:auto; float:none; }
.oknolit-content li + li { margin-block-start:10px; }
.oknolit-content__link { display:inline-flex; align-items:center; min-height:44px; color:#075c98; font-weight:650; line-height:1.4; text-decoration:underline; text-underline-offset:4px; }
.oknolit-content__link:hover { color:#043f6b; }
.oknolit-content__link:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
.oknolit-content__links { list-style:none; padding:0 !important; }
.oknolit-content__links li + li { margin-block-start:8px; }
.oknolit-content__phones { display:flex; flex-wrap:wrap; gap:12px 28px; margin-block-start:12px; }
.oknolit-content__quote { margin-block-start:16px; padding:12px 16px; background:#eaf0f4; }
.oknolit-content__gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.oknolit-content figure { margin:0; min-width:0; }
.oknolit-content figure img { display:block; width:100%; height:auto; max-height:420px; object-fit:contain; }
.oknolit-content figcaption { margin-block-start:10px; color:#536676; font-size:.9375rem; line-height:1.5; }
@media (max-width:36rem) { .oknolit-content__gallery { grid-template-columns:minmax(0,1fr); } }
@media (forced-colors:active) { .oknolit-content__link:focus-visible { outline-color:Highlight; } }

.oknolit-content__eyebrow {
  margin:0 0 8px !important; color:#075c98 !important; font-size:.8125rem; font-weight:700;
  letter-spacing:.04em; line-height:1.4; text-transform:uppercase;
}
.oknolit-content--guide-index .oknolit-content__header { padding-block-end:22px; }
.oknolit-content--guide-index .oknolit-content__lead,
.oknolit-content--guide-article .oknolit-content__lead { max-inline-size:68ch; }
.oknolit-content--guide-article .oknolit-content__header { padding-block-end:22px; border-block-end:2px solid #075c98; }
.oknolit-content--guide-article {
  --guide-gutter:clamp(20px,4vw,40px);
  max-inline-size:1040px; font-size:16px; line-height:1.55;
}
.oknolit-content--guide-article :is(.oknolit-content__navigation,.oknolit-content__header,.oknolit-content__body) { padding-inline:var(--guide-gutter); }
.oknolit-content--guide-article h1 { font-size:clamp(28px,3vw,40px); line-height:1.15; }
.oknolit-content--guide-article .oknolit-content__body { padding-block-start:24px; container-type:inline-size; container-name:guide-body; }
.oknolit-content--guide-article .oknolit-content__section { scroll-margin-block-start:24px; }
.oknolit-content--guide-article .oknolit-content__section + .oknolit-content__section {
  margin-block-start:32px; padding-block-start:0; border-block-start:0;
}
.oknolit-content--guide-article .oknolit-content__section > h2 {
  max-inline-size:none; margin-block-end:12px; padding-inline-start:0; border-inline-start:0;
  font-size:clamp(20px,2.2vw,24px); line-height:1.25; text-wrap:pretty;
  scroll-margin-block-start:190px;
}
.page__content .oknolit-content--guide-article .oknolit-content__section p {
  max-inline-size:68ch; margin:0; font-size:16px; line-height:1.55;
}
.page__content .oknolit-content--guide-article .oknolit-content__section p + p { margin-block-start:12px; }
.page__content .oknolit-content--guide-article .oknolit-content__section :is(ul,ol) { margin:12px 0 0; font:inherit; }
.page__content .oknolit-content--guide-article .oknolit-content__section :is(ul,ol):not(.oknolit-content__links) { padding-inline-start:1.25em; list-style-type:disc; }
.page__content .oknolit-content--guide-article .oknolit-content__section ol:not(.oknolit-content__links) { list-style-type:decimal; }
.page__content .oknolit-content--guide-article .oknolit-content__section :is(ul,ol) > li { margin:0; padding:0; font:inherit; }
.page__content .oknolit-content--guide-article .oknolit-content__section :is(ul,ol):not(.oknolit-content__links) > li { list-style:inherit; }
.page__content .oknolit-content--guide-article .oknolit-content__section :is(ul,ol):not(.oknolit-content__links) > li + li { margin-block-start:6px; }
.oknolit-content--guide-article .oknolit-content__section ul:not(.oknolit-content__links) { padding-inline-start:1.25em; }
.oknolit-content--guide-article .oknolit-content__section ul:not(.oknolit-content__links) > li::marker { color:#075c98; }
.oknolit-content--guide-article .oknolit-content__section a:not(.oknolit-content__link) {
  color:#075c98; font-weight:650; text-decoration:underline; text-underline-offset:3px;
}
.oknolit-content--guide-article .oknolit-guide-summary {
  max-inline-size:72ch; margin-block-start:18px; padding:14px 18px;
  border:1px solid #cbd5dd; border-inline-start:4px solid #075c98; background:#f1f5f7;
}
.oknolit-content--guide-article .oknolit-guide-summary__label {
  margin:0 0 5px !important; color:#075c98; font-size:.8125rem; font-weight:750;
  letter-spacing:.035em; line-height:1.35; text-transform:uppercase;
}
.oknolit-content--guide-article .oknolit-guide-summary .oknolit-content__lead {
  max-inline-size:68ch; margin:0 !important; font-size:16px !important; line-height:1.55;
}
.oknolit-guide-toc { margin-block:0 24px; padding:18px 20px; border:1px solid #cbd5dd; border-block-start:4px solid #075c98; background:#f1f5f7; }
.oknolit-guide-toc h2 { margin:0 0 10px; font-size:1.125rem; line-height:1.35; }
.oknolit-guide-toc ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 18px; margin:0; padding:0; list-style:none; }
.oknolit-content .oknolit-guide-toc li + li { margin-block-start:0; }
.oknolit-guide-toc a {
  display:flex; align-items:flex-start; min-block-size:44px; padding-block:8px; color:#075c98;
  font-weight:650; line-height:1.4; text-decoration:underline; text-underline-offset:3px;
}
.oknolit-guide-toc a:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
/* Reset inherited legacy article list rules within the guide reading surface. */
.page__content .oknolit-content--guide-article :is(ul,ol) { margin:16px 0 0; }
.page__content .oknolit-content--guide-article li { margin:0; padding:0; }
.page__content .oknolit-content--guide-article li + li { margin-block-start:10px; }
.page__content .oknolit-content--guide-article :is(ul,ol) > li::before { content:none; display:none; }
.page__content .oknolit-content--guide-article .oknolit-guide-toc ol { margin:0; }
.page__content .oknolit-content--guide-article .oknolit-guide-toc li { margin:0; padding:0; }
.page__content .oknolit-content--guide-article .oknolit-guide-toc a { font-size:.9375rem; font-weight:600; }
.page__content .oknolit-content--guide-article .oknolit-content__links { padding:0; list-style:none; }
.page__content .oknolit-content--guide-article [data-oknolit-guide-related] li { margin:0; }
.oknolit-content--guide-article .oknolit-guide-inline-link { text-decoration-thickness:1px; text-decoration-color:#83aec7; }
.oknolit-content--guide-article .oknolit-guide-inline-link:hover { text-decoration-color:currentColor; }
.oknolit-content--guide-article .oknolit-guide-inline-link:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
.oknolit-content--guide-article .oknolit-guide-note { padding:14px 18px; border-inline-start:3px solid #a56b17; background:#fff6e6; color:#483a25; }
.oknolit-guide-skip { position:fixed; inset-block-start:8px; inset-inline-start:16px; z-index:100000; padding:12px 18px; background:#fff; color:#075c98; font-size:16px; font-weight:700; transform:translateY(-160%); }
.oknolit-guide-skip:focus { transform:none; outline:3px solid #075c98; outline-offset:2px; }
main#oknolit-guide-main { scroll-margin-block-start:140px; }
main#oknolit-guide-main:focus { outline:none; }
.oknolit-content--guide-article .oknolit-guide-table-wrap { margin-block-start:18px; min-inline-size:0; }
.oknolit-content--guide-article .oknolit-guide-table { inline-size:100%; margin:0; border-collapse:collapse; table-layout:fixed; font-size:16px; line-height:1.5; }
.oknolit-content--guide-article .oknolit-guide-table caption { padding-block-end:10px; color:#082f4d; font-weight:700; text-align:start; }
.oknolit-content--guide-article .oknolit-guide-table :is(th,td) { padding:12px 14px; border:1px solid #cbd5dd; vertical-align:top; text-align:start; overflow-wrap:anywhere; font:inherit; }
.oknolit-content--guide-article .oknolit-guide-table thead th { background:#e7eff4; color:#082f4d; font-weight:700; }
.oknolit-content--guide-article .oknolit-guide-table tbody th { background:#f1f5f7; color:#082f4d; font-weight:650; }
.oknolit-content--guide-article .oknolit-guide-sources { margin-block-start:28px; padding-block-start:14px; border-block-start:1px solid #cbd5dd; color:#536676; font-size:14px; line-height:1.5; }
.oknolit-content--guide-article .oknolit-guide-sources summary { display:list-item; min-block-size:44px; padding-block:10px; cursor:pointer; color:#075c98; font-weight:650; }
.oknolit-content--guide-article .oknolit-guide-sources a { display:inline-flex; align-items:center; min-block-size:44px; color:#075c98; text-decoration:underline; text-underline-offset:3px; }
.oknolit-content--guide-article .oknolit-guide-sources :is(summary,a):focus-visible { outline:3px solid #075c98; outline-offset:3px; }
.oknolit-content--guide-article .oknolit-guide-editorial { margin-block-start:14px; color:#536676; font-size:14px; line-height:1.5; }
@container guide-body (max-width:35rem) {
  .oknolit-content--guide-article .oknolit-guide-table thead { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); }
  .oknolit-content--guide-article .oknolit-guide-table :is(tbody,tr,th,td) { display:block; inline-size:100%; }
  .oknolit-content--guide-article .oknolit-guide-table tbody tr { margin-block-end:14px; border:1px solid #cbd5dd; }
  .oknolit-content--guide-article .oknolit-guide-table tbody :is(th,td) { border:0; }
  .oknolit-content--guide-article .oknolit-guide-table td + td { border-block-start:1px solid #cbd5dd; }
  .oknolit-content--guide-article .oknolit-guide-table td::before { content:attr(data-label); display:block; margin-block-end:4px; color:#536676; font-size:14px; font-weight:650; }
}
body:has(.oknolit-content--guide-article,.oknolit-content--guide-index) .page__footer a { color:#075c98; }
body:has(.oknolit-content--guide-article,.oknolit-content--guide-index) .page__footer .time-open-list-day { color:#536676; }
body:has(.oknolit-content--guide-article,.oknolit-content--guide-index) .page__footer .footer-top-nav-link[href*="promotions"] { color:#b51c46; }
/* Keep the end of a guide reachable above the existing fixed phone panel. */
@media (max-width:873px) {
  html:has(article[data-oknolit-guide-editorial-design="v1"]) { scroll-padding-block-end:calc(6rem + env(safe-area-inset-bottom, 0px)); }
  body:has(article[data-oknolit-guide-editorial-design="v1"]) > .page__footer { padding-block-end:calc(6rem + env(safe-area-inset-bottom, 0px)); }
}
.oknolit-content [data-oknolit-guide-related="v1"] { margin-block-start:36px; padding-block-start:22px; border-block-start:2px solid #075c98; }
.oknolit-content [data-oknolit-guide-related="v1"] > h2 { margin-block-end:12px; }
.oknolit-content [data-oknolit-guide-related="v1"] > .oknolit-content__links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.oknolit-content [data-oknolit-guide-related="v1"] > .oknolit-content__links > li + li { margin-block-start:0; }
.oknolit-content [data-oknolit-guide-related="v1"] .oknolit-content__link {
  display:flex; align-items:center; min-block-size:56px; height:100%; padding:12px 14px;
  border:1px solid #cbd5dd; background:#fff; line-height:1.45;
}
.oknolit-content [data-oknolit-guide-related="v1"] .oknolit-content__link:hover { border-color:#075c98; background:#f8fafb; }
.oknolit-content [data-oknolit-guide-related="v1"] .oknolit-content__link:focus-visible { outline:3px solid #075c98; outline-offset:3px; }
@media (max-width:44rem) {
  .oknolit-guide-toc { padding:15px; }
  .oknolit-guide-toc ol,
  .oknolit-content [data-oknolit-guide-related="v1"] > .oknolit-content__links { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:62rem) {
  .oknolit-content--guide-article .oknolit-content__section > h2 { scroll-margin-block-start:132px; }
}
@media (forced-colors:active) {
  .oknolit-guide-toc,
  .oknolit-content [data-oknolit-guide-related="v1"] .oknolit-content__link { border-color:CanvasText; }
  .oknolit-guide-toc a:focus-visible,
  .oknolit-content [data-oknolit-guide-related="v1"] .oknolit-content__link:focus-visible { outline-color:Highlight; }
}

/* The installment landing is scoped to its own route and flat brand surfaces. */
main[data-oknolit-content-route="/rassrochka/"] { width:100%!important; max-width:none!important; }
.oknolit-installments { max-width:1280px; padding-block:0 64px; --installment-blue:#005c96; --installment-ink:#142230; --installment-soft:#e5edf2; }
.oknolit-installments__nav { display:flex; flex-wrap:wrap; gap:10px; padding:22px 24px; color:#536676; font-size:.875rem; }
.oknolit-installments__nav a { color:#075c98; text-decoration:underline; text-underline-offset:3px; }
.oknolit-installments__hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); background:#f8fafb; }
.oknolit-installments__hero-copy { padding:clamp(24px,4vw,52px); align-self:center; }
.oknolit-installments .oknolit-installments__eyebrow { margin:0 0 14px; color:var(--installment-blue); font-size:.8125rem; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }
.oknolit-installments h1 { max-width:14ch; margin:0; font-size:clamp(2.25rem,4.3vw,3.75rem); line-height:1.08; letter-spacing:-.035em; color:#12334a; }
.oknolit-installments .oknolit-installments__lead { max-width:42ch; margin-top:22px; font-size:1.125rem; line-height:1.6; color:#3b5263; }
.oknolit-installments .oknolit-installments__cta { display:flex; align-items:center; justify-content:space-between; gap:24px; width:max-content; max-width:100%; min-height:54px; margin-top:26px; padding:13px 22px; background:var(--installment-blue); color:#fff; font-weight:700; text-decoration:none; }
.oknolit-installments__cta span { font-size:1.5rem; line-height:1; }
.oknolit-installments .oknolit-installments__cta:hover { background:#004775; }
.oknolit-installments .oknolit-installments__text-link { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; color:#075c98; font-size:.9375rem; text-decoration:underline; text-underline-offset:4px; }
.oknolit-installments__hero-visual { position:relative; min-height:400px; overflow:clip; }
.oknolit-installments__hero-visual>img { display:block; width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:50% center; }
.oknolit-installments__term { position:absolute; bottom:0; left:0; display:grid; grid-template-columns:auto auto; align-items:center; column-gap:10px; padding:18px 26px; background:#005c96; color:#fff; line-height:1; }
.oknolit-installments__term>strong { grid-column:2; grid-row:1/3; font-size:4.5rem; font-weight:700; letter-spacing:-.05em; }
.oknolit-installments__term>span { font-size:1rem; }
.oknolit-installments__term>span:last-child { grid-row:2; }
.oknolit-installments .oknolit-installments__benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0; margin:12px 0 0; list-style:none; }
.oknolit-installments__benefits>li { display:flex; align-items:center; gap:14px; min-width:0; padding:20px 26px; background:#f8fafb; font-size:1.0625rem; font-weight:650; line-height:1.35; }
.oknolit-installments__benefits>li+li { margin:0; }
.oknolit-installments__benefits svg { flex:0 0 32px; width:32px; height:32px; stroke:var(--installment-blue); fill:none; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.oknolit-content.oknolit-installments h2 { margin:0 0 16px; font-size:clamp(1.625rem,2.5vw,2.25rem); line-height:1.2; font-weight:700; color:#12334a; letter-spacing:-.02em; }
.oknolit-installments__payment { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); margin-top:24px; background:#f8fafb; }
.oknolit-installments__window { display:flex; align-items:center; justify-content:center; min-width:0; padding:20px; background:#e5edf2; }
.oknolit-installments__window>img { display:block; width:100%; height:330px; object-fit:contain; }
.oknolit-installments__payment-copy { padding:clamp(24px,4vw,46px); }
.oknolit-installments .oknolit-installments__payment-items { list-style:none; margin:22px 0; padding:0; }
.oknolit-installments__payment-items>li { display:flex; align-items:baseline; gap:14px; }
.oknolit-installments__payment-items>li>span { color:var(--installment-blue); font-size:.8125rem; font-weight:700; font-variant-numeric:tabular-nums; }
.oknolit-installments .oknolit-installments__calendar { margin-top:24px; max-width:500px; }
.oknolit-installments__calendar>div { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:5px; }
.oknolit-installments__calendar span { display:flex; align-items:center; justify-content:center; min-height:36px; background:#dfebf3; color:#075c98; font-size:.875rem; font-weight:650; font-variant-numeric:tabular-nums; }
.oknolit-installments .oknolit-installments__calendar figcaption { margin-top:8px; font-size:.875rem; color:#536676; }
.oknolit-installments__process { margin-top:44px; }
.oknolit-installments .oknolit-installments__process>ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; list-style:none; margin:24px 0 0; padding:0; }
.oknolit-content.oknolit-installments .oknolit-installments__process li { margin:0; padding:26px; background:#f8fafb; border-top:3px solid #b5d2e4; }
.page__content .oknolit-content.oknolit-installments li::before { display:none; content:none; }
.oknolit-installments__process li+li { margin:0; }
.oknolit-installments__step-number { display:block; margin-bottom:20px; color:#075c98; font-size:2.125rem; line-height:1; font-weight:700; }
.oknolit-content.oknolit-installments h3 { margin:0 0 12px; font-size:1.1875rem; line-height:1.35; font-weight:650; color:#12334a; }
.oknolit-installments__process li p { color:#3b5263; font-size:.9375rem; }
.oknolit-installments__faq { max-width:920px; margin:32px auto 0; padding:24px 32px; background:#f8fafb; }
.oknolit-content.oknolit-installments .oknolit-installments__faq>h2 { margin-bottom:18px; }
.oknolit-installments__faq-item { padding-block:16px; border-bottom:1px solid #d3dfe7; }
.oknolit-installments__faq-item:last-child { padding-bottom:0; border-bottom:0; }
.oknolit-content.oknolit-installments .oknolit-installments__faq-item>h3 { margin:0 0 6px; font-size:1rem; line-height:1.35; }
.oknolit-content.oknolit-installments .oknolit-installments__faq-item>p { margin:0; color:#3b5263; line-height:1.45; }
.oknolit-content.oknolit-installments .oknolit-installments__faq-item>p+p { margin-top:6px; }
.oknolit-installments__contact { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:40px; margin-top:36px; padding:clamp(24px,4vw,48px); background:#073b5d; color:#fff; scroll-margin-top:150px; }
.oknolit-content.oknolit-installments .oknolit-installments__contact h2 { color:#fff; max-width:17ch; }
.oknolit-installments .oknolit-installments__contact .oknolit-installments__eyebrow { color:#b8d9ed; }
.oknolit-installments__contact p { max-width:43ch; }
.oknolit-installments__call { display:grid; align-content:center; gap:10px; }
.oknolit-installments__call>a { display:grid; gap:3px; min-height:70px; padding:12px 18px; color:#12334a; background:#f8fafb; text-decoration:none; }
.oknolit-installments__call>a:hover { background:#dfeef7; }
.oknolit-installments__call>a>span { font-size:.8125rem; font-weight:650; }
.oknolit-installments__call>a>strong { font-size:clamp(1.1rem,2.1vw,1.5rem); font-weight:700; }
.oknolit-installments__call>a.oknolit-installments__contact-link { display:flex; justify-content:space-between; align-items:center; min-height:44px; padding-inline:0; color:#fff; background:transparent; text-decoration:underline; text-underline-offset:4px; }
.oknolit-installments :is(a,summary):focus-visible { outline:3px solid #075c98; outline-offset:3px; }
.oknolit-installments__contact a:focus-visible { outline-color:#f5c362; }
@media(max-width:55rem) {
  .oknolit-installments__hero { grid-template-columns:minmax(0,1fr); }
  .oknolit-installments h1 { max-width:19ch; }
  .oknolit-installments__hero-visual { min-height:260px; }
  .oknolit-installments__hero-visual>img { object-position:50% center; }
  .oknolit-installments__payment { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); }
  .oknolit-content.oknolit-installments .oknolit-installments__process li { padding:20px; }
  .oknolit-installments__contact { gap:24px; }
}
@media(max-width:40rem) {
  .oknolit-installments__nav { padding:16px; }
  .oknolit-installments__hero-copy { padding:24px 20px; }
  .oknolit-installments h1 { font-size:clamp(2.125rem,8.6vw,2.875rem); max-width:15ch; }
  .oknolit-installments .oknolit-installments__lead { font-size:1rem; margin-top:18px; }
  .oknolit-installments .oknolit-installments__cta { width:100%; }
  .oknolit-installments__hero-visual { min-height:240px; }
  .oknolit-installments__term { padding:12px 18px; }
  .oknolit-installments__term>strong { font-size:3.25rem; }
  .oknolit-installments__term>span { font-size:.875rem; }
  .oknolit-installments .oknolit-installments__benefits { gap:6px; }
  .oknolit-installments__benefits>li { flex-direction:column; gap:9px; padding:16px 7px; text-align:center; font-size:.8125rem; }
  .oknolit-installments__benefits svg { flex-basis:28px; width:28px; height:28px; }
  .oknolit-installments__payment { grid-template-columns:minmax(0,1fr); margin-top:16px; }
  .oknolit-installments__window { padding:8px; }
  .oknolit-installments__window>img { height:190px; }
  .oknolit-installments__payment-copy { padding:24px 20px; }
  .oknolit-installments__calendar>div { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .oknolit-installments__process { margin-top:32px; }
  .oknolit-content.oknolit-installments .oknolit-installments__process>h2,.oknolit-installments__process>.oknolit-installments__eyebrow { margin-inline:12px; }
  .oknolit-installments .oknolit-installments__process>ol { grid-template-columns:minmax(0,1fr); gap:8px; margin-top:20px; }
  .oknolit-content.oknolit-installments .oknolit-installments__process li { padding:22px; }
  .oknolit-installments__step-number { margin-bottom:12px; }
  .oknolit-installments__faq { margin-top:24px; padding:20px; }
  .oknolit-installments__contact { grid-template-columns:minmax(0,1fr); margin-top:16px; padding:28px 20px; gap:24px; }
  .oknolit-content.oknolit-installments .oknolit-installments__contact h2 { max-width:none; }
}
@media(forced-colors:active) {
  .oknolit-installments :is(a,summary):focus-visible { outline-color:Highlight; }
  .oknolit-installments__call>a,.oknolit-installments .oknolit-installments__cta { border:1px solid ButtonText; }
}

.oknolit-installments .installment-calc { margin-top:24px; padding:clamp(22px,4vw,44px); background:#f8fafb; scroll-margin-top:150px; }
/* This landing provides an actual calculation; the donor call banner obscures its schedule. */
body:has(main[data-oknolit-content-route="/rassrochka/"])>.mobile-phone-wrap.footermobiletels { display:none!important; }
.installment-calc__layout { display:grid; grid-template-columns:minmax(250px,.7fr) minmax(0,1.7fr); gap:36px; margin-top:26px; align-items:start; }
.oknolit-installments .installment-calc__form { display:grid; gap:11px; margin:0; padding:0; min-width:0; }
.installment-calc__form>label,.installment-calc__form legend,.installment-calc__fixed-terms label { color:#12334a; font-size:.9375rem; font-weight:650; }
.installment-calc__fixed-terms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:4px 0; }
.installment-calc__fixed-terms>div { min-width:0; }
.installment-calc__fixed-terms output { display:block; margin-top:8px; color:#075c98; font-size:1.25rem; line-height:1.3; font-weight:650; }
.oknolit-installments .installment-calc__form>input,.oknolit-installments .installment-calc__form>select { width:100%; max-width:100%; min-width:0; min-height:50px; margin:0 0 8px; padding:10px 12px; border:1px solid #a9bccb; border-radius:0; background:#fff; color:#142230; font:inherit; font-size:1rem; box-sizing:border-box; }
.oknolit-installments .installment-calc__form fieldset { margin:0 0 8px; padding:0; border:0; min-width:0; }
.installment-calc__form legend { margin-bottom:10px; }
.installment-calc__deposits { display:flex; flex-wrap:wrap; gap:8px; }
.installment-calc__deposits label { display:flex; align-items:center; gap:9px; min-height:48px; padding:10px 20px; background:#e5edf2; cursor:pointer; }
.oknolit-installments .installment-calc__deposits input { width:18px; height:18px; margin:0; accent-color:#005c96; }
.installment-calc__deposits label:has(input:checked) { background:#cee3f0; color:#073b5d; font-weight:750; }
.oknolit-installments .installment-calc__form button { min-height:50px; margin:0; padding:12px 18px; border:0; border-radius:0; background:#005c96; color:#fff; font:inherit; font-weight:650; cursor:pointer; }
.installment-calc__form button:hover { background:#004775; }
.oknolit-installments .installment-calc__hint { margin:0; color:#536676; font-size:.8125rem; line-height:1.5; }
.oknolit-installments .installment-calc__error { margin:0; color:#9b2131; font-size:.875rem; }
.installment-calc__error:empty,.installment-calc__hint:empty { display:none; }
.installment-calc__output { min-width:0; }
.installment-calc [data-installment-results] { scroll-margin-top:150px; }
.installment-calc__schedule-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:22px 0 12px; }
.oknolit-content.oknolit-installments .installment-calc__schedule-heading h3 { margin:0; }
.oknolit-installments .installment-calc__pdf { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px; padding:10px 16px; border:0; border-radius:0; background:#e5edf2; color:#075c98; font:inherit; font-size:.875rem; font-weight:650; cursor:pointer; }
.installment-calc__pdf:hover { background:#d3e5f0; }
.installment-calc__pdf:disabled { opacity:.65; cursor:wait; }
@media(max-width:40rem) { .oknolit-installments .installment-calc__pdf { width:100%; } }
.installment-calc [hidden] { display:none!important; }
.installment-calc__placeholder { padding:32px; background:#e5edf2; color:#3b5263; }
.installment-calc__placeholder strong { display:block; margin-bottom:12px; font-size:1.375rem; color:#12334a; }
.oknolit-installments .installment-calc__totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 12px; }
.oknolit-content.oknolit-installments .installment-calc__totals>div { width:100%; min-width:0; max-width:none; margin:0; padding:16px; background:#e5edf2; }
.oknolit-installments .installment-calc__totals dt { margin:0 0 6px; color:#3b5263; font-size:.8125rem; }
.oknolit-installments .installment-calc__totals dd { margin:0; padding:0; color:#075c98; font-size:clamp(1.125rem,1.8vw,1.5rem); font-weight:700; line-height:1.3; font-variant-numeric:tabular-nums; }
.oknolit-content.oknolit-installments .installment-calc__output h3 { margin:22px 0 12px; }
.installment-calc__columns,.oknolit-installments .installment-calc__schedule>li { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,1.2fr); gap:12px; align-items:center; }
.installment-calc__columns { padding:8px 10px; color:#536676; font-size:.8125rem; }
.oknolit-installments .installment-calc__schedule { list-style:none; margin:0; padding:0; }
.oknolit-installments .installment-calc__schedule>li { margin:0; padding:13px 10px; border-bottom:1px solid #d4e0e8; font-size:.875rem; font-variant-numeric:tabular-nums; }
.installment-calc__schedule>li[data-payment-kind="deposit"] { background:#eaf1f6; }
.installment-calc__payment-sum { color:#073b5d; font-weight:700; }
.installment-calc__payment-balance { color:#536676; font-size:.8125rem; }
.oknolit-installments .installment-calc__model-note { margin-top:24px; color:#536676; font-size:.875rem; line-height:1.5; }
.installment-calc__sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px!important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.oknolit-installments .installment-calc :is(input,select,button):focus-visible { outline:3px solid #075c98; outline-offset:3px; }
@media(max-width:55rem) { .installment-calc__layout { grid-template-columns:minmax(0,1fr); gap:24px; } }
@media(max-width:40rem) {
  .oknolit-installments .installment-calc { padding:24px 20px; margin-top:16px; }
  .oknolit-installments .installment-calc__totals { grid-template-columns:minmax(0,1fr); }
  .oknolit-content.oknolit-installments .installment-calc__totals>div { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 12px; }
  .oknolit-installments .installment-calc__totals dt { margin:0; }
  .oknolit-installments .installment-calc__totals dd { flex:0 0 auto; max-width:100%; overflow-wrap:normal; word-break:normal; }
  .installment-calc__columns { display:none; }
  .oknolit-installments .installment-calc__schedule>li { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5px 10px; padding:14px 0; }
  .installment-calc__payment-name { grid-column:1; grid-row:1; font-weight:650; }
  .installment-calc__schedule time { grid-column:1; grid-row:2; color:#536676; }
  .installment-calc__payment-sum { grid-column:2; grid-row:1; text-align:right; }
  .installment-calc__payment-balance { grid-column:2; grid-row:2; text-align:right; }
}

/* Hardware overview: one product route, using the existing OKNOLIT palette. */
.oknolit-content.hardware-design { width:calc(100% - 40px); max-width:1200px; padding-block:24px 40px; color:#082f4d; font-size:1rem; line-height:1.6; overflow-wrap:break-word; }
.hardware-design *, .hardware-design *::before, .hardware-design *::after { min-inline-size:0; }
.hardware-design :is(h1,h2,h3) { font-family:Bahnschrift,"Segoe UI",Arial,sans-serif; color:#082f4d; font-weight:650; line-height:1.25; text-wrap:balance; word-break:normal; hyphens:none; }
.oknolit-content.hardware-design h1 { font-size:clamp(1.75rem,3.2vw,2.5rem); margin:0 0 20px; max-inline-size:22ch; }
.oknolit-content.hardware-design h2 { font-size:clamp(1.5rem,2.3vw,2rem); margin:0 0 20px; }
.oknolit-content.hardware-design h3 { font-size:1.375rem; margin:0 0 12px; }
.hardware-design :is(h2,h3) { scroll-margin-block-start:180px; }
.hardware-design p { margin:0 0 14px; max-inline-size:70ch; }
.hardware-design p:last-child { margin-block-end:0; }
.hardware-design__breadcrumb { margin-block-end:12px; }
.hardware-design__hero, .hardware-design__movement { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:36px; padding:32px; background:#f8fafb; }
.hardware-design .hardware-design__lead { font-size:1.125rem; line-height:1.6; }
.hardware-design__figure { margin:0; padding:0; border:0; background:transparent; }
.hardware-design .hardware-design__figure img { display:block; width:100%; height:290px; object-fit:contain; background:#fff; border:0; border-radius:0; box-shadow:none; }
.hardware-design .hardware-design__figure--hero img { height:270px; }
.hardware-design .hardware-design__figure figcaption { margin-block-start:10px; color:#3e5669; font-size:.875rem; line-height:1.5; }
.hardware-design__range, .hardware-design__tasks { margin-block-start:32px; }
.hardware-design__families { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.hardware-design__family { padding:24px; background:#e2edf4; }
.hardware-design .hardware-design__family h3 { color:#005a9f; }
.hardware-design__specification { margin-block-start:16px; padding:24px 32px; background:#fff4e5; }
.hardware-design .hardware-design__specification h2 { font-size:1.375rem; margin-block-end:10px; }
.hardware-design__specification p { max-inline-size:94ch; }
.hardware-design__movement { margin-block-start:24px; }
.hardware-design__task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.hardware-design__task { padding:24px 32px; background:#f8fafb; }
.hardware-design__contact { margin-block-start:24px; padding:32px; background:#fff4e5; }
.hardware-design .hardware-design__link { display:inline-flex; align-items:center; min-block-size:44px; color:#005a9f; font-weight:650; line-height:1.5; text-decoration:underline; text-underline-offset:4px; text-decoration-skip-ink:auto; }
.hardware-design .hardware-design__link:hover { color:#082f4d; }
.hardware-design .hardware-design__cta { display:inline-block; max-inline-size:100%; min-block-size:48px; margin-block-start:20px; padding:12px 24px; color:#fff; background:#005a9f; font-size:1rem; font-weight:650; line-height:1.5; text-align:center; text-decoration:none; overflow-wrap:anywhere; }
.hardware-design .hardware-design__cta:hover { color:#fff; background:#082f4d; }
.hardware-design :is(a,button):focus-visible { outline:3px solid #005a9f; outline-offset:4px; }
.hardware-design__related { margin-block-start:16px; }
.hardware-design__sources { display:flex; flex-wrap:wrap; gap:0 24px; margin-block-start:24px; padding-block-start:16px; border-block-start:1px solid #cbd5dd; }
.hardware-design__sources p { flex-basis:100%; margin:0; color:#3e5669; font-size:.875rem; }
.hardware-design__sources a { font-size:.875rem; }
/* The contact action is in the page flow; a duplicate fixed call strip hides content. */
body:has(article[data-oknolit-hardware="v1"]) > .mobile-phone-wrap.footermobiletels { display:none!important; }
@media(max-width:900px) {
  .hardware-design__families { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:760px) {
  .oknolit-content.hardware-design { width:calc(100% - 24px); padding-block:16px 32px; }
  .hardware-design :is(h2,h3) { scroll-margin-block-start:132px; }
  .hardware-design__hero, .hardware-design__movement { grid-template-columns:minmax(0,1fr); gap:20px; padding:24px 20px; }
  .hardware-design__family { display:block; padding:24px 20px; }
  .hardware-design .hardware-design__family h3 { margin-block-end:12px; }
  .hardware-design .hardware-design__figure img { height:230px; }
  .hardware-design .hardware-design__figure--hero img { height:200px; }
  .hardware-design__task-grid { grid-template-columns:minmax(0,1fr); }
  .hardware-design__task, .hardware-design__specification, .hardware-design__contact { padding:24px 20px; }
  .hardware-design__range, .hardware-design__tasks { margin-block-start:24px; }
  .hardware-design .hardware-design__cta { width:100%; }
}
@media(forced-colors:active) {
  .hardware-design__cta { border:1px solid ButtonText; }
  .hardware-design :is(a,button):focus-visible { outline-color:Highlight; }
}