/* Exact help-form rules extracted in source cascade order from the current homepage. */
.production-help{font-family:"Open Sans",Arial,sans-serif;--v2-green:#71be00;--v2-ink:#283646;--v2-radius:16px;overflow:hidden;display:flow-root;background:#fff}
/* home-redesign.css */
.production-help .v2-help{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center;margin-top:64px;padding:44px;border-radius:var(--v2-radius);background:#293641;color:#fff}
.production-help .v2-help h2{color:#fff}
.production-help .v2-help p{color:#d8dfe3}
.production-help .v2-help form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px}
.production-help .v2-help label{font-size:12px;color:#d8dfe3}
.production-help .v2-help input{display:block;width:100%;height:46px;margin-top:6px;padding:0 13px;border:1px solid #ffffff33;border-radius:8px;background:#fff;color:var(--v2-ink)}
.production-help .v2-form-result{grid-column:1/-1;margin:0!important;color:#fff!important}
@media(max-width:1024px){.production-help .v2-help{grid-template-columns:1fr}
}
@media(max-width:575px){.production-help .v2-help{margin-top:42px}
.production-help .v2-help form{grid-template-columns:1fr}
.production-help .v2-help .v2-button{width:100%}
}
@media (min-width:576px) and (max-width: 575px){.production-help .v2-help{margin-top:42px}
.production-help .v2-help form{grid-template-columns:1fr}
.production-help .v2-help .v2-button{width:100%}
}
.production-help .v2-help-heading{font-weight:800;letter-spacing:-.03em;font-size:32px;line-height:normal;margin:0;color:#fff;}
.production-help .v2-help{margin-top:64px;}
@media (min-width:1025px){.production-help .v2-help--figma{
    position:relative;
    left:50%;
    width:100%;
    max-width:1920px;
    height:min(420px,21.875vw);
    min-height:0;
    margin:64px 0 0;
    padding:0;
    display:block;
    transform:translateX(-50%);
    overflow:hidden;
    border:0;
    border-radius:0;
    background:#d2d8de;
    box-shadow:-100vmax 0 0 100vmax #d2d8de,
                100vmax 0 0 100vmax #edeeef;
    clip-path:inset(0 -100vmax);
    color:transparent;
  }
.production-help .v2-help--figma.is-v2-desktop-art-ready{
    background:#d2d8de url('/image/catalog/production-hub/help-desktop.svg?v=1') center top/100% auto no-repeat;
  }
.production-help .v2-help--figma > .v2-help-heading.visually-hidden,
.production-help .v2-help--figma label > .visually-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
    border:0!important;
  }
.production-help .v2-help--figma form{
    position:absolute;
    top:45.238095%;
    left:13.28125%;
    width:34.21875%;
    height:33.333333%;
    margin:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:42.857143% 42.857143%;
    column-gap:3.04414%;
    row-gap:14.285714%;
  }
.production-help .v2-help--figma label{
    display:block;
    min-width:0;
    margin:0;
    color:transparent;
  }
.production-help .v2-help--figma input,
.production-help .v2-help--figma input:focus{
    width:100%;
    height:100%;
    margin:0;
    padding:0 4.71%;
    border:0;
    border-radius:0;
    outline:0;
    background:transparent;
    box-shadow:none;
    color:#525c68;
    font:400 clamp(10px,.78125vw,15px)/1.2 'Open Sans',Arial,sans-serif;
  }
.production-help .v2-help--figma input::placeholder{color:transparent;}
.production-help .v2-help--figma .v2-help__submit{
    position:relative;
    grid-column:1/-1;
    width:100%;
    min-height:0;
    padding:0;
    border:0;
    border-radius:1.52707px;
    outline:0;
    background:transparent;
    box-shadow:none;
    color:transparent;
    cursor:pointer;
    transition:background-color .2s ease;
  }
.production-help .v2-help--figma .v2-help__submit:hover{background:rgba(255,255,255,.16);transform:none;}
.production-help .v2-help--figma .v2-help__submit:focus-visible{outline:2px solid #fff;outline-offset:-3px;}
.production-help .v2-help--figma .v2-form-result:empty{display:none!important;}
.production-help .v2-help--figma .v2-form-result{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    width:100%;
    margin:0!important;
    color:#525c68!important;
    font-size:12px;
    line-height:1.2;
  }
}
.production-help .v2-mobile-layer{ display: none; }
/* home-desktop.css */
@media (min-width:1025px){}
/* home-tablet.css */
@media (min-width:576px) and (max-width:1024px){@media (min-width: 576px) and (max-width: 1024px){.production-help .v2-help{
    margin-top: 64px;
  }
.production-help .v2-help--figma{
    position: relative;
    width: 100%;
    min-height: 430px;
    margin-top: 64px;
    padding: 62px var(--v2-tablet-gutter) 0;
    border-radius: 0;
    overflow: hidden;
    background-color: #dce1e5;
    background-image: none;
  }
.production-help .v2-help--figma > .v2-help-heading.visually-hidden{
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    color: #566271;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
  }
.production-help .v2-help--figma > .v2-help-heading.visually-hidden::after{
    display: block;
    margin-top: 14px;
    content: 'Опишите задачу — поможем подобрать материал и объём, дадим цену';
    color: #566271;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.35;
  }
.production-help .v2-help--figma form{
    display: grid;
    width: 100%;
    max-width: none;
    margin: 26px 0 0;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
.production-help .v2-help--figma label{
    display: block;
    margin: 0;
  }
.production-help .v2-help--figma input{
    display: block;
    width: 100%;
    height: 60px;
    margin: 0;
    padding: 0 14px;
    border: 0;
    border-radius: 0;
    background: #fff;
  }
.production-help .v2-help--figma .v2-help__submit{
    grid-column: 1 / -1;
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 0;
    background: #71be00;
    color: #fff;
    font-size: 24px;
  }
.production-help .v2-help--figma .v2-form-result{
    grid-column: 1 / -1;
  }
}
@media (min-width: 576px) and (max-width: 1024px){.production-help .v2-help--figma{
    position: relative !important;
    width: 100vw !important;
    max-width: none !important;
    height: 420px !important;
    min-height: 420px !important;
    margin: 64px 0 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #d2d8de url('/image/catalog/production-hub/help-tablet.svg?v=1') center top / 768px auto no-repeat !important;
    box-shadow: none !important;
    color: transparent !important;
  }
.production-help .v2-help--figma > .v2-help-heading.visually-hidden,
.production-help .v2-help--figma label > .visually-hidden{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
.production-help .v2-help--figma form{
    position: absolute !important;
    top: 190px !important;
    left: 20px !important;
    display: grid !important;
    width: calc(100% - 40px) !important;
    height: 140px !important;
    margin: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 60px 60px !important;
    column-gap: 20px !important;
    row-gap: 20px !important;
  }
.production-help .v2-help--figma label{
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: transparent !important;
  }
.production-help .v2-help--figma input,
.production-help .v2-help--figma input:focus{
    display: block !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #525c68 !important;
    font: 400 13px/1.2 'Open Sans', Arial, sans-serif !important;
  }
.production-help .v2-help--figma input::placeholder{
    color: transparent !important;
  }
.production-help .v2-help--figma input:not(:placeholder-shown){
    background: #fff !important;
  }
.production-help .v2-help--figma .v2-help__submit{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1.527px !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: pointer !important;
    transform: none !important;
  }
.production-help .v2-help--figma .v2-help__submit:hover{
    background: rgba(255, 255, 255, .14) !important;
  }
.production-help .v2-help--figma .v2-help__submit:focus-visible{
    outline: 2px solid #fff !important;
    outline-offset: -3px !important;
  }
.production-help .v2-help--figma .v2-form-result{
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    color: #525c68 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
.production-help .v2-help--figma .v2-form-result:empty{
    display: none !important;
  }
}
}
/* home-mobile-360.css */
@media (max-width:575px){@media (max-width: 575px){.production-help .v2-help--figma{
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    height: 735px !important;
    min-height: 735px !important;
    margin: 40px 0 0 !important;
    padding: 0 !important;
    display: block !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #d2d8de url('/image/catalog/figma-home/help-form-mobile-360-clean.png?v=1') center top / 360px 735px no-repeat !important;
    box-shadow: none !important;
    color: transparent !important;
  }
.production-help .v2-help--figma > .v2-help-heading.visually-hidden,
.production-help .v2-help--figma label > .visually-hidden{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
.production-help .v2-help--figma form{
    position: absolute !important;
    top: 206px !important;
    left: 20px !important;
    width: 320px !important;
    height: 220px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, 60px) !important;
    gap: 20px !important;
  }
.production-help .v2-help--figma label{
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: transparent !important;
  }
.production-help .v2-help--figma input,
.production-help .v2-help--figma input:focus{
    display: block !important;
    width: 100% !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #525c68 !important;
    font: 400 13px/1.2 'Open Sans', Arial, sans-serif !important;
  }
.production-help .v2-help--figma input::placeholder{ color: transparent !important; }
.production-help .v2-help--figma input:not(:placeholder-shown){ background: #fff !important; }
.production-help .v2-help--figma .v2-help__submit{
    width: 100% !important;
    height: 60px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: transparent !important;
    cursor: pointer !important;
    transform: none !important;
  }
.production-help .v2-help--figma .v2-help__submit:hover{ background: rgba(255,255,255,.14) !important; }
.production-help .v2-help--figma .v2-help__submit:focus-visible{ outline: 2px solid #fff !important; outline-offset: -3px !important; }
.production-help .v2-help--figma .v2-form-result:empty{ display: none !important; }
.production-help .v2-help--figma .v2-form-result{
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    color: #525c68 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}
@media (max-width: 575px){html body .production-help .v2-help--figma{
    height: 735px !important;
    min-height: 735px !important;
    background: #d2d8de url('/image/catalog/figma-home/mobile-help-illustration.webp') center bottom / 320px auto no-repeat !important;
    color: #525c68 !important;
  }
html body .production-help .v2-help--figma > .v2-help-heading.visually-hidden{
    position: absolute !important;
    top: 54px !important;
    left: 20px !important;
    z-index: 1 !important;
    display: block !important;
    width: 310px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
    color: #525c68 !important;
    font: 700 28px/1.28 'Open Sans', Arial, sans-serif !important;
  }
html body .production-help .v2-help--figma > .v2-help__intro{
    position: absolute !important;
    top: 143px !important;
    left: 20px !important;
    z-index: 1 !important;
    width: 315px !important;
    margin: 0 !important;
    color: #525c68 !important;
    font: 400 16px/1.35 'Open Sans', Arial, sans-serif !important;
  }
html body .production-help .v2-help--figma input,
html body .production-help .v2-help--figma input:focus{
    background: #fff !important;
    color: #525c68 !important;
  }
html body .production-help .v2-help--figma input::placeholder{ color: #c4c8cc !important; opacity: 1 !important; }
html body .production-help .v2-help--figma .v2-help__submit{
    background: #71be00 !important;
    color: #fff !important;
    font: 400 27px/1 'Open Sans', Arial, sans-serif !important;
  }
}
@media (min-width: 361px) and (max-width: 575px){html body .production-help .v2-help--figma > .v2-help-heading.visually-hidden,
html body .production-help .v2-help--figma > .v2-help__intro,
html body .production-help .v2-help--figma form{
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
}
/* home-help-success.css */
html body .production-help .v2-help--figma input:is([name="name"], [name="phone"]):focus,
html body .production-help .v2-help--figma input:is([name="name"], [name="phone"]):not(:placeholder-shown){
  background: #fff !important;
}
html body .production-help .v2-help--figma .v2-help-success[hidden]{ display: none !important; }
html body .production-help .v2-help--figma.is-submitted{
  background: linear-gradient(109.85deg, #d2d8de, #edeeef) !important;
}
html body .production-help .v2-help--figma.is-submitted > h2,
html body .production-help .v2-help--figma.is-submitted > .v2-help-heading,
html body .production-help .v2-help--figma.is-submitted > :is(.v2-help__intro, .v2-category-help__intro),
html body .production-help .v2-help--figma.is-submitted > form{ display: none !important; }
html body .production-help .v2-help--figma .v2-help-success{
  position: absolute; inset: 0; width: 100%; max-width: 1412px;
  margin: 0 auto; overflow: hidden; container-type: inline-size;
  color: #525c68; outline: none;
}
html body .production-help .v2-help--figma .v2-help-success__copy{
  position: absolute; top: 39.047619%; left: 2.26629%; width: 57%; z-index: 1;
}
html body .production-help .v2-help--figma .v2-help-success h2,
html body .production-help .v2-help--figma .v2-help-success .v2-help-success__title{
  position: static; width: auto; height: auto; margin: 0 0 18px; padding: 0;
  color: #525c68; font: 700 clamp(24px, 2.54958cqw, 36px)/1.2 'Open Sans', Arial, sans-serif;
  letter-spacing: normal; text-transform: none;
}
html body .production-help .v2-help--figma .v2-help-success p{
  margin: 0; color: #525c68;
  font: 400 clamp(16px, 1.27479cqw, 18px)/1.4 'Open Sans', Arial, sans-serif;
}
html body .production-help .v2-help--figma .v2-help-success__image{
  position: absolute; top: -0.201px; left: 59.4901%; width: 38.5269%;
  max-width: none; height: auto; pointer-events: none;
}
html body .production-help .v2-help--figma label.v2-help__consent{
  position: absolute !important; top: calc(100% + 10px) !important;
  left: 0 !important; width: 100% !important; height: auto !important;
  display: flex !important; align-items: flex-start; gap: 8px;
  color: #525c68 !important; font: 400 12px/1.4 'Open Sans', Arial, sans-serif;
  cursor: pointer;
}
html body .production-help .v2-help--figma .v2-help__consent input{
  appearance: auto !important; display: block !important; position: static !important;
  flex: 0 0 16px; width: 16px !important; height: 16px !important;
  margin: 0 !important; padding: 0 !important; accent-color: #71be00;
}
html body .production-help .v2-help--figma .v2-help__consent a{ color: inherit; text-decoration: underline; }
html body .production-help .v2-help--figma :is(.v2-form-result, .v2-category-help__result){ top: calc(100% + 48px) !important; }
html body .production-help .v2-help--figma :is(.v2-help__submit, .v2-category-help__submit):disabled{ cursor: wait !important; opacity: .65; }
@media (min-width: 1440px){html body .production-help .v2-help--figma .v2-help-success{ width: 73.541667%; }
}
@media (min-width: 1025px){html body #production-help-root.production-help .v2-help--figma .v2-help-success{ width: 73.541667%; }
html body #production-help-root.production-help .v2-help--figma .v2-form-result{ top: calc(100% + 34px) !important; }
}
@media (min-width: 576px) and (max-width: 1024px){html body .production-help .v2-help--figma .v2-help-success__copy{ top: 30%; left: 24px; width: 53%; }
html body .production-help .v2-help--figma .v2-help-success h2,
html body .production-help .v2-help--figma .v2-help-success .v2-help-success__title{ font-size: clamp(26px, 3.5cqw, 34px); }
html body .production-help .v2-help--figma .v2-help-success__image{ top: auto; bottom: -45px; left: auto; right: -12px; width: 48%; }
}
@media (max-width: 575px){html body .production-help .v2-help--figma .v2-help-success__copy{
    top: 54px; left: 20px; width: calc(100% - 40px);
  }
html body .production-help .v2-help--figma .v2-help-success h2,
html body .production-help .v2-help--figma .v2-help-success .v2-help-success__title{ font-size: 28px; line-height: 1.28; margin-bottom: 20px; }
html body .production-help .v2-help--figma .v2-help-success p{ font-size: 16px; }
html body .production-help .v2-help--figma .v2-help-success__image{
    top: auto; bottom: -45px; left: 50%; transform: translateX(-50%);
    width: min(115%, 460px);
  }
}
@media(max-width:575px){html body .production-help .v2-mobile-layer{display:block!important}}