@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/manrope-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/manrope-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/manrope-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/manrope-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/manrope-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/manrope-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/manrope-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/manrope-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fonts/manrope-cyrillic-800-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fonts/manrope-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fonts/manrope-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* intechelle — base styles (page layout is inline in each page) */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:#0B1F3A;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
img,svg{max-width:100%}
a{color:#1F6FEB;text-decoration:none}
a:hover{color:#0B1F3A}
summary{cursor:pointer}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.6}
:focus-visible{outline:3px solid #1F6FEB;outline-offset:2px}
input:focus,select:focus,textarea:focus{outline:3px solid #5AA2FF;outline-offset:1px}

/* Skip link */
.skip-link{position:absolute;left:12px;top:-60px;z-index:1000;background:#0B1F3A;color:#FFFFFF;font-weight:800;padding:10px 16px;border-radius:8px}
.skip-link:focus{top:12px;color:#FFFFFF}

/* Honeypot (anti-spam) — hidden from people, visible to bots */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Form feedback */
.form-note{margin:0;font-size:14px;color:#44546A}

/* Cookie banner */
#cc-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:999;max-width:760px;margin:0 auto;background:#FFFFFF;border:1px solid #D5DDE8;border-left:6px solid #C90404;border-radius:14px;box-shadow:0 12px 32px rgba(11,31,58,.18);padding:20px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-family:inherit}
#cc-banner p{flex:1 1 320px;min-width:0;margin:0;font-size:14px;line-height:1.55;color:#44546A}
#cc-banner .cc-actions{display:flex;gap:10px;flex-wrap:wrap}
#cc-banner button{min-height:44px;min-width:120px;padding:0 18px;border:0;border-radius:8px;font-weight:800;font-size:15px;font-family:inherit;color:#FFFFFF}
#cc-banner .cc-deny{background:#0B1F3A}
#cc-banner .cc-accept{background:#1F6FEB}

/* Order app */
#order-app[aria-busy="true"]{opacity:.7}

/* Phones: inline font sizes are desktop-first, tone them down */
@media (max-width:640px){
  h1{font-size:34px!important;line-height:1.15!important}
  h2{font-size:26px!important;line-height:1.2!important}
  nav[aria-label]{gap:14px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Language dropdown (no JS needed; site.js only closes it on outside click / Esc) */
.lang-dd{position:relative}
.lang-dd summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:1px solid #D5DDE8;border-radius:8px;font-weight:800;font-size:13px;color:#0B1F3A;background:#FFFFFF;user-select:none}
.lang-dd summary::-webkit-details-marker{display:none}
.lang-dd summary:hover,.lang-dd[open] summary{border-color:#1F6FEB;color:#1F6FEB}
.lang-dd summary:focus-visible{outline:3px solid #5AA2FF;outline-offset:2px}
.lang-dd .lang-chev{transition:transform .15s}
.lang-dd[open] .lang-chev{transform:rotate(180deg)}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:170px;background:#FFFFFF;border:1px solid #D5DDE8;border-radius:10px;box-shadow:0 12px 28px rgba(11,31,58,.14);padding:6px;display:flex;flex-direction:column}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:#0B1F3A;font-weight:600;font-size:14px;text-decoration:none}
.lang-menu a:hover,.lang-menu a:focus-visible{background:#EEF3FB}
.lang-menu a.on{background:#0B1F3A;color:#FFFFFF}
.lang-code{font-weight:800;font-size:12px;width:22px}

/* Keep the header on one line on laptops: phone shows as icon only */
@media (max-width:1240px) and (min-width:961px){.tel-num{display:none}}
@media (max-width:960px){.hdr-tools{margin-left:auto}}

/* Mobile burger menu (≤ 960px) */
.burger{display:none;position:relative}
.burger summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;border:1px solid #D5DDE8;border-radius:8px;color:#0B1F3A;background:#FFFFFF}
.burger summary::-webkit-details-marker{display:none}
.burger summary:focus-visible{outline:3px solid #5AA2FF;outline-offset:2px}
.burger .b-close{display:none}
.burger[open] .b-open{display:none}
.burger[open] .b-close{display:inline}
.burger[open] summary{border-color:#1F6FEB;color:#1F6FEB}
.burger-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:min(280px,calc(100vw - 32px));background:#FFFFFF;border:1px solid #D5DDE8;border-radius:12px;box-shadow:0 14px 32px rgba(11,31,58,.16);padding:8px;display:flex;flex-direction:column}
.burger-menu a{padding:12px 14px;border-radius:8px;color:#0B1F3A;font-weight:700;font-size:16px;text-decoration:none}
.burger-menu a:hover{background:#EEF3FB}
.burger-menu a[aria-current]{color:#1F6FEB;box-shadow:inset 3px 0 0 #C90404;background:#F5F8FD}
@media (max-width:960px){
  .main-nav{display:none!important}
  .burger{display:block}
  header > div{flex-wrap:nowrap!important;padding:12px 16px!important}
  .hdr-tools{gap:8px!important}
  .tel-num{display:none}
}
@media (max-width:380px){header > div > a > span{font-size:22px!important}}
.burger-tel{margin-top:6px;border-top:1px solid #E3E8EF;border-radius:0 0 8px 8px!important;color:#C90404!important;font-weight:800!important}

/* Small phones: tighter gutters, single-column grids */
@media (max-width:480px){
  main{overflow-wrap:anywhere}
  main [style*="display: flex"] > *{min-width:0}
  [style*="max-width: 1160px"],[style*="max-width: 860px"],[style*="max-width: 960px"],[style*="max-width: 1000px"]{padding-left:16px!important;padding-right:16px!important}
}
@media (max-width:360px){
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  [style*="padding: 34px"],[style*="padding: 32px"],[style*="padding: 28px"],[style*="padding: 26px"]{padding:20px!important}
  [style*="flex: 1 1"]{min-width:0!important;flex-basis:100%!important}
  h1{font-size:28px!important}
  h2{font-size:23px!important}
  header > div > a svg{width:32px;height:32px}
  header > div > a > span{font-size:21px!important}
  header > div > a{gap:8px!important}
  .hdr-tools > a[href^="tel:"]{display:none!important}
  .lang-dd summary > svg:first-child{display:none}
  .lang-dd summary{padding:0 8px}
}
/* Safety net: decorative shapes never cause sideways scrolling */
html,body{overflow-x:clip}

/* Pricing comparison table: on narrow screens it scrolls inside its box; keep the feature names visible */
@media (max-width:760px){
  .cmp-table tr > :first-child{position:sticky;left:0;z-index:1;background:#FFFFFF;box-shadow:6px 0 8px -6px rgba(11,31,58,.18)}
}
@media (max-width:760px){
  .cmp-table td[colspan]{position:static;box-shadow:none;background:transparent}
  .cmp-sec{position:sticky;left:0;display:inline-block}
}

/* Form validation messages */
.field-err{display:block;color:#9B0303;font-size:13px;font-weight:600;line-height:1.4;margin-top:2px}
.field-err[hidden]{display:none}
[aria-invalid="true"]{border-color:#C90404!important;box-shadow:0 0 0 3px rgba(201,4,4,.12)}
.form-alert{background:#FFF5F5;border:1px solid #C90404;color:#9B0303;border-radius:10px;padding:12px 16px;font-weight:700;font-size:14px}
.form-alert[hidden]{display:none}
form[aria-busy="true"] button[type="submit"]{opacity:.7;cursor:progress}
