/* Start:/local/components/advertpro/section.hero/templates/.default/style.css?179198449314133*/
.zh{
  --zh-yellow:#ffc800;
  --zh-yellow-h:#f2bb00;
  --zh-price:#ffc22e;
  --zh-text:#14181c;
  --zh-muted:#5f666d;
  --zh-line:#d9dde1;
  --zh-bg:#f5f6f7;
  --zh-radius:16px;
  padding:16px 0 24px;
  font-family:"Inter",Arial,sans-serif;
  color:var(--zh-text);
  line-height:1.2;
  -webkit-font-smoothing:antialiased;
}
.zh *,.zh *::before,.zh *::after{box-sizing:border-box}
.zh h1,.zh p,.zh ul,.zh li,.zh form,.zh fieldset,.zh legend,.zh label,.zh dialog{margin:0;padding:0}
.zh button,.zh input,.zh select{font-family:inherit;font-size:inherit;color:inherit;line-height:normal}
.zh svg{display:block}

/* ---------- Блок ---------- */
.zh .zh__box{display:flex;height:490px;border-radius:var(--zh-radius);overflow:hidden;background:#fff;box-shadow:0 2px 14px rgba(20,24,28,.08)}
.zh .zh__media{position:relative;flex:1 1 auto;min-width:0;color:#fff;background-color:#2b221d;background-position:right center;background-size:auto 100%;background-repeat:no-repeat}
.zh .zh__media::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(90deg,#120f0d 0,#120f0d calc(100% - 314px),rgba(18,15,13,.7) calc(100% - 260px),rgba(18,15,13,.25) calc(100% - 190px),rgba(18,15,13,0) calc(100% - 120px))}
.zh .zh__content{position:relative;height:100%;padding:56px 44px 32px;display:flex;flex-direction:column}
.zh .zh__title{font-family:inherit;font-size:56px;line-height:1.02;font-weight:800;letter-spacing:-.01em;color:#fff;text-align:left;text-transform:none;max-width:640px}
.zh .zh__title--long{font-size:44px;max-width:720px}
.zh .zh__sub{font-size:22px;font-weight:500;margin-top:10px}
.zh .zh__price{font-size:40px;font-weight:800;line-height:1.2;color:var(--zh-price);margin-top:20px;letter-spacing:-.01em;white-space:nowrap}
.zh .zh__note{font-size:13px;color:#e4e4e4;margin-top:8px}
.zh .zh__features{display:grid;grid-template-columns:repeat(2,max-content);gap:20px 52px;margin-top:28px;list-style:none}
.zh .zh__features li{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500;line-height:1.3;list-style:none}
.zh .zh__features li::before{display:none}
.zh .zh__features svg{width:38px;height:38px;flex-shrink:0;color:var(--zh-yellow)}
.zh .zh__stats{margin-top:auto;font-size:13px;color:#e4e4e4}

/* ---------- Калькулятор ---------- */
.zh .zh-calc{flex:0 0 366px;padding:22px 24px 20px 28px;display:flex;flex-direction:column;position:relative;background:#fff}
.zh .zh-calc__title{font-size:23px;line-height:1.25;white-space:nowrap;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.zh .zh-field{margin-bottom:9px;min-width:0}
.zh .zh-field__label{display:block;font-size:13px;color:#3c4248;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}
.zh .zh-input,.zh .zh-select{display:block;width:100%;height:42px;border:1px solid var(--zh-line);border-radius:6px;padding:0 13px;font-size:15px;background-color:#fff;outline:none;box-shadow:none;margin:0;transition:border-color .2s,box-shadow .2s}
.zh .zh-input:focus,.zh .zh-select:focus{border-color:var(--zh-yellow);box-shadow:0 0 0 3px rgba(255,200,0,.25)}
.zh .zh-input.is-error{border-color:#e5484d}
.zh .zh-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2314181c' stroke-width='1.5'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") right 14px center/12px no-repeat;padding-right:36px}
.zh .zh-calc__form .zh-input,.zh .zh-calc__form .zh-select{height:37px;font-size:14px;padding-left:11px}
.zh .zh-calc__form .zh-select{padding-right:30px;background-position:right 11px center;text-overflow:ellipsis}
.zh .zh-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.zh .zh-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--zh-yellow);color:var(--zh-text);font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s}
.zh .zh-btn:hover{background:var(--zh-yellow-h)}
.zh .zh-btn--calc{width:100%;height:46px;font-size:17px;margin-top:5px;flex-shrink:0}

.zh .zh-calc__form{display:flex;flex-direction:column;height:100%}
.zh .zh-calc__links{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.zh .zh-link-params{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;font-size:15px;font-weight:500;color:var(--zh-text)}
.zh .zh-link-params svg{width:16px;height:16px}
.zh .zh-link-params:hover{color:#8a6a00}
.zh .zh-link-arrow{display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:500;line-height:1.5;color:var(--zh-text);background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0;cursor:pointer}
.zh .zh-link-arrow svg{width:16px;height:16px}

/* результат */
.zh .zh-calc__result{display:none;flex-direction:column;height:100%}
.zh .zh-calc.is-result .zh-calc__form{display:none}
.zh .zh-calc.is-result .zh-calc__result{display:flex}
.zh .zh-res__params{font-size:13px;color:var(--zh-muted);margin:-6px 0 14px;line-height:1.4}
.zh .zh-res__total-label{font-size:14px;color:#3c4248}
.zh .zh-res__total{font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.01em;margin-top:2px}
.zh .zh-res__per{font-size:14px;color:var(--zh-muted);margin-top:2px}
.zh .zh-res__rows{list-style:none;margin:16px 0 0;border-top:1px solid #eceef0}
.zh .zh-res__rows li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:9px 0;border-bottom:1px solid #eceef0}
.zh .zh-res__rows b{font-weight:600;white-space:nowrap}
.zh .zh-res__old{color:var(--zh-muted);text-decoration:line-through;font-weight:400;margin-right:6px}
.zh .zh-badge{display:inline-block;background:#fff4cc;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600;margin-left:4px}
.zh .zh-res__remark{font-size:12px;color:var(--zh-muted);margin-top:8px}
.zh .zh-res__remark:empty{display:none}
.zh .zh-res__actions{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:12px}
.zh .zh-res__actions .zh-btn{height:48px;font-size:17px;width:100%}
.zh .zh-res__links{display:flex;justify-content:space-between;align-items:center}
.zh .zh-link-back{display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:0;cursor:pointer;font-size:14px;color:var(--zh-muted)}
.zh .zh-link-back:hover{color:var(--zh-text)}
.zh .zh-link-back svg{width:14px;height:14px}

/* ---------- Модальное окно калькулятора ---------- */
html.zh-is-modal{overflow:hidden}
.zh .zh-cm{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;margin:0;color:var(--zh-text)}
.zh .zh-cm::backdrop{background:rgba(15,20,25,.6)}
.zh .zh-cm:not([open]){display:none}
.zh .zh-cm[open]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:10000}
.zh .zh-cm__box{position:relative;width:min(1140px,calc(100% - 32px));max-height:calc(100% - 48px);background:#fff;border-radius:var(--zh-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.zh .zh-cm__head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px 0}
.zh .zh-cm__title{font-size:24px;font-weight:700;letter-spacing:-.01em}
.zh .zh-cm__close{width:40px;height:40px;border-radius:50%;border:0;padding:0;background:var(--zh-bg);cursor:pointer;display:grid;place-items:center}
.zh .zh-cm__close:hover{background:#eceef0}
.zh .zh-cm__close svg{width:18px;height:18px}
.zh .zh-cm__scroll{overflow:auto;padding:16px 28px 28px}
.zh .zh-cm__types{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}
.zh .zh-cm-type{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 6px;border:2px solid transparent;border-radius:12px;background:none;cursor:pointer;text-align:center;transition:background .2s,border-color .2s}
.zh .zh-cm-type:hover{background:var(--zh-bg)}
.zh .zh-cm-type[aria-pressed="true"]{border-color:var(--zh-yellow);background:#fffbea}
.zh .zh-cm-type__img{width:96px;height:96px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--zh-line)}
.zh .zh-cm-type__img img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.zh .zh-cm-type__name{font-size:14px;font-weight:500;line-height:1.3}
.zh .zh-cm__body{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}
.zh .zh-cm-group{border:0;margin-bottom:18px;min-width:0}
.zh .zh-cm-group legend{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--zh-muted);margin-bottom:6px;border:0;width:auto}
.zh .zh-cm-row{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center;padding:9px 0;border-bottom:1px solid #eceef0;transition:opacity .2s}
.zh .zh-cm-row.is-off{opacity:.45}
.zh .zh-cm-row__label{font-size:15px;color:#2c3237}
.zh .zh-cm-row__label label{font-weight:400}
.zh .zh-input--sm,.zh .zh-select--sm{height:40px;max-width:300px}
.zh .zh-seg{display:inline-flex;flex-wrap:wrap;gap:6px}
.zh .zh-seg__item{position:relative;cursor:pointer;margin:0;font-weight:400}
.zh .zh-seg__item input{position:absolute;opacity:0;pointer-events:none;margin:0}
.zh .zh-seg__item span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:38px;padding:0 12px;border:1px solid var(--zh-line);border-radius:6px;font-size:14px;font-weight:500;background:#fff;transition:background .15s,border-color .15s}
.zh .zh-seg__item:hover span{border-color:#b9bfc5}
.zh .zh-seg__item input:checked+span{background:var(--zh-yellow);border-color:var(--zh-yellow)}
.zh .zh-seg__item input:focus-visible+span{box-shadow:0 0 0 3px rgba(255,200,0,.35)}
.zh .zh-cm__summary{position:sticky;top:0;background:var(--zh-bg);border-radius:12px;padding:22px}
.zh .zh-cm-total span{display:block;font-size:14px;color:#3c4248}
.zh .zh-cm-total strong{display:block;font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.01em;margin-top:2px}
.zh .zh-cm-total em{font-style:normal;font-size:14px;color:var(--zh-muted)}
.zh .zh-cm-sec{margin-top:16px;border-top:1px solid #dfe2e5;padding-top:12px}
.zh .zh-cm-sec summary{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size:15px;cursor:pointer;list-style:none}
.zh .zh-cm-sec summary::-webkit-details-marker{display:none}
.zh .zh-cm-sec summary::before{content:"";width:8px;height:8px;border-right:1.6px solid;border-bottom:1.6px solid;transform:rotate(-45deg);margin:6px 8px 0 0;transition:transform .2s;flex-shrink:0}
.zh .zh-cm-sec[open] summary::before{transform:rotate(45deg);margin-top:3px}
.zh .zh-cm-sec summary b{margin-left:auto;white-space:nowrap}
.zh .zh-cm-sec summary s{color:var(--zh-muted);font-weight:400;margin-right:4px}
.zh .zh-cm-sec__row{display:flex;justify-content:space-between;font-size:15px;font-weight:600}
.zh .zh-cm-lines{list-style:none;margin:8px 0 0;padding:0}
.zh .zh-cm-lines li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0}
.zh .zh-cm-lines li+li{border-top:1px dashed #d6dade}
.zh .zh-cm-line__name small{display:block;color:var(--zh-muted);font-size:12px;margin-top:1px}
.zh .zh-cm-lines b{font-weight:600;white-space:nowrap}
.zh .zh-cm-note{font-size:12px;color:var(--zh-muted);margin-top:8px}
.zh .zh-cm-empty{font-size:15px;color:#b42318;padding:12px 0}
.zh .zh-cm__order{width:100%;height:48px;font-size:16px;margin-top:18px}
.zh .zh-cm__bar{display:none}

/* ---------- Без калькулятора ---------- */
.zh--no-calc .zh__title{max-width:760px}

/* ---------- Адаптив ---------- */
@media (max-width:1180px){
  .zh .zh__title{font-size:48px}
  .zh .zh__title--long{font-size:40px}
  .zh .zh__features{gap:18px 32px}
}
@media (max-width:1024px){
  .zh .zh__box{flex-direction:column;height:auto}
  .zh .zh__media{min-height:490px}
  .zh .zh__content{height:auto;min-height:490px}
  .zh .zh__stats{padding-top:24px}
  .zh .zh-calc{flex-basis:auto}
  .zh .zh-calc__links{margin-top:20px}
  .zh .zh-cm__body{grid-template-columns:1fr}
  .zh .zh-cm__summary{position:static}
}
@media (max-width:760px){
  .zh .zh-cm__box{width:100%;max-height:100%;height:100%;border-radius:0}
  .zh .zh-cm__head{padding:14px 16px 0}
  .zh .zh-cm__title{font-size:19px}
  .zh .zh-cm__scroll{padding:12px 16px 24px}
  .zh .zh-cm__types{display:flex;overflow-x:auto;gap:4px;margin:0 -16px 12px;padding:0 16px;scrollbar-width:none}
  .zh .zh-cm-type{flex:0 0 96px;padding:8px 4px}
  .zh .zh-cm-type__img{width:64px;height:64px}
  .zh .zh-cm-type__name{font-size:12px}
  .zh .zh-cm-row{grid-template-columns:1fr;gap:8px}
  .zh .zh-input--sm,.zh .zh-select--sm{max-width:none}
  .zh .zh-cm__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #eceef0;background:#fff}
  .zh .zh-cm__bar span{display:block;font-size:12px;color:var(--zh-muted)}
  .zh .zh-cm__bar strong{font-size:20px;font-weight:800}
  .zh .zh-cm__bar .zh-btn{height:44px;padding:0 18px;font-size:15px}
}
@media (max-width:640px){
  .zh{padding:12px 0 16px}
  .zh .zh__box{border-radius:12px}
  .zh .zh__media{min-height:0;background-size:cover;background-position:70% center}
  .zh .zh__media::before{background:linear-gradient(180deg,rgba(18,15,13,.82),rgba(18,15,13,.92))}
  .zh .zh__content{padding:32px 20px 24px;min-height:0}
  .zh .zh__title,.zh .zh__title--long{font-size:34px}
  .zh .zh__sub{font-size:17px}
  .zh .zh__price{font-size:30px;white-space:normal}
  .zh .zh__features{grid-template-columns:1fr 1fr;gap:16px}
  .zh .zh__features li{font-size:13px;gap:10px}
  .zh .zh__features svg{width:30px;height:30px}
  .zh .zh__stats{margin-top:0}
  .zh .zh-calc{padding:24px 20px}
  .zh .zh-calc__title{font-size:22px;white-space:normal}

  section.bread ul{white-space:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  section.bread ul::-webkit-scrollbar{display:none}
  section.bread ul li{font-size:15px;padding-right:32px}
}

/* End */


/* Start:/local/components/advertpro/quiz/templates/.default/style.css?17800392354344*/
.ap-quiz-inline { padding: 30px 0; }
.ap-quiz-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
  overflow: hidden;
}
.ap-quiz-head {
  padding: 18px 18px 12px;
  background: linear-gradient(to bottom, #677575 0, #586464 50%, #465051 100%);
  color: #fff;
}
.ap-quiz-title { font-size: 20px; line-height: 1.25; font-weight: 700; }
.ap-quiz-progress { margin-top: 10px; display:flex; gap:10px; align-items:center; }
.ap-quiz-progress-bar { flex:1; height: 8px; background: rgba(255,255,255,.25); border-radius:999px; overflow:hidden; }
.ap-quiz-progress-bar span { display:block; height:100%; background:#FCBD50; width:15%; transition: width .25s ease; }
.ap-quiz-progress-text { min-width: 46px; text-align:right; font-weight:700; }

.ap-quiz-body { padding: 18px; }

.ap-quiz-q { font-size: 18px; font-weight: 700; margin-bottom: 12px; }
.ap-quiz-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ap-quiz-option {
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  overflow:hidden;
  cursor:pointer;
  background:#fff;
  transition: transform .08s ease, border-color .2s ease, box-shadow .2s ease;
}
.ap-quiz-option:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0,0,0,.08); }
.ap-quiz-option.is-selected { border-color:#6dcc56; box-shadow: 0 0 0 3px rgba(109,204,86,.18); }
.ap-quiz-option-img { aspect-ratio: 4/3; background:#f2f2f2; display:flex; align-items:center; justify-content:center; }
.ap-quiz-option-img img { width: 100%; height: 100%; object-fit: cover; display:block; }
.ap-quiz-option-txt { padding: 10px; font-weight: 700; font-size: 14px; }

.ap-quiz-actions { display:flex; justify-content:space-between; gap:10px; margin-top: 14px; }
.ap-quiz-btn {
  border:0;
  border-radius: 10px;
  padding: 12px 16px;
  font-weight: 800;
  cursor:pointer;
}
.ap-quiz-btn.primary { background:#FCBD50; color:#4A3D19; }
.ap-quiz-btn.secondary { background:#e9ecef; color:#222; }
.ap-quiz-btn:disabled { opacity:.55; cursor:not-allowed; }

.ap-quiz-two {
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  align-items: stretch;
}
.ap-quiz-field { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.ap-quiz-field label { font-weight:700; }
.ap-quiz-field input[type="text"], .ap-quiz-field input[type="tel"], .ap-quiz-field input[type="number"]{
  border:1px solid #dcdcdc;
  border-radius:10px;
  padding: 12px 12px;
  font-size: 16px;
  outline: none;
}
.ap-quiz-photo {
  border-radius: 12px;
  background: #f3f3f3;
  overflow:hidden;
}
.ap-quiz-photo img { width:100%; height:100%; object-fit: cover; display:block; }

.ap-quiz-checkbox { display:flex; gap:10px; align-items:center; }
.ap-quiz-checkbox input { width:18px; height:18px; }

.ap-quiz-overlay{
  position: fixed;
  inset:0;
  background: rgba(0,0,0,.55);
  z-index: 20000;
}
.ap-quiz-modal{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(980px, calc(100vw - 24px));
  z-index: 20001;
}
.ap-quiz-close{
  position:absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.92);
  cursor:pointer;
  font-size: 24px;
  line-height: 40px;
}

.ap-quiz-fab {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 19990;
  margin: 0;
  padding: 14px 22px;
  border: 0;
  border-radius: 4px;
  background: #f09c5c;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}
.ap-quiz-fab:hover {
  background: #e88d4f;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
}
.ap-quiz-fab:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.ap-quiz-fab:active {
  transform: translateY(0);
}

@media (max-width: 900px){
  .ap-quiz-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .ap-quiz-two{ grid-template-columns: 1fr; }
}
@media (max-width: 520px){
  .ap-quiz-grid{ grid-template-columns: 1fr; }
  .ap-quiz-fab {
    left: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    padding: 12px 16px;
    font-size: 14px;
  }
}


/* End */
/* /local/components/advertpro/section.hero/templates/.default/style.css?179198449314133 */
/* /local/components/advertpro/quiz/templates/.default/style.css?17800392354344 */