/**
 * Inline CSS styles from catalog pages
 * Extracted from Elementor HTML widgets
 * For catalog pages only
 */



/* CSS from Вытяжная вентиляция (ID: 2383) */


  .mvs-catalog{
    --mvs-primary:#0C2E6D;
    --mvs-primary-dark:#081E4B;
    --mvs-secondary:#1D5FD2;
    --mvs-accent:#3E8DFF;
    --mvs-bg:#F7F9FC;
    --mvs-white:#FFFFFF;
    --mvs-text:#1E293B;
    --mvs-text-secondary:#667085;
    --mvs-border:#E6EAF2;
    --mvs-shadow: 0 10px 30px rgba(20,40,80,.08);

    font-family:'Manrope', sans-serif;
    background:var(--mvs-white);
    box-sizing:border-box;
  }

  .mvs-catalog *{
    box-sizing:border-box;
  }

  .mvs-catalog__container{
    max-width:1200px;
    margin:0 auto;
    padding:0 24px;
  }

 

  /* ---------- Хиро-шапка категории ---------- */
  .mvs-catalog__hero{
    padding:32px 0 56px;
  }

  .mvs-catalog__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:500;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--mvs-secondary);
    margin:0 0 16px;
  }

  .mvs-catalog__eyebrow::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--mvs-accent);
  }

  .mvs-catalog h1.mvs-catalog__title{
    font-size:44px;
    font-weight:800;
    line-height:1.15;
    color:var(--mvs-text);
    margin:0 0 20px;
    max-width:780px;
  }

  .mvs-catalog__lead{
    font-size:18px;
    font-weight:400;
    line-height:1.7;
    color:var(--mvs-text-secondary);
    max-width:720px;
    margin:0 0 28px;
  }

  .mvs-catalog__badges{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:32px;
  }

  .mvs-catalog__badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 18px;
    background:var(--mvs-bg);
    border:1px solid var(--mvs-border);
    border-radius:100px;
    font-size:14px;
    font-weight:700;
    color:var(--mvs-text);
  }

  .mvs-catalog__badge svg{
    flex:0 0 auto;
    width:20px;
    height:20px;
    stroke:var(--mvs-secondary);
    stroke-width:2;
    fill:none;
  }

  .mvs-catalog .mvs-catalog__cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:56px;
    padding:0 32px;
    border-radius:10px;
    border:none;
    cursor:pointer;
    font-family:'Manrope', sans-serif;
    font-size:16px;
    font-weight:700;
    color:var(--mvs-white);
    background: linear-gradient(135deg, var(--mvs-secondary), var(--mvs-accent));
    box-shadow: var(--mvs-shadow);
    transition: background 200ms ease, transform 200ms ease;
  }

  .mvs-catalog .mvs-catalog__cta:hover{
    background: var(--mvs-primary);
    transform: translateY(-2px);
  }

  /* ---------- Преимущества (чипы) ---------- */
  .mvs-catalog__section{
    padding:48px 0;
    border-top:1px solid var(--mvs-border);
  }

  .mvs-catalog__section-label{
    font-size:14px;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--mvs-text-secondary);
    margin:0 0 20px;
  }

  .mvs-catalog__chip-grid{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:12px;
  }

  .mvs-catalog__chip{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:16px 18px;
    background:var(--mvs-bg);
    border:1px solid var(--mvs-border);
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    color:var(--mvs-text);
  }

  .mvs-catalog__chip svg{
    flex:0 0 auto;
    width:18px;
    height:18px;
    margin-top:1px;
    stroke:var(--mvs-secondary);
    stroke-width:2;
    fill:none;
  }

  /* ---------- Статья ---------- */
  .mvs-catalog__article{
    color:var(--mvs-text-secondary);
    font-size:17px;
    line-height:1.75;
  }

  .mvs-catalog h2.mvs-catalog__h2{
    font-size:32px;
    font-weight:700;
    line-height:1.25;
    color:var(--mvs-text);
    margin:0 0 20px;
    max-width:700px;
  }

  .mvs-catalog h3.mvs-catalog__h3{
    font-size:24px;
    font-weight:700;
    line-height:1.3;
    color:var(--mvs-text);
    margin:40px 0 16px;
    max-width:700px;
  }

  .mvs-catalog__article p{
    margin:0 0 16px;
  }

  .mvs-catalog__media-row{
    display:grid;
    grid-template-columns: 1.4fr 1fr;
    gap:32px;
    align-items:start;
    margin:0 0 24px;
  }

  .mvs-catalog__figure{
    margin:0;
    border-radius:18px;
    overflow:hidden;
    box-shadow:var(--mvs-shadow);
    border:1px solid var(--mvs-border);
  }

  .mvs-catalog__figure img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    aspect-ratio: 4/3;
  }

  .mvs-catalog__stat-card{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:24px;
    background: linear-gradient(135deg, rgba(29,95,210,.06), rgba(62,141,255,.06));
    border:1px solid rgba(29,95,210,.16);
    border-radius:16px;
    margin-bottom:24px;
  }

  .mvs-catalog__stat-card .stat{
    font-size:30px;
    font-weight:800;
    color:var(--mvs-primary);
  }

  .mvs-catalog__stat-card .stat-label{
    font-size:14px;
    font-weight:600;
    color:var(--mvs-text);
  }

  .mvs-catalog__stat-card .stat-text{
    font-size:14px;
    color:var(--mvs-text-secondary);
    margin:4px 0 0;
  }

  /* ---------- Степ-процесс ---------- */
  .mvs-catalog__steps{
    counter-reset: mvs-step;
    display:flex;
    flex-direction:column;
    gap:0;
    margin:28px 0 8px;
  }

  .mvs-catalog__step{
    counter-increment: mvs-step;
    position:relative;
    display:flex;
    gap:18px;
    padding:18px 0;
    border-bottom:1px solid var(--mvs-border);
  }

  .mvs-catalog__step:last-child{
    border-bottom:none;
  }

  .mvs-catalog__step::before{
    content: counter(mvs-step, decimal-leading-zero);
    flex:0 0 auto;
    width:40px;
    height:40px;
    border-radius:50%;
    background:var(--mvs-bg);
    border:2px solid var(--mvs-secondary);
    color:var(--mvs-secondary);
    font-size:14px;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .mvs-catalog__step-text{
    padding-top:9px;
    font-size:16px;
    font-weight:600;
    color:var(--mvs-text);
  }

  /* ---------- Что мы делаем (иконки-шаги) ---------- */
  .mvs-catalog__feature-row{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:20px;
  }

  .mvs-catalog__feature{
    padding:24px;
    background:var(--mvs-bg);
    border:1px solid var(--mvs-border);
    border-radius:16px;
    text-align:left;
  }

  .mvs-catalog__feature-icon{
    width:48px;
    height:48px;
    border-radius:12px;
    background: linear-gradient(135deg, var(--mvs-secondary), var(--mvs-accent));
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
  }

  .mvs-catalog__feature-icon svg{
    width:24px;
    height:24px;
    stroke:var(--mvs-white);
    stroke-width:2;
    fill:none;
  }

  .mvs-catalog__feature-text{
    font-size:15px;
    font-weight:700;
    line-height:1.4;
    color:var(--mvs-text);
  }

  /* ---------- Почему стоит выбрать нас (чек-лист) ---------- */
  .mvs-catalog__check-grid{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap:16px;
  }

  .mvs-catalog__check{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:18px;
    background:var(--mvs-white);
    border:1px solid var(--mvs-border);
    border-radius:14px;
    box-shadow:var(--mvs-shadow);
  }

  .mvs-catalog__check-icon{
    flex:0 0 auto;
    width:28px;
    height:28px;
    border-radius:50%;
    background: rgba(29,95,210,.1);
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .mvs-catalog__check-icon svg{
    width:16px;
    height:16px;
    stroke:var(--mvs-secondary);
    stroke-width:2.5;
    fill:none;
  }

  .mvs-catalog__check-text{
    font-size:15px;
    font-weight:600;
    color:var(--mvs-text);
    padding-top:4px;
  }

  .mvs-catalog__cta-row{
    display:flex;
    justify-content:center;
    padding:56px 0 8px;
  }

  /* ---------- Модалка заказа ---------- */
  .mvs-catalog__modal{
    position:fixed;
    inset:0;
    z-index:1000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
  }

  .mvs-catalog__modal.is-open{
    display:flex;
  }

  .mvs-catalog__modal-overlay{
    position:absolute;
    inset:0;
    background: rgba(8,14,33,.65);
    backdrop-filter: blur(3px);
  }

  .mvs-catalog__modal-panel{
    position:relative;
    z-index:1;
    width:100%;
    max-width:440px;
    max-height:90vh;
    overflow:auto;
    background:var(--mvs-white);
    border-radius:20px;
    padding:36px;
    box-shadow: 0 30px 80px rgba(8,14,33,.35);
  }

  .mvs-catalog__modal-close{
    position:absolute;
    top:16px;
    right:16px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:var(--mvs-bg);
    color:var(--mvs-text-secondary);
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }

  .mvs-catalog h3.mvs-catalog__modal-title{
    font-size:20px;
    font-weight:700;
    color:var(--mvs-text);
    margin:0 0 20px;
  }

  .catalog-order-form{
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .catalog-order-form .form-group{
    display:flex;
    flex-direction:column;
    gap:6px;
  }

  .catalog-order-form label{
    font-size:13px;
    font-weight:600;
    color:var(--mvs-text-secondary);
  }

  .catalog-order-form input,
  .catalog-order-form textarea{
    width:100%;
    padding:12px 14px;
    border:1px solid var(--mvs-border);
    border-radius:10px;
    font-family:'Manrope', sans-serif;
    font-size:14px;
    color:var(--mvs-text);
    background:var(--mvs-bg);
    transition:border-color 0.2s;
  }

  .catalog-order-form textarea{
    min-height:120px;
    resize:vertical;
  }

  .catalog-order-form input:focus,
  .catalog-order-form textarea:focus{
    outline:none;
    border-color:var(--mvs-secondary);
  }

  .catalog-order-form .submit-btn{
    padding:14px 24px;
    background:var(--mvs-primary);
    color:var(--mvs-white);
    border:none;
    border-radius:10px;
    font-family:'Manrope', sans-serif;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:background 0.2s;
  }

  .catalog-order-form .submit-btn:hover{
    background:var(--mvs-primary-dark);
  }

  .catalog-order-form .submit-btn:disabled{
    background:var(--mvs-text-secondary);
    cursor:not-allowed;
  }

  .mvs-catalog__field textarea{
    min-height:80px;
    resize:vertical;
  }

  .mvs-catalog__consent{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:12px;
    color:var(--mvs-text-secondary);
    margin:16px 0 20px;
  }

  .mvs-catalog__consent input{
    margin-top:2px;
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 1024px){
    .mvs-catalog__chip-grid{ grid-template-columns: repeat(2, 1fr); }
    .mvs-catalog__feature-row{ grid-template-columns: repeat(2, 1fr); }
    .mvs-catalog__check-grid{ grid-template-columns: repeat(2, 1fr); }
    .mvs-catalog__media-row{ grid-template-columns: 1fr; }
  }

  @media (max-width: 640px){
    .mvs-catalog__container{ padding:0 16px; }
    .mvs-catalog h1.mvs-catalog__title{ font-size:30px; }
    .mvs-catalog h2.mvs-catalog__h2{ font-size:24px; }
    .mvs-catalog h3.mvs-catalog__h3{ font-size:20px; }
    .mvs-catalog__chip-grid{ grid-template-columns: 1fr; }
    .mvs-catalog__feature-row{ grid-template-columns: 1fr; }
    .mvs-catalog__check-grid{ grid-template-columns: 1fr; }
  }