

/* Start:/otraslevye/styles.css?178516440612957*/
  :root{
    --uf-accent:#E55000;
    --uf-ink:#1A1A1A;
    --uf-ink-2:#0D0D0D;
    --uf-muted:#6E6E6E;
    --uf-line:#E6E4E2;
    --uf-soft:#F7F6F5;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:"Manrope",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--uf-ink);background:#EFEEEC;line-height:1.55}

  /* обвязка превью */
  .switcher{max-width:1220px;margin:24px auto 0;display:flex;gap:10px;padding:0 12px;flex-wrap:wrap}
  .switcher button{border:0;background:#fff;color:var(--uf-ink);padding:11px 20px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 2px 10px rgba(0,0,0,.06)}
  .switcher button.active{background:var(--uf-accent);color:#fff}
  .note{max-width:1220px;margin:12px auto 0;padding:0 20px;font-size:13px;color:var(--uf-muted);text-align:center}
  .page{max-width:1220px;margin:18px auto 60px;background:#fff;box-shadow:0 4px 40px rgba(0,0,0,.08);border-radius:16px;overflow:hidden}
  .crumbs-stub{padding:26px 60px 0;font-size:14px;font-weight:500;color:var(--uf-accent)}
  .crumbs-stub em{font-style:normal;color:var(--uf-ink-2)}
  .crumbs-stub small{display:block;margin-top:4px;font-size:11.5px;color:#A3A09E}

/* ===================================================================
   ===== НОВЫЕ БЛОКИ (копировать в template_styles.css) =============
   =================================================================== */
  .uf-sec{padding:80px 60px}
  .uf-sec--soft{background:var(--uf-soft)}
  .uf-sec h2{color:var(--uf-ink);font-size:40px;font-weight:600;line-height:50px;margin-bottom:70px}
  .uf-sec h2 span{color:var(--uf-accent)}
  .uf-sec h2.has-lead{margin-bottom:20px}
  .uf-sec__lead{color:var(--uf-muted);font-size:16px;font-weight:500;line-height:26px;max-width:860px;margin-bottom:44px}

  /* интро */
  .uf-hero{padding:44px 60px 64px}
  .uf-hero h1{color:var(--uf-ink);font-size:50px;font-weight:600;line-height:60px;max-width:880px;margin-bottom:24px}
  .uf-hero p{color:var(--uf-ink);font-size:18px;font-weight:500;line-height:28px;max-width:720px;margin-bottom:36px}
  .uf-eyebrow{display:inline-block;color:var(--uf-accent);font-size:14px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;margin-bottom:18px}
  .uf-btn{display:inline-flex;align-items:center;gap:18px;background:var(--uf-accent);border-radius:30px;padding:0 0 0 28px;color:#fff;text-decoration:none;font-size:16px;font-weight:600;max-height:55px;border:2px solid var(--uf-accent);transition:.4s}
  .uf-btn .arrow{width:46px;height:46px;border-radius:100px;background:#fff;color:var(--uf-accent);display:flex;align-items:center;justify-content:center;margin:4px 3px 4px 0;font-size:18px;transition:.4s}
  .uf-btn:hover{background:#fff;color:var(--uf-ink)}
  .uf-btn:hover .arrow{background:var(--uf-accent);color:#fff}
  .uf-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px;border-top:1px solid var(--uf-line);padding-top:32px}
  .uf-facts div{font-size:15px;font-weight:500;line-height:24px;color:var(--uf-muted)}
  .uf-facts strong{display:block;font-size:22px;font-weight:600;line-height:30px;color:var(--uf-ink);margin-bottom:6px}

  /* карточки */
  .uf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .uf-card{border:1px solid var(--uf-line);border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
  .uf-card__img{height:170px;display:flex;align-items:center;justify-content:center;padding:26px 26px 0}
  .uf-card__img img{max-width:78%;max-height:100%;width:auto;height:auto;object-fit:contain}
  .uf-card__body{padding:26px 28px 30px;flex:1;display:flex;flex-direction:column}
  .uf-card h3{color:var(--uf-ink);font-size:22px;font-weight:600;line-height:30px;margin-bottom:12px}
  .uf-card p{color:var(--uf-muted);font-size:16px;font-weight:500;line-height:26px;margin-bottom:18px}
  .uf-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
  .uf-tags i{font-style:normal;font-size:13px;font-weight:500;background:var(--uf-soft);border:1px solid var(--uf-line);border-radius:30px;padding:5px 14px;color:var(--uf-ink-2)}
  .uf-card__link{margin-top:16px;display:inline-flex;align-items:center;gap:6px;color:var(--uf-accent);font-size:14px;font-weight:600;text-decoration:none}
  .uf-card__link:hover{text-decoration:underline}
  .uf-sec--dark .uf-card__link{color:#FF8A4C}

  /* таблица */
  .uf-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}
  .uf-tabs button{border:2px solid var(--uf-line);background:#fff;border-radius:30px;padding:10px 22px;font-size:15px;font-weight:600;cursor:pointer;color:var(--uf-ink);font-family:inherit;transition:.3s}
  .uf-tabs button.on{background:var(--uf-accent);border-color:var(--uf-accent);color:#fff}
  .uf-table{width:100%;border-collapse:collapse;font-size:16px;background:#fff;border:1px solid var(--uf-line);border-radius:20px;overflow:hidden}
  .uf-table th{background:var(--uf-soft);text-align:left;padding:16px 24px;font-size:14px;font-weight:600;color:var(--uf-muted);border-bottom:1px solid var(--uf-line)}
  .uf-table td{padding:15px 24px;border-bottom:1px solid var(--uf-line);font-weight:500;line-height:26px}
  .uf-table tr:last-child td{border-bottom:0}
  .uf-table tr:hover td{background:#FFF8F4}
  .uf-size{font-weight:600;color:var(--uf-ink)}
  .uf-note{font-size:16px;font-weight:500;line-height:26px;color:var(--uf-muted);margin-top:24px;max-width:900px}

  /* факты 2 колонки */
  .uf-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .uf-item{border:1px solid var(--uf-line);border-radius:20px;padding:26px 28px;background:#fff;display:flex;gap:20px;align-items:flex-start}
  .uf-item__n{width:46px;height:46px;border-radius:100px;background:var(--uf-accent);color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .uf-item h3{font-size:20px;font-weight:600;line-height:28px;margin-bottom:8px;color:var(--uf-ink)}
  .uf-item p{font-size:16px;font-weight:500;line-height:26px;color:var(--uf-muted)}

  /* требования + панель */
  .uf-split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
  .uf-list{list-style:none}
  .uf-list li{padding:18px 0;border-bottom:1px solid var(--uf-line);font-size:16px;font-weight:500;line-height:26px;display:flex;gap:20px}
  .uf-list li strong{color:var(--uf-accent);font-weight:600;flex-shrink:0;min-width:150px}
  .uf-panel{background:var(--uf-soft);border-radius:20px;padding:34px 36px}
  .uf-panel h3{font-size:22px;font-weight:600;line-height:30px;margin-bottom:22px}
  .uf-panel p{font-size:16px;font-weight:500;line-height:26px;color:var(--uf-ink-2);margin-bottom:12px;padding-left:30px;position:relative}
  .uf-panel p::before{content:'';position:absolute;left:0;top:9px;width:16px;height:8px;border-left:2px solid var(--uf-accent);border-bottom:2px solid var(--uf-accent);transform:rotate(-45deg)}

  /* блок с фото */
  .uf-media{display:grid;grid-template-columns:1fr;gap:50px;align-items:center}
  .uf-media.has-img{grid-template-columns:1.05fr .95fr}
  .uf-media__img{border-radius:20px;overflow:hidden;background:var(--uf-soft);aspect-ratio:4/3}
  .uf-media__img img{width:100%;height:100%;object-fit:contain}
  .uf-media ul{padding-left:18px;margin-top:26px}
  .uf-media li{padding-left:8px;font-size:16px;font-weight:500;line-height:26px;margin-bottom:10px}
  .uf-media li::marker{color:var(--uf-accent)}


  /* --- тёмная секция: соответствует .black_fon сайта --- */
  .uf-sec--dark{background:#2E2D2D;color:#FFF;padding-top:90px;padding-bottom:90px}
  .uf-sec--dark h2{color:#FFF}
  .uf-sec--dark .uf-sec__lead{color:#B9B7B5}
  .uf-sec--dark .uf-note{color:#B9B7B5}
  .uf-sec--dark .uf-card{background:#212020;border-color:#3A3939;border-radius:20px}
  .uf-sec--dark .uf-card h3{color:#FFF;font-size:26px;line-height:34px}
  .uf-sec--dark .uf-card p{color:#B9B7B5}
  .uf-sec--dark .uf-tags i{background:#292828;border-color:#3A3939;color:#D8D6D4}
  .uf-sec--dark .uf-item{background:#212020;border-color:#3A3939;border-radius:20px}
  .uf-sec--dark .uf-item h3{color:#FFF}
  .uf-sec--dark .uf-item p{color:#B9B7B5}
  .uf-sec--dark .uf-tabs button{background:#212020;border-color:#3A3939;color:#FFF}
  .uf-sec--dark .uf-tabs button.on{background:var(--uf-accent);border-color:var(--uf-accent)}

  /* --- этапы: оранжевые пилюли, как «Этап 1» на странице «Производство» --- */
  /* этапы */
  .uf-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
  .uf-step{padding-top:0}
  .uf-step strong{display:inline-flex;align-items:center;background:var(--uf-accent);color:#FFF;border-radius:30px;padding:9px 22px;font-size:15px;font-weight:600;letter-spacing:.2px;margin-bottom:18px}
  .uf-step h3{font-size:20px;font-weight:600;line-height:28px;margin-bottom:10px}
  .uf-step p{font-size:15px;font-weight:500;line-height:24px;color:var(--uf-muted)}

  /* SEO-текст */
  .uf-text h2{margin-bottom:36px}
  .uf-text p{font-size:16px;font-weight:400;line-height:26px;margin-bottom:25px;max-width:940px}
  .uf-text h3{color:var(--uf-ink);font-size:22px;font-weight:600;line-height:32px;margin-top:50px;margin-bottom:22px}
  .uf-text ul{padding-left:18px;margin-bottom:50px}
  .uf-text li{padding-left:8px;font-size:16px;font-weight:500;line-height:26px;margin-bottom:5px}
  .uf-text li::marker{color:var(--uf-accent)}
  .uf-final{font-size:18px;font-weight:600;line-height:28px;max-width:940px;border-left:3px solid var(--uf-accent);padding-left:26px}
  .uf-final span{color:var(--uf-accent)}

  /* перелинковка */
  .uf-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
  .uf-links a{border:2px solid var(--uf-line);border-radius:30px;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;color:var(--uf-ink);transition:.3s}
  .uf-links a:hover{border-color:var(--uf-accent);color:var(--uf-accent)}

  /* FAQ */
  .uf-faq__list{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
  .uf-faq__item{background:#fff;border:1px solid var(--uf-line);border-radius:20px;overflow:hidden;transition:.25s}
  .uf-faq__item[open]{border-color:var(--uf-accent)}
  .uf-faq__q{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:20px;padding:24px 28px;font-size:20px;font-weight:600;line-height:28px}
  .uf-faq__q::-webkit-details-marker{display:none}
  .uf-faq__q:hover{color:var(--uf-accent)}
  .uf-faq__ico{flex-shrink:0;width:34px;height:34px;border-radius:100px;background:var(--uf-accent);position:relative;transition:transform .25s}
  .uf-faq__ico::before,.uf-faq__ico::after{content:'';position:absolute;left:50%;top:50%;background:#fff;border-radius:2px;transform:translate(-50%,-50%)}
  .uf-faq__ico::before{width:14px;height:2px}
  .uf-faq__ico::after{width:2px;height:14px;transition:opacity .25s}
  .uf-faq__item[open] .uf-faq__ico{transform:rotate(180deg)}
  .uf-faq__item[open] .uf-faq__ico::after{opacity:0}
  .uf-faq__a{padding:0 28px 26px}
  .uf-faq__a p{font-size:16px;font-weight:500;line-height:26px;color:var(--uf-muted)}

  /* форма */
  .uf-form{background:var(--uf-soft);padding:64px 60px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
  .uf-form h2{font-size:40px;font-weight:600;line-height:49px;margin-bottom:24px}
  .uf-form h2 span{color:var(--uf-accent)}
  .uf-form p{font-size:16px;font-weight:500;line-height:26px;color:var(--uf-muted);max-width:520px}
  .uf-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .uf-form__fields input,.uf-form__fields select{width:100%;padding:16px 20px;border-radius:30px;border:1px solid var(--uf-line);background:#fff;font-size:16px;font-family:inherit;color:var(--uf-ink)}
  .uf-form__fields .wide{grid-column:1/3}
  .uf-form__btn{grid-column:1/3;background:var(--uf-accent);color:#fff;border:0;border-radius:30px;padding:17px;font-weight:600;font-size:16px;cursor:pointer;font-family:inherit}
  .uf-form__stub{grid-column:1/3;font-size:12.5px;color:#A3A09E;border:1px dashed var(--uf-line);border-radius:12px;padding:10px 16px}

  @media(max-width:1100px){
    .uf-sec,.uf-hero,.uf-form{padding-left:24px;padding-right:24px}
    .crumbs-stub{padding-left:24px;padding-right:24px}
    .uf-hero h1{font-size:34px;line-height:42px}
    .uf-sec h2,.uf-form h2{font-size:30px;line-height:38px;margin-bottom:36px}
    .uf-cards,.uf-grid2,.uf-split,.uf-media,.uf-form,.uf-faq__list{grid-template-columns:1fr}
    .uf-facts{grid-template-columns:1fr 1fr}
    .uf-steps{grid-template-columns:1fr 1fr}
    .uf-table{font-size:15px}
    .uf-table td,.uf-table th{padding:13px 16px}
  }
/* End */
/* /otraslevye/styles.css?178516440612957 */
