

/* Start:/local/onlak/info-pages.css?179060339127514*/
/* Shared visual language only. Every page owns its complete editable content. */
.onlak-info {
  --oi-ink: #00183a;
  --oi-muted: #586b7f;
  --oi-blue: #005cba;
  --oi-line: #e0e7ef;
  --oi-surface: #f3f6fa;
  --oi-paper: #fff;
  color: var(--oi-ink);
  font-size: 15px;
  line-height: 1.7;
  padding: 0 0 48px;
}
.onlak-info *, .onlak-info *::before, .onlak-info *::after { box-sizing: border-box; }
.onlak-info h2, .onlak-info h3, .onlak-info p, .onlak-info figure { margin: 0; }
.onlak-info h2 { color: var(--oi-ink); font-size: clamp(26px, 2.6vw, 36px); font-weight: 600; line-height: 1.2; letter-spacing: -.9px; }
.onlak-info h3 { color: var(--oi-ink); font-size: 21px; font-weight: 600; line-height: 1.35; letter-spacing: -.3px; }
.onlak-info p + p { margin-top: 14px; }
.onlak-info strong { font-weight: 600; }
.onlak-info a { color: var(--oi-blue); text-underline-offset: 4px; }
.onlak-info a:hover { text-decoration: underline; }
.onlak-info a:focus-visible { outline: 3px solid #f9b500; outline-offset: 5px; border-radius: 3px; }
.onlak-info [id] { scroll-margin-top: 155px; }
.onlak-info .oi-eyebrow { color: var(--oi-muted); font-size: 11px; font-weight: 600; line-height: 1.5; letter-spacing: 1.6px; text-transform: uppercase; margin: 0 0 15px; }
.onlak-info .oi-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--oi-surface); border-radius: 22px; }
.onlak-info .oi-hero__copy { position: relative; z-index: 1; padding: 46px 48px 48px; }
.onlak-info .oi-hero h2 { font-size: clamp(32px, 3.7vw, 50px); line-height: 1.1; letter-spacing: -1.7px; max-width: 820px; }
.onlak-info .oi-lead { color: var(--oi-muted); font-size: 17px; line-height: 1.7; margin-top: 20px; max-width: 680px; }
.onlak-info .oi-hero::after { content: ''; display: block; position: absolute; z-index: 0; right: -70px; top: -100px; width: 290px; height: 290px; border: 56px solid #005cba08; border-radius: 50%; pointer-events: none; }
.onlak-info .oi-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.onlak-info a.oi-button { display: inline-flex; justify-content: space-between; align-items: center; gap: 28px; padding: 13px 19px; min-height: 48px; border: 1px solid transparent; border-radius: 9px; background: #005cba; color: #fff; font-size: 13px; line-height: 1.4; font-weight: 600; text-decoration: none; transition: background .18s ease; }
.onlak-info a.oi-button:hover { background: #004b98; }
.onlak-info .oi-button > span { font-size: 20px; line-height: 1; font-weight: 400; }
.onlak-info a.oi-button--secondary { background: var(--oi-paper); color: var(--oi-ink); border-color: var(--oi-line); }
.onlak-info a.oi-button--secondary:hover { border-color: var(--oi-blue); color: var(--oi-blue); }
.onlak-info .oi-hero--image { display: grid; grid-template-columns: 1.12fr 1fr; }
.onlak-info .oi-hero--image .oi-hero__copy { padding: 40px; align-self: center; }
.onlak-info .oi-hero--image h2 { font-size: clamp(30px, 3.2vw, 44px); letter-spacing: -1.3px; }
.onlak-info .oi-hero__media { min-width: 0; overflow: hidden; }
.onlak-info .oi-hero__media > a { display: block; height: 100%; }
.onlak-info .oi-hero__media img { display: block; width: 100%; height: 100%; min-height: 390px; object-fit: cover; margin: 0; }
.onlak-info .oi-hero--image::after { display: none; }
.onlak-info .oi-hero--brand { color: #fff; background: #00183a; }
.onlak-info .oi-hero--brand h2 { color: #fff; }
.onlak-info .oi-hero--brand .oi-lead, .onlak-info .oi-hero--brand .oi-eyebrow { color: #bbd0e7; }
.onlak-info .oi-hero--brand::after { width: 360px; height: 360px; border-color: #ffffff06; }
.onlak-info .oi-hero--brand::before { content: ''; position: absolute; inset: auto 0 0; height: 5px; background: var(--onlak-spectrum, linear-gradient(90deg, #009fdb, #7bb428, #a2207c, #de0248, #f9b500)); }
.onlak-info .oi-facts { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; padding: 30px 0; border-bottom: 1px solid var(--oi-line); }
.onlak-info .oi-facts > div { padding: 0 28px; border-left: 1px solid var(--oi-line); min-width: 0; }
.onlak-info .oi-facts > div:first-child { padding-left: 0; border-left: 0; }
.onlak-info .oi-facts > div:last-child { padding-right: 0; }
.onlak-info .oi-facts strong { display: block; font-size: clamp(24px, 2.5vw, 32px); line-height: 1.3; letter-spacing: -.75px; }
.onlak-info .oi-facts span { display: block; max-width: 270px; margin-top: 7px; font-size: 12px; line-height: 1.55; color: var(--oi-muted); }
.onlak-info .oi-section { margin-top: 58px; }
.onlak-info .oi-section__heading { margin-bottom: 26px; max-width: 850px; }
.onlak-info .oi-section__heading p:not(.oi-eyebrow) { margin-top: 15px; color: var(--oi-muted); }
.onlak-info .oi-grid { display: grid; gap: 20px; }
.onlak-info .oi-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.onlak-info .oi-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.onlak-info .oi-grid--asymmetric { grid-template-columns: minmax(0, .8fr) minmax(0, 1.5fr); align-items: start; }
.onlak-info .oi-card { padding: 30px; min-width: 0; background: var(--oi-paper); border: 1px solid var(--oi-line); border-radius: 18px; }
.onlak-info .oi-card h3 { margin-bottom: 14px; }
.onlak-info .oi-card p { color: var(--oi-muted); font-size: 14px; line-height: 1.75; }
.onlak-info .oi-card p strong, .onlak-info .oi-list strong { color: var(--oi-ink); }
.onlak-info .oi-card--wide { grid-column: 1 / -1; }
.onlak-info .oi-grid + .oi-card--wide { margin-top: 20px; }
.onlak-info .oi-card--tint { background: var(--oi-surface); border-color: var(--oi-surface); }
.onlak-info .oi-number { display: inline-grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; margin-bottom: 22px; border-radius: 50%; background: var(--oi-surface); color: var(--oi-blue); font-size: 12px; line-height: 1; font-weight: 600; }
.onlak-info .oi-card--tint .oi-number { background: var(--oi-paper); }
.onlak-info a.oi-text-link { display: inline-block; margin-top: 18px; font-size: 13px; font-weight: 600; }
.onlak-info .oi-rates { margin: 18px 0; }
.onlak-info .oi-rates > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--oi-line); }
.onlak-info .oi-rates dt { font-size: 13px; line-height: 1.55; color: var(--oi-muted); font-weight: 400; }
.onlak-info .oi-rates dd { margin: 0; text-align: right; font-size: 15px; font-weight: 600; white-space: nowrap; }
.onlak-info .oi-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 48px; }
.onlak-info .oi-tags { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; }
.onlak-info .oi-tags > span { background: var(--oi-surface); border-radius: 5px; padding: 5px 10px; color: var(--oi-muted); font-size: 11px; line-height: 1.5; }
.onlak-info .oi-list { padding: 0 0 0 19px; margin: 0; list-style: disc; color: var(--oi-muted); }
.onlak-info .oi-list li { padding-left: 3px; margin: 0 0 10px; }
.onlak-info .oi-list li::before { display: none; }
.onlak-info .oi-list li::marker { color: var(--oi-blue); }
.onlak-info .oi-list li:last-child { margin-bottom: 0; }
.onlak-info .oi-card .oi-list { font-size: 14px; line-height: 1.75; }
.onlak-info .oi-rule { display: flex; align-items: flex-start; gap: 24px; padding: 26px 0; border-top: 1px solid var(--oi-line); }
.onlak-info .oi-rule .oi-number { margin: 0; }
.onlak-info .oi-rule h3 { margin-bottom: 12px; }
.onlak-info .oi-rule p { color: var(--oi-muted); }
.onlak-info .oi-rule p strong { color: var(--oi-ink); }
.onlak-info .oi-notice { padding: 28px 32px; margin-top: 26px; border-radius: 16px; background: var(--oi-surface); border-left: 3px solid #005cba; }
.onlak-info .oi-notice h3 { margin-bottom: 12px; }
.onlak-info .oi-notice p { color: var(--oi-muted); }
.onlak-info .oi-notice--important { margin-top: 52px; background: #fff8e7; border-left-color: #e5ad13; }
.onlak-info .oi-notice--important h2 { max-width: 850px; margin-bottom: 20px; }
.onlak-info .oi-notice--important h3 { margin-top: 28px; }
.onlak-info .oi-notice--important strong { color: var(--oi-ink); }
.onlak-info .oi-small { font-size: 12px; line-height: 1.7; color: var(--oi-muted); }
.onlak-info .oi-section-note { margin-top: 20px; }
.onlak-info .oi-steps { list-style: none; counter-reset: oi-step; margin: 24px 0 0; padding: 0; }
.onlak-info .oi-steps > li { counter-increment: oi-step; position: relative; margin: 0; padding: 0 0 24px 43px; }
.onlak-info .oi-steps > li:last-child { padding-bottom: 0; }
.onlak-info .oi-steps > li::before { content: counter(oi-step); position: absolute; left: 0; top: 0; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: var(--oi-surface); color: var(--oi-blue); font-size: 11px; line-height: 1; }
.onlak-info .oi-steps > li > strong { display: block; margin-bottom: 7px; line-height: 1.6; }
.onlak-info .oi-inline-note { display: flex; align-items: center; gap: 22px; padding: 19px 22px; margin-top: 28px; border-radius: 10px; background: var(--oi-surface); }
.onlak-info .oi-inline-note > strong { font-size: 22px; white-space: nowrap; }
.onlak-info .oi-inline-note > span { font-size: 12px; color: var(--oi-muted); }
.onlak-info .oi-purpose { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--oi-line); border-bottom: 1px solid var(--oi-line); }
.onlak-info .oi-purpose > div { padding: 28px 20px; border-left: 1px solid var(--oi-line); min-width: 0; }
.onlak-info .oi-purpose > div:first-child { border-left: 0; padding-left: 0; }
.onlak-info .oi-purpose > div:last-child { padding-right: 0; }
.onlak-info .oi-purpose > div > span { display: block; color: var(--oi-blue); font-size: 11px; font-weight: 600; margin-bottom: 25px; }
.onlak-info .oi-purpose h3 { font-size: 17px; line-height: 1.4; margin-bottom: 10px; overflow-wrap: anywhere; }
.onlak-info .oi-purpose p { color: var(--oi-muted); font-size: 12px; line-height: 1.65; }
.onlak-info .oi-split--editorial { padding-top: 8px; }
.onlak-info .oi-prose p { color: var(--oi-muted); }
.onlak-info .oi-feature { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 38px 40px; margin-top: 58px; border-radius: 18px; background: var(--oi-surface); }
.onlak-info .oi-feature > div { max-width: 700px; }
.onlak-info .oi-feature h2 { font-size: 30px; }
.onlak-info .oi-feature p:not(.oi-eyebrow) { margin-top: 16px; color: var(--oi-muted); font-size: 14px; }
.onlak-info .oi-feature .oi-button { flex: 0 0 auto; }
.onlak-info .oi-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; border-top: 1px solid var(--oi-line); }
.onlak-info .oi-details dl { margin: 0; }
.onlak-info .oi-details dl > div { padding: 20px 0; border-bottom: 1px solid var(--oi-line); }
.onlak-info .oi-details dt { margin-bottom: 5px; color: var(--oi-muted); font-size: 12px; line-height: 1.5; font-weight: 400; }
.onlak-info .oi-details dd { margin: 0; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.onlak-info .oi-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.onlak-info .oi-gallery figure { overflow: hidden; border: 1px solid var(--oi-line); border-radius: 16px; background: var(--oi-surface); }
.onlak-info .oi-gallery a { display: block; position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #fff; }
.onlak-info .oi-gallery img { position: absolute; inset: 0; display: block; max-width: 100%; width: 100%; height: 100%; max-height: 100%; object-fit: contain; margin: 0; }
.onlak-info .oi-gallery figcaption { padding: 17px 21px; font-size: 13px; font-weight: 500; line-height: 1.5; }
.onlak-info .oi-legal { max-width: 980px; }
.onlak-info .oi-legal h2 { margin-bottom: 24px; }
.onlak-info .oi-legal > p:not(.oi-eyebrow) { color: var(--oi-muted); }
.onlak-info .oi-legal .oi-list { margin-top: 18px; }
.onlak-info .oi-sources { margin-top: 44px; padding-top: 26px; border-top: 1px solid var(--oi-line); }
.onlak-info .oi-sources h3 { font-size: 17px; margin-bottom: 12px; }
.onlak-info .oi-sources p { font-size: 12px; color: var(--oi-muted); }
.onlak-info .oi-sources > div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 16px; }
.onlak-info .oi-sources a { font-size: 12px; }
.onlak-info .oi-contact { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 32px; padding: 38px; margin-top: 64px; border: 1px solid var(--oi-line); border-radius: 18px; }
.onlak-info .oi-contact > div { min-width: 0; }
.onlak-info .oi-contact h2 { font-size: 24px; letter-spacing: -.6px; }
.onlak-info .oi-contact__phone { display: inline-block; color: var(--oi-ink); font-size: clamp(18px, 2vw, 25px); line-height: 1.3; font-weight: 600; letter-spacing: -.6px; white-space: nowrap; margin-top: 22px; }
.onlak-info .oi-contact p:not(.oi-eyebrow) { color: var(--oi-muted); font-size: 12px; margin-top: 12px; }
.onlak-info .oi-contact__channels { display: flex; flex-direction: column; gap: 15px; }
.onlak-info .oi-contact__channels > a { font-size: 17px; font-weight: 500; line-height: 1.4; color: var(--oi-ink); }
.onlak-info .oi-contact__channels > a span { display: block; margin-top: 4px; font-size: 11px; font-weight: 400; color: var(--oi-muted); }
.onlak-info .oi-messengers { display: flex; flex-wrap: wrap; gap: 9px 14px; }
.onlak-info .oi-messengers a { font-size: 11px; line-height: 1.5; }
.onlak-info .oi-contact__address p:first-child { margin-top: 0; }
.onlak-info .oi-contact__address strong { font-size: 14px; color: var(--oi-ink); }
.onlak-info .oi-contact__address > a { display: block; width: fit-content; font-size: 12px; line-height: 1.6; margin-top: 12px; }
.onlak-info .oi-contact__address > a + a { margin-top: 8px; }
.onlak-info .oi-nav { display: flex; flex-wrap: wrap; gap: 14px 25px; padding-top: 25px; margin-top: 32px; border-top: 1px solid var(--oi-line); }
.onlak-info .oi-nav a { color: var(--oi-muted); font-size: 12px; line-height: 1.5; padding: 5px 0; }
.onlak-info .oi-nav a[aria-current=page] { color: var(--oi-ink); font-weight: 600; }
body.theme-dark .onlak-info { --oi-ink: #ecf2fa; --oi-muted: #aebed0; --oi-surface: #19222d; --oi-line: #344252; --oi-blue: #71b5ff; --oi-paper: #101b28; }
body.theme-dark .onlak-info .oi-notice--important { background: #2a271d; }
@media (max-width: 1100px) {
  .onlak-info .oi-hero__copy { padding: 38px; }
  .onlak-info .oi-hero--image .oi-hero__copy { padding: 30px; }
  .onlak-info .oi-hero--image h2 { font-size: 33px; }
  .onlak-info .oi-hero--image .oi-lead { font-size: 15px; }
  .onlak-info .oi-card { padding: 25px; }
  .onlak-info .oi-card h3 { font-size: 19px; }
  .onlak-info .oi-facts > div { padding: 0 20px; }
  .onlak-info .oi-facts strong { font-size: 26px; }
  .onlak-info .oi-split { gap: 32px; }
  .onlak-info .oi-purpose { grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 0; }
  .onlak-info .oi-purpose > div { padding: 24px 20px; border-bottom: 1px solid var(--oi-line); }
  .onlak-info .oi-purpose > div:nth-child(4) { border-left: 0; padding-left: 0; }
  .onlak-info .oi-feature { flex-direction: column; align-items: flex-start; gap: 24px; padding: 32px; }
  .onlak-info .oi-feature > div { max-width: none; }
  .onlak-info .oi-contact { padding: 30px; gap: 24px; }
  .onlak-info .oi-contact h2 { font-size: 22px; }
}
@media (max-width: 760px) {
  .onlak-info { font-size: 14px; padding-bottom: 24px; }
  .onlak-info h2 { font-size: 28px; letter-spacing: -.75px; }
  .onlak-info h3 { font-size: 20px; }
  .onlak-info [id] { scroll-margin-top: 115px; }
  .onlak-info .oi-eyebrow { font-size: 10px; letter-spacing: 1.3px; margin-bottom: 13px; }
  .onlak-info .oi-hero { border-radius: 16px; }
  .onlak-info .oi-hero__copy, .onlak-info .oi-hero--image .oi-hero__copy { padding: 30px 24px; }
  .onlak-info .oi-hero h2, .onlak-info .oi-hero--image h2 { font-size: clamp(29px, 7.4vw, 43px); line-height: 1.13; letter-spacing: -1px; }
  .onlak-info .oi-hero h2 br { display: none; }
  .onlak-info .oi-lead { margin-top: 18px; font-size: 15px; line-height: 1.7; }
  .onlak-info .oi-actions { gap: 10px; margin-top: 24px; }
  .onlak-info a.oi-button { min-height: 46px; gap: 22px; padding: 12px 16px; font-size: 12px; }
  .onlak-info .oi-hero--image { grid-template-columns: minmax(0, 1fr); }
  .onlak-info .oi-hero__media { max-height: 370px; }
  .onlak-info .oi-hero__media img { min-height: 0; height: auto; max-height: 370px; object-fit: cover; }
  .onlak-info--color .oi-hero__media img { object-position: center 30%; }
  .onlak-info .oi-facts { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 0; padding: 26px 0; }
  .onlak-info .oi-facts > div { padding: 0 18px; }
  .onlak-info .oi-facts > div:nth-child(odd) { border-left: 0; padding-left: 0; }
  .onlak-info .oi-facts > div:nth-child(even) { padding-right: 0; }
  .onlak-info .oi-facts strong { font-size: 24px; letter-spacing: -.6px; }
  .onlak-info .oi-facts span { font-size: 11px; }
  .onlak-info--delivery .oi-facts > div:last-child { grid-column: 1 / -1; display: flex; gap: 15px; align-items: center; }
  .onlak-info--delivery .oi-facts > div:last-child strong { white-space: nowrap; }
  .onlak-info--delivery .oi-facts > div:last-child span { margin-top: 0; max-width: 170px; }
  .onlak-info .oi-section { margin-top: 40px; }
  .onlak-info .oi-section__heading { margin-bottom: 22px; }
  .onlak-info .oi-grid--two, .onlak-info .oi-grid--three, .onlak-info .oi-grid--asymmetric, .onlak-info .oi-split, .onlak-info .oi-details { grid-template-columns: minmax(0, 1fr); }
  .onlak-info .oi-grid { gap: 16px; }
  .onlak-info .oi-grid + .oi-card--wide { margin-top: 16px; }
  .onlak-info .oi-card { padding: 25px 24px; border-radius: 14px; }
  .onlak-info .oi-number { width: 34px; height: 34px; margin-bottom: 19px; }
  .onlak-info .oi-rates > div { gap: 12px; }
  .onlak-info .oi-rates dt { font-size: 12px; }
  .onlak-info .oi-rates dd { font-size: 14px; }
  .onlak-info .oi-split { gap: 25px; }
  .onlak-info .oi-rule { gap: 15px; padding: 23px 0; }
  .onlak-info .oi-rule .oi-number { flex-basis: 30px; width: 30px; height: 30px; }
  .onlak-info .oi-rule h3 { font-size: 19px; }
  .onlak-info .oi-notice { padding: 24px 22px; border-radius: 12px; }
  .onlak-info .oi-notice--important { margin-top: 36px; }
  .onlak-info .oi-notice--important h2 { font-size: 26px; }
  .onlak-info .oi-steps > li { padding-left: 38px; }
  .onlak-info .oi-inline-note { padding: 16px 18px; flex-direction: column; align-items: flex-start; gap: 4px; }
  .onlak-info .oi-purpose { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .onlak-info .oi-purpose > div, .onlak-info .oi-purpose > div:nth-child(4) { padding: 23px 18px; border-left: 1px solid var(--oi-line); }
  .onlak-info .oi-purpose > div:nth-child(odd) { padding-left: 0; border-left: 0; }
  .onlak-info .oi-purpose > div:nth-child(even) { padding-right: 0; }
  .onlak-info .oi-purpose > div:last-child { grid-column: 1 / -1; }
  .onlak-info .oi-purpose h3 { font-size: 17px; }
  .onlak-info .oi-purpose > div > span { margin-bottom: 18px; }
  .onlak-info .oi-feature { padding: 28px 24px; margin-top: 40px; border-radius: 14px; }
  .onlak-info .oi-feature h2 { font-size: 27px; }
  .onlak-info .oi-feature h2 br { display: none; }
  .onlak-info .oi-gallery { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .onlak-info .oi-gallery figcaption { padding: 15px 18px; }
  .onlak-info .oi-legal h2 { margin-bottom: 20px; }
  .onlak-info .oi-sources { margin-top: 32px; padding-top: 24px; }
  .onlak-info .oi-contact { grid-template-columns: minmax(0, 1fr); gap: 26px; padding: 28px 24px; margin-top: 44px; border-radius: 14px; }
  .onlak-info .oi-contact h2 { font-size: 26px; }
  .onlak-info .oi-contact__phone { font-size: 28px; margin-top: 18px; }
  .onlak-info .oi-contact__channels { padding-top: 24px; border-top: 1px solid var(--oi-line); }
  .onlak-info .oi-contact__channels > a { font-size: 20px; }
  .onlak-info .oi-contact__channels > a span { margin-top: 2px; }
  .onlak-info .oi-contact__address { padding-top: 22px; border-top: 1px solid var(--oi-line); }
  .onlak-info .oi-nav { gap: 10px 22px; margin-top: 28px; padding-top: 22px; }
}
@media (max-width: 370px) {
  .onlak-info .oi-hero__copy, .onlak-info .oi-hero--image .oi-hero__copy { padding: 28px 20px; }
  .onlak-info .oi-hero h2, .onlak-info .oi-hero--image h2 { font-size: 27px; }
  .onlak-info .oi-card, .onlak-info .oi-contact, .onlak-info .oi-feature { padding: 24px 18px; }
  .onlak-info .oi-card h3 { font-size: 18px; }
  .onlak-info .oi-rates > div { align-items: flex-start; flex-direction: column; gap: 3px; }
  .onlak-info .oi-contact__phone { font-size: 24px; }
  .onlak-info .oi-facts strong { font-size: 22px; }
}

/* Content panels across the six native informational pages. */
.onlak-info {
  --oi-soft-blue: #edf5ff;
  --oi-border-blue: #c8ddf4;
  --oi-accent-blue: #005cba;
  --oi-soft-green: #f1f7eb;
  --oi-border-green: #d5e5c6;
  --oi-accent-green: #6b9839;
  --oi-soft-purple: #f7f0fa;
  --oi-border-purple: #e2d1ea;
  --oi-accent-purple: #9755ae;
  --oi-soft-amber: #fff7e5;
  --oi-border-amber: #efddb0;
  --oi-accent-amber: #bf8b14;
}
body.theme-dark .onlak-info {
  --oi-soft-blue: #12283e;
  --oi-border-blue: #315d83;
  --oi-accent-blue: #66b2ff;
  --oi-soft-green: #1a2b22;
  --oi-border-green: #355b43;
  --oi-accent-green: #90be61;
  --oi-soft-purple: #2a1d32;
  --oi-border-purple: #5d4068;
  --oi-accent-purple: #cf99e1;
  --oi-soft-amber: #30281b;
  --oi-border-amber: #685536;
  --oi-accent-amber: #dfb65b;
}
/* Match the existing catalog category title, using the already bundled font. */
body:has(.onlak-info) #pagetitle {
  font-family: "ONLAK Russo One", "Golos Text", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.onlak-info .oi-card {
  --oi-card-bg: var(--oi-soft-blue);
  --oi-card-border: var(--oi-border-blue);
  --oi-card-accent: var(--oi-accent-blue);
  background: var(--oi-card-bg);
  border-color: var(--oi-card-border);
  border-top: 3px solid var(--oi-card-accent);
}
.onlak-info .oi-grid > .oi-card:nth-child(3n + 1) {
  --oi-card-bg: var(--oi-soft-green);
  --oi-card-border: var(--oi-border-green);
  --oi-card-accent: var(--oi-accent-green);
}
.onlak-info .oi-grid > .oi-card:nth-child(3n) {
  --oi-card-bg: var(--oi-soft-purple);
  --oi-card-border: var(--oi-border-purple);
  --oi-card-accent: var(--oi-accent-purple);
}
.onlak-info .oi-card .oi-number { background: var(--oi-paper); color: var(--oi-card-accent); }
.onlak-info .oi-card .oi-rates > div { border-bottom-color: var(--oi-card-border); }
.onlak-info .oi-card .oi-rates dd { color: var(--oi-ink); }
.onlak-info .oi-card .oi-tags > span { background: var(--oi-paper); }
.onlak-info .oi-grid > .oi-delivery-method--courier {
  --oi-card-bg: var(--oi-soft-blue);
  --oi-card-border: var(--oi-border-blue);
  --oi-card-accent: var(--oi-accent-blue);
}
.onlak-info .oi-delivery-method--russia {
  --oi-card-bg: var(--oi-soft-purple);
  --oi-card-border: var(--oi-border-purple);
  --oi-card-accent: var(--oi-accent-purple);
}
.onlak-info .oi-facts { gap: 16px; margin-top: 24px; padding: 0; border: 0; }
.onlak-info .oi-facts > div:nth-child(n) { padding: 24px; border: 1px solid var(--oi-border-blue); border-radius: 14px; background: var(--oi-soft-blue); }
.onlak-info .oi-purpose { gap: 16px; border: 0; }
.onlak-info .oi-purpose > div:nth-child(n) { padding: 25px 20px; background: var(--oi-soft-blue); border: 1px solid var(--oi-border-blue); border-top: 3px solid var(--oi-accent-blue); border-radius: 14px; }
.onlak-info .oi-purpose > div:nth-child(3n + 1) { background: var(--oi-soft-green); border-color: var(--oi-border-green); border-top-color: var(--oi-accent-green); }
.onlak-info .oi-purpose > div:nth-child(3n) { background: var(--oi-soft-purple); border-color: var(--oi-border-purple); border-top-color: var(--oi-accent-purple); }
.onlak-info .oi-split--editorial { padding: 36px; background: var(--oi-soft-blue); border: 1px solid var(--oi-border-blue); border-radius: 18px; }
.onlak-info .oi-details { gap: 20px; border: 0; }
.onlak-info .oi-details dl { padding: 6px 28px; border: 1px solid var(--oi-border-blue); border-radius: 16px; background: var(--oi-soft-blue); }
.onlak-info .oi-details dl:nth-child(2) { background: var(--oi-soft-purple); border-color: var(--oi-border-purple); }
.onlak-info .oi-details dl > div:last-child { border-bottom: 0; }
.onlak-info .oi-rule { padding: 25px 28px; margin-top: 14px; border: 1px solid var(--oi-border-blue); border-radius: 14px; background: var(--oi-soft-blue); }
.onlak-info .oi-rule .oi-number { background: var(--oi-paper); }
.onlak-info .oi-notice { background: var(--oi-soft-amber); border: 1px solid var(--oi-border-amber); border-left: 3px solid var(--oi-accent-amber); }
.onlak-info .oi-inline-note { background: var(--oi-paper); border: 1px solid var(--oi-border-blue); }
.onlak-info .oi-steps > li::before { background: var(--oi-paper); }
.onlak-info .oi-feature { background: var(--oi-soft-blue); border: 1px solid var(--oi-border-blue); border-top: 3px solid var(--oi-accent-blue); }
.onlak-info .oi-gallery figure { background: var(--oi-soft-blue); border-color: var(--oi-border-blue); }
.onlak-info .oi-legal { max-width: none; padding: 36px; border: 1px solid var(--oi-border-blue); border-radius: 18px; background: var(--oi-soft-blue); }
.onlak-info .oi-legal > p, .onlak-info .oi-legal > ul { max-width: 1040px; }
.onlak-info #online-return { background: var(--oi-soft-green); border-color: var(--oi-border-green); }
.onlak-info #quality-claim { background: var(--oi-soft-purple); border-color: var(--oi-border-purple); }
.onlak-info .oi-sources { padding: 26px 30px; background: var(--oi-surface); border: 1px solid var(--oi-line); border-radius: 14px; }
.onlak-info .oi-contact {
  --oi-ink: #fff;
  --oi-muted: #bcd0e6;
  --oi-blue: #a6ccff;
  --oi-line: #ffffff2e;
  position: relative;
  overflow: hidden;
  color: var(--oi-ink);
  background: #071f40;
  border-color: #071f40;
}
.onlak-info .oi-contact::after { content: ''; position: absolute; inset: auto 0 0; height: 4px; background: var(--onlak-spectrum, linear-gradient(90deg, #009fdb, #7bb428, #a2207c, #de0248, #f9b500)); }
@media (max-width: 1100px) {
  .onlak-info .oi-facts > div:nth-child(n) { padding: 20px; }
  .onlak-info .oi-purpose { gap: 14px; }
  .onlak-info .oi-split--editorial, .onlak-info .oi-legal { padding: 30px; }
}
@media (max-width: 760px) {
  .onlak-info .oi-facts { gap: 12px; margin-top: 20px; }
  .onlak-info .oi-facts > div:nth-child(n) { padding: 20px 16px; border-radius: 12px; }
  .onlak-info .oi-purpose { gap: 12px; }
  .onlak-info .oi-purpose > div:nth-child(n) { padding: 22px 16px; border-radius: 12px; }
  .onlak-info .oi-split--editorial, .onlak-info .oi-legal { padding: 26px 22px; border-radius: 14px; }
  .onlak-info .oi-details { gap: 16px; }
  .onlak-info .oi-details dl { padding: 4px 22px; border-radius: 14px; }
  .onlak-info .oi-rule { padding: 23px 20px; }
  .onlak-info .oi-sources { padding: 24px 22px; }
}
@media (max-width: 370px) {
  .onlak-info .oi-facts > div:nth-child(n) { padding: 18px 13px; }
  .onlak-info .oi-facts strong { font-size: 21px; }
  .onlak-info .oi-split--editorial, .onlak-info .oi-legal { padding: 24px 18px; }
  .onlak-info .oi-purpose > div:nth-child(n) { padding: 20px 13px; }
}

/* End */
/* /local/onlak/info-pages.css?179060339127514 */
