/* Start:/bitrix/templates/.default/components/bitrix/menu/desktop/style.min.css?1757814291490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/desktop/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/.default/components/bitrix/menu/mobile/style.min.css?1757814601490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/templates/.default/components/bitrix/menu/mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/bitrix/templates/s41/template_styles.css?178367246915755*/
@font-face { font-family:'PTSans';  src: url('/fonts/PTSans-Regular.ttf') format('truetype');}
@font-face { font-family:'sansationregular';  src: url('/fonts/Sansation-Regular.ttf') format('truetype');}
@font-face { font-family:'sansationbold';  src: url('/fonts/Sansation-Bold.ttf') format('truetype');}
@font-face { font-family:'sansationlight';  src: url('/fonts/Sansation-Light.ttf') format('truetype');}


    :root{
      --c-primary:#0A2463;  
      --c-accent: #c8780d;   
      --c-warn:#FF9E1C;      
      --c-neutral:#F5F7FA;  
      --c-white:#FFFFFF;    
      --shadow:0 4px 12px rgba(0,0,0,.05);
      --radius-card:12px;
      --radius-btn:8px;
      --maxw:1600px;
      --pad: clamp(16px, 2.5vw, 24px);
    }

    /* Reset (light) */
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:#0B1220;font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;line-height:1.6}
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    :focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}

    /* Typography */

    .h1{font-weight:700;font-size:clamp(28px,4.5vw,48px);line-height:1.15;margin:0 0 12px}
    .h2{font-weight:700;font-size:clamp(22px,3.2vw,36px);line-height:1.2;margin:0 0 16px}
h1, h2, h3, .h1, .h2, .h3{font-family:'sansationregular'; Arial,sans-serif;}
    .h3{font-weight:600;font-size:clamp(16px,2.2vw,20px);line-height:1.25;margin:0 0 8px}
    .lead{font-size:clamp(16px,2.2vw,20px);color:#3a4459}

    /* Layout helpers */
    .container{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad)}
    .section{padding:clamp(36px,7vw,72px) 0}
    .grid{display:grid;gap:16px}

    /* Buttons */
    .btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-btn);padding:.75rem 1rem;border:2px solid transparent;cursor:pointer;transition:.25s ease;will-change:transform,background-color,color,box-shadow}
    .btn:hover{transform:translateY(-2px)}
    .btn:active{transform:translateY(0)}
    .btn--accent{/*background:var(--c-accent);color:#fff*/}
    .btn--accent:hover{/*filter:brightness(.95)*/}
    .btn--primary{background:var(--c-primary);color:#fff}
    .btn--primary:hover{filter:brightness(1.05)}
    .btn--warn{background:var(--c-warn);color:#1b1b1b}
    .btn--ghost{/*background:transparent;border-color:var(--c-primary);color:var(--c-primary)*/}
    .btn--ghost:hover{/*background:var(--c-primary);color:#fff*/}
    .btn--outline{background:#fff;border-color:var(--c-accent);color:var(--c-accent)}
    .btn--outline:hover{background:var(--c-accent);color:#fff}
.product-actions .btn.btn--accent {border-color: rgb(55, 144, 134);}
.btn--catalog img {vertical-align: middle;display: inline-block;}
.hero__actions a span {border-bottom: dotted 2px #999;}

    /* Header */
    header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 rgba(10,36,99,.08)}
    .header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}
    /*.logo{font-family:"Inter";font-weight:700;color:#ff9e1c;font-size:20px;letter-spacing:.2px}*/
.logo #svg {width: 40px;}

    nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
    nav a{color:var(--c-primary);font-weight:600}
    nav a:hover{color:var(--c-accent)}

    /* Burger */
    .burger{display:flex;gap:6px;flex-direction:column;background:transparent;border:0}
    .burger span{width:24px;height:2px;background:var(--c-primary);border-radius:2px;transition:.25s}
    .mobile-menu{display:none;position:fixed;inset:64px 0 0; background:#fff; padding:16px 24px; box-shadow:0 12px 24px rgba(0,0,0,.08)}
    .mobile-menu.open{display:block}
    .mobile-menu a{display:block;padding:12px 8px;font-weight:600;color:var(--c-primary)}
    .mobile-menu a:hover{color:var(--c-accent)}

    /* Hero */
    .hero{position:relative;background:linear-gradient(135deg, rgba(10,36,99,.06), rgba(0,204,150));overflow:hidden}
    .hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:120%;background:
      radial-gradient(600px 600px at 10% 30%, rgba(10,36,99,.12), transparent 60%),
      radial-gradient(400px 400px at 80% 20%, rgba(0,204,150,.12), transparent 60%)}
    .hero__wrap{display:grid;gap:24px;align-items:center}
    @media (min-width:768px){.hero__wrap{grid-template-columns:1.2fr 1fr}}
    .hero__actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero__art{justify-self:center}
    .hero__art svg{width:min(420px, 90%);height:auto;filter:drop-shadow(var(--shadow))}

    /* Benefits */
    .benefits{background:var(--c-neutral)}
    .benefits__grid{grid-template-columns:1fr}
    @media (min-width:768px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}
    @media (min-width:1200px){.benefits__grid{grid-template-columns:repeat(4,1fr)}}
    .card{background:var(--c-white);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px;transition:.25s;will-change:transform,box-shadow}
    .card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
    .icon-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--c-neutral);color:var(--c-accent);margin-bottom:10px}

    /* Catalog */
    .catalog__grid{grid-template-columns:1fr}
    @media (min-width:768px){.catalog__grid{grid-template-columns:repeat(2,1fr)}}
    @media (min-width:1200px){.catalog__grid{grid-template-columns:repeat(3,1fr)}}
    .product{display:flex;flex-direction:column;gap:10px}
    .product__thumb{position:relative;aspect-ratio:16/10;border-radius:var(--radius-card);overflow:hidden;background:linear-gradient(135deg,#e3f9f3,#eef2ff);display:grid;place-items:center;color:#667085}
    .product__chip{position:absolute;top:10px;left:10px;background:var(--c-primary);color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}
    .product__meta{display:flex;gap:12px;color:#2f3a53;font-weight:600}

    /* How it works */
    .tabs{display:flex;gap:8px;margin-bottom:16px}
    .tab{padding:.5rem .75rem;border-radius:999px;border:2px solid var(--c-primary);background:#fff;color:var(--c-primary);cursor:pointer}
    .tab[aria-selected="true"]{background:var(--c-primary);color:#fff}
    .steps{display:grid;gap:14px}
    .step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow);padding:16px}

    /* CTA */
 .cta {
    background: var(--c-accent);
    color: #063b30;
    text-align: center;
    background: linear-gradient(135deg, rgba(10, 36, 99, .06), rgba(0, 204, 150));
}
    .cta .btn{margin-top:10px}
    .cta .btn.btn--primary{background:var(--c-primary)}

    /* Testimonials (Swiper overrides minimal) */
    .testimonials{background:var(--c-neutral)}
    .testimonial{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px}
    .t-user{display:flex;align-items:center;gap:12px;margin-top:12px}
    .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d9e8ff,#f1fff9)}

    /* Footer */
    footer{background:#fff;border-top:1px solid rgba(10,36,99,.1)}
    .f-top{display:grid;gap:20px}
    @media (min-width:768px){.f-top{grid-template-columns:2fr 1fr 1fr 1.5fr}}
    .f-col h4{margin:0 0 10px;font-family:"Inter"}
    .f-col a{display:block;color:#3a4459;padding:6px 0}
    .f-col a:hover{color:var(--c-accent)}
    .subscribe{display:flex;gap:8px;flex-wrap:wrap}
    .subscribe input{flex:1 1 220px;padding:.65rem .8rem;border-radius:var(--radius-btn);border:1.5px solid #CBD5E1}
    .f-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(10,36,99,.08);flex-wrap:wrap;gap:10px}
    .socials{display:flex;gap:10px}
    .socials a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #d8deea}
    .socials a:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}

    /* Utility */
    .muted{color:#5a647b}
    .spacer{height:8px}

    /* Breakpoints quick helpers */
    @media (min-width:1200px){
      .only-desktop{display:block}
    }

    /* Skeleton loading demo */
    .skeleton{position:relative;overflow:hidden;background:#e9eef7}
    .skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%);animation:shimmer 1.2s infinite}
    @keyframes shimmer{to{transform:translateX(100%)}}

    /* Build tips (for future minification)
      - CSS: use cssnano/postcss or online minifier to compress this stylesheet when extracting.
      - JS: use terser to minify the inline script if moved to a file.
    */



    /* Benefits inner pages */
    .benefits2{background:var(--c-neutral)}
    .benefits2__grid{grid-template-columns:1fr}
    @media (min-width:768px){.benefits2__grid{grid-template-columns:repeat(2,1fr)}}
    @media (min-width:1200px){.benefits2__grid{grid-template-columns:repeat(4,1fr)}}
    .card2{background:var(--c-white);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:20px;transition:.25s;will-change:transform,box-shadow}
    .card2:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
    .icon-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--c-neutral);color:var(--c-accent);margin-bottom:10px}



/* Product page specific styles */
    .product-hero {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
      margin-bottom: 40px;
    }
    
    @media (min-width: 992px) {
      .product-hero {
        grid-template-columns: 1fr 1fr;
      }
    }
    
    .product-gallery {
      position: relative;
      border-radius: var(--radius-card);
      overflow: hidden;
      box-shadow: var(--shadow);
    }
    
    .product-gallery img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    
    .gallery-thumbs {
      display: flex;
      gap: 8px;
      margin-top: 12px;
    }
    
    .gallery-thumbs img {
      width: 80px;
      height: 60px;
      border-radius: 8px;
      cursor: pointer;
      opacity: 0.7;
      transition: opacity 0.3s;
    }
    
    .gallery-thumbs img:hover,
    .gallery-thumbs img.active {
      opacity: 1;
    }
    
    .product-info {
      background: var(--c-white);
      border-radius: var(--radius-card);
      padding: 24px;
      box-shadow: var(--shadow);
    }
    
    .product-price {
      font-size: 28px;
      font-weight: 700;
      color: var(--c-primary);
      margin: 16px 0;
    }
    
    .product-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      margin: 20px 0;
    }
    
    .meta-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 12px;
      background: var(--c-neutral);
      border-radius: var(--radius-card);
      min-width: 100px;
    }
    
    .meta-value {
      font-weight: 700;
      font-size: 18px;
      color: var(--c-primary);
    }
    
    .meta-label {
      font-size: 14px;
      color: #5a647b;
    }
    
    .specs-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
      gap: 16px;
      margin: 24px 0;
    }
    
    .spec-item {
    /*  display: flex;
      justify-content: space-between;*/
      padding: 12px 0;
      border-bottom: 1px solid #e9eef7;
    }
    
    .spec-name {
      color: #5a647b;
    }
    
    .spec-value {
      font-weight: 600;
    }
    
    .tabs-container {
      margin-top: 40px;
    }
    
    .tab-content {
      display: none;
      padding: 24px;
      background: var(--c-white);
      border-radius: 0 0 var(--radius-card) var(--radius-card);
      box-shadow: var(--shadow);
    }
    
    .tab-content.active {
      display: block;
    }
    
    .faq-item {
      margin-bottom: 16px;
      border-bottom: 1px solid #e9eef7;
      padding-bottom: 16px;
    }
    
    .faq-question {
      font-weight: 600;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    .faq-answer {
      margin-top: 12px;
      color: #5a647b;
      display: none;
    }
    
    .faq-answer.show {
      display: block;
    }
    
    .contact-form {
      background: var(--c-white);
      border-radius: var(--radius-card);
      padding: 24px;
      box-shadow: var(--shadow);
      margin-top: 40px;
    }
    
    .form-group {
      margin-bottom: 20px;
    }
    
    .form-group label {
      display: block;
      margin-bottom: 8px;
      font-weight: 600;
    }
    
    .form-control {
      width: 100%;
      padding: 12px;
      border: 1px solid #CBD5E1;
      border-radius: var(--radius-btn);
      font-family: inherit;
    }

.text-center {
  text-align: center;
}

.spec-value .sep:last-of-type{display:none;}

.b24-form-click-btn-wrapper.--b24-mod-center>button {border-radius: 6px;}

footer .container {margin-inline: auto;max-width: var(--maxw);margin: 0 auto;padding-inline: var(--pad);}














:root{
  --bg:#0b1220;
  --panel:rgba(255,255,255,.06);
  --text:rgba(255,255,255,.92);
  --muted:rgba(255,255,255,.72);
  --brand:#6ee7ff;
  --brand2:#a78bfa;
  --border:rgba(255,255,255,.14);
  --shadow: 0 12px 30px rgba(0,0,0,.25);
  --radius: 16px;
}

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:#0f172a;
  line-height:1.55;
}

.container{
  width:min(1120px, calc(100% - 32px));
  margin-inline:auto;
}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter: blur(10px);
  background: rgba(11, 18, 32, .75);
  border-bottom: 1px solid var(--border);
}

.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}

.brand{
  display:flex; align-items:center; gap:12px;
  color:var(--text);
  text-decoration:none;
  font-weight:700;
  letter-spacing:.2px;
}

.nav{
  display:flex; align-items:center; gap:18px;
}

.nav a{
  text-decoration:none;
  font-weight:600;
  font-size:14px;
}


.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background: transparent;
  color:var(--text);
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}

.btn-primary{
  border:none;
  background: linear-gradient(135deg, var(--brand), var(--brand2));
  color:#0b1220;
  box-shadow: var(--shadow);
}

/* Hero */
.hero{
  background: radial-gradient(1200px 600px at 20% 0%, rgba(110,231,255,.25), transparent 60%),
              radial-gradient(900px 500px at 70% 10%, rgba(167,139,250,.25), transparent 55%),
              var(--bg);
  color:var(--text);
  padding:56px 0 40px;
}

.hero h1{
  margin:0 0 10px;
  font-size: clamp(28px, 4vw, 44px);
  line-height:1.12;
}

.hero p{
  margin:0 0 18px;
  color:var(--muted);
  font-size: clamp(16px, 1.5vw, 18px);
  max-width: 62ch;
}

.hero-actions{ display:flex; gap:12px; flex-wrap:wrap; }

.chips{ display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; }
.chip{
  padding:8px 12px;
  border-radius:999px;
  background: var(--panel);
  border:1px solid var(--border);
  color:var(--text);
  font-weight:700;
  font-size:13px;
}
/*
@media (max-width: 860px){
  .nav{ display:none; } /* позже можно заменить на бургер */
}
*/

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .1s !important;
}




/* End */
/* /bitrix/templates/.default/components/bitrix/menu/desktop/style.min.css?1757814291490 */
/* /bitrix/templates/.default/components/bitrix/menu/mobile/style.min.css?1757814601490 */
/* /bitrix/templates/s41/template_styles.css?178367246915755 */