/* Start:/local/templates/metallist/assets/modern-shell.css?1787246270133769*/
/* MTL-2026-07-30-001 — visual parity with designs/metallist-cinematic-v3/assets/site.css (variant B: ml-* namespace). */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700;800&display=swap");

:root {
  --ml-ink: #12161a;
  --ml-paper: #f4f5f2;
  --ml-sand: #e4e7e5;
  --ml-white: #fff;
  --ml-orange: #e05a17;
  --ml-muted: #69717a;
  --ml-line: rgba(18, 22, 26, .16);
  --ml-dark-line: rgba(255, 255, 255, .22);
  --ml-header-bg: rgba(255, 255, 255, .96);
  --ml-topline-bg: #12161a;
  --ml-surface: #fff;
  --ml-surface-muted: #edf0ee;
  --ml-steel: #12161a;
  --ml-tech-font: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --ml-radius: 14px;
}

:root[data-ml-theme="dark"] {
  --ml-ink: #edf0f2;
  --ml-paper: #12161a;
  --ml-sand: #1a2027;
  --ml-white: #2c333d;
  --ml-line: rgba(232, 237, 239, .17);
  --ml-header-bg: rgba(44, 51, 61, .97);
  --ml-topline-bg: #0c1013;
  --ml-surface: #242c35;
  --ml-surface-muted: #1c232a;
  --ml-muted: #b8bec0;
}

/* Keep catalog product images bright in dark mode instead of multiplying them
   with the dark card background. */
:root[data-ml-theme="dark"] .ml-rolling-tile img,
:root[data-ml-theme="dark"] .ml-price-category-card img {
  mix-blend-mode: normal;
  filter: none;
}

/* Modern-page isolation from legacy Bitrix chrome */
body.ml-modern {
  margin: 0;
  overflow-x: hidden;
  color: var(--ml-ink);
  background: var(--ml-paper);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
body.ml-modern *, body.ml-modern *::before, body.ml-modern *::after { box-sizing: border-box; }
body.ml-modern .wrapper,
body.ml-modern .wrapper__content,
body.ml-modern .wrapper__footer {
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
  background: transparent;
  box-shadow: none;
  border: 0;
}
body.ml-modern .vcard { display: none !important; }
body.ml-modern .inner-banner,
body.ml-modern .breadcrumbs,
body.ml-modern .bx-breadcrumb { display: none !important; }

.ml-shell { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }

/* Topline */
.ml-topline { color: #e8e9e2; background: var(--ml-topline-bg); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-topline .ml-shell { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 34px; font-size: 11px; }
.ml-topline small { opacity: .72; }
.ml-signal { display: flex; align-items: center; gap: 8px; }
.ml-signal i { width: 7px; height: 7px; border-radius: 50%; background: var(--ml-orange); box-shadow: 0 0 9px var(--ml-orange); }

/* Header */
.ml-header { position: relative; z-index: 10; color: var(--ml-ink); border-bottom: 1px solid var(--ml-line); background: var(--ml-header-bg); backdrop-filter: blur(12px); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-header__shell { display: flex; align-items: center; gap: 16px; min-height: 82px; }
.ml-brand { display: flex; align-items: center; gap: 11px; min-width: 204px; color: inherit; text-decoration: none; }
.ml-brand__logo { width: 66px; height: 66px; flex: 0 0 auto; object-fit: contain; display: block; }
.ml-brand__copy { display: block; }
.ml-brand__copy b { display: block; font-size: 20px; font-weight: 850; letter-spacing: -.07em; line-height: 1; text-transform: uppercase; }
.ml-brand__copy small { display: block; margin-top: 5px; color: var(--ml-muted); font-family: var(--ml-tech-font); font-size: 8px; font-weight: 760; letter-spacing: .055em; text-transform: uppercase; }
.ml-main-nav { display: flex; align-items: center; gap: 5px; margin-left: auto; }
.ml-main-nav__list { display: flex; align-items: center; gap: 5px; margin: 0; padding: 0; list-style: none; }
.ml-main-nav__link { display: block; padding: 9px 10px; color: inherit; border: 1px solid transparent; border-radius: 7px; font-size: 11px; font-weight: 750; line-height: 1.05; text-decoration: none; white-space: nowrap; transition: color .18s, background .18s, border-color .18s; }
.ml-main-nav__item--multiline .ml-main-nav__link { max-width: 112px; padding: 7px 9px; white-space: normal; text-align: center; line-height: 1.15; }
.ml-main-nav__link:hover, .ml-main-nav__link:focus-visible, .ml-main-nav__item.is-active .ml-main-nav__link { color: var(--ml-orange); border-color: rgba(224, 90, 23, .34); background: rgba(224, 90, 23, .08); outline: none; }

.ml-header-phones { display: grid; gap: 4px; flex: 0 0 auto; min-width: 248px; padding: 8px 12px; border: 1px solid var(--ml-line); border-radius: 8px; background: transparent; }
.ml-header-phones a { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: baseline; color: inherit; text-decoration: none; }
.ml-header-phones span { color: var(--ml-muted); font-family: var(--ml-tech-font); font-size: 8px; letter-spacing: .03em; text-transform: uppercase; }
.ml-header-phones b { font-size: 12px; font-weight: 800; white-space: nowrap; }
.ml-header-phones a:hover b { color: var(--ml-orange); }
.ml-mobile-phones { display: none; }

.ml-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 18px; border: 1px solid transparent; border-radius: 7px; font-size: 13px; font-weight: 800; text-decoration: none; transition: transform .2s, background .2s, border-color .2s; cursor: pointer; font-family: inherit; }
.ml-button:hover { transform: translateY(-2px); }
.ml-button--primary { color: #fff; background: var(--ml-orange); }
.ml-button--primary:hover { background: #bd4112; }
.ml-button--dark { color: var(--ml-paper); background: var(--ml-ink); }
.ml-button--dark:hover { background: #2c333d; }
.ml-button--secondary, .ml-button--outline { color: #fff; border-color: rgba(255, 255, 255, .65); background: rgba(18, 22, 26, .15); }
.ml-button--secondary:hover, .ml-button--outline:hover { background: rgba(255, 255, 255, .13); }
.ml-button--dark { color: var(--ml-paper); background: var(--ml-ink); }
.ml-button--light { color: var(--ml-ink); background: var(--ml-surface); }
.ml-catalog-intro__actions .ml-button--outline { color: var(--ml-ink); border-color: var(--ml-line); background: var(--ml-surface); }
.ml-catalog-intro__actions .ml-button--outline:hover { border-color: var(--ml-orange); background: rgba(224, 90, 23, .08); }

.ml-theme-toggle { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface); cursor: pointer; transition: transform .18s, border-color .18s, background .18s; }
.ml-theme-toggle:hover { border-color: var(--ml-orange); background: var(--ml-surface-muted); transform: translateY(-1px); }
.ml-theme-toggle:before { content: "☀"; color: var(--ml-orange); font-size: 22px; font-weight: 700; line-height: 1; }
:root[data-ml-theme="dark"] .ml-theme-toggle:before { content: "☾"; color: #dfe7e8; font-size: 25px; font-weight: 400; transform: translateY(-1px); }
.ml-phone-toggle { display: none; width: 38px; height: 38px; align-items: center; justify-content: center; flex: 0 0 auto; padding: 0; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface); cursor: pointer; }
.ml-phone-toggle:before { content: "☎"; color: var(--ml-orange); font-size: 19px; line-height: 1; transform: translateY(1px); }
.ml-phone-toggle:hover { border-color: var(--ml-orange); background: var(--ml-surface-muted); }
.ml-menu-toggle { display: none; width: 39px; height: 39px; align-items: center; justify-content: center; flex: 0 0 auto; flex-direction: column; gap: 4px; padding: 0; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface); cursor: pointer; }
.ml-menu-toggle span { width: 16px; height: 2px; background: currentColor; }

/* Hero */
.ml-hero { position: relative; min-height: 690px; overflow: hidden; color: #fff; background: #101419; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-hero__media, .ml-hero__shade { position: absolute; inset: 0; }
.ml-hero__media { overflow: hidden; }
.ml-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transform: none; transition: opacity .48s ease, transform .9s ease; }
.ml-hero__image.is-active { opacity: 1; transform: scale(1); }
.ml-hero__shade { background: linear-gradient(90deg, rgba(7, 10, 13, .82) 0%, rgba(7, 10, 13, .62) 38%, rgba(7, 10, 13, .18) 73%, rgba(7, 10, 13, .1)), linear-gradient(0deg, rgba(7, 10, 13, .5), transparent 55%); }
.ml-hero__content { position: relative; z-index: 1; display: flex; align-items: center; min-height: 690px; padding: 52px 0; }
.ml-hero__copy { width: min(830px, 100%); }
.ml-eyebrow, .ml-kicker { display: flex; align-items: center; gap: 9px; margin: 0; color: inherit; font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.ml-eyebrow:before, .ml-kicker:before { width: 8px; height: 8px; content: ""; border-radius: 50%; background: var(--ml-orange); }
.ml-kicker { color: var(--ml-orange); font-family: var(--ml-tech-font); font-weight: 700; }
.ml-section--dark .ml-kicker, .ml-section--steel .ml-kicker, .ml-company-detail .ml-kicker, .ml-calculator-hero .ml-kicker, .ml-hero .ml-eyebrow { color: inherit; }
.ml-hero h1 { max-width: 810px; margin: 15px 0 18px; font-size: clamp(48px, 5.75vw, 82px); font-weight: 790; letter-spacing: -.08em; line-height: .92; }
.ml-hero__lead { max-width: 650px; margin: 0; color: #e5e9e7; font-size: 17px; line-height: 1.53; }
.ml-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 27px; }
.ml-hero__actions .ml-button { min-height: 50px; }
.ml-hero__navigation { position: absolute; right: 0; bottom: 52px; z-index: 2; display: flex; gap: 8px; }
.ml-hero__arrow { display: grid; width: 48px; height: 48px; place-items: center; padding: 0; color: #fff; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; background: rgba(10, 14, 18, .24); font: inherit; font-size: 24px; line-height: 1; cursor: pointer; transition: border-color .2s, background .2s, transform .2s; }
.ml-hero__arrow:hover, .ml-hero__arrow:focus-visible { border-color: var(--ml-orange); outline: none; background: var(--ml-orange); transform: translateY(-2px); }

/* Benefits — separate strip like Works */
.ml-benefit-strip { color: var(--ml-ink); border-bottom: 1px solid var(--ml-line); background: var(--ml-surface); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-benefit-strip .ml-shell { display: grid; grid-template-columns: repeat(5, 1fr); }
.ml-benefit { display: flex; align-items: center; gap: 12px; min-height: 108px; padding: 18px 16px; border-right: 1px solid var(--ml-line); }
.ml-benefit:first-child { border-left: 1px solid var(--ml-line); }
.ml-benefit svg { width: 34px; height: 34px; flex: 0 0 auto; fill: none; stroke: var(--ml-orange); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.55; }
.ml-benefit p, .ml-benefit > div { margin: 0; color: var(--ml-muted); font-size: 11px; line-height: 1.32; }
.ml-benefit b { display: block; margin-bottom: 3px; color: var(--ml-ink); font-size: 12px; }

/* Page sections */
.ml-main, .ml-about-page, .ml-calculator-page, .ml-page { color: var(--ml-ink); background: var(--ml-paper); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-section { padding: 104px 0; }
.ml-section--paper { background: var(--ml-paper); }
.ml-section--sand { background: var(--ml-sand); }
.ml-section--dark { color: #f5f7f4; background: #12161a; }
.ml-section--steel { color: #f5f7f4; background: #202832; }
.ml-section h2, .ml-company-detail h1 { margin: 12px 0 0; font-size: clamp(36px, 4.4vw, 64px); font-weight: 800; letter-spacing: -.073em; line-height: .94; }
.ml-section-heading { display: grid; grid-template-columns: 1.05fr .65fr; gap: 70px; align-items: end; margin-bottom: 46px; }
.ml-section-heading h2 { max-width: 780px; }
.ml-section-heading > p, .ml-partners-heading > p, .ml-process-intro > p:not(.ml-kicker), .ml-faq-intro > p:not(.ml-kicker), .ml-company-detail p, .ml-media-grid p, .ml-docs-team p { margin: 0; color: var(--ml-muted); font-size: 15px; line-height: 1.55; max-width: 430px; }

.ml-reasons-grid { display: grid; grid-template-columns: repeat(12, 1fr); border-top: 1px solid var(--ml-line); border-left: 1px solid var(--ml-line); }
.ml-reason-card { grid-column: span 4; display: flex; min-height: 300px; flex-direction: column; padding: 25px; color: #eef2ef; border-right: 1px solid var(--ml-line); border-bottom: 1px solid var(--ml-line); background: #202832; }
.ml-reason-card:nth-child(4), .ml-reason-card:nth-child(5) { grid-column: span 6; }
.ml-reason-card--light { color: var(--ml-ink); background: var(--ml-surface); }
.ml-reason-card span { color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.ml-reason-card h3 { max-width: 300px; margin: auto 0 11px; font-size: 29px; letter-spacing: -.055em; line-height: .98; }
.ml-reason-card p { max-width: 440px; margin: 0; color: #c4ccd1; font-size: 15px; line-height: 1.48; }
.ml-reason-card--light p { color: var(--ml-muted); }

.ml-when-grid { display: grid; grid-template-columns: .84fr 1.16fr; gap: clamp(40px, 8vw, 140px); align-items: end; }
.ml-when-grid h2 { max-width: 600px; margin: 13px 0 0; font-size: clamp(42px, 5.2vw, 75px); letter-spacing: -.075em; line-height: .92; }
.ml-when-lead { max-width: 460px; margin: 22px 0 0; color: #bec8ca; font-size: 19px; line-height: 1.45; }
.ml-checklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 0; list-style: none; border: 1px solid rgba(255,255,255,.16); }
.ml-checklist li { position: relative; min-height: 112px; padding: 24px 23px 24px 56px; border: 1px solid rgba(255,255,255,.1); font-size: 17px; font-weight: 800; line-height: 1.25; }
.ml-checklist li:before { position: absolute; top: 22px; left: 23px; content: "✓"; color: var(--ml-orange); font-size: 22px; }

.ml-partners-heading { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: end; margin-bottom: 39px; }
.ml-partners-heading h2 { margin: 13px 0 0; font-size: clamp(42px, 5vw, 72px); letter-spacing: -.075em; line-height: .92; }
.ml-partners-heading > p { max-width: 315px; }
.ml-partners-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-partner { display: grid; min-height: 168px; place-items: center; padding: 23px; background: var(--ml-surface); transition: background .2s; }
.ml-partner img { max-width: 100%; max-height: 86px; object-fit: contain; transition: transform .2s; }
.ml-partner:hover { background: #fff; }
.ml-partner:hover img { transform: scale(1.04); }

.ml-process-intro { display: grid; grid-template-columns: 1.05fr .7fr; gap: 62px; align-items: end; }
.ml-process-intro h2 { max-width: 810px; margin: 13px 0 0; font-size: clamp(41px, 5.05vw, 75px); letter-spacing: -.075em; line-height: .92; }
.ml-process-intro > p:not(.ml-kicker) { margin: 0; color: #c1cbd0; font-size: 17px; line-height: 1.52; max-width: none; }
.ml-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; margin: 52px 0 28px; padding: 0; list-style: none; }
.ml-process-grid li { min-height: 295px; padding: 24px; border: 1px solid rgba(255,255,255,.25); border-radius: 12px; background: rgba(10,14,18,.26); }
.ml-process-grid span { display: grid; width: 61px; height: 61px; place-items: center; color: #fff; border: 2px solid #fff; border-radius: 50%; background: var(--ml-orange); font-size: 22px; font-weight: 800; }
.ml-process-grid h3 { margin: 56px 0 10px; font-size: 27px; letter-spacing: -.055em; line-height: 1; }
.ml-process-grid p { margin: 0; color: #c1cbd0; font-size: 15px; line-height: 1.45; }
.ml-quote-panel { display: flex; align-items: center; gap: 13px; padding: 25px; border: 1px solid rgba(224,90,23,.72); border-radius: 12px; background: #12161a; }
.ml-quote-panel > div { margin-right: auto; }
.ml-quote-panel b { display: block; font-size: 22px; }
.ml-quote-panel span { display: block; margin-top: 5px; color: #c1cbd0; font-size: 14px; }
.ml-quote-panel .ml-button--secondary { min-height: 46px; }

.ml-faq-layout { display: grid; grid-template-columns: minmax(290px,.7fr) minmax(0,1.3fr); gap: clamp(45px,10vw,165px); }
.ml-faq-intro { position: sticky; top: 25px; align-self: start; }
.ml-faq-intro h2 { margin: 13px 0 0; font-size: clamp(41px,4.5vw,65px); letter-spacing: -.075em; line-height: .92; }
.ml-faq-intro > p:not(.ml-kicker) { margin: 22px 0 0; max-width: none; }
.ml-faq-list { border-top: 1px solid var(--ml-line); }
.ml-faq-list details { border-bottom: 1px solid var(--ml-line); }
.ml-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; font-size: 18px; font-weight: 800; line-height: 1.25; list-style: none; }
.ml-faq-list summary::-webkit-details-marker { display: none; }
.ml-faq-list summary:after { flex: 0 0 auto; content: "+"; color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 27px; font-weight: 400; }
.ml-faq-list details[open] summary:after { content: "−"; }
.ml-faq-list details p { max-width: 780px; margin: 0 40px 22px 0; color: var(--ml-muted); font-size: 15px; line-height: 1.55; }

/* About */
.ml-company-detail { position: relative; isolation: isolate; padding: clamp(76px, 10vw, 150px) 0; overflow: hidden; color: #fff; background: linear-gradient(90deg, rgba(5,8,11,.94), rgba(5,8,11,.67)), url("/local/templates/metallist/assets/../images/hero/about-workshop.jpeg") center/cover #12161a; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-company-detail__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 80px; align-items: end; }
.ml-company-detail h1 { max-width: 770px; margin: 15px 0 20px; font-size: clamp(48px, 6vw, 86px); letter-spacing: -.078em; line-height: .91; }
.ml-company-detail p { max-width: 670px; margin: 0; color: #d2d9d8; font-size: 18px; line-height: 1.55; }
.ml-company-detail .ml-button { margin-top: 28px; }
.ml-company-detail__facts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.18); }
.ml-company-detail__facts div { min-height: 142px; padding: 21px; background: rgba(17,22,26,.87); }
.ml-company-detail__facts b { display: block; color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 31px; }
.ml-company-detail__facts span { display: block; margin-top: 10px; color: #d6dede; font-size: 14px; line-height: 1.35; }
.ml-capacity-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-capacity-card { display: flex; min-height: 330px; flex-direction: column; padding: 26px; color: #edf2ef; background: #202832; }
.ml-capacity-card:nth-child(even) { color: var(--ml-ink); background: var(--ml-surface); }
.ml-capacity-card--fleet { background: linear-gradient(145deg, rgba(15,19,23,.93), rgba(15,19,23,.70)), url("/local/templates/metallist/assets/../images/hero/about-workshop.jpeg") center/cover #202832; }
.ml-capacity-card span { color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 12px; font-weight: 800; letter-spacing: .1em; }
.ml-capacity-card h3 { margin: auto 0 18px; font-size: 29px; letter-spacing: -.06em; line-height: .97; }
.ml-capacity-card ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.ml-capacity-card li { position: relative; padding-left: 15px; color: #c7d0d1; font-size: 14px; line-height: 1.35; }
.ml-capacity-card:nth-child(even) li { color: var(--ml-muted); }
.ml-capacity-card li:before { position: absolute; top: .47em; left: 0; width: 5px; height: 5px; content: ""; border-radius: 50%; background: var(--ml-orange); }
.ml-about-process { display: grid; grid-template-columns: .8fr 1.2fr; gap: 10vw; align-items: end; }
.ml-about-process h2 { max-width: 590px; margin: 13px 0 0; font-size: clamp(42px, 5.1vw, 72px); letter-spacing: -.075em; line-height: .92; }
.ml-about-process__steps { border-top: 1px solid rgba(255,255,255,.2); }
.ml-about-process__steps div { display: grid; grid-template-columns: 58px 1fr; gap: 18px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.ml-about-process__steps b { color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 13px; }
.ml-about-process__steps span { color: #d0d8d7; font-size: 17px; line-height: 1.35; }

/* Home: warehouse, delivery, request launcher */
.ml-section--sand { background: var(--ml-sand); }
.ml-warehouse { display: grid; grid-template-columns: .85fr 1.15fr; gap: 55px; }
.ml-warehouse h2 { margin: 12px 0 18px; font-size: clamp(38px, 4.6vw, 65px); letter-spacing: -.075em; line-height: .93; }
.ml-warehouse-copy { max-width: 420px; margin: 0; color: var(--ml-muted); font-size: 16px; line-height: 1.55; }
.ml-warehouse-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; margin-top: 25px; }
.ml-text-link { display: inline-flex; align-items: center; gap: 7px; color: var(--ml-orange); font-size: 12px; font-weight: 800; text-decoration: none; }
.ml-text-link span { font-size: 17px; line-height: 1; }
.ml-catalog-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px; }
.ml-catalog-item { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 77px; padding: 16px 18px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 11px; background: var(--ml-surface); font: inherit; font-size: 17px; font-weight: 800; letter-spacing: -.03em; text-align: left; text-decoration: none; cursor: pointer; }
.ml-catalog-item__label { display: flex; min-width: 0; align-items: center; gap: 12px; }
.ml-catalog-item__label img { width: 42px; height: 42px; flex: 0 0 42px; object-fit: contain; mix-blend-mode: multiply; }
.ml-catalog-item__label > span { min-width: 0; }
.ml-catalog-item__arrow { display: grid; width: 29px; height: 29px; flex: 0 0 29px; place-items: center; color: var(--ml-surface); border-radius: 50%; background: var(--ml-ink); font-size: 16px; }
.ml-catalog-item:hover { border-color: var(--ml-orange); box-shadow: 0 8px 20px rgba(18, 22, 26, .11); }
.ml-delivery { display: grid; grid-template-columns: .76fr 1.24fr; gap: 40px; align-items: stretch; }
.ml-delivery-summary { position: relative; min-height: 270px; padding: 29px; overflow: hidden; color: #fff; background: linear-gradient(90deg, rgba(12, 16, 19, .94), rgba(12, 16, 19, .67)), url("/local/templates/metallist/assets/../images/hero/delivery-fleet.jpeg") center/cover; }
.ml-delivery-summary:after { position: absolute; inset: 0; content: ""; border: 1px solid rgba(255, 255, 255, .1); pointer-events: none; }
.ml-delivery-summary > * { position: relative; z-index: 1; }
.ml-delivery-summary h2 { margin: 13px 0; font-size: 42px; letter-spacing: -.065em; line-height: .94; }
.ml-delivery-summary p { margin: 0; color: #d4dade; font-size: 15px; line-height: 1.5; }
.ml-delivery-summary .ml-pickup-note { margin-top: 14px; color: #c5ccd0; font-size: 12px; line-height: 1.45; }
.ml-delivery-points { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--ml-line); border-left: 1px solid var(--ml-line); }
.ml-delivery-point { min-height: 181px; padding: 22px; border-right: 1px solid var(--ml-line); border-bottom: 1px solid var(--ml-line); }
.ml-delivery-point b { display: block; margin-bottom: 12px; font-size: 18px; letter-spacing: -.04em; }
.ml-delivery-point p { margin: 0; color: var(--ml-muted); font-size: 13px; line-height: 1.45; }
.ml-request-strip { position: relative; z-index: 2; max-width: 1120px; margin: 38px auto 0; padding: 26px 29px; color: var(--ml-ink); border-radius: var(--ml-radius); background: var(--ml-surface); box-shadow: 0 18px 48px rgba(0, 0, 0, .14); }
.ml-request-strip__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 35px; align-items: center; }
.ml-request-strip h2 { margin: 9px 0 7px; font-size: 30px; letter-spacing: -.06em; }
.ml-request-strip p { margin: 0; color: var(--ml-muted); font-size: 13px; line-height: 1.5; }
.ml-request-launcher { display: flex; align-self: start; min-height: 0; flex-direction: column; align-items: flex-start; gap: 12px; padding: 28px; border: 1px solid var(--ml-line); border-radius: 12px; background: var(--ml-surface-muted); }
.ml-request-launcher strong { max-width: 420px; color: var(--ml-ink); font-size: clamp(22px, 2.3vw, 32px); letter-spacing: -.05em; line-height: .98; }
.ml-request-launcher span, .ml-request-launcher p { margin: 0; color: var(--ml-muted); font-size: 14px; line-height: 1.45; }
.ml-request-launcher__eyebrow { color: var(--ml-orange) !important; font-family: var(--ml-tech-font); font-size: 11px !important; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.ml-request-launcher > p:not(.ml-request-launcher__eyebrow) { max-width: 420px; }
.ml-request-launcher .ml-button { width: fit-content; margin-top: 7px; }
.ml-service-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--ml-line); border-left: 1px solid var(--ml-line); }
.ml-service-card { display: flex; min-height: 282px; flex-direction: column; padding: 20px; color: var(--ml-ink); border-right: 1px solid var(--ml-line); border-bottom: 1px solid var(--ml-line); background: var(--ml-paper); text-decoration: none; transition: background .2s, color .2s; }
.ml-service-card:hover { color: #fff; background: #2c333d; }
.ml-service-index { margin-bottom: auto; color: var(--ml-muted); font-family: var(--ml-tech-font); font-size: 10px; font-weight: 850; letter-spacing: .08em; }
.ml-service-card h3 { max-width: 220px; margin: 48px 0 8px; font-size: 26px; letter-spacing: -.055em; line-height: 1; }
.ml-service-card p { margin: 0; color: var(--ml-muted); font-size: 13px; line-height: 1.45; }
.ml-service-card:hover p, .ml-service-card:hover .ml-service-index { color: #c4ccd1; }
.ml-service-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--ml-orange); font-size: 12px; font-weight: 850; }
.ml-lead-section { padding: 104px 0; background: #12161a; }
.ml-lead-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: start; color: #fff; }
.ml-lead-grid h2 { max-width: 650px; margin: 13px 0 0; font-size: clamp(39px, 4.7vw, 65px); letter-spacing: -.074em; line-height: .93; }
.ml-lead-grid > div > p:not(.ml-kicker) { max-width: 480px; color: #c3c7bf; font-size: 16px; line-height: 1.55; }
.ml-request-launcher--dark { color: var(--ml-ink); }
.ml-request-launcher--dark small { margin-top: 18px; color: var(--ml-muted); font-size: 11px; line-height: 1.4; }

/* Contacts — modern presentation keeps the Bitrix requisites visible. */
.ml-contact-form { padding: 26px; color: var(--ml-ink); border-radius: var(--ml-radius); background: var(--ml-surface); }
.ml-contact-form h3 { margin: 0; font-size: 28px; letter-spacing: -.05em; }
.ml-contact-form .ml-request-form { margin-top: 18px; }
.ml-contact-requisites__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-contact-requisites__item { min-height: 86px; padding: 20px; background: var(--ml-surface-muted); }
.ml-contact-requisites__item:nth-child(odd) { background: var(--ml-surface); }
.ml-contact-requisites__item--wide { grid-column: 1 / -1; }
.ml-contact-requisites__item b { display: block; margin-bottom: 7px; color: var(--ml-muted); font-family: var(--ml-tech-font); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.ml-contact-requisites__item span { display: block; color: var(--ml-ink); font-size: 15px; line-height: 1.4; }

/* Catalog categories */
.ml-catalog-intro { padding: 74px 0 44px; background: var(--ml-paper); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-rolling-tile-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: minmax(421px, auto); align-items: stretch; gap: 1px; border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-rolling-tile { display: grid; grid-template-rows: 245px auto; min-height: 421px; overflow: hidden; background: #e4e6e7; }
.ml-rolling-tile img { grid-row: 1; width: 100%; height: 245px; object-fit: cover; object-position: center; mix-blend-mode: multiply; border-bottom: 1px solid rgba(24, 27, 30, .12); background: #dfe1e3; }
.ml-rolling-tile__content { display: flex; grid-row: 2; min-height: 176px; flex-direction: column; align-items: flex-start; padding: 22px 24px 23px; }
.ml-rolling-tile h3 { display: block; flex: 0 0 auto; width: 100%; min-width: 0; max-width: 100%; min-height: 63px; margin: 0 0 16px; color: #181b1e; font-size: clamp(25px, 2vw, 32px); letter-spacing: -.06em; line-height: .98; overflow-wrap: anywhere; }
.ml-rolling-tile__title-link { color: inherit; text-decoration: none; }
.ml-rolling-tile__title-link:hover, .ml-rolling-tile__title-link:focus-visible { color: var(--ml-orange); outline: none; }
.ml-rolling-tile__tags { display: flex; flex: 0 0 auto; width: 100%; min-width: 0; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.ml-rolling-tile__tags a, .ml-rolling-tile__tags button { padding: 7px 9px; color: #24282b; border: 0; border-radius: 9px; background: rgba(255, 255, 255, .92); font: inherit; font-size: 12px; font-weight: 750; line-height: 1; text-decoration: none; cursor: pointer; box-shadow: 0 1px 0 rgba(17, 20, 22, .08); }
.ml-rolling-tile__tags a:hover, .ml-rolling-tile__tags a:focus-visible, .ml-rolling-tile__tags button:hover, .ml-rolling-tile__tags button:focus-visible { color: #fff; outline: none; background: var(--ml-orange); }
.ml-catalog-intro__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 25px; }
@media (min-width: 761px) {
  .rolling-catalog-section .ml-rolling-tile:last-child h3 { font-size: clamp(20px, 1.75vw, 28px); letter-spacing: -.055em; }
}

/* Calculator */
.ml-calculator-hero { padding: 74px 0 65px; color: #fff; background: linear-gradient(90deg, rgba(7, 10, 13, .92) 0%, rgba(7, 10, 13, .72) 45%, rgba(7, 10, 13, .28) 100%), url("/local/templates/metallist/assets/../images/hero/hero-metal-stock-yard.jpg") center / cover no-repeat #15191d; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-calculator-hero h1 { max-width: 900px; margin: 13px 0 15px; font-size: clamp(42px, 5.5vw, 75px); letter-spacing: -.077em; line-height: .92; }
.ml-calculator-hero p:not(.ml-kicker) { max-width: 680px; margin: 0; color: #d1d5cd; font-size: 17px; line-height: 1.55; }
.ml-calculator { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(310px, .7fr); gap: 18px; align-items: start; }
.ml-calculator__fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 22px 23px; border: 1px solid var(--ml-line); border-radius: 12px; background: var(--ml-surface); }
.ml-calculator__fields label { display: grid; gap: 7px; color: var(--ml-muted); font-size: 12px; font-weight: 800; }
.ml-calculator__fields label:nth-child(2), .ml-calculator__fields p { grid-column: 1 / -1; }
.ml-calculator__fields select, .ml-calculator__fields input[type="number"] { width: 100%; height: 46px; padding: 0 11px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; outline: 0; background: var(--ml-surface-muted); font: inherit; }
.ml-calculator__fields select:focus, .ml-calculator__fields input:focus { border-color: var(--ml-orange); box-shadow: 0 0 0 3px rgba(224, 90, 23, .13); }
.ml-calculator__cut span { display: inline-flex; gap: 8px; align-items: center; min-height: 46px; padding: 0 12px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface-muted); font-size: 13px; }
.ml-calculator__fields p { margin: 0; padding: 12px 14px; color: var(--ml-muted); border-left: 3px solid var(--ml-orange); background: var(--ml-surface-muted); font-size: 13px; line-height: 1.45; }
.ml-calculator__result { padding: 25px; color: #fff; border-radius: 12px; background: #12161a; }
.ml-calculator__result > small { color: #b9bfb5; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ml-calculator__result h3 { margin: 9px 0 7px; font-size: 27px; letter-spacing: -.06em; line-height: 1.02; }
.ml-calculator__result > p { margin: 0; color: #d1d6cd; font-size: 14px; line-height: 1.45; }
.ml-calculator__result > strong { display: inline-block; margin-top: 24px; color: #ff8a55; font-size: 34px; letter-spacing: -.06em; }
.ml-calculator__result > span { margin-left: 8px; color: #c6ccc3; font-size: 12px; }
.ml-calculator__result dl { margin: 19px 0 0; border-top: 1px solid rgba(255,255,255,.17); }
.ml-calculator__result dl div { display: flex; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.17); }
.ml-calculator__result dt { color: #c5cac1; font-size: 13px; }
.ml-calculator__result dd { margin: 0; color: #fff; font-size: 13px; font-weight: 700; text-align: right; }
.ml-calculator__result .ml-button { width: 100%; margin-top: 19px; }

/* Modal */
.ml-modal-open { overflow: hidden; }
.ml-request-modal[hidden] { display: none; }
.ml-request-modal { position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 24px; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-request-modal__backdrop { position: absolute; inset: 0; background: rgba(5,8,11,.76); backdrop-filter: blur(5px); }
.ml-request-modal__dialog { position: relative; width: min(720px, 100%); max-height: calc(100vh - 48px); padding: 34px; overflow: auto; color: var(--ml-ink); border-radius: 16px; background: var(--ml-surface); box-shadow: 0 24px 70px rgba(0,0,0,.42); }
.ml-request-modal__dialog h2 { margin: 13px 0 9px; font-size: clamp(34px, 5vw, 54px); letter-spacing: -.065em; line-height: .93; }
.ml-request-modal__dialog > p { margin: 0; color: var(--ml-muted); font-size: 15px; line-height: 1.5; }
.ml-request-modal__close { position: absolute; top: 16px; right: 16px; width: 39px; height: 39px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 50%; background: transparent; font-size: 28px; cursor: pointer; }
.ml-request-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 25px; }
.ml-request-form label { display: grid; gap: 7px; color: var(--ml-muted); font-size: 11px; font-weight: 800; }
.ml-request-form input, .ml-request-form select, .ml-request-form textarea { width: 100%; min-height: 46px; padding: 0 12px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 8px; outline: none; background: var(--ml-surface-muted); font: inherit; }
.ml-request-form textarea { min-height: 104px; padding-top: 12px; resize: vertical; }
.ml-request-form input:focus, .ml-request-form select:focus, .ml-request-form textarea:focus { border-color: var(--ml-orange); box-shadow: 0 0 0 3px rgba(224,90,23,.13); }
.ml-request-form__wide { grid-column: 1 / -1; }
.ml-request-form__note { min-height: 18px; margin: 0; color: var(--ml-muted); font-size: 12px; line-height: 1.45; }
.ml-request-form__consent { display: flex !important; grid-column: 1 / -1; align-items: flex-start; gap: 9px; font-size: 12px !important; font-weight: 600 !important; line-height: 1.45; }
.ml-request-form__consent input { width: 17px; min-height: 17px; margin: 1px 0 0; accent-color: var(--ml-orange); }
.ml-request-form__captcha { grid-column: 1 / -1; grid-template-columns: 180px minmax(0, 1fr); align-items: end; }
.ml-request-form__captcha img { grid-row: 2; border: 1px solid var(--ml-line); border-radius: 6px; }
.ml-request-form__captcha input[type="text"], .ml-request-form__captcha input:not([type]) { grid-column: 2; grid-row: 2; }
.ml-request-items { padding: 0; overflow: hidden; border: 1px solid var(--ml-line); border-radius: 12px; background: var(--ml-surface); }
.ml-request-items__head { display: flex; align-items: end; justify-content: space-between; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--ml-line); background: var(--ml-surface-muted); }
.ml-request-items__head p { margin: 0 0 3px; color: var(--ml-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ml-request-items h3 { margin: 0; font-size: 21px; letter-spacing: -.04em; }
.ml-request-items__head > span { color: var(--ml-ink); font-size: 12px; font-weight: 800; white-space: nowrap; }
.ml-request-items ul { display: grid; gap: 0; padding: 0 20px; margin: 0; list-style: none; }
.ml-request-items li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(92px, auto) 164px 32px; gap: 18px; align-items: center; min-height: 96px; border-bottom: 1px solid var(--ml-line); }
.ml-request-items li:last-child { border-bottom: 0; }
.ml-request-items__product { display: grid; gap: 5px; min-width: 0; }
.ml-request-items__product b { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.ml-request-items__product small { overflow: hidden; color: var(--ml-muted); text-overflow: ellipsis; white-space: nowrap; }
.ml-request-items__price { color: var(--ml-orange); font-size: 14px; white-space: nowrap; }
.ml-request-items__quantity { display: grid; grid-template-columns: 34px minmax(0, 1fr) 34px; grid-template-rows: 38px auto; gap: 5px 7px; align-items: center; }
.ml-request-items__quantity > button { display: grid; width: 34px; height: 34px; min-height: 0; place-items: center; padding: 0; border-radius: 50%; font-size: 23px; font-weight: 400; line-height: 1; }
.ml-request-items__quantity label { display: flex; min-width: 0; height: 38px; align-items: center; gap: 6px; padding: 0 8px; border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface-muted); }
.ml-request-items__quantity input { width: 100%; min-width: 0; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; text-align: center; }
.ml-request-items__quantity label span { color: var(--ml-muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
.ml-request-items__quantity small { grid-column: 1 / -1; color: var(--ml-muted); font-size: 10px; text-align: center; }
.ml-request-items__remove { display: grid; width: 30px; height: 30px; min-height: 0; place-items: center; padding: 0 !important; border: 0 !important; border-radius: 4px !important; font-size: 22px !important; font-weight: 400 !important; line-height: 1; }
.ml-request-items button, .ml-price-add { min-height: 36px; padding: 0 10px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: transparent; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.ml-request-items button:hover, .ml-price-add:hover { border-color: var(--ml-orange); color: var(--ml-orange); }
.ml-price-add.is-added { border-color: var(--ml-orange); color: var(--ml-orange); }
.ml-request-quick[hidden] { display: none; }
.ml-request-quick { position: fixed; z-index: 900; right: 22px; bottom: 22px; display: grid; min-width: 206px; gap: 3px; padding: 14px 18px; color: #fff; border: 1px solid rgba(255,255,255,.2); border-radius: 11px; background: var(--ml-orange); box-shadow: 0 14px 34px rgba(0,0,0,.22); font: inherit; text-align: left; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.ml-request-quick:hover { background: #c94d12; box-shadow: 0 18px 38px rgba(0,0,0,.28); transform: translateY(-2px); }
.ml-request-quick:focus-visible { outline: 3px solid rgba(224,90,23,.3); outline-offset: 3px; }
.ml-request-quick__label { font-size: 14px; font-weight: 850; letter-spacing: -.02em; }
.ml-request-quick__count { color: rgba(255,255,255,.84); font-size: 11px; font-weight: 700; }

/* Footer */
.ml-site-footer { padding: 65px 0 26px; color: #d7dbd2; background: #0c1013; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: clamp(25px, 5vw, 86px); padding-bottom: 58px; }
.ml-footer-brand .ml-brand { min-width: 0; color: #fff; }
.ml-footer-brand .ml-brand__logo { width: 42px; height: 42px; }
.ml-footer-brand .ml-brand__copy b { font-size: 16px; }
.ml-footer-brand .ml-brand__copy small { color: #9fa49b; font-size: 10px; }
.ml-footer-brand p { width: 100%; max-width: 320px; margin: 13px 0 5px; color: #9faeab; font-size: 14px; line-height: 1.45; }
.ml-footer-brand .ml-button { min-height: 43px; font-size: 12px; margin-top: 8px; }
.ml-footer-nav, .ml-footer-contacts { display: grid; align-content: start; gap: 10px; }
.ml-footer-nav h2, .ml-footer-contacts h2 { margin: 0 0 5px; color: #fff; font-size: 15px; font-weight: 700; }
.ml-footer-nav a, .ml-footer-contacts a, .ml-footer-contacts address { color: #b6c0bf; font-size: 13px; font-style: normal; line-height: 1.35; text-decoration: none; }
.ml-footer-nav a:hover, .ml-footer-contacts a:hover { color: var(--ml-orange); }
.ml-footer-contacts address { margin-top: 6px; color: #fff; }
.ml-footer-bottom { display: flex; flex-wrap: wrap; gap: 15px 34px; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.14); color: #8d999b; font-size: 12px; }
.ml-footer-bottom a { color: inherit; text-decoration: none; }
.ml-footer-bottom a:hover { color: #fff; }

/* Non-modern pages still get modern header/footer metrics without body.ml-modern */
body:not(.ml-modern) .ml-header,
body:not(.ml-modern) .ml-topline,
body:not(.ml-modern) .ml-site-footer,
body:not(.ml-modern) .ml-catalog-intro,
body:not(.ml-modern) .ml-request-modal {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

@media (max-width: 1240px) {
  .ml-main-nav__link { padding: 8px 7px; font-size: 10px; }
  .ml-brand { min-width: 160px; }
  .ml-header-phones { min-width: 220px; padding: 7px 10px; }
  .ml-header-phones b { font-size: 11px; }
}

@media (max-width: 1120px) {
  .ml-main-nav { display: none; }
  .ml-header-phones { margin-left: auto; }
  .ml-menu-toggle { display: inline-flex; }
  .ml-header.is-menu-open .ml-main-nav {
    position: absolute; top: 100%; right: 0; left: 0; display: block;
    padding: 14px 24px; border-top: 1px solid var(--ml-line); background: var(--ml-header-bg);
    box-shadow: 0 15px 28px rgba(0, 0, 0, .13);
  }
  .ml-header.is-menu-open .ml-main-nav__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .ml-header.is-menu-open .ml-main-nav__link { padding: 12px; }
  .ml-hero, .ml-hero__content { min-height: 660px; }
  .ml-benefit-strip .ml-shell { grid-template-columns: repeat(3, 1fr); }
  .ml-benefit:nth-child(4) { border-left: 1px solid var(--ml-line); }
  .ml-section-heading, .ml-process-intro, .ml-company-detail__grid, .ml-about-process, .ml-when-grid, .ml-faq-layout, .ml-warehouse, .ml-delivery, .ml-request-strip__grid, .ml-lead-grid { grid-template-columns: 1fr; gap: 34px; }
  .ml-contact-requisites__grid { grid-template-columns: 1fr; }
  .ml-contact-requisites__item--wide { grid-column: auto; }
  .ml-service-grid { grid-template-columns: repeat(2, 1fr); }
  .ml-delivery-points { grid-template-columns: 1fr; }
  .ml-reason-card, .ml-reason-card:nth-child(4), .ml-reason-card:nth-child(5) { grid-column: span 3; }
  .ml-reason-card:nth-child(3) { grid-column: span 6; }
  .ml-faq-intro { position: static; }
  .ml-process-grid { grid-template-columns: repeat(2, 1fr); }
  .ml-capacity-grid, .ml-rolling-tile-grid { grid-template-columns: repeat(2, 1fr); }
  .ml-calculator { grid-template-columns: 1fr; }
  .ml-footer-grid { grid-template-columns: 1.25fr repeat(2, 1fr); }
  .ml-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
  .ml-shell { width: min(100% - 28px, 1320px); }
  .ml-topline .ml-shell small, .ml-header-phones { display: none; }
  .ml-header__shell { gap: 8px; min-height: 70px; }
  .ml-brand { min-width: auto; margin-right: auto; }
  .ml-brand__logo { width: 39px; height: 39px; }
  .ml-brand__copy b { font-size: 16px; }
  .ml-brand__copy small { display: none; }
  .ml-header.is-menu-open .ml-main-nav { padding: 10px 14px; }
  .ml-header.is-menu-open .ml-main-nav__list { grid-template-columns: 1fr; }
  .ml-theme-toggle, .ml-phone-toggle, .ml-menu-toggle { width: 37px; height: 37px; }
  .ml-phone-toggle { display: inline-flex; }
  .ml-header.is-phones-open .ml-mobile-phones:not([hidden]) { display: grid; position: absolute; top: calc(100% + 8px); right: 14px; left: 14px; gap: 1px; padding: 1px; border: 1px solid var(--ml-line); border-radius: 8px; background: var(--ml-line); box-shadow: 0 16px 35px rgba(10, 15, 18, .18); }
  .ml-mobile-phones a { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: baseline; padding: 13px; color: var(--ml-ink); background: var(--ml-surface); text-decoration: none; }
  .ml-mobile-phones span { color: var(--ml-muted); font: 700 9px var(--ml-tech-font); letter-spacing: .04em; text-transform: uppercase; }
  .ml-mobile-phones b { font-size: 13px; white-space: nowrap; }
  .ml-mobile-phones a:hover b { color: var(--ml-orange); }
  .ml-catalog-item__label img { width: 36px; height: 36px; flex-basis: 36px; }
  .ml-hero, .ml-hero__content { min-height: 640px; }
  .ml-hero__content { align-items: flex-end; padding: 34px 0 38px; }
  .ml-hero__navigation { right: 0; bottom: 34px; }
  .ml-hero h1 { font-size: 43px; }
  .ml-hero__lead { font-size: 15px; }
  .ml-hero__actions .ml-button { width: 100%; }
  .ml-benefit-strip .ml-shell { grid-template-columns: repeat(2, 1fr); }
  .ml-benefit { min-height: 95px; padding: 13px 8px; }
  .ml-benefit:nth-child(odd) { border-left: 1px solid var(--ml-line); }
  .ml-benefit:last-child { grid-column: 1 / -1; }
  .ml-benefit svg { width: 29px; height: 29px; }
  .ml-benefit p, .ml-benefit > div { font-size: 10px; }
  .ml-benefit b { font-size: 11px; }
  .ml-service-grid { grid-template-columns: 1fr; }
  .ml-service-card { min-height: 190px; }
  .ml-service-card h3 { margin-top: 32px; }
  .ml-section { padding: 68px 0; }
  .ml-section h2, .ml-company-detail h1, .ml-when-grid h2, .ml-partners-heading h2, .ml-process-intro h2, .ml-faq-intro h2, .ml-about-process h2 { font-size: 40px; }
  .ml-section-heading { margin-bottom: 30px; gap: 22px; }
  .ml-section-heading > p, .ml-partners-heading > p, .ml-process-intro > p:not(.ml-kicker), .ml-faq-intro > p:not(.ml-kicker), .ml-company-detail p { font-size: 16px; max-width: none; }
  .ml-reasons-grid { display: block; border-right: 1px solid var(--ml-line); }
  .ml-reason-card, .ml-reason-card:nth-child(3), .ml-reason-card:nth-child(4), .ml-reason-card:nth-child(5) { min-height: 230px; }
  .ml-reason-card h3 { margin-top: 75px; }
  .ml-checklist { grid-template-columns: 1fr; }
  .ml-checklist li { min-height: 90px; padding: 19px 17px 19px 48px; font-size: 16px; }
  .ml-checklist li:before { top: 17px; left: 18px; }
  .ml-partners-heading { grid-template-columns: 1fr; }
  .ml-partners-grid { grid-template-columns: repeat(2, 1fr); }
  .ml-partner { min-height: 125px; padding: 15px; }
  .ml-partner:last-child { grid-column: 1 / -1; }
  .ml-process-grid { grid-template-columns: 1fr; margin-top: 34px; }
  .ml-process-grid li { min-height: 210px; }
  .ml-process-grid h3 { margin-top: 33px; }
  .ml-quote-panel { display: grid; grid-template-columns: 1fr; }
  .ml-quote-panel .ml-button { width: 100%; }
  .ml-faq-list summary { padding: 18px 0; font-size: 16px; }
  .ml-faq-list details p { margin-right: 0; font-size: 15px; }
  .ml-company-detail { padding: 74px 0 62px; }
  .ml-company-detail__grid, .ml-about-process { grid-template-columns: 1fr; gap: 34px; }
  .ml-company-detail h1 { font-size: 45px; }
  .ml-company-detail p { font-size: 16px; }
  .ml-company-detail__facts, .ml-capacity-grid, .ml-rolling-tile-grid, .ml-calculator__fields, .ml-request-form { grid-template-columns: 1fr; }
  .ml-rolling-tile-grid { grid-auto-rows: auto; }
  .ml-company-detail__facts div { min-height: 98px; display: flex; align-items: center; gap: 18px; }
  .ml-company-detail__facts span { margin: 0; }
  .ml-capacity-card { min-height: 245px; }
  .ml-rolling-tile { grid-template-rows: 232px minmax(160px, 1fr); min-height: 392px; }
  .ml-rolling-tile__content { min-height: 160px; padding: 19px 20px 21px; }
  .ml-rolling-tile h3 { min-height: 0; margin-bottom: 15px; }
  .ml-calculator-hero { padding: 49px 0; }
  .ml-calculator-hero h1 { font-size: 43px; }
  .ml-calculator-hero p:not(.ml-kicker) { font-size: 15px; }
  .ml-calculator__fields label:nth-child(2), .ml-calculator__fields p, .ml-request-form__wide { grid-column: auto; }
  .ml-request-items li { grid-template-columns: minmax(0, 1fr) 146px 28px; gap: 12px; min-height: 104px; }
  .ml-request-items__price { grid-column: 1; grid-row: 2; }
  .ml-request-items__quantity { grid-column: 2; grid-row: 1 / span 2; }
  .ml-request-items__remove { grid-column: 3; grid-row: 1 / span 2; }
  .ml-request-modal { padding: 12px; }
  .ml-request-modal__dialog { max-height: calc(100vh - 24px); padding: 26px 18px; }
  .ml-request-quick { right: 12px; bottom: 12px; left: 12px; width: auto; min-width: 0; padding: 13px 16px; }
  .ml-footer-grid { grid-template-columns: 1fr 1fr; gap: 38px 24px; }
  .ml-footer-brand, .ml-footer-contacts { grid-column: 1 / -1; }
  .ml-footer-bottom { display: grid; gap: 10px; }
}

/* Корневой каталог: не допускаем горизонтального скролла на узких экранах. */
@media (max-width: 760px) {
  body:has(.ml-rolling-hero) .ml-shell,
  body:has(.ml-category-page) .ml-shell { width: min(1320px, calc(100% - 28px)); }
  body:has(.ml-rolling-hero) .ml-rolling-supply__grid > *,
  body:has(.ml-rolling-hero) .ml-rolling-hero__grid > *,
  body:has(.ml-rolling-hero) .ml-rolling-assortment__grid > * { min-width: 0; }
  body:has(.ml-rolling-hero) .ml-rolling-hero h1,
  body:has(.ml-rolling-hero) .ml-rolling-supply h2,
  body:has(.ml-rolling-hero) .ml-rolling-assortment h2 { overflow-wrap: anywhere; }
  .rolling-catalog-section .ml-rolling-tile { grid-template-rows: 232px auto; min-height: 0; }
  .rolling-catalog-section .ml-rolling-tile__content { min-height: 0; height: auto; }
  .rolling-catalog-section .ml-rolling-tile h3 {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    font-size: clamp(22px, 7vw, 32px);
    line-height: 1.02;
    overflow-wrap: anywhere;
  }
  .rolling-catalog-section .ml-rolling-tile__tags { width: 100%; margin-top: 16px; }
}

@media (max-width: 340px) {
  body:has(.ml-rolling-hero) .ml-header__shell { gap: 4px; }
  body:has(.ml-rolling-hero) .ml-header .ml-brand { gap: 6px; }
  body:has(.ml-rolling-hero) .ml-header .ml-brand__logo { width: 32px; height: 32px; }
  body:has(.ml-rolling-hero) .ml-header .ml-brand__copy b { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .ml-hero__image, .ml-button { transition: none; }
}

/* Retail price page */
.ml-price-page { color: var(--ml-ink); background: var(--ml-paper); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-price-hero { padding-bottom: 60px; }
.ml-price-hero h1 { max-width: 860px; }
.ml-price-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 27px; }
.ml-price-hero__actions .ml-button { min-height: 48px; }
.ml-price-category-nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 0 0 34px; }
.ml-price-category-card { display: flex; min-width: 0; min-height: 78px; align-items: center; gap: 12px; padding: 9px 11px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 10px; background: var(--ml-surface); text-decoration: none; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.ml-price-category-card img { flex: 0 0 74px; width: 74px; height: 58px; object-fit: cover; border-radius: 7px; background: #e3e5e6; mix-blend-mode: multiply; }
.ml-price-category-card span { flex: 1; min-width: 0; font-size: 14px; font-weight: 800; letter-spacing: -.025em; line-height: 1.08; }
.ml-price-category-card i { flex: 0 0 auto; color: var(--ml-orange); font-size: 20px; font-style: normal; line-height: 1; }
.ml-price-category-card:hover, .ml-price-category-card:focus-visible, .ml-price-category-card.is-active { border-color: var(--ml-orange); background: rgba(224, 90, 23, .07); transform: translateY(-1px); }
.ml-price-controls { display: grid; grid-template-columns: minmax(200px, .65fr) minmax(300px, 1.35fr) auto; gap: 12px; align-items: end; margin-bottom: 25px; }
.ml-price-controls label { display: grid; gap: 7px; color: var(--ml-muted); font-size: 12px; font-weight: 800; }
.ml-price-controls select, .ml-price-controls input { width: 100%; height: 54px; padding: 0 15px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 8px; outline: none; background: var(--ml-surface); font: inherit; font-size: 15px; }
.ml-price-controls select:focus, .ml-price-controls input:focus { border-color: var(--ml-orange); box-shadow: 0 0 0 3px rgba(224, 90, 23, .13); }
.ml-price-controls > span { padding: 0 0 16px; color: var(--ml-muted); font-family: var(--ml-tech-font); font-size: 12px; white-space: nowrap; }
.ml-price-table-wrap { overflow: auto; border: 1px solid var(--ml-line); background: var(--ml-surface); }
.ml-price-table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 14px; }
.ml-price-table th, .ml-price-table td { padding: 16px 17px; text-align: left; border-bottom: 1px solid var(--ml-line); }
.ml-price-table th { position: sticky; top: 0; z-index: 1; color: #fff; background: #2b638e; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.ml-price-table th button { padding: 0; color: inherit; border: 0; background: transparent; font: inherit; letter-spacing: inherit; text-align: left; text-transform: inherit; cursor: pointer; }
.ml-price-table th button:after { margin-left: 6px; color: #ffb18d; content: "↕"; }
.ml-price-table th button[aria-sort="ascending"]:after { content: "↑"; }
.ml-price-table th button[aria-sort="descending"]:after { content: "↓"; }
.ml-price-table td { color: var(--ml-ink); vertical-align: top; }
.ml-price-table tbody tr:nth-child(even) td { background: var(--ml-surface-muted); }
.ml-price-table tbody tr:hover td { background: rgba(224, 90, 23, .08); }
.ml-price-table__price { color: var(--ml-orange) !important; font-weight: 850; text-align: right !important; white-space: nowrap; }
.ml-price-table__price.is-on-request { color: var(--ml-muted) !important; }
.ml-price-table__action { width: 148px; }
.ml-price-empty { margin: 0; padding: 40px 24px; color: var(--ml-muted); text-align: center; }
.ml-price-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 7px; margin: 22px 0 0; }
.ml-price-pagination__button { min-width: 38px; height: 38px; padding: 0 12px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface); font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; transition: border-color .18s ease, color .18s ease, background .18s ease; }
.ml-price-pagination__button:hover:not(:disabled), .ml-price-pagination__button:focus-visible { color: var(--ml-orange); border-color: var(--ml-orange); outline: none; }
.ml-price-pagination__button.is-active { color: #fff; border-color: var(--ml-orange); background: var(--ml-orange); }
.ml-price-pagination__button:disabled { cursor: default; opacity: .45; }
.ml-price-pagination__ellipsis { min-width: 20px; color: var(--ml-muted); text-align: center; }
.ml-price-status { margin: 17px 0 0; color: var(--ml-muted); font-size: 12px; line-height: 1.45; }
.ml-category-hero h1 { max-width: 980px; }
.ml-category-seo { padding: 78px 0 88px; color: var(--ml-ink); background: var(--ml-surface); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-category-seo__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: clamp(38px, 8vw, 125px); align-items: start; }
.ml-category-seo h2 { max-width: 780px; margin: 12px 0 22px; font-size: clamp(35px, 4.3vw, 59px); letter-spacing: -.07em; line-height: .95; }
.ml-category-seo__grid > div > p:not(.ml-kicker) { max-width: 760px; margin: 0 0 17px; color: var(--ml-muted); font-size: 16px; line-height: 1.58; }
.ml-category-seo__panel { padding: 25px; border: 1px solid var(--ml-line); background: var(--ml-surface-muted); }
.ml-category-seo__panel ul { display: grid; gap: 0; margin: 16px 0 22px; padding: 0; list-style: none; border-top: 1px solid var(--ml-line); }
.ml-category-seo__panel li { border-bottom: 1px solid var(--ml-line); }
.ml-category-seo__panel li a { display: flex; justify-content: space-between; gap: 15px; padding: 14px 0; color: var(--ml-ink); font-size: 14px; font-weight: 800; line-height: 1.25; text-decoration: none; }
.ml-category-seo__panel li a span { color: var(--ml-orange); font-size: 20px; line-height: 1; }
.ml-category-seo__panel li a:hover { color: var(--ml-orange); }
.ml-category-seo__panel .ml-button { width: 100%; }
@media (max-width: 760px) {
  .ml-price-hero { padding: 49px 0; }
  .ml-price-hero__actions .ml-button { width: 100%; }
  .ml-price-category-nav { grid-template-columns: 1fr; gap: 8px; margin-bottom: 27px; }
  .ml-price-category-card { min-height: 72px; }
  .ml-price-controls { grid-template-columns: 1fr; gap: 15px; }
  .ml-price-controls > span { padding: 0; }
  .ml-price-table th, .ml-price-table td { padding: 13px 12px; }
  .ml-category-seo { padding: 65px 0 70px; }
  .ml-category-seo__grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (min-width: 561px) and (max-width: 900px) { .ml-price-category-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Metalworking /services/ landing */
.ml-cutting-page { color: var(--ml-ink); background: var(--ml-paper); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.ml-inner-hero { position: relative; isolation: isolate; padding: 74px 0 65px; overflow: hidden; color: #fff; background: #1a2027; }
.ml-inner-hero:before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(7, 10, 13, .92) 0%, rgba(7, 10, 13, .72) 45%, rgba(7, 10, 13, .28) 100%); }
.ml-inner-hero--rolling { background: url("/local/templates/metallist/assets/../images/hero/hero-metal-stock-yard.jpg") center / cover no-repeat #15191d; }
.ml-inner-hero--cutting { background: url("/local/templates/metallist/assets/../images/hero/hero-laser-cutting.jpeg") center / cover no-repeat #15191d; }
.ml-inner-hero--lifting { background: url("/local/templates/metallist/assets/../images/hero/hero-lifting-equipment.jpeg") center / cover no-repeat #15191d; }
.ml-inner-hero h1 { max-width: 900px; margin: 13px 0 15px; font-size: clamp(42px, 5.5vw, 75px); letter-spacing: -.077em; line-height: .92; }
.ml-inner-hero > .ml-shell > p:not(.ml-kicker) { max-width: 680px; margin: 0; color: #d1d5cd; font-size: 17px; line-height: 1.55; }
.ml-inner-hero .ml-kicker { color: inherit; }
.ml-inner-hero .ml-hero__actions { margin-top: 28px; }
.ml-breadcrumbs { margin-bottom: 27px; color: #aeb4ab; font-size: 12px; }
.ml-breadcrumbs a { color: inherit; text-decoration: none; }
.ml-rolling-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.17fr) minmax(280px, .63fr); gap: clamp(36px, 7vw, 112px); align-items: end; }
.ml-rolling-hero__lead { max-width: 760px; margin: 0; color: #d1d5cd; font-size: 16px; line-height: 1.58; }
.ml-rolling-hero__panel { display: grid; gap: 13px; padding: 25px; border: 1px solid rgba(255, 255, 255, .24); background: rgba(10, 14, 18, .58); backdrop-filter: blur(8px); }
.ml-rolling-hero__panel > span { color: #ffb18d; font-family: var(--ml-tech-font); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.ml-rolling-hero__panel strong { color: #fff; font-size: 25px; letter-spacing: -.055em; line-height: 1; }
.ml-rolling-hero__panel p { margin: 0; color: #c9d1d1; font-size: 14px; line-height: 1.48; }
.ml-rolling-hero__panel .ml-button { width: fit-content; margin-top: 4px; }
.ml-rolling-hero__panel .ml-text-link { color: #fff; }
.ml-rolling-supply { padding: 88px 0; color: #edf2ef; background: #202832; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-rolling-supply__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(38px, 8vw, 125px); }
.ml-rolling-supply h2 { max-width: 690px; margin: 13px 0 21px; color: #fff; font-size: clamp(36px, 4.8vw, 65px); letter-spacing: -.075em; line-height: .93; }
.ml-rolling-supply > .ml-shell > div > p:not(.ml-kicker) { max-width: 700px; margin: 0 0 17px; color: #c1cbd0; font-size: 16px; line-height: 1.6; }
.ml-rolling-supply__services { border-top: 1px solid rgba(255, 255, 255, .18); }
.ml-rolling-supply__services article { display: grid; grid-template-columns: 48px 1fr; gap: 0 14px; padding: 21px 0; border-bottom: 1px solid rgba(255, 255, 255, .18); }
.ml-rolling-supply__services b { grid-row: span 2; color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 12px; }
.ml-rolling-supply__services strong { color: #fff; font-size: 19px; letter-spacing: -.04em; }
.ml-rolling-supply__services span { margin-top: 7px; color: #b9c4c6; font-size: 14px; line-height: 1.45; }
.ml-rolling-assortment { padding: 88px 0; background: var(--ml-surface); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-rolling-assortment__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-rolling-assortment__grid article { min-height: 210px; padding: 24px; background: var(--ml-surface-muted); }
.ml-rolling-assortment__grid article:nth-child(even) { background: var(--ml-surface); }
.ml-rolling-assortment__grid h3 { margin: 0 0 12px; font-size: 25px; letter-spacing: -.055em; line-height: .98; }
.ml-rolling-assortment__grid p, .ml-rolling-assortment__note { margin: 0; color: var(--ml-muted); font-size: 15px; line-height: 1.55; }
.ml-rolling-assortment__note { max-width: 960px; margin-top: 25px; padding-left: 18px; border-left: 3px solid var(--ml-orange); }
.ml-lifting-page { color: var(--ml-ink); background: var(--ml-paper); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-lifting-catalog { padding: 88px 0; background: var(--ml-paper); }
.ml-lifting-process { padding: 88px 0; color: #f5f7f4; background: #202832; }
.ml-lifting-page .ml-request-launcher { align-self: stretch; }
.ml-cutting-intro { padding-top: 88px; padding-bottom: 88px; }
.ml-cutting-intro__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 6vw, 88px); align-items: start; }
.ml-cutting-intro h2 { max-width: 620px; margin: 13px 0 0; font-size: clamp(36px, 4.4vw, 58px); letter-spacing: -.072em; line-height: .94; }
.ml-cutting-intro__copy { display: grid; gap: 18px; }
.ml-cutting-intro__copy p { margin: 0; color: var(--ml-muted); font-size: 16px; line-height: 1.62; max-width: 640px; }
.ml-cutting-quote { padding-bottom: 72px; }
.ml-content-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 50px; }
.ml-sticky-note { align-self: start; padding: 23px; border-top: 3px solid var(--ml-orange); background: rgba(10, 14, 18, .42); color: #f2f5f3; }
.ml-sticky-note h2 { margin: 9px 0; font-size: 28px; letter-spacing: -.055em; color: #fff; }
.ml-sticky-note p { margin: 0; color: #b8c2c4; font-size: 14px; line-height: 1.5; }
.ml-sticky-note .ml-kicker { color: #c9d0ce; }
.ml-detail-list { border-top: 1px solid rgba(255,255,255,.16); }
.ml-detail-row { display: grid; grid-template-columns: 54px 1fr; gap: 18px; padding: 23px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
.ml-detail-row b { color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 13px; }
.ml-detail-row h3 { margin: 0 0 7px; font-size: 26px; letter-spacing: -.05em; color: #fff; }
.ml-detail-row p { margin: 0; color: #b8c2c4; font-size: 14px; line-height: 1.52; }
.ml-tech-table { width: 100%; margin-top: 22px; border-collapse: collapse; font-size: 13px; }
.ml-tech-table th, .ml-tech-table td { padding: 13px; text-align: left; border-bottom: 1px solid rgba(255,255,255,.16); color: #e8eeed; }
.ml-tech-table th { color: #9aa4a6; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.ml-cutting-kpi { display: grid; box-sizing: border-box; grid-template-columns: minmax(260px, .92fr) minmax(0, 1.28fr) auto; gap: 28px; align-items: stretch; margin-top: 42px; padding: 26px; border: 1px solid rgba(255,255,255,.16); border-top: 3px solid var(--ml-orange); background: rgba(18,25,31,.9); }
.ml-cutting-kpi__intro { max-width: 430px; }
.ml-cutting-kpi__intro .ml-kicker { margin: 0 0 9px; color: #ffb18d; }
.ml-cutting-kpi__intro h2 { margin: 0 0 10px; color: #fff; font-size: clamp(26px, 2.8vw, 38px); letter-spacing: -.06em; line-height: .95; }
.ml-cutting-kpi__intro > p:not(.ml-kicker) { margin: 0; color: #b8c2c4; font-size: 14px; line-height: 1.45; }
.ml-cutting-kpi__metrics { display: grid; grid-template-columns: repeat(3, 1fr); align-self: stretch; border-left: 1px solid rgba(255,255,255,.16); }
.ml-cutting-kpi__metrics div { display: flex; min-height: 112px; flex-direction: column; justify-content: center; gap: 8px; padding: 8px 20px; border-right: 1px solid rgba(255,255,255,.16); }
.ml-cutting-kpi__metrics div:last-child { border-right: 0; }
.ml-cutting-kpi__metrics b { color: #fff; font-size: clamp(25px, 2.5vw, 34px); letter-spacing: -.06em; line-height: .95; }
.ml-cutting-kpi__metrics span { color: #a9b5b5; font-size: 12px; line-height: 1.35; }
.ml-cutting-kpi > .ml-button { align-self: center; white-space: nowrap; }
.ml-cutting-gallery { padding-top: 72px; overflow: hidden; }
.ml-soft-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ml-soft-photo { margin: 0; overflow: hidden; }
.ml-soft-photo img {
  display: block; width: 100%; height: 280px; object-fit: cover;
  -webkit-mask-image: radial-gradient(ellipse 88% 82% at 50% 50%, #000 42%, transparent 78%);
  mask-image: radial-gradient(ellipse 88% 82% at 50% 50%, #000 42%, transparent 78%);
  filter: saturate(1.05);
  transition: transform .45s ease;
}
.ml-soft-photo:hover img { transform: scale(1.03); }
@media (max-width: 1120px) {
  .ml-cutting-intro__grid, .ml-content-grid, .ml-rolling-hero__grid, .ml-rolling-supply__grid { grid-template-columns: 1fr; }
  .ml-soft-gallery { grid-template-columns: 1fr 1fr; }
  .ml-soft-photo:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .ml-inner-hero { padding: 49px 0; }
  .ml-inner-hero h1 { font-size: 43px; }
  .ml-inner-hero > .ml-shell > p:not(.ml-kicker) { font-size: 15px; }
  .ml-rolling-hero__lead { font-size: 15px; }
  .ml-rolling-hero__panel { padding: 20px; }
  .ml-rolling-supply, .ml-rolling-assortment { padding: 68px 0; }
  .ml-lifting-catalog, .ml-lifting-process { padding: 68px 0; }
  .ml-catalog-list { grid-template-columns: 1fr; }
  .ml-rolling-supply h2 { font-size: 38px; }
  .ml-rolling-assortment__grid { grid-template-columns: 1fr; }
  .ml-cutting-intro h2 { font-size: 36px; }
  .ml-cutting-intro__copy p { font-size: 15px; }
  .ml-detail-row { grid-template-columns: 32px 1fr; }
  .ml-detail-row h3 { font-size: 23px; }
  .ml-cutting-kpi { grid-template-columns: 1fr; gap: 22px; padding: 22px; }
  .ml-cutting-kpi__intro { max-width: none; }
  .ml-cutting-kpi__metrics { grid-template-columns: 1fr; border-top: 1px solid rgba(255,255,255,.16); border-left: 0; }
  .ml-cutting-kpi__metrics div { min-height: 0; padding: 14px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  .ml-cutting-kpi__metrics div:last-child { border-bottom: 0; }
  .ml-cutting-kpi .ml-button { width: 100%; }
  .ml-soft-gallery { grid-template-columns: 1fr; }
  .ml-soft-photo:last-child { grid-column: auto; }
  .ml-soft-photo img { height: 220px; }
}

/* Custom products / metal-products landing */
.ml-products-hero {
  position: relative; isolation: isolate; padding: clamp(74px, 9vw, 120px) 0 72px;
  overflow: hidden; color: #fff;
  background: linear-gradient(90deg, rgba(7,10,13,.92) 0%, rgba(7,10,13,.72) 45%, rgba(7,10,13,.28) 100%),
    url("/local/templates/metallist/assets/../images/hero/hero-custom-engineering.jpg") center / cover no-repeat #15191d;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.ml-products-hero h1 {
  max-width: 900px; margin: 13px 0 15px; font-size: clamp(42px, 5.5vw, 75px);
  letter-spacing: -.077em; line-height: .92;
}
.ml-products-hero > .ml-shell > p:not(.ml-kicker) {
  max-width: 720px; margin: 0; color: #d1d5cd; font-size: 17px; line-height: 1.55;
}
.ml-products-hero .ml-kicker { color: inherit; }
.ml-products-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.ml-products-make-list {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px;
  margin: 0; padding: 0; list-style: none; border: 1px solid var(--ml-line); background: var(--ml-line);
}
.ml-products-make-list li {
  display: flex; align-items: center; gap: 16px; min-height: 88px; padding: 14px 20px;
  background: var(--ml-surface); font-size: 17px; font-weight: 800; letter-spacing: -.03em; line-height: 1.25;
}
.ml-products-make-list img { width: 50px; height: 50px; flex: 0 0 50px; object-fit: contain; }
.ml-products-spheres { padding: 96px 0 88px; color: #fff; background: #0b0e11; }
.ml-products-spheres h2 {
  margin: 0 0 34px; font-size: clamp(34px, 4.4vw, 56px); font-weight: 800;
  letter-spacing: -.06em; line-height: .95; text-transform: uppercase;
}
.ml-products-spheres__tabs {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px;
}
.ml-products-sphere-card {
  display: flex; flex-direction: column; min-height: 420px; padding: 0; overflow: hidden;
  color: #fff; border: 1px solid rgba(255,255,255,.12); background: #15191d;
  text-align: left; cursor: pointer; font: inherit; transition: border-color .2s, transform .2s, box-shadow .2s;
}
.ml-products-sphere-card:hover { transform: translateY(-3px); border-color: rgba(224,90,23,.55); }
.ml-products-sphere-card.is-active {
  border-color: var(--ml-orange);
  box-shadow: inset 0 -4px 0 0 var(--ml-orange);
}
.ml-products-sphere-card__photo {
  display: block; width: 100%; height: 168px; object-fit: cover; background: #1a2027;
}
.ml-products-sphere-card__body {
  display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 22px 18px 26px;
}
.ml-products-sphere-card__icon { width: 42px; height: 42px; color: var(--ml-orange); flex: 0 0 auto; }
.ml-products-sphere-card__title {
  display: block; max-width: 12.5em; font-size: 17px; font-weight: 800;
  letter-spacing: -.045em; line-height: 1.2;
}
.ml-products-sphere-card__examples {
  display: block; margin-top: auto; color: #9aa3a6; font-size: 13px; line-height: 1.4;
}
.ml-products-spheres__panels { margin-top: 34px; min-height: 140px; }
.ml-products-spheres__panel {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
  animation: ml-products-sphere-in .28s ease;
}
.ml-products-spheres__panel[hidden] { display: none; }
.ml-products-sphere-group {
  padding: 22px 20px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.03);
}
.ml-products-sphere-group h3 {
  margin: 0 0 10px; color: #fff; font-size: 16px; font-weight: 800; letter-spacing: -.03em;
}
.ml-products-sphere-group p { margin: 0; color: #b4bdbf; font-size: 14px; line-height: 1.45; }
.ml-products-process {
  display: grid; grid-template-columns: .88fr 1.12fr; gap: 50px; align-items: start;
}
.ml-products-process__note {
  align-self: start; padding: 23px; border-top: 3px solid var(--ml-orange); background: var(--ml-surface-muted);
}
.ml-products-process__note h2 { margin: 9px 0; font-size: 28px; letter-spacing: -.055em; }
.ml-products-process__note p:not(.ml-kicker) { margin: 0; color: var(--ml-muted); font-size: 14px; line-height: 1.5; }
.ml-products-process__steps { border-top: 1px solid var(--ml-line); }
.ml-products-process__steps > div {
  display: grid; grid-template-columns: 54px 1fr; gap: 18px; padding: 23px 0;
  border-bottom: 1px solid var(--ml-line);
}
.ml-products-process__steps b { color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 13px; }
.ml-products-process__steps h3 { margin: 0 0 7px; font-size: 26px; letter-spacing: -.05em; }
.ml-products-process__steps p { margin: 0; color: var(--ml-muted); font-size: 14px; line-height: 1.52; }
@keyframes ml-products-sphere-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1120px) {
  .ml-products-spheres__tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ml-products-spheres__panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ml-products-process { grid-template-columns: 1fr; gap: 34px; }
}
@media (max-width: 760px) {
  .ml-products-hero { padding: 49px 0; }
  .ml-products-hero h1 { font-size: 43px; }
  .ml-products-hero > .ml-shell > p:not(.ml-kicker) { font-size: 15px; }
  .ml-products-hero__actions .ml-button { width: 100%; }
  .ml-products-make-list { grid-template-columns: 1fr; }
  .ml-products-make-list li { min-height: 72px; gap: 13px; padding: 11px 14px; font-size: 16px; }
  .ml-products-make-list img { width: 42px; height: 42px; flex-basis: 42px; }
  .ml-products-spheres { padding: 72px 0; }
  .ml-products-spheres h2 { font-size: 32px; margin-bottom: 22px; }
  .ml-products-spheres__tabs { grid-template-columns: 1fr; }
  .ml-products-sphere-card { min-height: 0; flex-direction: row; align-items: stretch; }
  .ml-products-sphere-card__photo { width: 118px; height: auto; min-height: 132px; flex: 0 0 118px; }
  .ml-products-sphere-card__body { padding: 16px 14px 18px; gap: 6px; }
  .ml-products-sphere-card__icon { width: 32px; height: 32px; }
  .ml-products-sphere-card__title { font-size: 15px; max-width: none; }
  .ml-products-spheres__panel { grid-template-columns: 1fr; }
  .ml-products-process__steps h3 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .ml-products-spheres__panel { animation: none; }
}
/* MTL-2026-08-03-005 — directions are the second screen; product icons follow below. */
.ml-products-page { display: flex; flex-direction: column; }
.ml-products-page > .ml-products-hero { order: 1; }
.ml-products-page > .ml-products-spheres { order: 2; }
.ml-products-page > #ml-products-make { order: 3; }
.ml-products-page > .ml-section--sand { order: 4; }
.ml-products-page > .ml-products-gallery { order: 5; }
.ml-products-page > .ml-section--steel { order: 6; }

/* Hero «Металлообработка»: композиция согласована со слайдом презентации. */
.ml-cutting-hero { min-height: 760px; padding: 31px 0 30px; background-position: center; }
.ml-cutting-hero:before { background: linear-gradient(90deg, rgba(7,10,13,.96) 0%, rgba(7,10,13,.88) 37%, rgba(7,10,13,.64) 62%, rgba(7,10,13,.54) 100%); }
.ml-cutting-hero__top { display: grid; grid-template-columns: minmax(0, .97fr) minmax(400px, .83fr); gap: clamp(42px, 7vw, 122px); align-items: start; }
.ml-cutting-hero__copy { padding-top: 20px; }
.ml-cutting-hero h1 { max-width: 760px; margin: 27px 0 33px; font-size: clamp(54px, 6.15vw, 94px); letter-spacing: -.078em; line-height: .91; }
.ml-cutting-hero h1 span, .ml-cutting-hero h1 em { display: block; }
.ml-cutting-hero h1 em { color: var(--ml-orange); font-style: normal; }
.ml-cutting-hero__copy > p:not(.ml-kicker) { max-width: 630px; margin: 0; color: #cbd1d0; font-size: 19px; line-height: 1.5; }
.ml-cutting-hero .ml-hero__actions { margin-top: 29px; }
.ml-cutting-hero__services { margin-top: 0; border-top: 1px solid rgba(255,255,255,.21); }
.ml-cutting-hero__services article { display: grid; gap: 5px; padding: 16px 0 17px; border-bottom: 1px solid rgba(255,255,255,.21); }
.ml-cutting-hero__services strong { color: #fff; font-size: clamp(20px, 1.75vw, 27px); letter-spacing: -.045em; line-height: 1.03; }
.ml-cutting-hero__services span { color: #bac4c4; font-size: 14px; line-height: 1.4; }
.ml-cutting-hero__bottom { display: grid; grid-template-columns: minmax(520px, 1.02fr) minmax(360px, .98fr); gap: clamp(36px, 6vw, 100px); align-items: end; margin-top: 38px; }
.ml-cutting-hero__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(255,255,255,.19); background: rgba(9,13,17,.48); }
.ml-cutting-hero__stats div { display: grid; align-content: space-between; min-height: 202px; gap: 26px; padding: 27px 25px; border-right: 1px solid rgba(255,255,255,.19); }
.ml-cutting-hero__stats div:last-child { border-right: 0; }
.ml-cutting-hero__stats b { color: #fff; font-size: clamp(28px, 3vw, 46px); letter-spacing: -.06em; line-height: .97; }
.ml-cutting-hero__stats span { max-width: 170px; color: #bec6c6; font-size: 15px; line-height: 1.38; }
.ml-cutting-hero__limits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(255,255,255,.2); }
.ml-cutting-hero__limits span { display: flex; justify-content: space-between; gap: 12px; padding: 13px 0; color: #d5dddb; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 14px; line-height: 1.3; }
.ml-cutting-hero__limits span:nth-child(odd) { padding-right: 23px; }
.ml-cutting-hero__limits span:nth-child(even) { padding-left: 23px; }
.ml-cutting-hero__limits b { flex: 0 0 auto; color: var(--ml-orange); font-size: 14px; white-space: nowrap; }
@media (max-width: 1120px) {
  .ml-cutting-hero { min-height: 0; }
  .ml-cutting-hero__top, .ml-cutting-hero__bottom { grid-template-columns: 1fr; gap: 36px; }
  .ml-cutting-hero__copy { padding-top: 0; }
  .ml-cutting-hero__bottom { margin-top: 36px; }
}
@media (max-width: 760px) {
  .ml-cutting-hero { padding: 28px 0 34px; }
  .ml-cutting-hero .ml-breadcrumbs { margin-bottom: 34px; }
  .ml-cutting-hero h1 { margin: 19px 0 22px; font-size: clamp(48px, 15vw, 64px); }
  .ml-cutting-hero__copy > p:not(.ml-kicker) { font-size: 16px; }
  .ml-cutting-hero__services article { padding: 14px 0; }
  .ml-cutting-hero__services strong { font-size: 21px; }
  .ml-cutting-hero__bottom { gap: 30px; margin-top: 30px; }
  .ml-cutting-hero__stats { grid-template-columns: 1fr; }
  .ml-cutting-hero__stats div { min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(0, .82fr); align-items: end; padding: 21px 18px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.19); }
  .ml-cutting-hero__stats div:last-child { border-bottom: 0; }
  .ml-cutting-hero__stats span { max-width: none; }
  .ml-cutting-hero__limits { grid-template-columns: 1fr; }
  .ml-cutting-hero__limits span:nth-child(n) { padding: 12px 0; }
}

/* Рекламные лендинги новых регионов. */
.ml-region-page { color: var(--ml-ink); background: var(--ml-paper); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-region-hero { position: relative; isolation: isolate; overflow: hidden; padding: 31px 0 62px; min-height: 620px; color: #fff; background: var(--ml-region-hero) center / cover no-repeat #15191d; }
.ml-region-hero:before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(7,10,13,.78) 0%, rgba(7,10,13,.42) 43%, rgba(7,10,13,.10) 100%); }
.ml-region-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .56fr); gap: clamp(46px, 10vw, 160px); align-items: end; padding-top: 78px; }
.ml-region-hero h1 { max-width: 800px; margin: 14px 0 19px; font-size: clamp(48px, 5.8vw, 84px); letter-spacing: -.078em; line-height: .91; }
.ml-region-hero h1 em { color: var(--ml-orange); font-style: normal; }
.ml-region-hero__grid > div > p:not(.ml-kicker) { max-width: 620px; margin: 0; color: #d3dbd9; font-size: 18px; line-height: 1.52; }
.ml-region-hero__note { display: grid; gap: 12px; padding: 25px; border: 1px solid rgba(255,255,255,.24); background: rgba(9,13,17,.5); backdrop-filter: blur(8px); }
.ml-region-hero__note > span { color: #ffb18d; font-family: var(--ml-tech-font); font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ml-region-hero__note strong { font-size: 27px; letter-spacing: -.055em; line-height: 1; }
.ml-region-hero__note p { margin: 0; color: #c7d0cf; font-size: 14px; line-height: 1.48; }
.ml-region-services { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-region-services article { display: flex; min-height: 245px; flex-direction: column; padding: 23px; background: var(--ml-surface); }
.ml-region-services b { color: var(--ml-orange); font-family: var(--ml-tech-font); font-size: 10px; letter-spacing: .06em; }
.ml-region-services h3 { max-width: 230px; margin: auto 0 10px; font-size: 27px; letter-spacing: -.055em; line-height: .98; }
.ml-region-services p { margin: 0; color: var(--ml-muted); font-size: 14px; line-height: 1.48; }
.ml-region-process { padding-bottom: 88px; }
.ml-region-supply { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(42px, 8vw, 120px); align-items: end; }
.ml-region-supply h2 { max-width: 680px; margin: 12px 0 17px; font-size: clamp(37px, 4.7vw, 64px); letter-spacing: -.074em; line-height: .93; }
.ml-region-supply > div > p:not(.ml-kicker) { max-width: 630px; margin: 0; color: var(--ml-muted); font-size: 16px; line-height: 1.58; }
.ml-region-supply__list { border-top: 1px solid var(--ml-line); }
.ml-region-supply__list span { position: relative; display: block; padding: 18px 0 18px 24px; border-bottom: 1px solid var(--ml-line); font-size: 17px; font-weight: 800; letter-spacing: -.035em; }
.ml-region-supply__list span:before { position: absolute; margin-left: -24px; content: "•"; color: var(--ml-orange); }
@media (max-width: 1120px) {
  .ml-region-hero__grid, .ml-region-supply { grid-template-columns: 1fr; gap: 38px; }
  .ml-region-hero__grid { padding-top: 54px; }
  .ml-region-services { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .ml-region-hero { min-height: 0; padding: 27px 0 42px; }
  .ml-region-hero__grid { gap: 29px; padding-top: 34px; }
  .ml-region-hero h1 { font-size: clamp(46px, 14vw, 62px); }
  .ml-region-hero__grid > div > p:not(.ml-kicker) { font-size: 16px; }
  .ml-region-hero .ml-hero__actions .ml-button { width: 100%; }
  .ml-region-services { grid-template-columns: 1fr; }
  .ml-region-services article { min-height: 185px; }
  .ml-region-supply { gap: 32px; }
  .ml-region-supply h2 { font-size: 38px; }
}

/* Вертикальный селектор сфер применения изделий. */
.ml-products-spheres__layout { display: grid; grid-template-columns: minmax(280px, .52fr) minmax(0, 1.48fr); gap: 1px; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.16); }
.ml-products-spheres__layout .ml-products-spheres__tabs { display: grid; grid-template-columns: 1fr; gap: 0; border: 0; background: #11161b; }
.ml-products-spheres__layout .ml-products-sphere-card { position: relative; display: grid; grid-template-columns: 38px 1fr 24px; grid-template-areas: "index title arrow" ". note arrow"; min-height: 110px; gap: 7px 13px; padding: 20px; color: #dbe2df; border: 0; border-bottom: 1px solid rgba(255,255,255,.14); background: transparent; text-align: left; }
.ml-products-spheres__layout .ml-products-sphere-card:last-child { border-bottom: 0; }
.ml-products-spheres__layout .ml-products-sphere-card:before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; content: ""; background: transparent; }
.ml-products-spheres__layout .ml-products-sphere-card b { grid-area: index; color: #ffb18d; font-family: var(--ml-tech-font); font-size: 11px; letter-spacing: .04em; }
.ml-products-spheres__layout .ml-products-sphere-card > span { grid-area: title; color: #fff; font-size: 18px; font-weight: 800; letter-spacing: -.045em; line-height: 1.08; }
.ml-products-spheres__layout .ml-products-sphere-card small { grid-area: note; color: #aeb9b8; font-size: 12px; line-height: 1.32; }
.ml-products-spheres__layout .ml-products-sphere-card i { grid-area: arrow; align-self: center; color: var(--ml-orange); font-size: 20px; font-style: normal; opacity: 0; transform: translateX(-5px); transition: opacity .2s, transform .2s; }
.ml-products-spheres__layout .ml-products-sphere-card:hover, .ml-products-spheres__layout .ml-products-sphere-card.is-active { color: #fff; background: #242c35; transform: none; box-shadow: none; }
.ml-products-spheres__layout .ml-products-sphere-card.is-active:before { background: var(--ml-orange); }
.ml-products-spheres__layout .ml-products-sphere-card.is-active i, .ml-products-spheres__layout .ml-products-sphere-card:hover i { opacity: 1; transform: translateX(0); }
.ml-products-spheres__layout .ml-products-spheres__panels { min-height: 580px; margin: 0; background: #161d23; }
.ml-products-spheres__layout .ml-products-spheres__panel { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); min-height: 580px; animation: ml-products-sphere-in .3s ease; }
.ml-products-spheres__layout .ml-products-spheres__panel[hidden] { display: none; }
.ml-products-spheres__panel figure { min-height: 100%; margin: 0; overflow: hidden; background: #202832; }
.ml-products-spheres__panel figure img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ml-products-sphere-panel__content { display: flex; flex-direction: column; padding: clamp(27px, 4vw, 56px); background: #202832; }
.ml-products-sphere-panel__content h3 { max-width: 440px; margin: 14px 0 16px; color: #fff; font-size: clamp(31px, 3.2vw, 50px); letter-spacing: -.073em; line-height: .93; }
.ml-products-sphere-panel__content > p:not(.ml-kicker) { max-width: 440px; margin: 0; color: #c0ccca; font-size: 15px; line-height: 1.52; }
.ml-products-sphere-panel__groups { display: grid; gap: 1px; margin-top: auto; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.18); }
.ml-products-sphere-panel__groups article { display: grid; grid-template-columns: minmax(126px, .78fr) 1.22fr; gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.ml-products-sphere-panel__groups b { color: #fff; font-size: 13px; letter-spacing: -.03em; }
.ml-products-sphere-panel__groups span { color: #acb8b6; font-size: 13px; line-height: 1.4; }
@media (max-width: 1120px) { .ml-products-spheres__layout { grid-template-columns: 1fr; }.ml-products-spheres__layout .ml-products-spheres__tabs { grid-template-columns: repeat(2, 1fr); }.ml-products-spheres__layout .ml-products-sphere-card:nth-last-child(1):nth-child(odd) { grid-column: 1 / -1; }.ml-products-spheres__layout .ml-products-sphere-card { border-right: 1px solid rgba(255,255,255,.14); }.ml-products-spheres__layout .ml-products-spheres__panel { min-height: 520px; } }
@media (max-width: 760px) { .ml-products-spheres__layout .ml-products-spheres__tabs { grid-template-columns: 1fr; }.ml-products-spheres__layout .ml-products-sphere-card { min-height: 93px; padding: 16px; }.ml-products-spheres__layout .ml-products-sphere-card > span { font-size: 16px; }.ml-products-spheres__layout .ml-products-spheres__panel { grid-template-columns: 1fr; min-height: 0; }.ml-products-spheres__panel figure { min-height: 250px; }.ml-products-sphere-panel__content { padding: 28px 20px; }.ml-products-sphere-panel__content h3 { font-size: 36px; }.ml-products-sphere-panel__groups { margin-top: 26px; }.ml-products-sphere-panel__groups article { grid-template-columns: 1fr; gap: 5px; } }
/* MTL-2026-08-02-013 styles */
.ml-lifting-hero { min-height: 760px; padding: 31px 0 60px; }
.ml-lifting-hero:before { background: linear-gradient(90deg, rgba(7,10,13,.97), rgba(7,10,13,.82) 45%, rgba(7,10,13,.33)); }
.ml-lifting-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(290px,.62fr); gap:clamp(42px,7vw,115px); align-items:end; }
.ml-lifting-hero__copy { padding-top:20px; }
.ml-lifting-hero h1 { max-width:720px; margin:22px 0 23px; font-size:clamp(48px,5.8vw,84px); letter-spacing:-.078em; line-height:.91; }
.ml-lifting-hero__copy > p:not(.ml-kicker) { max-width:650px; margin:0; color:#d1d5cd; font-size:18px; line-height:1.52; }
.ml-lifting-hero__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:27px; }
.ml-lifting-hero__media { position:relative; min-height:550px; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.25); background:#202832; }
.ml-lifting-hero__media img { display:block; width:100%; height:100%; min-height:550px; object-fit:cover; object-position:center; }
.ml-lifting-hero__media:after { position:absolute; right:0; bottom:0; left:0; height:42%; content:""; background:linear-gradient(0deg,rgba(7,10,13,.85),transparent); pointer-events:none; }
.ml-lifting-hero__media figcaption { position:absolute; right:20px; bottom:18px; left:20px; z-index:1; color:#fff; font-size:13px; line-height:1.35; }
.ml-lifting-proof { display:grid; grid-template-columns:repeat(3,1fr); margin-top:42px; border-top:1px solid rgba(255,255,255,.2); }
.ml-lifting-proof span { display:grid; gap:6px; min-height:84px; padding:16px 15px 0 0; color:#b7c2c2; border-right:1px solid rgba(255,255,255,.16); font-size:11px; line-height:1.35; }
.ml-lifting-proof span + span { padding-left:15px; }
.ml-lifting-proof b { color:#fff; font-size:14px; }
.ml-lifting-families { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid var(--ml-line); background:var(--ml-line); }
.ml-lifting-family { display:grid; grid-template-columns:minmax(180px,.58fr) minmax(0,1fr); min-height:350px; overflow:hidden; background:var(--ml-surface-muted); }
.ml-lifting-family figure { min-height:100%; margin:0; overflow:hidden; background:#202832; }
.ml-lifting-family figure img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .45s; }
.ml-lifting-family:hover figure img { transform:scale(1.03); }
.ml-lifting-family__body { display:flex; min-width:0; flex-direction:column; align-items:flex-start; padding:24px; }
.ml-lifting-family__body > span { color:var(--ml-orange); font-family:var(--ml-tech-font); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ml-lifting-family__body h3 { margin:14px 0 10px; font-size:27px; letter-spacing:-.055em; line-height:.96; }
.ml-lifting-family__body p { margin:0; color:var(--ml-muted); font-size:13px; line-height:1.48; }
.ml-lifting-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; padding-top:18px; }
.ml-lifting-tags b { padding:6px 8px; color:var(--ml-ink); border:1px solid var(--ml-line); border-radius:7px; background:var(--ml-paper); font-size:10px; line-height:1; }
.ml-lifting-family .ml-button--small { min-height:38px; margin-top:17px; padding:0 12px; font-size:11px; }
.ml-lifting-family--dark { color:#fff; background:#202832; }
.ml-lifting-family--dark .ml-lifting-family__body p { color:#c1cbcd; }
.ml-lifting-family--dark .ml-lifting-tags b { color:#fff; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.08); }
.ml-lifting-flow { padding-top:88px; padding-bottom:88px; }
.ml-lifting-flow__grid { display:grid; grid-template-columns:.84fr 1.16fr; gap:clamp(40px,8vw,130px); align-items:start; }
.ml-lifting-flow h2, .ml-lifting-standard h2 { max-width:680px; margin:13px 0 20px; font-size:clamp(38px,4.8vw,67px); letter-spacing:-.075em; line-height:.93; }
.ml-lifting-flow__grid > div > p:not(.ml-kicker), .ml-lifting-standard__grid > div > p:not(.ml-kicker) { margin:0 0 16px; color:#c1cbd0; font-size:16px; line-height:1.58; }
.ml-lifting-flow__steps { border-top:1px solid rgba(255,255,255,.2); }
.ml-lifting-flow__steps article { display:grid; grid-template-columns:48px 1fr; gap:15px; padding:21px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.ml-lifting-flow__steps b { color:var(--ml-orange); font-family:var(--ml-tech-font); font-size:12px; }
.ml-lifting-flow__steps h3 { margin:0 0 6px; color:#fff; font-size:22px; letter-spacing:-.04em; }
.ml-lifting-flow__steps p { margin:0; color:#c1cbd0; font-size:14px; line-height:1.45; }
.ml-lifting-standard__grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(40px,8vw,125px); align-items:start; }
.ml-lifting-standard__grid > div > p:not(.ml-kicker) { color:var(--ml-muted); }
.ml-lifting-standard__panel { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; border:1px solid var(--ml-line); background:var(--ml-line); }
.ml-lifting-standard__panel div { display:grid; min-height:150px; align-content:center; gap:9px; padding:22px; background:var(--ml-surface-muted); }
.ml-lifting-standard__panel b { color:var(--ml-orange); font-family:var(--ml-tech-font); font-size:29px; }
.ml-lifting-standard__panel span { color:var(--ml-muted); font-size:13px; line-height:1.35; }
.ml-lifting-usage-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border:1px solid var(--ml-line); background:var(--ml-line); }
.ml-lifting-usage-grid span { display:flex; min-height:112px; align-items:flex-end; padding:20px; border-right:1px solid var(--ml-line); border-bottom:1px solid var(--ml-line); background:var(--ml-surface-muted); font-size:16px; font-weight:750; letter-spacing:-.03em; line-height:1.12; }
.ml-lifting-usage-grid span:nth-child(even) { background:var(--ml-paper); }
.ml-lifting-gallery__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.ml-lifting-gallery__grid figure { height:440px; margin:0; overflow:hidden; background:#202832; }
.ml-lifting-gallery__grid img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .45s; }
.ml-lifting-gallery__grid figure:hover img { transform:scale(1.03); }
.ml-lifting-request .ml-request-launcher { align-self:start; }
@media (max-width:1120px) { .ml-lifting-hero__grid, .ml-lifting-flow__grid, .ml-lifting-standard__grid { grid-template-columns:1fr; gap:44px; } .ml-lifting-hero__media { max-height:460px; } .ml-lifting-hero__media img { min-height:460px; } .ml-lifting-usage-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .ml-lifting-hero { min-height:0; padding:49px 0 52px; } .ml-lifting-hero h1 { font-size:43px; } .ml-lifting-hero__copy > p:not(.ml-kicker) { font-size:15px; } .ml-lifting-hero__actions .ml-button { width:100%; } .ml-lifting-proof { grid-template-columns:1fr; } .ml-lifting-proof span, .ml-lifting-proof span + span { min-height:0; padding:13px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.16); } .ml-lifting-families { grid-template-columns:1fr; } .ml-lifting-family { grid-template-columns:118px minmax(0,1fr); min-height:0; } .ml-lifting-family figure { min-height:300px; } .ml-lifting-family__body { padding:20px 16px; } .ml-lifting-family__body h3 { font-size:22px; } .ml-lifting-family__body p { font-size:12px; } .ml-lifting-tags { margin-top:16px; } .ml-lifting-flow, .ml-lifting-standard { padding-top:68px; padding-bottom:68px; } .ml-lifting-flow h2, .ml-lifting-standard h2 { font-size:39px; } .ml-lifting-standard__panel { grid-template-columns:1fr 1fr; } .ml-lifting-standard__panel div { min-height:118px; padding:16px; } .ml-lifting-standard__panel b { font-size:23px; } .ml-lifting-usage-grid { grid-template-columns:1fr; } .ml-lifting-usage-grid span { min-height:74px; } .ml-lifting-gallery__grid { grid-template-columns:1fr; } .ml-lifting-gallery__grid figure { height:330px; } }
/* Keep category titles intrinsic so long names never sit under the tags. */
.ml-rolling-tile h3 { flex-basis: auto; }
.ml-rolling-tile__tags { margin-top: auto; }
@media (max-width: 760px) { .ml-rolling-tile h3 { min-height: 0; flex-basis: auto; } .ml-rolling-tile__tags { margin-top: 16px; } }

/* MTL-2026-08-03-003 — switch the rolling catalog before medium widths can clip the fourth tile. */
@media (max-width: 1240px) and (min-width: 761px) {
  .rolling-catalog-section .ml-section-heading { grid-template-columns: 1fr; gap: 24px; }
  .ml-rolling-tile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* MTL-2026-08-03-002 — спокойный каталог грузоподъёмных направлений без дублей фото. */
.ml-lifting-hero { min-height:0; }
.ml-lifting-hero__grid { grid-template-columns:minmax(0,960px); }
.ml-lifting-family { display:block; min-height:300px; }
.ml-lifting-family__body { min-height:300px; }
@media (max-width:760px) {
  .ml-lifting-hero__grid { grid-template-columns:1fr; }
  .ml-lifting-family { min-height:0; }
  .ml-lifting-family__body { min-height:280px; }
}

/* MTL-2026-08-03-007 — shared location strip, rolling UTP and compact callback form. */
.ml-location-strip { color: var(--ml-muted); border-bottom: 1px solid var(--ml-line); background: var(--ml-paper); font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ml-location-strip .ml-shell { display: flex; align-items: center; gap: 7px; min-height: 25px; font-size: 10px; font-weight: 700; letter-spacing: .02em; }
.ml-location-strip__pin { display: inline-grid; width: 13px; height: 13px; place-items: center; color: var(--ml-orange); font-size: 15px; line-height: 1; }
.ml-hero__usp { display: none; max-width: 620px; margin: 17px 0 0; color: #ffd4be; font-size: 14px; font-weight: 750; line-height: 1.42; white-space: pre-line; }
.ml-hero__usp.is-visible { display: block; }
.ml-rolling-hero__utp { display: grid; gap: 7px; margin: 17px 0 18px; padding: 13px 14px; border: 1px solid rgba(224,90,23,.55); border-radius: 9px; background: rgba(224,90,23,.08); }
.ml-rolling-hero__utp b { color: var(--ml-orange); font-size: 13px; line-height: 1.35; }
.ml-request-modal--callback .ml-request-form { grid-template-columns: 1fr 1fr; }
.ml-cutting-hero__limits { padding: 10px 14px 0; border: 1px solid rgba(191,198,198,.24); border-radius: 10px; background: rgba(153,160,165,.16); }
.ml-lifting-family__body { position: relative; }
.ml-lifting-family__body:before { display: grid; width: 34px; height: 34px; margin-bottom: 15px; place-items: center; color: var(--ml-orange); border: 1px solid currentColor; border-radius: 50%; font-size: 21px; font-weight: 800; line-height: 1; }
.ml-lifting-family:nth-child(1) .ml-lifting-family__body:before { content: "⌁"; }
.ml-lifting-family:nth-child(2) .ml-lifting-family__body:before { content: "◉"; }
.ml-lifting-family:nth-child(3) .ml-lifting-family__body:before { content: "↔"; }
.ml-lifting-family:nth-child(4) .ml-lifting-family__body:before { content: "✦"; }
.ml-lifting-family__body .ml-button--small:after { content: "  →"; }
.ml-main-nav__link[data-ml-hero-target="home"] { display: none; }
@media (max-width:760px) { .ml-location-strip .ml-shell { min-height: 23px; font-size: 9px; }.ml-request-modal--callback .ml-request-form { grid-template-columns: 1fr; } }

/* Каталог грузоподъёмного оборудования: категории и таблица прайса. */
.ml-max-contact { display: inline-flex; align-items: center; gap: 7px; }
.ml-max-logo { width: 22px; height: 22px; border-radius: 6px; object-fit: contain; }
.ml-lifting-family__catalog-link { display: inline-block; margin-top: 14px; color: var(--ml-orange); font-size: 12px; font-weight: 800; text-decoration: none; }
.ml-lifting-family__catalog-link:hover { text-decoration: underline; }
.ml-lifting-catalog-hero { padding: 58px 0 76px; color: #fff; background: linear-gradient(90deg, rgba(7,10,13,.93), rgba(7,10,13,.67)), url("/local/templates/metallist/assets/../images/hero/hero-lifting-equipment.jpeg") center/cover; }
.ml-lifting-catalog-hero .ml-breadcrumbs { color: #bec9c6; }
.ml-lifting-catalog-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.55fr); gap: clamp(38px,8vw,120px); align-items: end; padding-top: 64px; }
.ml-lifting-catalog-hero h1 { max-width: 760px; margin: 14px 0 17px; font-size: clamp(48px,6.6vw,90px); letter-spacing: -.08em; line-height: .9; }
.ml-lifting-catalog-hero__grid > div > p:not(.ml-kicker) { max-width: 680px; margin: 0; color: #d1d8d5; font-size: 18px; line-height: 1.52; }
.ml-lifting-catalog-hero__meta { display: grid; gap: 13px; padding: 22px; border: 1px solid rgba(255,255,255,.22); background: rgba(10,14,17,.52); }
.ml-lifting-catalog-hero__meta span { color: #ff8b52; font: 800 11px var(--ml-tech-font,monospace); letter-spacing: .1em; text-transform: uppercase; }
.ml-lifting-catalog-hero__meta strong { font-size: 25px; letter-spacing: -.05em; }
.ml-lifting-catalog-hero__meta small { color: #c3ccca; font-size: 14px; line-height: 1.45; }
.ml-lifting-catalog-layout { display: grid; grid-template-columns: minmax(230px,.33fr) minmax(0,1fr); gap: 26px; align-items: start; }
.ml-lifting-catalog-sidebar { position: sticky; top: 18px; }
.ml-lifting-catalog-search { display: grid; gap: 7px; color: var(--ml-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.ml-lifting-catalog-search input { width: 100%; height: 45px; margin-top: 2px; padding: 0 12px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; outline: 0; background: var(--ml-surface-muted); font: inherit; text-transform: none; }
.ml-lifting-catalog-search input:focus { border-color: var(--ml-orange); box-shadow: 0 0 0 3px rgba(224,90,23,.13); }
.ml-lifting-catalog-filters { display: grid; gap: 6px; margin-top: 18px; }
.ml-lifting-catalog-filter { display: flex; justify-content: space-between; gap: 14px; width: 100%; padding: 12px 13px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface); font: inherit; font-size: 13px; font-weight: 700; text-align: left; cursor: pointer; }
.ml-lifting-catalog-filter b { color: var(--ml-muted); font: 700 11px var(--ml-tech-font,monospace); }
.ml-lifting-catalog-filter:hover, .ml-lifting-catalog-filter.is-active { color: #fff; border-color: var(--ml-orange); background: var(--ml-orange); }
.ml-lifting-catalog-filter:hover b, .ml-lifting-catalog-filter.is-active b { color: #fff; }
.ml-lifting-catalog-results { min-width: 0; }
.ml-lifting-catalog-results__head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 15px; }
.ml-lifting-catalog-results__head h3 { margin: 7px 0 0; font-size: clamp(30px,3.3vw,46px); letter-spacing: -.07em; line-height: .95; }
.ml-lifting-catalog-results__head > span { color: var(--ml-muted); font: 700 11px var(--ml-tech-font,monospace); white-space: nowrap; }
.ml-lifting-catalog-groups { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 18px; }
.ml-lifting-catalog-chip { padding: 8px 10px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 999px; background: var(--ml-surface); font-size: 11px; font-weight: 750; cursor: pointer; }
.ml-lifting-catalog-chip span { color: var(--ml-muted); margin-left: 4px; font: 700 10px var(--ml-tech-font,monospace); }
.ml-lifting-catalog-chip:hover, .ml-lifting-catalog-chip.is-active { border-color: var(--ml-orange); color: var(--ml-orange); }
.ml-lifting-catalog-table-wrap { overflow-x: auto; border: 1px solid var(--ml-line); }
.ml-lifting-catalog-table { width: 100%; min-width: 710px; border-collapse: collapse; background: var(--ml-surface); }
.ml-lifting-catalog-table th, .ml-lifting-catalog-table td { padding: 12px 13px; border-bottom: 1px solid var(--ml-line); font-size: 12px; text-align: left; vertical-align: top; }
.ml-lifting-catalog-table th { color: var(--ml-muted); background: var(--ml-surface-muted); font: 800 10px var(--ml-tech-font,monospace); letter-spacing: .07em; text-transform: uppercase; }
.ml-lifting-catalog-table td strong, .ml-lifting-catalog-table td small { display: block; }
.ml-lifting-catalog-table td strong { max-width: 340px; font-size: 12px; line-height: 1.35; }
.ml-lifting-catalog-table td small { margin-top: 5px; color: var(--ml-muted); font-size: 10px; }
.ml-lifting-catalog-table tr:last-child td { border-bottom: 0; }
.ml-lifting-catalog-empty { margin: 0; padding: 28px; color: var(--ml-muted); text-align: center; }
.ml-lifting-catalog-back { margin: 0 0 14px; padding: 0; color: var(--ml-orange); border: 0; background: transparent; font: 800 12px var(--ml-tech-font, monospace); cursor: pointer; }
.ml-lifting-catalog-back:hover { color: var(--ml-ink); text-decoration: underline; }
.ml-lifting-catalog-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; margin-top: 18px; }
.ml-lifting-catalog-pagination button { min-width: 38px; height: 38px; padding: 0 12px; color: var(--ml-ink); border: 1px solid var(--ml-line); border-radius: 7px; background: var(--ml-surface); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.ml-lifting-catalog-pagination button:hover:not(:disabled), .ml-lifting-catalog-pagination button:focus-visible { color: var(--ml-orange); border-color: var(--ml-orange); outline: none; }
.ml-lifting-catalog-pagination button.is-active { color: #fff; border-color: var(--ml-orange); background: var(--ml-orange); }
.ml-lifting-catalog-pagination button:disabled { cursor: default; opacity: .45; }
.ml-lifting-catalog-pagination > span { min-width: 16px; color: var(--ml-muted); text-align: center; }
.ml-region-offer-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-region-offer-grid a { display: flex; min-height: 215px; flex-direction: column; padding: 22px; color: var(--ml-ink); background: var(--ml-surface); text-decoration: none; transition: transform .2s, background .2s; }
.ml-region-offer-grid a:hover { z-index: 1; color: #fff; background: #202832; transform: translateY(-3px); }
.ml-region-offer-grid b { color: var(--ml-orange); font: 800 10px var(--ml-tech-font,monospace); letter-spacing: .08em; }
.ml-region-offer-grid h3 { margin: auto 0 9px; font-size: 25px; letter-spacing: -.06em; line-height: .98; }
.ml-region-offer-grid span { color: var(--ml-muted); font-size: 13px; line-height: 1.4; }
.ml-region-offer-grid a:hover span { color: #cdd4d3; }
@media (max-width: 900px) { .ml-region-offer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px) { .ml-region-offer-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .ml-lifting-catalog-hero__grid, .ml-lifting-catalog-layout { grid-template-columns: 1fr; }.ml-lifting-catalog-sidebar { position: static; }.ml-lifting-catalog-filters { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 760px) { .ml-lifting-catalog-hero { padding: 44px 0 54px; }.ml-lifting-catalog-hero__grid { padding-top: 42px; }.ml-lifting-catalog-hero h1 { font-size: 43px; }.ml-lifting-catalog-hero__grid > div > p:not(.ml-kicker) { font-size: 15px; }.ml-lifting-catalog-results__head { align-items: start; flex-direction: column; gap: 8px; }.ml-lifting-catalog-filters { grid-template-columns: 1fr; } }

/* MTL-2026-08-10 — плиточный выбор типа стропа и классификации внутри. */
.ml-lifting-catalog-selector { display: grid; grid-template-columns: minmax(300px,.5fr) minmax(0,1.5fr); gap: 26px; margin-bottom: 26px; padding: 20px; border: 1px solid var(--ml-line); background: var(--ml-surface-muted); }
.ml-lifting-catalog-selector__intro { padding: 5px 0; }
.ml-lifting-catalog-selector__intro h3 { max-width: 300px; margin: 10px 0 12px; font-size: clamp(28px,2.7vw,38px); letter-spacing: -.07em; line-height: .95; overflow-wrap: anywhere; }
.ml-lifting-catalog-selector__intro > p:last-child { max-width: 330px; margin: 0; color: var(--ml-muted); font-size: 13px; line-height: 1.5; }
.ml-lifting-catalog-types { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; border: 1px solid var(--ml-line); background: var(--ml-line); }
.ml-lifting-catalog-type { display: grid; grid-template-columns: 38px 1fr auto; grid-template-areas: "number title code" ". copy copy" ". count count"; gap: 8px 10px; min-height: 172px; padding: 18px; color: var(--ml-ink); border: 0; background: var(--ml-surface); font: inherit; text-align: left; cursor: pointer; transition: color .2s, background .2s, transform .2s; }
.ml-lifting-catalog-type:hover, .ml-lifting-catalog-type.is-active { z-index: 1; color: #fff; background: #202832; transform: translateY(-2px); }
.ml-lifting-catalog-type__number { grid-area: number; color: var(--ml-orange); font: 800 11px var(--ml-tech-font,monospace); }
.ml-lifting-catalog-type strong { grid-area: title; font-size: 19px; letter-spacing: -.04em; line-height: 1; }
.ml-lifting-catalog-type em { grid-area: code; align-self: start; color: var(--ml-muted); font: 800 10px var(--ml-tech-font,monospace); font-style: normal; }
.ml-lifting-catalog-type:hover em, .ml-lifting-catalog-type.is-active em { color: #cbd3d1; }
.ml-lifting-catalog-type p { grid-area: copy; max-width: 310px; margin: 0; color: var(--ml-muted); font-size: 12px; line-height: 1.42; }
.ml-lifting-catalog-type:hover p, .ml-lifting-catalog-type.is-active p { color: #cbd3d1; }
.ml-lifting-catalog-type b { grid-area: count; align-self: end; color: var(--ml-orange); font: 800 10px var(--ml-tech-font,monospace); letter-spacing: .03em; }
.ml-lifting-catalog-type b i { margin-left: 7px; font-size: 16px; font-style: normal; }
.ml-lifting-catalog-scope { display: grid; gap: 7px; margin-top: 18px; padding: 15px; border-left: 3px solid var(--ml-orange); background: var(--ml-surface-muted); }
.ml-lifting-catalog-scope strong { font-size: 14px; line-height: 1.15; }
.ml-lifting-catalog-scope small { color: var(--ml-muted); font-size: 11px; line-height: 1.4; }
.ml-lifting-catalog-scope a { color: var(--ml-orange); font-size: 11px; font-weight: 800; text-decoration: none; }
.ml-lifting-catalog-scope a:hover { text-decoration: underline; }
@media (max-width: 900px) { .ml-lifting-catalog-selector { grid-template-columns: 1fr; }.ml-lifting-catalog-selector__intro > p:last-child { max-width: 640px; }.ml-lifting-catalog-types { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .ml-lifting-catalog-selector { padding: 15px; }.ml-lifting-catalog-types { grid-template-columns: 1fr; }.ml-lifting-catalog-type { min-height: 150px; } }

/* MTL-2026-08-09-002 — открытая политика обработки персональных данных. */
.ml-policy-page { color: var(--ml-ink); background: var(--ml-paper); }
.ml-policy-hero { padding: 74px 0 68px; color: #fff; background: #202832; }
.ml-policy-hero__grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.48fr); gap: clamp(38px,8vw,120px); align-items: end; }
.ml-policy-hero h1 { max-width: 820px; margin: 14px 0 18px; color: #fff; font-size: clamp(44px,5.6vw,78px); letter-spacing: -.08em; line-height: .92; }
.ml-policy-hero > .ml-shell > div > p:not(.ml-kicker) { max-width: 640px; margin: 0; color: #c9d1d1; font-size: 17px; line-height: 1.55; }
.ml-policy-hero .ml-kicker { color: #ff9a68; }
.ml-policy-meta { display: grid; gap: 9px; padding: 23px; border: 1px solid rgba(255,255,255,.25); background: rgba(10,14,18,.36); }
.ml-policy-meta span { color: #ff9a68; font: 800 10px var(--ml-tech-font,monospace); letter-spacing: .1em; text-transform: uppercase; }
.ml-policy-meta b { color: #fff; font-size: 21px; letter-spacing: -.04em; }
.ml-policy-meta small { color: #b7c2c2; font-size: 12px; }
.ml-policy-meta a { margin-top: 8px; color: #fff; font-size: 12px; font-weight: 800; }
.ml-policy-layout { display: grid; grid-template-columns: minmax(250px,.58fr) minmax(0,1.42fr); gap: clamp(32px,7vw,100px); align-items: start; }
.ml-policy-aside { position: sticky; top: 24px; }
.ml-policy-aside h2 { max-width: 280px; margin: 11px 0 25px; font-size: clamp(30px,3.2vw,47px); letter-spacing: -.07em; line-height: .96; }
.ml-policy-requisites { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--ml-line); }
.ml-policy-requisites div { display: grid; gap: 6px; padding: 15px 0; border-bottom: 1px solid var(--ml-line); }
.ml-policy-requisites dt { color: var(--ml-muted); font: 800 10px var(--ml-tech-font,monospace); letter-spacing: .08em; text-transform: uppercase; }
.ml-policy-requisites dd { margin: 0; font-size: 14px; line-height: 1.42; }
.ml-policy-requisites a, .ml-policy-document a, .ml-policy-contact a { color: var(--ml-orange); text-decoration: underline; text-underline-offset: 3px; }
.ml-policy-notice { margin-top: 22px; padding: 15px 16px; border-left: 3px solid var(--ml-orange); color: var(--ml-muted); background: var(--ml-surface-muted); font-size: 12px; line-height: 1.5; }
.ml-policy-document { padding: clamp(28px,4vw,58px); border: 1px solid var(--ml-line); background: var(--ml-surface); }
.ml-policy-document__lead { margin: 0 0 34px; padding-bottom: 28px; border-bottom: 2px solid var(--ml-orange); font-size: 18px; font-weight: 650; line-height: 1.52; }
.ml-policy-document h2 { margin: 32px 0 11px; font-size: 25px; letter-spacing: -.055em; line-height: 1.05; }
.ml-policy-document h2:first-of-type { margin-top: 0; }
.ml-policy-document p, .ml-policy-document li { color: var(--ml-muted); font-size: 14px; line-height: 1.62; }
.ml-policy-document p { margin: 0 0 13px; }
.ml-policy-document ul { display: grid; gap: 8px; margin: 0 0 17px; padding-left: 22px; }
.ml-policy-document li::marker { color: var(--ml-orange); }
.ml-policy-contact { margin-top: 34px; padding: 18px 20px; border: 1px solid var(--ml-line); background: var(--ml-surface-muted); }
.ml-policy-contact b { font-size: 16px; }
.ml-policy-contact p { margin: 7px 0 0; }
@media (max-width: 900px) { .ml-policy-hero__grid, .ml-policy-layout { grid-template-columns: 1fr; }.ml-policy-aside { position: static; }.ml-policy-meta { max-width: 480px; } }
@media (max-width: 760px) { .ml-policy-hero { padding: 49px 0 52px; }.ml-policy-hero h1 { font-size: 43px; }.ml-policy-hero > .ml-shell > div > p:not(.ml-kicker) { font-size: 15px; }.ml-policy-layout { gap: 28px; }.ml-policy-document { padding: 24px 18px; }.ml-policy-document__lead { font-size: 16px; }.ml-policy-document h2 { font-size: 22px; }.ml-policy-document p, .ml-policy-document li { font-size: 14px; } }

/* MTL-2026-08-10-001 — операции перенесены из hero в производство. */
.ml-cutting-hero__top { grid-template-columns: minmax(0, 1fr); }
.ml-cutting-hero { min-height:0; }
.ml-cutting-hero__bottom { grid-template-columns: minmax(0, 1fr); }
.ml-cutting-process-list { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:1px; border:1px solid var(--ml-line); background:var(--ml-line); }
.ml-cutting-process-list article { display:grid; min-height:112px; align-content:center; gap:8px; padding:19px 20px; background:var(--ml-surface); }
.ml-cutting-process-list strong { color:var(--ml-ink); font-size:19px; letter-spacing:-.045em; line-height:1.05; }
.ml-cutting-process-list span { color:var(--ml-muted); font-size:13px; line-height:1.38; }
.ml-cutting-quote__photo { margin-top:34px; }
.ml-cutting-quote__photo .ml-soft-photo img { height:240px; }

/* MTL-2026-08-10-001 — декоративное фото и более крупный список изделий. */
.ml-products-make-layout { display:grid; grid-template-columns:minmax(250px, .52fr) minmax(0, 1.48fr); gap:1px; border:1px solid var(--ml-line); background:var(--ml-line); }
.ml-products-make-visual { min-height:100%; margin:0; overflow:hidden; background:#202832; }
.ml-products-make-visual img { display:block; width:100%; height:100%; min-height:470px; object-fit:cover; }
.ml-products-make-layout .ml-products-make-list { grid-template-columns:repeat(2, minmax(0, 1fr)); border:0; }
.ml-products-make-layout .ml-products-make-list li { min-height:110px; padding:18px 22px; font-size:18px; }
.ml-products-spheres > .ml-shell > .ml-kicker { margin:0 0 12px; color:#ffb18d; }
.ml-products-spheres > .ml-shell > h2 { margin-bottom:34px; text-transform:none; }

/* MTL-2026-08-10-001 — карточки каталога с кликом по всей поверхности. */
.ml-lifting-family { position:relative; min-height:390px; cursor:pointer; }
.ml-lifting-family:focus-visible { outline:3px solid var(--ml-orange); outline-offset:-3px; }
.ml-lifting-family__body { min-height:390px; padding:28px; }
.ml-lifting-family__body:before { display:none !important; }
.ml-lifting-family__items { position:absolute; right:24px; bottom:23px; z-index:0; display:flex; align-items:flex-end; gap:8px; max-width:44%; pointer-events:none; }
.ml-lifting-family__items img { display:block; width:auto; max-width:84px; height:78px; object-fit:contain; }
.ml-lifting-family__body > h3, .ml-lifting-family__body > p, .ml-lifting-family__body > .ml-lifting-tags, .ml-lifting-family__body > .ml-button, .ml-lifting-family__body > .ml-lifting-family__catalog-link { position:relative; z-index:1; }
.ml-lifting-family__body > .ml-lifting-tags { padding-right:34%; }
.ml-lifting-family__body > .ml-button { margin-top:17px; }
.ml-lifting-family__catalog-link { position:relative; z-index:1; }
.ml-lifting-flow__grid { grid-template-columns:minmax(250px, .38fr) minmax(0, 1.62fr); gap:clamp(28px, 5vw, 74px); }
.ml-lifting-flow__visual { display:flex; min-height:100%; align-items:center; justify-content:center; margin:0; overflow:hidden; background:#141b22; }
.ml-lifting-flow__visual img { display:block; width:100%; height:100%; min-height:360px; padding:clamp(28px, 5vw, 74px); object-fit:contain; }
.ml-lifting-flow__content { display:grid; gap:30px; }
@media (max-width:1120px) {
  .ml-cutting-process-list { grid-template-columns:1fr 1fr; }
  .ml-products-make-layout { grid-template-columns:minmax(210px, .4fr) minmax(0, 1.6fr); }
  .ml-lifting-flow__grid { grid-template-columns:1fr; }
  .ml-lifting-flow__visual { min-height:250px; }
  .ml-lifting-flow__visual img { min-height:250px; max-height:300px; }
}
@media (max-width:760px) {
  .ml-cutting-process-list, .ml-products-make-layout { grid-template-columns:1fr; }
  .ml-products-make-visual img { min-height:250px; max-height:330px; }
  .ml-products-make-layout .ml-products-make-list { grid-template-columns:1fr; }
  .ml-products-make-layout .ml-products-make-list li { min-height:82px; padding:14px 16px; }
  .ml-lifting-family, .ml-lifting-family__body { min-height:355px; }
  .ml-lifting-family__body { padding:22px 18px; }
  .ml-lifting-family__items { right:18px; bottom:20px; max-width:48%; }
  .ml-lifting-family__items img { max-width:58px; height:58px; }
  .ml-lifting-family__body > .ml-lifting-tags { padding-right:0; }
  .ml-cutting-quote__photo .ml-soft-photo img { height:190px; }
}

/* MTL-2026-08-10-004 — подбор по параметрам как широкая фото-композиция. */
.ml-lifting-flow { padding:72px 0; overflow:hidden; }
.ml-lifting-flow__grid { grid-template-columns:minmax(290px,.52fr) minmax(0,1.48fr); gap:0; align-items:stretch; min-height:720px; background:#202832; }
.ml-lifting-flow__visual { position:relative; isolation:isolate; min-height:720px; overflow:visible; background:#111820; }
.ml-lifting-flow__visual:before { position:absolute; z-index:0; inset:-26px; content:""; background:url("/local/templates/metallist/assets/../images/lifting/lifting-textile.png") center / cover no-repeat; filter:blur(25px) saturate(1.08); opacity:.5; transform:scale(1.04); pointer-events:none; }
.ml-lifting-flow__visual img { position:relative; z-index:1; width:100%; height:100%; min-height:720px; padding:0; object-fit:cover; object-position:center; -webkit-mask-image:radial-gradient(ellipse 92% 98% at 50% 50%,#000 58%,transparent 100%); mask-image:radial-gradient(ellipse 92% 98% at 50% 50%,#000 58%,transparent 100%); }
.ml-lifting-flow__content { display:flex; min-width:0; flex-direction:column; justify-content:flex-start; gap:0; padding:72px clamp(34px,5.2vw,88px) 62px; }
.ml-lifting-flow h2 { max-width:640px; margin:14px 0 24px; font-size:clamp(46px,5.1vw,78px); line-height:.91; }
.ml-lifting-flow__content > div:first-child > p:not(.ml-kicker) { max-width:920px; margin-bottom:0; font-size:17px; line-height:1.48; }
.ml-lifting-flow__steps { width:100%; margin-top:54px; }
.ml-lifting-flow__steps article { grid-template-columns:62px minmax(0,1fr); gap:15px; padding:25px 0 24px; }
.ml-lifting-flow__steps h3 { margin-bottom:7px; font-size:24px; }
.ml-lifting-flow__steps p { max-width:760px; font-size:15px; line-height:1.48; }
@media (max-width:1120px) {
  .ml-lifting-flow { padding:56px 0; }
  .ml-lifting-flow__grid { grid-template-columns:1fr; min-height:0; }
  .ml-lifting-flow__visual { min-height:440px; }
  .ml-lifting-flow__visual img { min-height:440px; max-height:none; object-position:center 42%; }
  .ml-lifting-flow__content { padding:52px clamp(24px,5vw,64px) 52px; }
}
@media (max-width:760px) {
  .ml-lifting-flow { padding:0; }
  .ml-lifting-flow__visual { min-height:330px; }
  .ml-lifting-flow__visual img { min-height:330px; }
  .ml-lifting-flow__content { padding:48px 18px 46px; }
  .ml-lifting-flow h2 { margin-top:12px; margin-bottom:20px; font-size:42px; line-height:.94; }
  .ml-lifting-flow__content > div:first-child > p:not(.ml-kicker) { font-size:15px; }
  .ml-lifting-flow__steps { margin-top:38px; }
  .ml-lifting-flow__steps article { grid-template-columns:42px minmax(0,1fr); gap:10px; padding:20px 0; }
  .ml-lifting-flow__steps h3 { font-size:21px; }
  .ml-lifting-flow__steps p { font-size:14px; }
}

/* MTL-2026-08-10-005 — расчёт металлообработки по референсу. */
.ml-cutting-quote__layout { display:grid; grid-template-columns:minmax(250px,.88fr) minmax(0,1.12fr); gap:clamp(32px,4vw,50px); align-items:start; }
.ml-cutting-quote__aside { display:contents; }
.ml-cutting-quote__layout > .ml-cutting-quote__aside > .ml-sticky-note { grid-column:1; grid-row:1; }
.ml-cutting-quote__content { grid-column:2; grid-row:1 / span 2; min-width:0; }
.ml-cutting-quote__layout > .ml-cutting-quote__aside > .ml-cutting-quote__photo { grid-column:1; grid-row:2; align-self:start; width:100%; margin:0; }
.ml-cutting-quote__photo img { display:block; width:100%; height:260px; object-fit:cover; object-position:center; }
.ml-cutting-gallery .ml-soft-gallery { grid-template-columns:repeat(4, minmax(0,1fr)); }
.ml-cutting-gallery .ml-soft-photo img { height:220px; }
@media (max-width:1120px) {
  .ml-cutting-quote__layout { grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:32px; }
  .ml-cutting-quote__content { grid-column:2; grid-row:1 / span 2; }
  .ml-cutting-quote__layout > .ml-cutting-quote__aside > .ml-cutting-quote__photo { grid-column:1; grid-row:2; align-self:start; }
  .ml-cutting-quote__photo img { height:260px; }
  .ml-cutting-gallery .ml-soft-gallery { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .ml-cutting-gallery .ml-soft-photo:last-child { grid-column:auto; }
}
@media (max-width:760px) {
  .ml-cutting-quote__layout { grid-template-columns:1fr; gap:28px; }
  .ml-cutting-quote__layout > .ml-cutting-quote__aside > .ml-sticky-note { grid-column:1; grid-row:1; }
  .ml-cutting-quote__content { grid-column:1; grid-row:2; }
  .ml-cutting-quote__layout > .ml-cutting-quote__aside > .ml-cutting-quote__photo { grid-column:1; grid-row:3; }
  .ml-cutting-quote__photo img { height:220px; }
  .ml-cutting-gallery .ml-soft-gallery { grid-template-columns:1fr; }
}

/* MTL-2026-08-10-006 — номера мощностей внизу карточек; верхние полосы скрыты глобально. */
.ml-capacity-card { position:relative; align-items:flex-start; justify-content:flex-start; }
.ml-capacity-card > span { position:absolute; right:22px; bottom:18px; color:var(--ml-orange); font-size:clamp(42px,4vw,62px); line-height:.82; letter-spacing:-.08em; }
.ml-capacity-card h3 { margin:0 0 18px; text-align:left; }
.ml-capacity-card ul { align-self:stretch; text-align:left; }
.ml-topline, .ml-location-strip { display:none !important; }
@media (max-width:760px) {
  .ml-capacity-card { min-height:245px; padding:22px 18px 64px; }
  .ml-capacity-card > span { right:16px; bottom:14px; font-size:46px; }
}

/* MTL-2026-08-10-007 — спокойная типографика фирменной шапки. */
.ml-header .ml-brand { gap:13px; }
.ml-header .ml-brand__copy { min-width:0; }
.ml-header .ml-brand__copy b { font-size:22px; font-weight:800; letter-spacing:-.055em; line-height:.95; text-transform:none; white-space:nowrap; }
.ml-header .ml-brand__copy small { max-width:130px; margin-top:6px; color:var(--ml-muted); font-family:Inter, ui-sans-serif, system-ui, sans-serif; font-size:10px; font-weight:600; letter-spacing:.035em; line-height:1.2; text-transform:none; white-space:normal; }
@media (max-width:1240px) {
  .ml-header .ml-brand__copy b { font-size:20px; }
  .ml-header .ml-brand__copy small { font-size:9px; }
}
@media (max-width:760px) {
  .ml-header .ml-brand__copy b { font-size:16px; letter-spacing:-.045em; }
}

/* MTL-2026-08-12 — список изделий без ложной интерактивности, по принципу блока металлообработки. */
.ml-products-make-section {
  color: #f5f7f6;
  background: #202832;
}

.ml-products-make-section .ml-section-heading > p {
  color: #b8c2c4;
}

.ml-products-make-section .ml-kicker {
  color: #ffb18d;
}

.ml-products-make-layout {
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  gap: clamp(40px, 6vw, 96px);
  align-items: stretch;
  border: 0;
  background: transparent;
}

.ml-products-make-visual {
  min-height: 520px;
  overflow: visible;
  background: transparent;
}

.ml-products-make-visual img {
  min-height: 520px;
  -webkit-mask-image: radial-gradient(ellipse 92% 87% at 48% 50%, #000 46%, transparent 90%);
  mask-image: radial-gradient(ellipse 92% 87% at 48% 50%, #000 46%, transparent 90%);
}

.ml-products-make-layout .ml-products-make-list {
  align-self: center;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(24px, 3vw, 48px);
  border: 0;
  background: transparent;
}

.ml-products-make-layout .ml-products-make-list li {
  min-height: 92px;
  gap: 16px;
  padding: 18px 0;
  background: transparent;
  color: #f5f7f6;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.ml-products-make-layout .ml-products-make-list li > b {
  flex: 0 0 36px;
  color: var(--ml-orange);
  font: 800 12px var(--ml-tech-font);
  letter-spacing: .1em;
}

.ml-products-make-layout .ml-products-make-list li:nth-last-child(-n + 2) {
  border-bottom: 0;
}

@media (max-width:1120px) {
  .ml-products-make-layout {
    grid-template-columns: minmax(230px, .68fr) minmax(0, 1.32fr);
    gap: clamp(28px, 4vw, 56px);
  }
}

@media (max-width:760px) {
  .ml-products-make-layout {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .ml-products-make-visual,
  .ml-products-make-visual img {
    min-height: 260px;
    max-height: 340px;
  }

  .ml-products-make-layout .ml-products-make-list {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .ml-products-make-layout .ml-products-make-list li,
  .ml-products-make-layout .ml-products-make-list li:nth-last-child(-n + 2) {
    min-height: 76px;
    padding: 14px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
  }

  .ml-products-make-layout .ml-products-make-list li:last-child {
    border-bottom: 0;
  }
}

/* MTL collection roots: page-scoped presentation for /articles/ and /works/. */
.ml-collection-page {
  padding: clamp(68px, 8vw, 112px) 0 104px;
  color: var(--ml-ink);
  background: var(--ml-paper);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.ml-collection-hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 42px;
  border-bottom: 1px solid var(--ml-line);
}
.ml-collection-hero h1 {
  max-width: 900px;
  margin: 14px 0 0;
  font-size: clamp(48px, 7vw, 92px);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: .94;
}
.ml-collection-hero__marker {
  display: grid;
  flex: 0 0 auto;
  gap: 7px;
  justify-items: end;
  color: var(--ml-muted);
  font-family: var(--ml-tech-font);
  text-align: right;
}
.ml-collection-hero__marker strong {
  color: var(--ml-orange);
  font-size: clamp(42px, 5vw, 72px);
  font-weight: 500;
  letter-spacing: -.1em;
  line-height: .8;
}
.ml-collection-hero__marker span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
}
.ml-collection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 42px;
  border: 1px solid var(--ml-line);
  background: var(--ml-line);
}
.ml-collection-page--articles .ml-collection-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ml-collection-card {
  min-width: 0;
  background: var(--ml-surface);
}
.ml-collection-card__link {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  color: var(--ml-ink);
  text-decoration: none;
  transition: background .2s, transform .2s;
}
.ml-collection-card__link:hover,
.ml-collection-card__link:focus-visible {
  position: relative;
  z-index: 1;
  outline: none;
  background: var(--ml-surface-muted);
  box-shadow: 0 14px 32px rgba(18, 22, 26, .1);
  transform: translateY(-3px);
}
.ml-collection-card__visual {
  position: relative;
  aspect-ratio: 1.42 / 1;
  overflow: hidden;
  background: #d8dddc;
}
.ml-collection-page--articles .ml-collection-card__visual {
  aspect-ratio: 1.72 / 1;
}
.ml-collection-card__visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease, filter .45s ease;
}
.ml-collection-card__link:hover .ml-collection-card__visual img,
.ml-collection-card__link:focus-visible .ml-collection-card__visual img {
  filter: saturate(1.08);
  transform: scale(1.04);
}
.ml-collection-card__visual--empty {
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #d8dddc, #aeb8b8);
}
.ml-collection-card__fallback {
  display: grid;
  gap: 10px;
  justify-items: center;
  color: rgba(18, 22, 26, .62);
  font-family: var(--ml-tech-font);
  text-align: center;
}
.ml-collection-card__fallback strong {
  display: grid;
  width: 58px;
  height: 58px;
  place-items: center;
  color: #d8dddc;
  border: 1px solid rgba(18, 22, 26, .35);
  border-radius: 50%;
  background: #202832;
  font-size: 18px;
  letter-spacing: -.08em;
}
.ml-collection-card__fallback small {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ml-collection-card__serial {
  position: absolute;
  top: 14px;
  left: 14px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 50%;
  background: rgba(18, 22, 26, .68);
  font: 700 10px var(--ml-tech-font);
}
.ml-collection-card__body {
  display: flex;
  flex: 1;
  min-height: 195px;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 23px 24px;
}
.ml-collection-card__date {
  color: var(--ml-orange);
  font: 700 10px var(--ml-tech-font);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ml-collection-card h2 {
  max-width: 19em;
  margin: 13px 0 0;
  font-size: clamp(23px, 2.2vw, 32px);
  font-weight: 750;
  letter-spacing: -.025em;
  line-height: 1.05;
}
.ml-collection-card__excerpt {
  max-width: 52em;
  margin-top: 15px;
  color: var(--ml-muted);
  font-size: 14px;
  line-height: 1.5;
}
.ml-collection-card__excerpt p { margin: 0; }
.ml-collection-card__action {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 25px;
  color: var(--ml-ink);
  font: 700 11px var(--ml-tech-font);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ml-collection-card__action b {
  color: var(--ml-orange);
  font-size: 20px;
  font-weight: 400;
  line-height: .7;
}
.ml-collection-pagination {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}
.ml-collection-pagination .pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
}
.ml-collection-pagination .pagination__item {
  margin: 0;
}
.ml-collection-pagination .pagination__link {
  display: grid;
  min-width: 40px;
  height: 40px;
  place-items: center;
  padding: 0 11px;
  color: var(--ml-ink);
  border: 1px solid var(--ml-line);
  border-radius: 7px;
  background: var(--ml-surface);
  font: 700 12px var(--ml-tech-font);
  text-decoration: none;
  transition: color .18s, border-color .18s, background .18s;
}
.ml-collection-pagination .pagination__link:hover,
.ml-collection-pagination .pagination__link:focus-visible {
  color: var(--ml-orange);
  border-color: var(--ml-orange);
  outline: none;
}
.ml-collection-pagination .pagination__item > span.pagination__link {
  color: #fff;
  border-color: var(--ml-orange);
  background: var(--ml-orange);
}

@media (max-width: 1120px) {
  .ml-collection-page--articles .ml-collection-grid,
  .ml-collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .ml-collection-page { padding: 58px 0 72px; }
  .ml-collection-hero { align-items: start; flex-direction: column; gap: 28px; padding-bottom: 30px; }
  .ml-collection-hero h1 { font-size: 47px; }
  .ml-collection-hero__marker { align-items: start; justify-items: start; text-align: left; }
  .ml-collection-hero__marker strong { font-size: 48px; }
  .ml-collection-grid,
  .ml-collection-page--articles .ml-collection-grid { grid-template-columns: 1fr; margin-top: 28px; }
  .ml-collection-card__visual,
  .ml-collection-page--articles .ml-collection-card__visual { aspect-ratio: 1.55 / 1; }
  .ml-collection-card__body { min-height: 178px; padding: 19px 18px 21px; }
  .ml-collection-card h2 { font-size: 27px; }
}

/* End */


/* Start:/local/templates/metallist/css/normalize.css?17835279752166*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
main {
  display: block
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace,monospace;
  font-size: 1em
}
a {
  background-color: transparent
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}
b,
strong {
  font-weight: bolder
}
code,
kbd,
samp {
  font-family: monospace,monospace;
  font-size: 1em
}
small {
  font-size: 80%
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
img {
  border-style: none
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button,
input {
  overflow: visible
}
button,
select {
  text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}
fieldset {
  padding: .35em .75em .625em
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
details {
  display: block
}
summary {
  display: list-item
}
template {
  display: none
}
[hidden] {
  display: none
}
/* End */


/* Start:/local/templates/metallist/css/ion.rangeSlider.css?178352797512914*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial,sans-serif
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: 0!important
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1
}
.irs-handle.type_last {
  z-index: 2
}
.irs-max,
.irs-min {
  position: absolute;
  display: block;
  cursor: default
}
.irs-min {
  left: 0
}
.irs-max {
  right: 0
}
.irs-from,
.irs-single,
.irs-to {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}
.irs-with-grid .irs-grid {
  display: block
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000
}
.irs-grid-pol.small {
  height: 4px
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0,0,0,0);
  z-index: 2
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  cursor: not-allowed
}
.irs-disabled {
  opacity: .4
}
.irs-hidden-input {
  position: absolute!important;
  display: block!important;
  top: 0!important;
  left: 0!important;
  width: 0!important;
  height: 0!important;
  font-size: 0!important;
  line-height: 0!important;
  padding: 0!important;
  margin: 0!important;
  overflow: hidden;
  outline: 0!important;
  z-index: -9999!important;
  background: 0 0!important;
  border-style: solid!important;
  border-color: transparent!important
}
.irs--flat {
  height: 40px
}
.irs--flat.irs-with-grid {
  height: 60px
}
.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px
}
.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565
}
.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px
}
.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9
}
.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent
}
.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540
}
.irs--flat .irs-max,
.irs--flat .irs-min {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px
}
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px
}
.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565
}
.irs--flat .irs-grid-pol {
  background-color: #e1e4e9
}
.irs--flat .irs-grid-text {
  color: #999
}
.irs--big {
  height: 55px
}
.irs--big.irs-with-grid {
  height: 70px
}
.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: #fff;
  background: linear-gradient(to bottom,#ddd -50%,#fff 150%);
  border: 1px solid #ccc;
  border-radius: 12px
}
.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom,#fff 0,#428bca 30%,#b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255,255,255,.5)
}
.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px
}
.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66,139,202,.5)
}
.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0,0,0,.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom,#fff 0,#b4b9be 30%,#fff 100%);
  box-shadow: 1px 1px 2px rgba(0,0,0,.2),inset 0 0 3px 1px #fff;
  border-radius: 30px
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0,0,0,.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom,#fff 0,#919ba5 30%,#fff 100%)
}
.irs--big .irs-max,
.irs--big .irs-min {
  top: 0;
  padding: 1px 5px;
  color: #fff;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px
}
.irs--big .irs-from,
.irs--big .irs-single,
.irs--big .irs-to {
  color: #fff;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom,#428bca 0,#3071a9 100%);
  border-radius: 3px
}
.irs--big .irs-grid-pol {
  background-color: #428bca
}
.irs--big .irs-grid-text {
  color: #428bca
}
.irs--modern {
  height: 55px
}
.irs--modern.irs-with-grid {
  height: 55px
}
.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom,#e0e4ea 0,#d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px
}
.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom,#20b426 0,#18891d 100%)
}
.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px
}
.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209,214,224,.5)
}
.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0,0,0,.1);
  border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: #fff;
  transform: rotate(45deg)
}
.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom,#fff 0,#e9e6e6 100%);
  border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom,#fff 0,#919ba5 30%,#fff 100%)
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a
}
.irs--modern .irs-max,
.irs--modern .irs-min {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: #fff;
  background-color: #d1d6e0;
  border-radius: 5px
}
.irs--modern .irs-from,
.irs--modern .irs-single,
.irs--modern .irs-to {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: #fff;
  border-radius: 5px
}
.irs--modern .irs-from:before,
.irs--modern .irs-single:before,
.irs--modern .irs-to:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426
}
.irs--modern .irs-grid {
  height: 25px
}
.irs--modern .irs-grid-pol {
  background-color: #dedede
}
.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px
}
.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1
}
.irs--sharp.irs-with-grid {
  height: 57px
}
.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: #000;
  border-radius: 2px
}
.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa
}
.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px
}
.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0,0,0,.5)
}
.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2
}
.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: #000
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: #000
}
.irs--sharp .irs-max,
.irs--sharp .irs-min {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: .4;
  background-color: #a804b2;
  border-radius: 2px
}
.irs--sharp .irs-from,
.irs--sharp .irs-single,
.irs--sharp .irs-to {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: #fff;
  border-radius: 2px
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-single:before,
.irs--sharp .irs-to:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2
}
.irs--sharp .irs-grid {
  height: 25px
}
.irs--sharp .irs-grid-pol {
  background-color: #dedede
}
.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px
}
.irs--round {
  height: 50px
}
.irs--round.irs-with-grid {
  height: 65px
}
.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px
}
.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa
}
.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px
}
.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222,228,236,.5)
}
.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0,0,255,.3)
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff
}
.irs--round .irs-max,
.irs--round .irs-min {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0,0,0,.1);
  border-radius: 4px
}
.irs--round .irs-from,
.irs--round .irs-single,
.irs--round .irs-to {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: #fff;
  border-radius: 4px
}
.irs--round .irs-from:before,
.irs--round .irs-single:before,
.irs--round .irs-to:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa
}
.irs--round .irs-grid {
  height: 25px
}
.irs--round .irs-grid-pol {
  background-color: #dedede
}
.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px
}
.irs--square {
  height: 50px
}
.irs--square.irs-with-grid {
  height: 60px
}
.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede
}
.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: #000
}
.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede
}
.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid #000;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff
}
.irs--square .irs-max,
.irs--square .irs-min {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0,0,0,.1)
}
.irs--square .irs-from,
.irs--square .irs-single,
.irs--square .irs-to {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #000;
  color: #fff
}
.irs--square .irs-grid {
  height: 25px
}
.irs--square .irs-grid-pol {
  background-color: #dedede
}
.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px
}
/* End */


/* Start:/local/templates/metallist/css/slick.css?17835279751578*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
/* End */


/* Start:/local/templates/metallist/css/fancybox.css?178352797515380*/
body.compensate-for-scrollbar {
  overflow: hidden
}
.fancybox-active {
  height: auto
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute!important;
  top: -9999px;
  visibility: hidden
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992
}
.fancybox-container * {
  box-sizing: border-box
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.47,0,.74,.71)
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(.22,.61,.36,1)
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease,visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity .25s ease 0s,visibility 0s ease 0s;
  visibility: visible
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.fancybox-toolbar {
  right: 0;
  top: 0
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform,opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0
}
.fancybox-slide--image::before {
  display: none
}
.fancybox-slide--html {
  padding: 6px
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5,0,.14,1);
  -webkit-backface-visibility: hidden;
  background: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform,opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.fancybox-container [data-selectable=true] {
  cursor: text
}
.fancybox-image,
.fancybox-spaceball {
  background: 0 0;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}
.fancybox-spaceball {
  z-index: 1
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%
}
.fancybox-slide--video .fancybox-content {
  background: #000
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff
}
.fancybox-iframe,
.fancybox-video {
  background: 0 0;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%
}
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0
}
.fancybox-button {
  background: rgba(30,30,30,.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc
}
.fancybox-button:hover {
  color: #fff
}
.fancybox-button:focus {
  outline: 0
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: 0
}
.fancybox-button div {
  height: 100%
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--play svg:nth-child(2) {
  display: none
}
.fancybox-button--fsexit svg:nth-child(1),
.fancybox-button--pause svg:nth-child(1) {
  display: none
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998
}
.fancybox-close-small {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none
}
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px
}
.fancybox-navigation .fancybox-button div {
  padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right)
}
.fancybox-caption {
  background: linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996
}
@supports (padding:max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
  }
}
.fancybox-caption--separate {
  margin-top: -50px
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline
}
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: 0 0;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg)
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0,0,.25,1)
}
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%,0,0)
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0,0,0)
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19,1,.22,1)
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5,1.5,1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(.5,.5,.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1,1,1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0);
  transform: rotate(0)
}
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0,0,0) translate3d(-100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0,0,0) translate3d(100%,0,0)
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1,1,1) translate3d(0,0,0)
}
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0,0,0) scale(1)
}
@media all and (max-height:576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px
  }
  .fancybox-slide--image {
    padding: 6px 0
  }
  .fancybox-close-small {
    right: -6px
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px
  }
  @supports (padding:max(0px)) {
    .fancybox-caption {
      padding-left: max(12px,env(safe-area-inset-left));
      padding-right: max(12px,env(safe-area-inset-right))
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0
}
.fancybox-share p {
  margin: 0;
  padding: 0
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff
}
.fancybox-share__button:hover {
  text-decoration: none
}
.fancybox-share__button--fb {
  background: #3b5998
}
.fancybox-share__button--fb:hover {
  background: #344e86
}
.fancybox-share__button--pt {
  background: #bd081d
}
.fancybox-share__button--pt:hover {
  background: #aa0719
}
.fancybox-share__button--tw {
  background: #1da1f2
}
.fancybox-share__button--tw:hover {
  background: #0d95e8
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px
}
.fancybox-share__button svg path {
  fill: #fff
}
.fancybox-share__input {
  background: 0 0;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: 0;
  padding: 10px 15px;
  width: 100%
}
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0,0,0,.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .2s cubic-bezier(.25,.46,.45,.94);
  z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
  opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1
}
@media all and (max-width:576px) {
  .fancybox-thumbs {
    width: 110px
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px)
  }
}
/* End */


/* Start:/local/templates/metallist/css/styles.css?1783527975133723*/
.table-block__rotate-text strong@font-face {
  font-family: "Akzidenz Grotesk Pro";
  src: url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-light.woff) format("woff"),url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal
}
@font-face {
  font-family: "Akzidenz Grotesk Pro";
  src: url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-regular.woff) format("woff"),url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: "Akzidenz Grotesk Pro";
  src: url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-medium.woff) format("woff"),url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: "Akzidenz Grotesk Pro";
  src: url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-bold.woff) format("woff"),url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal
}
@font-face {
  font-family: "Akzidenz Grotesk Pro";
  src: url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-black.woff) format("woff"),url(/local/templates/metallist/css/../fonts/akzidenz/akzidenz-grotesk-pro-black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal
}
@font-face {
  font-family: "PT Russia Text";
  src: url(/local/templates/metallist/css/../fonts/pt-russia/pt-russia-text-regular.woff) format("woff"),url(/local/templates/metallist/css/../fonts/pt-russia/pt-russia-text-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal
}
*,
:after,
:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
body,
html {
  height: 100%
}
body {
  font: 400 15px/19px "Akzidenz Grotesk Pro",sans-serif;
  color: #000;
  background: #ececec
}
a {
  color: #ffc700;
  outline: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
a:active,
a:hover {
  text-decoration: none
}
p {
  margin: 0 0 20px
}
img {
  display: block;
  max-width: 100%;
  margin: 0
}
b,
strong {
  font-weight: 700
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Akzidenz Grotesk Pro",sans-serif;
  font-weight: 700;
  line-height: normal;
  color: #000;
  margin: 0 0 20px
}
.h1,
h1 {
  font-size: 24px
}
.h2,
h2 {
  font-size: 24px
}
.h3,
h3 {
  font-size: 18px
}
.h4,
h4 {
  font-size: 16px
}
.h5,
h5 {
  font-size: 15px
}
.h6,
h6 {
  font-size: 15px
}
ol,
ul {
  margin: 0 0 20px
}
q {
  display: block;
  margin: 0 0 20px
}
svg {
  display: block;
  overflow: hidden
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #6f7278;
  opacity: 1
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #6f7278;
  opacity: 1
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #6f7278;
  opacity: 1
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #6f7278;
  opacity: 1
}
.error input::-webkit-input-placeholder,
.error textarea::-webkit-input-placeholder {
  color: red;
  opacity: 1
}
.error input::-moz-placeholder,
.error textarea::-moz-placeholder {
  color: red;
  opacity: 1
}
.error input:-moz-placeholder,
.error textarea:-moz-placeholder {
  color: red;
  opacity: 1
}
.error input:-ms-input-placeholder,
.error textarea:-ms-input-placeholder {
  color: red;
  opacity: 1
}
input::-ms-clear {
  display: none
}
.clearfix:after {
  content: "";
  display: table;
  clear: both
}
.cover {
  padding: 0 15px;
  position: relative;
  margin: 0 auto;
  min-width: 320px;
  max-width: none
}
select {
  display: none
}
.jq-selectbox {
  display: block!important;
  cursor: pointer
}
.jq-selectbox select {
  display: block
}
.jq-selectbox__select {
  height: 42px;
  padding: 0 30px 0 10px;
  background: #f2f2f2;
  font: 400 15px "Akzidenz Grotesk Pro",sans-serif;
  color: #000
}
.jq-selectbox.disabled .jq-selectbox__select {
  cursor: default;
  color: #6f7278
}
.jq-selectbox__select-text {
  display: block;
  overflow: hidden;
  width: 100%!important;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 11px
}
.jq-selectbox .placeholder {
  color: #000
}
.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%
}
.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 17px;
  right: 11px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  border-color: #6f7278
}
.jq-selectbox__dropdown {
  width: 100%!important;
  margin: 0;
  padding: 0;
  background: #f2f2f2;
  font: 400 15px "Akzidenz Grotesk Pro",sans-serif;
  left: 0!important;
  right: auto!important;
  top: 100%!important;
  bottom: auto!important
}
.jq-selectbox ul {
  margin: 0;
  padding: 0;
  max-height: 210px!important
}
.jq-selectbox li {
  padding: 11px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: normal;
  color: #000;
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.jq-selectbox li:before {
  content: "";
  display: none;
  width: 20px;
  height: 10px;
  border-left: 2px solid #e1813c;
  border-bottom: 2px solid #e1813c;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 16px;
  top: 28px;
  opacity: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.jq-selectbox li.sel,
.jq-selectbox li.selected {
  background: #ebebeb;
  color: #e1813c
}
.jq-selectbox li.sel:before,
.jq-selectbox li.selected:before {
  opacity: 1!important
}
.jq-selectbox li:hover {
  background: #ebebeb;
  color: #e1813c
}
.jq-selectbox li:hover:before {
  opacity: 0
}
.jq-selectbox li.disabled {
  color: #6f7278
}
.jq-selectbox li.disabled:hover {
  background: 0 0
}
input.slider {
  display: none
}
.irs,
.irs--flat {
  height: 60px
}
.irs {
  font: 400 24px "Akzidenz Grotesk Pro",sans-serif
}
.irs--flat .irs-line {
  height: 5px;
  border-radius: 0;
  background: #e2e2e2;
  top: 29px
}
.irs--flat .irs-bar--single {
  border-radius: 0
}
.irs--flat .irs-bar {
  height: 5px;
  background: #ffc700;
  top: 29px
}
.irs--flat .irs-handle {
  width: 20px;
  height: 20px;
  background: #ffc700;
  border-radius: 50%;
  top: 21px
}
.irs--flat .irs-handle i {
  display: none!important
}
.irs--flat .irs-max,
.irs--flat .irs-min {
  top: auto;
  bottom: -3px;
  padding: 0;
  color: #b8b8b8;
  font-size: 18px;
  line-height: 18px;
  background: 0 0;
  border-radius: 0;
  visibility: visible!important
}
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
  padding: 0;
  color: #e1813c;
  font-size: 18px;
  line-height: 18px;
  background: 0 0;
  border-radius: 0
}
.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
  display: none
}
.count {
  width: 100%;
  height: 42px;
  background: #fff;
  padding: 0 40px;
  position: relative
}
.count__field {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  outline: 0;
  background: 0 0;
  text-align: center;
  font: 400 15px "Akzidenz Grotesk Pro",sans-serif;
  color: #000
}
.count__button {
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer
}
.count__button_minus {
  left: 0
}
.count__button_plus {
  right: 0
}
.count__button:after,
.count__button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #000;
  display: block
}
.count__button:after {
  width: 2px;
  height: 14px;
  margin-left: -1px;
  margin-top: -7px
}
.count__button:before {
  width: 14px;
  height: 2px;
  margin-left: -7px;
  margin-top: -1px
}
.count__button_minus:after {
  display: none
}
.slick-slider {
  display: block!important
}
.slick-dots {
  list-style: none;
  padding: 0;
  margin: 0 -7px;
  position: relative;
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: flex!important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.slick-dots li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding: 14px 7px 0
}
.slick-dots button {
  display: block;
  padding: 0;
  border: 2px solid #ffc700;
  background: 0 0;
  font-size: 0;
  outline: 0;
  cursor: pointer;
  width: 17px;
  height: 17px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.slick-dots .slick-active button {
  background: #ffc700
}
.slick-arrow {
  display: block;
  width: 36px;
  height: 168px;
  background: 0 0;
  border: none;
  cursor: pointer;
  outline: 0;
  position: absolute;
  top: 50%;
  margin-top: -84px;
  font-size: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.slick-arrow:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #ffc700;
  position: absolute;
  top: 58px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.slick-arrow:active:before,
.slick-arrow:hover:before {
  border-color: #fff!important
}
.slick-prev {
  left: 0;
  border-left: 36px solid #fff
}
.slick-prev:before {
  border-left: 2px solid #ffc700;
  -webkit-transform: rotate(-37deg) skewY(-20deg);
  transform: rotate(-37deg) skewY(-20deg);
  left: -21px
}
.slick-prev:active,
.slick-prev:hover {
  border-left-color: #ffc700!important
}
.slick-next {
  right: 0;
  border-right: 36px solid #fff
}
.slick-next:before {
  border-right: 2px solid #ffc700;
  -webkit-transform: rotate(37deg) skewY(20deg);
  transform: rotate(37deg) skewY(20deg);
  right: -21px
}
.slick-next:active,
.slick-next:hover {
  border-right-color: #ffc700!important
}
.form-input,
.form-textarea {
  display: block;
  width: 100%;
  font: 400 15px "Akzidenz Grotesk Pro",sans-serif;
  color: #000;
  outline: 0;
  border: none;
  background: #f2f2f2
}
.error .form-input,
.error .form-textarea {
  background: #ffebeb;
  box-shadow: inset 0 0 0 1px red;
  color: red
}
.form-input::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder {
  color: #000;
  opacity: 1
}
.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder {
  color: #000;
  opacity: 1
}
.form-input:-moz-placeholder,
.form-textarea:-moz-placeholder {
  color: #000;
  opacity: 1
}
.form-input:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder {
  color: #000;
  opacity: 1
}
.form-input {
  padding: 0 10px;
  height: 42px
}
.form-input:disabled {
  background: 0 0;
  padding: 0 30px 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 36px;
  margin-bottom: 5px;
  box-shadow: none!important;
  color: #000
}
.form-input:disabled::-webkit-input-placeholder {
  color: #000;
  opacity: 0
}
.form-input:disabled::-moz-placeholder {
  color: #000;
  opacity: 0
}
.form-input:disabled:-moz-placeholder {
  color: #000;
  opacity: 0
}
.form-input:disabled:-ms-input-placeholder {
  color: #000;
  opacity: 0
}
.form-input:disabled + .form__button-edit {
  display: block
}
.form-textarea {
  height: 100px;
  resize: none;
  padding: 10px
}
.form-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  cursor: pointer
}
.form-checkbox__input {
  display: none
}
.form-checkbox__marker {
  width: 18px;
  height: 18px;
  background: #f2f2f2;
  position: relative;
  top: -2px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  margin-right: 15px
}
.form-checkbox__icon {
  display: block;
  width: 12px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -4px;
  stroke: #171c27;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0)
}
.form-checkbox__input:checked + .form-checkbox__marker {
  background: #ffc700
}
.form-checkbox__input:checked + .form-checkbox__marker .form-checkbox__icon {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}
.form-checkbox__text {
  display: block;
  padding-top: 1px
}
.form-checkbox__text a {
  text-decoration: none;
  color: #e1813c
}
.form-checkbox__text a:active,
.form-checkbox__text a:hover {
  text-decoration: underline
}
.form-checkbox .form-checkbox__link-line {
  text-decoration: underline
}
.form-checkbox .form-checkbox__link-line:active,
.form-checkbox .form-checkbox__link-line:hover {
  text-decoration: none
}
.form-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  cursor: pointer
}
.form-radio__input {
  display: none
}
.form-radio__marker {
  width: 18px;
  height: 18px;
  border: 2px solid #ffc700;
  border-radius: 50%;
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  margin-right: 15px
}
.form-radio__input:checked + .form-radio__marker {
  border-width: 4px
}
.form-radio__text {
  display: block;
  padding-top: 1px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.form-radio__input:checked + .form-radio__marker + .form-radio__text {
  color: #e1813c
}
input[type=file] {
  display: none
}
.jq-file {
  width: 100%;
  display: block!important;
  cursor: pointer
}
.jq-file input {
  display: block;
  height: auto;
  cursor: pointer
}
.jq-file__name {
  overflow: hidden;
  height: 100px;
  border: 1px dashed #e1813c;
  text-align: center;
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: flex!important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  font: 500 15px/19px "Akzidenz Grotesk Pro",sans-serif;
  background: #fff;
  color: #e1813c;
  padding: 5px 15px
}
.jq-file__browse {
  display: none
}
.jq-file.disabled .jq-file__name {
  color: #f2f2f2;
  border-color: #f2f2f2
}
.logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 45px;
  margin: 0 auto
}
.logo__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 27px
}
.logo__img-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.logo__icon {
  width: 45px;
  height: 45px;
  fill: #ffc700
}
.logo__company-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding-left: 26px;
  display: none
}
.nav {
  display: none;
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  background: #171c27;
  z-index: 199;
  border-top: 1px solid #232b3c;
  border-bottom: 1px solid #232b3c
}
.nav__list {
  list-style: none;
  padding: 15px 0;
  margin: 0
}
.nav__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.nav__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  font-size: 15px;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none
}
.nav__link-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding: 10px 15px
}
.nav__item.active .nav__link {
  color: #ffc700
}
.advantage {
  background: rgba(255,255,255,.1);
  padding: 15px 20px 2px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%
}
.advantage__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  color: #ffc700;
  margin: 0 0 13px
}
.advantage__text {
  margin: 0 0 13px;
  color: #fff
}
.section-name {
  position: relative
}
.section-name:before {
  content: "";
  display: none;
  width: 5px;
  height: 39px;
  background: #ffc700;
  position: absolute;
  left: 0;
  top: 0
}
.section-name_inner:before {
  height: 35px;
  background: #e1813c
}
.section-name__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  margin: 0!important;
  font-size: 24px
}
.section-name_inner .section-name__title {
  padding-right: 0;
  font-size: 18px
}
.catalog__list {
  position: relative;
  margin-right: -10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.catalog__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 50%;
  padding-right: 10px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}
.catalog_big .catalog__item {
  width: 50%!important
}
.catalog_catalog .catalog__item:last-child {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: flex!important
}
.catalog_services .catalog__item:last-child {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: flex!important
}
.catalog__all-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  padding: 10px;
  background: #ffc700;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  text-decoration: none;
  position: relative
}
.catalog__all-block:before {
  content: "";
  left: 0;
  top: 0;
  display: block;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  opacity: .11;
  background: url(/local/templates/metallist/css/../images/bg-abstraction-white.png) right center no-repeat;
  background-size: cover
}
.catalog__all-button {
  border: 2px solid #282f38;
  color: #282f38;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding: 5px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  z-index: 2;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  height: 52px
}
.catalog__all-block:hover .catalog__all-button {
  background: #282f38;
  color: #ffc700
}
.product {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%
}
.product__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  text-decoration: none;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column
}
.product__img-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.product__img {
  width: 100%;
  max-width: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  opacity: .8;
  /*
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
  */
}
.product__img_desktop {
  display: none
}
.product__img_mobile {
  display: block
}
.product:hover .product__img {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0)
}
.product__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  flex: 1 0 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  text-align: center;
  padding: 5px;
  min-height: 84px;
  border-bottom: 2px solid #ffc700;
  border-top: 2px solid transparent;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.product__title {
  margin: 0!important;
  font-size: 15px;
  line-height: 20px;
  color: #000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  word-wrap: break-word;
  width: 100%
}
.product:hover .product__name {
  background: #ffc700
}
.address {
  background: #fff;
  position: relative
}
.address__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding: 20px 10px 10px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.address__button-block-gray,
.address__button-block-yellow,
.address__emails,
.address__information,
.address__phones {
  padding-left: 10px;
  padding-right: 10px
}
.address__information {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%
}
.address__point {
  color: #e1813c;
  font-weight: 500;
  margin-bottom: 10px
}
.address__time {
  margin-bottom: 10px;
  position: relative
}
.address__contacts {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.address__button-block-gray,
.address__button-block-yellow {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 50%
}
.address__button-block-gray {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  order: 2
}
.address__button-block-yellow {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-box-ordinal-group: 4;
  order: 3
}
.address__button-gray,
.address__button-yellow {
  border: 2px solid transparent;
  text-transform: uppercase;
  line-height: normal;
  padding: 11px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: block
}
.address__button-gray {
  color: #cfcfcf;
  border-color: #cfcfcf
}
.address__button-gray:active,
.address__button-gray:hover {
  background: #cfcfcf;
  color: #fff
}
.address__button-yellow {
  color: #ffc700;
  border-color: #ffc700
}
.address__button-yellow:active,
.address__button-yellow:hover {
  background: #171c27;
  color: #ffc700;
  border-color: #171c27
}
.address__contacts-elements {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  order: 1;
  width: 100%
}
.address__emails,
.address__phones {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  position: relative
}
.address__phones {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding-bottom: 5px;
  width: 100%
}
.address__phones-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.address__emails {
  padding-bottom: 10px;
  width: 100%
}
.address__phone {
  width: 100%;
  margin-bottom: 5px
}
.address__phone-link {
  font-size: 18px;
  line-height: normal;
  color: #000;
  text-decoration: none;
  cursor: default
}
.address__email-link {
  line-height: 23px;
  color: #e1813c
}
.address__map {
  display: none
}
.address__map-container {
  height: 300px
}
.address__icon-block {
  position: absolute;
  left: 0;
  top: -6px;
  display: none
}
.address__icon {
  width: 36px;
  height: 36px
}
.fancybox-bg {
  opacity: 1!important;
  background: rgba(23,28,39,.92)
}
.fancybox-slide--html {
  padding: 40px 15px
}
.fancybox-close-small {
  display: none!important
}
.modal {
  width: 850px;
  display: none;
  background: #fff;
  padding: 30px 15px;
  overflow: visible
}
.modal .section-name {
  margin: 0 0 30px
}
.modal__form-string {
  margin: 0 0 35px
}
.modal__form-label {
  color: #9e9e9e;
  margin: -5px 0 5px;
  position: relative
}
.error .modal__form-label {
  color: red
}
.modal__form-submit {
  width: 100%;
  text-align: center;
  height: 42px;
  padding: 0;
  border: 2px solid #ffc700;
  font: 500 14px/18px "Akzidenz Grotesk Pro",sans-serif;
  color: #171c27;
  text-transform: uppercase;
  cursor: pointer;
  outline: 0;
  background: #ffc700;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  margin-top: 10px
}
.modal__form-submit:active,
.modal__form-submit:hover {
  color: #ffc700;
  background: #171c27;
  border-color: #171c27
}
.modal__form-submit_border {
  background: 0 0;
  color: #ffc700
}
.modal__form-submit_border:active,
.modal__form-submit_border:hover {
  color: #ffc700;
  background: #171c27;
  border-color: #171c27
}
.modal__form-submit:first-child {
  margin-top: 0!important
}
.modal__close {
  width: 20px;
  height: 20px;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: -30px
}
.modal__close:after,
.modal__close:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px
}
.modal__close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modal__close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modal__links-auth {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  margin-right: -15px
}
.modal__links-auth-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding-right: 15px
}
.modal__links-auth-left .form-checkbox__auth-hidden-text {
  display: none
}
.modal__links-auth-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 15px
}
.modal__link-recovery {
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  color: #e1813c
}
.modal__link-recovery:active,
.modal__link-recovery:hover {
  text-decoration: underline
}
.modal__finish-text {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: normal;
  color: #000;
  padding: 15px 0 15px;
  max-width: 400px;
  margin: 0 auto
}
.buttons {
  position: fixed;
  z-index: 200;
  bottom: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}
.buttons__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto
}
.buttons__item:first-child {
  margin-top: 0
}
.buttons__link {
  width: auto;
  height: 54px;
  background: #ffc700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  text-decoration: none;
  position: relative
}
.buttons__link.active,
.buttons__link:active,
.buttons__link:hover {
  background: #171c27
}
.buttons__icon {
  fill: #252525;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.buttons__icon_user {
  width: 25px;
  height: 26px
}
.buttons__icon_basket {
  width: 27px;
  height: 22px
}
.buttons__icon_heart {
  width: 25px;
  height: 21px
}
.buttons__icon_phone {
  width: 26px;
  height: 21px
}
.buttons__link.active .buttons__icon,
.buttons__link:active .buttons__icon,
.buttons__link:hover .buttons__icon {
  fill: #ffc700
}
.buttons__count {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: red;
  color: #fff;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  position: absolute;
  left: 50%;
  top: -20px;
  margin-left: -15px
}
.page-info__title {
  color: #fff;
  position: relative;
  padding-left: 38px;
  margin: 0 0 11px
}
.page-info__arrow {
  position: absolute;
  left: 0;
  top: 9px;
  fill: #ffc700;
  width: 19px;
  height: 13px
}
.page-info__list {
  list-style: none;
  padding: 0;
  margin: 0 0 22px
}
.page-info__list-item {
  position: relative;
  padding-left: 40px;
  color: #fff;
  font-weight: 300;
  margin-top: 20px
}
.page-info__list-item:first-child {
  margin-top: 0
}
.page-info__list-marker {
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffc700
}
.page-info__list-marker:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #db8f35
}
.page-info__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  margin-right: -12px
}
.page-info__button-section {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 12px;
  margin-bottom: 12px
}
.page-info__button-section_request {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto
}
.page-info__button {
  display: block;
  border: 2px solid #ffc700;
  text-transform: uppercase;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
  text-decoration: none
}
.page-info__button_yellow {
  background: #ffc700;
  color: #171c27
}
.page-info__button_yellow:active,
.page-info__button_yellow:hover {
  border-color: #171c27;
  background: #171c27;
  color: #ffc700
}
.page-info__button_transparent {
  color: #ffc700
}
.page-info__button_transparent:active,
.page-info__button_transparent:hover {
  color: #ffc700;
  border-color: #171c27;
  background: #171c27
}
.page-info__button span {
  display: none
}
.breadcrumbs {
  padding-top: 20px;
  font-weight: 300;
  color: #bfbfbf;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.breadcrumbs__link {
  display: inline-block;
  margin: 0 10px 10px 0;
  color: #bfbfbf;
  text-decoration: none
}
.breadcrumbs__link:active,
.breadcrumbs__link:hover {
  color: #ffc700
}
.breadcrumbs__line {
  display: inline-block;
  margin: 0 10px 10px 0
}
.breadcrumbs__last {
  display: inline-block;
  margin: 0 10px 0 0
}
.order-product {
  background: #fff
}
.order-product__header {
  padding: 18.5px 15px
}
.order-product__section-name {
  font-size: 18px;
  margin: 0;
  font-weight: 400
}
.order-product_lk .order-product__section-name {
  font-weight: 400
}
.order-product__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding: 15px 0;
  position: relative;
  border-top: 1px solid #ececec;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.order-product__img-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 95px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
.order-product__img-link {
  display: block;
  text-decoration: none;
  position: relative;
  width: 100%;
  height: 100%
}
.order-product__img {
  display: block;
  position: absolute;
  left: 15px;
  top: 0;
  max-width: 65px;
  max-height: 49px
}
.order-product__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding-right: 50px;
  position: relative
}
.order-product_lk .order-product__info {
  padding-right: 15px
}
.order-product__main-info {
  position: relative;
  padding-left: 95px;
  min-height: 50px
}
.order-product__title {
  margin: 0;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  color: #e1813c;
  position: relative
}
.order-product__title-link {
  color: #e1813c;
  text-decoration: none
}
.order-product__title-link:active,
.order-product__title-link:hover {
  text-decoration: underline
}
.order-product__description {
  margin: 15px 0 0;
  font-size: 15px;
  line-height: 19px;
  padding-left: 15px
}
.order-product__sub-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  padding-left: 15px;
  padding-top: 15px
}
.order-product__sum {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  font-size: 18px;
  line-height: 18px;
  padding: 0 15px 0 0
}
.order-product__count {
  width: 132px;
  padding-right: 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.order-product__count .count {
  background: #ececec
}
.order-product__count-info {
  padding-right: 15px;
  font-size: 18px;
  line-height: 18px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding-top: 10px
}
.order-product__delete-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 20px;
  position: absolute;
  right: 15px;
  top: 15px
}
.order-product__delete-button {
  display: block;
  width: 20px;
  height: 20px;
  text-decoration: none;
  position: relative;
  margin: 0 auto
}
.order-product__delete-button:after,
.order-product__delete-button:before {
  content: "";
  display: block;
  width: 2px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: #e5e5e5
}
.order-product__delete-button:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.order-product__delete-button:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.card:hover {
  box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
}
.card__favorite {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  width: 38px;
  height: 38px
}
.card__favorite-input {
  display: none
}
.card__favorite-icon {
  display: block;
  width: 18px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7px;
  margin-left: -9px;
  stroke: #d6d6d6;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  fill: none
}
.card__favorite-input:checked + .card__favorite-icon {
  stroke: #ffc700;
  fill: #ffc700
}
.card__information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  text-decoration: none;
  background: #fff;
  border-bottom: 2px solid #ffc700;
  padding-bottom: 15px
}
.card__top-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  flex: 1 0 auto
}
.card__img {
  max-width: none;
  width: 100%
}
.card__title {
  font-size: 15px;
  line-height: 20px;
  color: #000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  word-wrap: break-word;
  width: 100%;
  text-align: center;
  margin: 35px 0 0;
  min-height: 60px;
  padding: 0 5px
}
.card__bottom-content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.card__price {
  font-size: 20px;
  line-height: normal;
  color: #e1813c;
  font-weight: 400;
  text-align: center;
  margin: 16px 0 0;
  padding: 0 5px
}
.pagination {
  position: relative;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 15px
}
.pagination__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding: 15px 15px 0 0
}
.pagination__link {
  display: block;
  min-width: 45px;
  height: 45px;
  text-align: center;
  font-size: 15px;
  line-height: 45px;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  color: #000;
  background: #fff;
  padding: 0 5px
}
.pagination__link:active,
.pagination__link:hover {
  color: #000;
  background: #ffc700
}
span.pagination__link {
  color: #000;
  background: #ffc700
}
.sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  margin-right: -30px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  color: #252525;
  line-height: normal;
  margin-bottom: 16px
}
.sort__label {
  margin-right: 30px;
  margin-bottom: 10px;
  display: none
}
.sort__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}
.sort__element {
  margin-right: 30px;
  padding-right: 13px;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px
}
.sort__element.active {
  color: #e1813c
}
.sort__element:after,
.sort__element:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 6px;
  height: 6px;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent
}
.sort__element:before {
  border-bottom: 6px solid #ffc700;
  top: 4px
}
.sort__element:after {
  border-top: 6px solid #ffc700;
  top: 13px
}
.sort__element.small-big:after {
  display: none
}
.sort__element.small-big:before {
  top: 8px
}
.sort__element.big-small:before {
  display: none
}
.sort__element.big-small:after {
  top: 8px
}
.table-block {
  margin-bottom: 40px
}
.table-block .section-name {
  margin-bottom: 15px
}
.table-block__content {
  overflow: hidden;
  overflow-x: auto;
  width: 100%
}
.table-block__content_desktop {
  display: none
}
.table-block__content_desktop th {
  text-align: left;
  vertical-align: bottom;
  font-weight: 700;
  color: #000
}
.table-block__content_desktop td,
.table-block__content_desktop th {
  padding: 15px
}
.table-block__content_desktop th {
  padding-top: 0
}
.table-block__content_desktop th[colspan] {
  padding-bottom: 10px
}
.table-block__content_desktop tbody {
  margin-top: 20px;
  border-top: 2px solid #ffc700
}
.table-block__content_desktop tbody tr {
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.table-block__content_desktop tbody tr:hover {
  background: #fff3dd!important
}
.table-block__content_desktop tbody tr:nth-child(even) {
  background: #efefef
}
.table-block__content_mobile {
  position: relative;
  margin-left: -15px!important;
  margin-right: -15px!important;
  width: auto
}
.table-block__content_mobile tr:first-child td {
  padding-top: 20px
}
.table-block__content_mobile tr:last-child td {
  padding-bottom: 20px
}
.table-block__content_mobile td {
  padding: 15px;
  vertical-align: middle;
  text-align: center;
  width: 90px
}
.table-block__content_mobile td:first-child {
  text-align: left;
  background: #fff!important;
  width: 45px
}
.table-block__content_mobile td:nth-child(2) {
  border-left: 2px solid #ffc700
}
.table-block__content_mobile td:nth-child(odd) {
  background: #efefef
}
.table-block__content_mobile td[colspan] {
  width: 90px
}
.table-block__content_mobile td[rowspan] {
  padding-right: 0;
  width: 1px
}
.table-block__content_mobile strong {
  display: block
}
.table-block__content table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  background: #fff;
  border: none;
  font-size: 15px;
  line-height: 19px;
  color: #252525
}
.table-block__rotate-text {
  width: 60px
}
.table-block__rotate-text strong {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-transform: scale(-1,-1);
  transform: scale(-1,-1);
  white-space: nowrap
}
.content-contacts {
  background: #fafafa;
  padding: 17px 15px;
  text-align: center;
  position: relative
}
.content-contacts__label {
  font-size: 18px;
  line-height: 27px
}
.content-contacts__phone {
  font-size: 25px;
  line-height: normal
}
.content-contacts__phone-link {
  color: #e1813c;
  text-decoration: none;
  cursor: default
}
.form__string_hidden {
  display: none
}
.form__cover-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin-right: -30px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  align-items: flex-end
}
.form__field {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  padding-right: 30px;
  margin-bottom: 24px
}
.form__field_radio {
  margin-bottom: 13px
}
.form__label {
  display: block;
  color: #9e9e9e;
  margin: 0 0 5px
}
.error .form__label {
  color: red
}
.form__field-wrapper {
  position: relative;
  padding-bottom: 1px
}
.form__button-edit {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 36px;
  z-index: 2;
  cursor: pointer;
  display: none
}
.form__button-edit-icon {
  display: block;
  width: 18px;
  height: 18px;
  fill: #e2e2e2;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -9px
}
.form__button-edit:hover .form__button-edit-icon {
  fill: #ffc700
}
.error-list__content {
  border-left: 2px solid red;
  font-size: 15px;
  line-height: 19px;
  color: red;
  padding: 10px 0 10px 15px;
  position: relative
}
.error-list__item {
  margin-top: 7px
}
.error-list__item:first-child {
  margin-top: 0
}
.table-gost {
  margin-bottom: 20px
}
.table-gost__tr {
  position: relative;
  padding: 14px 52px 14px 0;
  border-bottom: 2px solid #f3f3f3
}
.table-gost__tr_heading {
  border-bottom: 2px solid #ffc700!important;
  background: 0 0!important;
  display: none
}
.table-gost__td {
  color: #252525;
  font-size: 18px;
  line-height: 23px
}
.table-gost__td_heading {
  font-weight: 700;
  color: #000;
  padding-top: 10px;
  padding-bottom: 25px
}
.table-gost__button-download {
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 0
}
.table-gost__download-icon {
  display: block;
  width: 22px;
  height: 22px;
  fill: #ffc700
}
.wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  min-height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  padding-bottom: 54px
}
.wrapper__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  flex: 1 0 auto
}
.wrapper__footer {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.header {
  background: #171c27;
  left: 0;
  top: 0;
  width: 100%
}
.header__cover {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  height: 75px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  justify-content: space-between;
  z-index: 100
}
.header__pull {
  cursor: pointer;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -9px;
  display: block
}
.header__pull:after,
.header__pull:before {
  content: "";
  display: block;
  width: 18px;
  height: 4px;
  background: #fff;
  position: absolute;
  left: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.header__pull:before {
  top: 2px
}
.header__pull:after {
  top: 12px
}
.header__pull.active-nav:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 7px
}
.header__pull.active-nav:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 7px
}
.header__contacts {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.header__phone {
  display: block;
  text-decoration: none;
  cursor: default;
  color: #fff;
  margin: 0 8px;
  font-size: 21px;
  font-weight: 700;
  line-height: normal
}
.banner {
  background: #171c27;
  overflow: hidden;
  position: relative
}
.banner__content {
  height: 100%;
  position: relative
}
.banner__content:after,
.banner__content:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.banner__content:before {
  background: url(/local/templates/metallist/css/../images/bg-grid.png) left top repeat;
  z-index: 2;
  display: block
}
.banner__content:after {
  background: url(/local/templates/metallist/css/../images/bg-banner.jpg) center center no-repeat;
  background-size: cover;
  z-index: 1;
  opacity: .12;
  display: block
}
.banner__abstraction {
  position: absolute;
  right: -178px;
  top: -34px;
  height: 315px;
  width: auto;
  z-index: 3
}
.banner__img {
  position: absolute;
  max-width: none;
  width: 235px;
  height: 153px;
  right: -67px;
  z-index: 4;
  top: 26px;
  display: block
}
.banner__cover {
  z-index: 5;
  padding-bottom: 10px
}
.banner__information {
  width: 300px;
  padding-top: 27px;
  margin-bottom: 15px
}
.banner__title {
  color: #fff;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px
}
.banner__button {
  display: inline-block;
  margin-top: 24px;
  border: 2px solid #ffc700;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  color: #171c27;
  background: #ffc700;
  padding: 10px 35px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: none
}
.banner__button:active,
.banner__button:hover {
  border-color: #171c27;
  background: #171c27;
  color: #ffc700
}
.banner__advantages {
  position: relative;
  padding-top: 27px;
  z-index: 7
}
.banner__advantages-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px 0 0
}
.banner__advantage-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 10px;
  margin-bottom: 10px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}
.section-products {
  padding-top: 35px;
  padding-bottom: 7px
}
.section-products .section-name {
  margin-bottom: 20px
}
.section-products__description {
  margin-bottom: 25px;
  display: none
}
.addresses {
  background: #ececec;
  overflow: hidden
}
.addresses__cover {
  padding-bottom: 20px;
  padding-top: 30px
}
.addresses__item {
  margin-top: 10px
}
.addresses__item_inner {
  margin-top: 20px
}
.addresses__item:first-child {
  margin-top: 0!important
}
.footer__logos {
  background: #f1f1f1
}
.footer__logos-cover {
  overflow: hidden
}
.footer__logos-content {
  position: relative;
  overflow: hidden;
  padding-top: 22px
}
.footer__main-logo {
  position: relative
}
.footer__main-logo,
.footer__small-logo {
  margin-bottom: 22px
}
.footer__logo {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  text-decoration: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.footer__icon-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.footer__logo-icon {
  width: 56px;
  height: 56px;
  fill: #d6d6d6
}
.footer__main-logo .footer__logo-icon path:nth-child(1),
.footer__main-logo .footer__logo-icon path:nth-child(3),
.footer__main-logo .footer__logo-icon path:nth-child(6) {
  fill: #35a900
}
.footer__main-logo .footer__logo-icon path:nth-child(2),
.footer__main-logo .footer__logo-icon path:nth-child(5) {
  fill: #ffc700
}
.footer__main-logo .footer__logo-icon path:nth-child(4) {
  fill: #4e99f7
}
.footer__main-logo .footer__logo-icon path:nth-child(7) {
  fill: red
}
.footer__logo-name {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding-left: 18px
}
.footer__logo-name-text {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
  color: #252525;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.footer__logo-description {
  margin: 1px 0 0;
  font: 400 14px/18px "PT Russia Text",sans-serif;
  color: #707070
}
.footer__all-logos {
  display: none
}
.footer__logo.active .footer__logo-name-text,
.footer__logo:active .footer__logo-name-text,
.footer__logo:hover .footer__logo-name-text {
  color: #d6d6d6
}
.footer__logo_main.active .footer__logo-name-text,
.footer__logo_main:active .footer__logo-name-text,
.footer__logo_main:hover .footer__logo-name-text {
  color: #252525
}
.footer__logos-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 13px;
  cursor: pointer
}
.footer__logos-arrow-icon {
  width: 13px;
  height: 8px;
  stroke: #c6c6c6;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.footer__logos-arrow.active .footer__logos-arrow-icon {
  -webkit-transform: scale(1,-1);
  transform: scale(1,-1)
}
.footer__logos-arrow:hover .footer__logos-arrow-icon {
  stroke: #000
}
.footer__information {
  background: #ececec;
  font-size: 12px;
  line-height: 15px;
  overflow: hidden
}
.footer__information-cover {
  padding-bottom: 25px;
  padding-top: 10px
}
.footer__information-content {
  position: relative;
  color: #000
}
.footer__copyright,
.footer__policy,
.footer__studio {
  text-align: center;
  margin-top: 15px
}
.footer__copyright br,
.footer__policy br,
.footer__studio br {
  display: none
}
.footer__copyright {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto
}
.footer__policy {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto
}
.footer__studio {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.footer__policy-link {
  color: #000;
  text-decoration: none
}
.footer__policy-link:active,
.footer__policy-link:hover {
  text-decoration: underline
}
.footer__studio-link {
  color: #000;
  text-decoration: none
}
.footer__studio-link:active,
.footer__studio-link:hover {
  text-decoration: underline
}
.inner-banner {
  background: #171c27;
  position: relative
}
.inner-banner__abstraction {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 3;
  background: url(/local/templates/metallist/css/../images/bg-abstraction-gradient.png) right center no-repeat;
  background-size: auto 100%;
  opacity: .6
}
.inner-banner__bg-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: .05
}
.inner-banner .header {
  position: relative;
  z-index: 100
}
.inner-banner__wrapper {
  position: relative;
  padding-top: 75px;
  overflow: hidden
}
.inner-banner__wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 2;
  background: url(/local/templates/metallist/css/../images/bg-grid.png) left top repeat
}
.inner-banner__content {
  position: relative;
  z-index: 10
}
.inner-banner__name-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  margin-right: -30px;
  padding-bottom: 25px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center
}
.inner-banner__title {
  margin: 0!important;
  color: #fff;
  padding: 0 30px 0 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto
}
.inner-banner__name-button {
  display: none;
  font-weight: 500;
  font-size: 23px;
  line-height: 29px;
  color: #35a900;
  border: 2px solid #35a900;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  margin-right: 30px;
  padding: 22px 50px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.inner-banner__name-button:active,
.inner-banner__name-button:hover {
  border-color: #fff;
  color: #fff
}
.inner-banner__page-name {
  color: #fff
}
.services {
  padding-top: 40px
}
.catalog-content {
  padding-top: 40px
}
.order-products {
  background: #ececec
}
.order-products__cover {
  padding-top: 10px;
  padding-bottom: 10px
}
.order-products__section {
  margin-top: 10px
}
.order-products__section:first-child {
  margin-top: 0
}
.order-products__itog {
  background: #fff;
  padding: 15px 0 15px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.order-products__itog-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.order-products__itog-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  padding-right: 15px;
  font-size: 15px;
  line-height: 19px
}
.order-products__itog-sum {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 15px;
  width: 100%;
  font-size: 18px;
  line-height: 18px;
  color: #e1813c
}
.order-products__itog-button-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 15px;
  width: 100%;
  margin-top: 15px
}
.order-products__itog-button {
  padding: 10px 5px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background: #ffc700;
  border: 2px solid #ffc700;
  text-decoration: none;
  display: block
}
.order-products__itog-button:active,
.order-products__itog-button:hover {
  color: #ffc700;
  background: #171c27;
  border-color: #171c27
}
.lk {
  background: #ececec
}
.lk__cover {
  padding-top: 20px;
  padding-bottom: 20px
}
.lk__nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  background: #fff
}
.lk__nav-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 50%
}
.lk__nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  height: 59px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  font-size: 15px;
  line-height: 19px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  padding: 0 15px;
  font-weight: 500;
  width: 100%
}
.lk__nav-item.active .lk__nav-link {
  color: #e1813c;
  border-bottom-color: #ffc700
}
.lk__content {
  padding-top: 20px;
  display: none
}
.lk__order {
  margin-top: 20px;
  background: #fff
}
.lk__order:first-child {
  margin-top: 0
}
.lk__order-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  padding: 20px 50px 20px 15px;
  border-bottom: 1px solid #ececec;
  position: relative;
  cursor: pointer
}
.lk__order-arrow {
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer
}
.lk__order-arrow-icon {
  display: block;
  width: 18px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -4px;
  stroke: #000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.lk__order.active .lk__order-arrow-icon {
  -webkit-transform: scale(1,-1);
  transform: scale(1,-1)
}
.lk__order-number,
.lk__order-status,
.lk__order-sum {
  padding-right: 15px
}
.lk__order-number {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 700
}
.lk__order-sum {
  width: 370px;
  display: none;
  font-size: 36px;
  line-height: normal
}
.lk__order-status {
  font-size: 15px;
  line-height: 19px
}
.lk__order-status_green {
  color: #35a900
}
.lk__order-status_red {
  color: red
}
.lk__order-status_yellow {
  color: #f90
}
.lk__order-content {
  display: none
}
.lk__order.active .lk__order-content {
  display: block
}
.lk__info {
  background: #fff;
  padding: 30px 15px 15px;
  position: relative
}
.lk__info-fields {
  width: 100%
}
.lk__info-submit {
  width: 100%;
  text-align: center;
  height: 60px;
  padding: 0;
  border: 2px solid #ffc700;
  font: 400 18px/23px "Akzidenz Grotesk Pro",sans-serif;
  color: #171c27;
  text-transform: uppercase;
  cursor: pointer;
  outline: 0;
  background: #ffc700;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.lk__info-submit:active,
.lk__info-submit:hover {
  color: #ffc700;
  background: #171c27;
  border-color: #171c27
}
.contacts-list {
  background: #ececec
}
.contacts-list__cover {
  padding-top: 20px;
  padding-bottom: 50px
}
.contacts-list__nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  background: #fff
}
.contacts-list__nav-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 50%
}
.contacts-list__nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  justify-content: center;
  height: 59px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  font-size: 15px;
  line-height: 19px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  padding: 0 15px;
  font-weight: 500;
  width: 100%
}
.contacts-list__nav-item.active .contacts-list__nav-link {
  color: #e1813c;
  border-bottom-color: #ffc700
}
.contacts-list__content {
  padding-top: 20px;
  display: none
}
.contacts-list__content_requisites {
  padding-top: 0;
  background: #fff
}
.contacts-list__requisites-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  padding: 12px 15px 7px;
  color: #000;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.contacts-list__requisites-item:nth-child(odd) {
  background: #ececec
}
.contacts-list__requisites-title {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  font-weight: 700;
  margin-bottom: 5px
}
.contacts-list__requisites-name {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 5px
}
.contacts-list__requisites-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  width: 100%;
  margin-bottom: 5px
}
.wares {
  padding-top: 40px
}
.wares .text {
  padding-top: 20px
}
.service {
  background: #fff
}
.service__cover {
  overflow: hidden;
  padding-top: 40px
}
.service .text {
  padding: 35px 0 15px
}
.cards {
  padding-top: 26px;
  padding-bottom: 10px
}
.product-info {
  background: #fff
}
.product-info__cover {
  padding-top: 11px
}
.product-info__name {
  margin: 0 0 16px
}
.product-info__img-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  margin-bottom: 27px;
  height: 200px;
  position: relative
}
.product-info__cover_sub .product-info__img-block {
  margin-bottom: 25px
}
.product-info__img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto
}
.product-info__description {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto
}
.product-info__selects {
  margin-bottom: 25px
}
.product-info__selects-bars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}
.product-info__select-bar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 10px
}
.product-info__link-price-block {
  text-align: right;
  position: relative
}
.product-info__link-price {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  color: #e1813c;
  text-decoration: none;
  text-transform: uppercase
}
.product-info__link-price-text {
  background-image: -webkit-gradient(linear,left top,right top,color-stop(40%,#e1813c),color-stop(40%,transparent));
  background-image: -webkit-linear-gradient(left,#e1813c 40%,transparent 40%);
  background-image: linear-gradient(to right,#e1813c 40%,transparent 40%);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 5px 1px
}
.product-info__icon-question {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  top: -1px
}
.product-info__icon-question circle {
  fill: none;
  stroke: #e1813c
}
.product-info__icon-question path {
  fill: #e1813c
}
.product-info__slider {
  margin-bottom: 30px;
  position: relative
}
.product-info__slider-label {
  color: #b8b8b8;
  margin: 0 0 2px
}
.product-info__sub-info {
  background: #fafafa;
  padding: 15px 15px 0 15px;
  overflow: hidden;
  position: relative;
  margin-left: -15px;
  margin-right: -15px
}
.product-info__price-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}
.product-info__count-price {
  position: relative;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex
}
.product-info__price-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  margin-bottom: 15px;
  text-align: center
}
.product-info__price-block_inner {
  padding-right: 15px;
  text-align: left
}
.product-info__count-block {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 137px
}
.product-info__price-label {
  color: #000;
  line-height: 15px;
  margin-bottom: 5px
}
.product-info__price {
  font-size: 24px;
  line-height: 24px;
  color: #e1813c
}
.product-info__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  margin-right: -15px
}
.product-info__button-add {
  display: block;
  margin-right: 15px;
  margin-bottom: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  height: 42px;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  outline: 0;
  cursor: pointer;
  background: #ffc700;
  color: #171c27;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border: 2px solid #ffc700
}
.product-info__button-add:active,
.product-info__button-add:hover {
  color: #ffc700;
  border-color: #171c27;
  background: #171c27
}
.product-info__favorite {
  display: block;
  width: 42px;
  height: 42px;
  margin: 0 15px 15px 0
}
.product-info__favorite-input {
  display: none
}
.product-info__favorite-marker {
  display: block;
  width: 42px;
  height: 42px;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background: #e1e1e1;
  position: relative
}
.product-info__favorite-input:checked + .product-info__favorite-marker {
  background: #ffc700
}
.product-info__favorite-icon {
  width: 20px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -10px;
  fill: #000;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.product-info__sub-text {
  padding-bottom: 15px;
  overflow: hidden;
  padding-top: 30px
}
.product-info__bars-text {
  position: relative
}
.product-info__bar-text {
  font-size: 18px;
  line-height: 23px;
  margin-bottom: 32px
}
.product-info__bar-text_big {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto
}
.product-detail {
  background: #fff;
  overflow: hidden
}
.product-detail__cover {
  padding-top: 45px
}
.product-detail .text {
  padding-bottom: 15px
}
.product-detail .content-contacts {
  margin-bottom: 45px;
  margin-top: -27px
}
.inner-carousel {
  padding-bottom: 10px
}
.inner-carousel__header {
  padding-top: 28px;
  padding-bottom: 20px
}
.inner-carousel__container {
  position: relative
}
.inner-carousel__slider-wrapper {
  overflow: hidden
}
.inner-carousel__slider {
  position: relative;
  display: none;
  margin: 0 -5px
}
.inner-carousel .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-left: 0;
  margin-right: 0;
  display: flex
}
.inner-carousel .slick-track:after,
.inner-carousel .slick-track:before {
  display: none
}
.inner-carousel .slick-slide {
  float: none;
  height: auto;
  min-height: 0;
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: flex!important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.inner-carousel .slick-slide > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%
}
.inner-carousel__slide {
  display: -webkit-box!important;
  display: -webkit-flex!important;
  display: -moz-box!important;
  display: flex!important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%!important;
  padding: 0 5px
}
.order-step__content {
  background: #fff;
  padding: 22px 15px 15px;
  position: relative;
  margin: 0 -15px
}
.order-step__types {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}
.order-step__type {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  width: 100%;
  margin-bottom: 12px
}
.order-step__type-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  cursor: pointer
}
.order-step__type-input {
  display: none
}
.order-step__type-marker {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #ffc700;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.order-step__type-input:checked + .order-step__type-marker {
  border-width: 6px
}
.order-step__type-text {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  flex: 1 1 auto;
  padding-left: 15px;
  font-weight: 700;
  color: #000;
  line-height: normal;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  font-size: 18px;
  padding-top: 2px
}
.order-step__type-input:checked + .order-step__type-marker + .order-step__type-text {
  color: #e1813c
}
.order-step__bars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  padding-top: 13px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.order-step__left-bar,
.order-step__right-bar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto
}
.order-step__left-bar {
  width: 100%
}
.order-step__right-bar {
  width: 100%;
  padding-top: 15px
}
.order-step__right-bar .error-list {
  margin-top: 27px;
  margin-bottom: 7px
}
.order-step__section:first-child {
  margin-top: 0
}
.order-step__section .section-name {
  margin: 0 0 22px
}
.order-step__section .section-name__title {
  padding-right: 0
}
.order-step__itog {
  background: #f2f2f2;
  padding: 25px 20px 25px
}
.order-step__itog-sum {
  font-size: 24px;
  line-height: 24px;
  color: #161616
}
.order-step__itog-sum span {
  display: inline-block;
  color: #ffc700
}
.order-step__sum-list {
  margin: 15px 0 0
}
.order-step__sum-string {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  position: relative;
  margin-right: -20px;
  font-size: 15px;
  line-height: 15px;
  margin-top: 5px
}
.order-step__sum-string:first-child {
  margin-top: 0
}
.order-step__sum-name {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 20px;
  width: 165px
}
.order-step__link-edit {
  display: inline-block;
  margin: 15px 0 0;
  font-size: 15px;
  line-height: 19px;
  color: #e1813c;
  text-decoration: none;
  background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#e1813c),color-stop(50%,transparent));
  background-image: -webkit-linear-gradient(left,#e1813c 50%,transparent 50%);
  background-image: linear-gradient(to right,#e1813c 50%,transparent 50%);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 4px 2px
}
.order-step__controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.order-step__submit {
  width: 100%;
  text-align: center;
  height: 60px;
  padding: 0;
  border: 2px solid #ffc700;
  font: 400 18px/23px "Akzidenz Grotesk Pro",sans-serif;
  color: #252525;
  text-transform: uppercase;
  cursor: pointer;
  outline: 0;
  background: #ffc700;
  margin-top: 60px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: block;
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  order: 2
}
.order-step__submit:active,
.order-step__submit:hover {
  color: #ffc700;
  background: #171c27;
  border-color: #171c27
}
.order-step__ahtungs {
  padding-top: 20px;
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-box-ordinal-group: 2;
  order: 1
}
.order-step__ahtung {
  margin-top: 20px
}
.order-step__ahtung:first-child {
  margin-top: 0
}
.about-content {
  background: #fff
}
.about-content__cover {
  padding-top: 13px
}
.about-content__preview {
  margin: 0 0 30px
}
.about-content__section {
  padding-bottom: 5px
}
.about-content__section .section-name {
  margin: 0 0 15px
}
.about-content__section .section-name:before {
  height: 35px
}
.about-content__section .section-name__title {
  padding-right: 0;
  font-size: 18px
}
.empty-basket__cover {
  padding-top: 120px;
  padding-bottom: 120px
}
.empty-basket__icon {
  width: 100px;
  height: 100px;
  fill: #000;
  margin: 0 auto 15px
}
.empty-basket__text {
  text-align: center;
  font-size: 24px;
  line-height: normal;
  color: #000
}
.articles-list {
  background: #ececec
}
.articles-list__cover {
  padding-top: 30px;
  padding-bottom: 70px
}
.articles-list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  background: #fff;
  padding: 18px 15px 15px;
  position: relative;
  margin-top: 10px
}
.articles-list__item:first-child {
  margin-top: 0
}
.articles-list__img-block {
  width: 100%;
  margin: 0 auto 20px
}
.articles-list__img-link {
  display: block;
  text-decoration: none
}
.articles-list__img {
  max-width: none;
  width: 100%
}
.articles-list__content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  flex-direction: column;
  min-width: 0
}
.articles-list__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  flex: 1 0 auto
}
.articles-list__button-blok {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  justify-content: flex-end
}
.articles-list__title {
  font-weight: 700;
  font-size: 18px;
  color: #e1813c;
  margin: 0 0 18px
}
.articles-list__title-link {
  text-decoration: none;
  color: #e1813c
}
.articles-list__title-link:active,
.articles-list__title-link:hover {
  text-decoration: underline
}
.articles-list__button {
  border: 2px solid #e4e4e4;
  background: #fff;
  padding: 11px 30px;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 19px;
  color: #cfcfcf;
  font-weight: 500;
  text-decoration: none;
  display: block;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.articles-list__button:active,
.articles-list__button:hover {
  background: #171c27;
  border-color: #171c27;
  color: #ffc700
}
.info {
  background: #fff;
  overflow: hidden
}
.info__cover {
  padding-top: 28px;
  padding-bottom: 30px
}
.info .section-name {
  margin-bottom: 15px
}
.gost-list__cover {
  padding-top: 30px;
  padding-bottom: 70px
}
.gost-list__item {
  margin-top: 10px;
  background: #fff
}
.gost-list__item:first-child {
  margin-top: 0
}
.gost-list__item-heading {
  position: relative;
  padding: 15px 50px 15px 15px;
  font-size: 18px;
  line-height: normal;
  color: #000;
  cursor: pointer
}
.gost-list__item-arrow {
  display: block;
  width: 18px;
  height: 8px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  stroke: #000;
  margin-top: -4px
}
.gost-list__item.active .gost-list__item-arrow {
  -webkit-transform: scale(1,-1);
  transform: scale(1,-1)
}
.gost-list__item-content {
  padding: 0 15px 15px;
  display: none
}
.gost-list__item.active .gost-list__item-content {
  display: block
}
.gost-list__item-links {
  list-style: none;
  padding: 0;
  margin: 0
}
.gost-list__item-link-block {
  margin-top: 10px;
  font-size: 15px;
  line-height: normal;
  font-weight: 700;
  color: #e1813c
}
.gost-list__item-link-block:first-child {
  margin-top: 0
}
.gost-list__item-link {
  color: #e1813c;
  text-decoration: none
}
.gost-list__item-link:active,
.gost-list__item-link:hover {
  text-decoration: underline
}
@media screen and (min-width:480px) {
  .jq-file__name {
    height: 64px
  }
  .product__name {
    padding: 5px 10px
  }
  .fancybox-slide--html {
    padding: 15px 40px
  }
  .modal {
    padding: 30px
  }
  .modal__close {
    right: -30px;
    top: 0
  }
  .modal__links-auth-left .form-checkbox__auth-hidden-text {
    display: inline
  }
  .buttons {
    right: 15px;
    top: 50%;
    bottom: auto;
    width: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block
  }
  .buttons__item {
    margin-top: 7px
  }
  .buttons__link {
    width: 50px;
    height: 50px
  }
  .buttons__icon_user {
    width: 17px;
    height: 18px
  }
  .buttons__icon_basket {
    width: 19px;
    height: 16px
  }
  .buttons__icon_heart {
    width: 17px;
    height: 14px
  }
  .buttons__icon_phone {
    width: 18px;
    height: 14px
  }
  .buttons__count {
    left: -10px;
    top: 50%;
    margin-top: -10px;
    margin-left: 0;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px
  }
  .card__title {
    padding: 0 10px
  }
  .card__price {
    padding: 0 10px
  }
  .sort__label {
    display: block
  }
  .wrapper {
    padding-bottom: 0
  }
  .order-products__itog {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .order-products__itog-wrapper {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto
  }
  .order-products__itog-button-block {
    width: auto;
    margin-top: 0
  }
}
@media screen and (min-width:600px) {
  .jq-selectbox__select {
    font-size: 18px;
    height: 59px;
    padding-left: 15px
  }
  .jq-selectbox__select-text {
    padding-top: 17px
  }
  .jq-selectbox__trigger-arrow {
    top: 25px
  }
  .jq-selectbox__dropdown {
    font-size: 18px
  }
  .jq-selectbox ul {
    max-height: 177px!important
  }
  .jq-selectbox li {
    padding: 17.5px 15px
  }
  .count {
    height: 59px
  }
  .count__field {
    font-size: 18px
  }
  .slick-dots {
    padding-top: 10px
  }
  .form-input,
  .form-textarea {
    font-size: 18px
  }
  .form-input {
    padding: 0 15px;
    height: 59px
  }
  .form-textarea {
    padding: 15px;
    height: 130px
  }
  .catalog__list {
    margin-right: -20px
  }
  .catalog__item {
    padding-right: 20px;
    margin-bottom: 20px
  }
  .catalog__all-block {
    padding: 30px
  }
  .catalog__all-block:before {
    background-position: 50px center
  }
  .product__name {
    min-height: 90px;
    padding: 5px 20px
  }
  .product__title {
    font-size: 18px;
    line-height: 22px
  }
  .modal__form-submit {
    font-size: 15px;
    line-height: 19px;
    height: 59px
  }
  .page-info__title {
    font-size: 36px;
    padding-left: 50px;
    margin-bottom: 20px
  }
  .page-info__arrow {
    width: 37px;
    height: 25px;
    top: 11px
  }
  .page-info__list {
    margin-bottom: 33px
  }
  .page-info__buttons {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .page-info__button-section_request {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto
  }
  .page-info__button {
    padding: 18px 40px;
    font-size: 15px;
    line-height: 19px
  }
  .page-info__button span {
    display: inline
  }
  .breadcrumbs {
    padding-top: 26px;
    padding-bottom: 6px;
    white-space: normal;
    overflow: visible
  }
  .order-product__header {
    padding-top: 14.5px;
    padding-bottom: 14.5px
  }
  .order-product__section-name {
    font-size: 24px
  }
  .order-product__img-block {
    width: 130px
  }
  .order-product__img {
    max-width: 100px;
    max-height: 75px
  }
  .order-product__main-info {
    padding-left: 130px;
    min-height: 75px
  }
  .order-product__title {
    font-size: 18px;
    line-height: 23px
  }
  .order-product__description {
    font-size: 18px;
    line-height: 23px
  }
  .order-product__sum {
    font-size: 24px;
    line-height: 24px
  }
  .order-product__count {
    width: 152px
  }
  .order-product__count-info {
    font-size: 24px;
    line-height: 24px
  }
  .card__favorite {
    width: 46px;
    height: 40px
  }
  .card__favorite-icon {
    width: 26px;
    height: 22px;
    margin-top: -11px;
    margin-left: -13px
  }
  .card__title {
    font-size: 18px;
    line-height: 23px;
    min-height: 69px;
    padding: 0 20px
  }
  .card__price {
    font-size: 25px;
    padding: 0 20px
  }
  .sort {
    font-size: 18px
  }
  .sort__element {
    padding-right: 20px
  }
  .sort__element:after,
  .sort__element:before {
    width: 9px;
    height: 9px;
    border-right: 4.5px solid transparent;
    border-left: 4.5px solid transparent
  }
  .sort__element:before {
    border-bottom: 9px solid #ffc700;
    top: 2px
  }
  .sort__element:after {
    border-top: 9px solid #ffc700;
    top: 15px
  }
  .sort__element.small-big:before {
    top: 9px
  }
  .sort__element.big-small:after {
    top: 9px
  }
  .table-block .section-name {
    margin-bottom: 35px
  }
  .table-block__content_desktop {
    display: block
  }
  .table-block__content_mobile {
    display: none
  }
  .banner__abstraction {
    height: 100%;
    right: -300px;
    top: 0
  }
  .banner__img {
    width: 450px;
    height: 293px;
    right: -128px;
    top: 35px
  }
  .banner__information {
    width: 500px;
    padding-top: 67px
  }
  .banner__title {
    font-size: 36px;
    line-height: 36px
  }
  .banner__button {
    font-size: 15px;
    line-height: 19px;
    padding: 18px 40px;
    margin-top: 47px
  }
  .banner__advantages {
    padding-top: 38px
  }
  .section-products {
    padding-top: 25px
  }
  .section-products .section-name {
    margin-bottom: 25px
  }
  .addresses__cover {
    padding-top: 20px
  }
  .inner-banner__wrapper:before {
    top: 75px
  }
  .inner-banner__name-page {
    padding-bottom: 33px
  }
  .inner-banner__title {
    font-size: 36px
  }
  .inner-banner__page-name {
    font-size: 36px;
    margin-bottom: 30px
  }
  .services {
    padding-bottom: 20px
  }
  .catalog-content {
    padding-bottom: 20px
  }
  .order-products__cover {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .order-products__section {
    margin-top: 30px
  }
  .order-products__itog-label {
    font-size: 18px;
    line-height: 23px
  }
  .order-products__itog-label {
    margin-bottom: 5px
  }
  .order-products__itog-sum {
    font-size: 24px;
    line-height: 24px
  }
  .order-products__itog-button {
    padding: 18px 40px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 500
  }
  .lk__order-header {
    padding-top: 18px;
    padding-bottom: 18px
  }
  .lk__order-number {
    font-size: 24px
  }
  .lk__order-status {
    font-size: 18px;
    line-height: 23px
  }
  .contacts-list__requisites-item {
    padding: 12px 0 12px 30px;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 18px;
    line-height: 23px
  }
  .contacts-list__requisites-title {
    padding-right: 30px;
    margin-bottom: 0
  }
  .contacts-list__requisites-name {
    padding-right: 30px;
    width: 240px;
    margin-bottom: 0
  }
  .contacts-list__requisites-text {
    padding-right: 30px;
    margin-bottom: 0
  }
  .wares {
    padding-bottom: 20px
  }
  .cards {
    padding-bottom: 30px
  }
  .product-info__cover {
    padding-top: 22px
  }
  .product-info__name {
    font-size: 36px;
    margin: 0 0 30px
  }
  .product-info__img-block {
    height: 450px;
    margin-bottom: 40px
  }
  .product-info__cover_sub .product-info__img-block {
    margin-bottom: 35px
  }
  .product-info__selects-bars {
    margin-right: -20px
  }
  .product-info__select-bar {
    padding-right: 20px;
    margin-bottom: 20px
  }
  .product-info__slider-label {
    font-size: 18px;
    line-height: normal
  }
  .product-info__price-block_inner {
    padding-top: 3px
  }
  .product-info__price-label {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px
  }
  .product-info__button-add {
    height: 59px;
    font-size: 15px;
    line-height: 19px;
    padding: 19px 0
  }
  .product-info__favorite {
    width: 59px;
    height: 59px
  }
  .product-info__favorite-marker {
    width: 59px;
    height: 59px
  }
  .product-info__bars-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: -50px
  }
  .product-info__bar-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 50px
  }
  .product-info__bar-text_small {
    width: 270px
  }
  .inner-carousel {
    padding-bottom: 50px
  }
  .order-step__cover {
    padding-bottom: 35px;
    padding-top: 25px
  }
  .order-step__content {
    margin: 0
  }
  .articles-list__item {
    padding: 25px;
    margin-top: 20px;
    text-align: center
  }
  .articles-list__img-block {
    margin-bottom: 30px;
    width: 400px
  }
  .articles-list__button-blok {
    padding-top: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
  }
  .articles-list__title {
    font-size: 24px;
    margin: 0 0 25px
  }
  .gost-list__item {
    margin-top: 20px
  }
  .gost-list__item-heading {
    padding: 25px 75px 25px 25px;
    font-size: 24px
  }
  .gost-list__item-arrow {
    width: 24px;
    height: 12px;
    margin-top: -6px;
    right: 25px
  }
  .gost-list__item-content {
    padding: 0 25px 25px
  }
  .gost-list__item-link-block {
    font-size: 18px
  }
}
@media screen and (min-width:768px) {
  .jq-selectbox__select {
    height: 72px;
    padding: 0 56px 0 30px;
    font-size: 24px
  }
  .jq-selectbox__select-text {
    padding-top: 19px
  }
  .jq-selectbox__trigger {
    width: 56px
  }
  .jq-selectbox__trigger-arrow {
    top: 28px;
    right: 21px;
    width: 11px;
    height: 11px
  }
  .jq-selectbox__dropdown {
    font-size: 24px
  }
  .jq-selectbox ul {
    max-height: 360px!important
  }
  .jq-selectbox li {
    padding: 20.5px 56px 20.5px 30px
  }
  .jq-selectbox li:before {
    display: block
  }
  .irs,
  .irs--flat {
    height: 97px
  }
  .irs {
    font-size: 18px
  }
  .irs--flat .irs-line {
    top: 61px
  }
  .irs--flat .irs-bar {
    top: 61px
  }
  .irs--flat .irs-handle {
    top: 53px
  }
  .irs--flat .irs-max,
  .irs--flat .irs-min {
    font-size: 24px;
    line-height: 24px
  }
  .irs--flat .irs-from,
  .irs--flat .irs-single,
  .irs--flat .irs-to {
    font-size: 36px;
    line-height: 36px
  }
  .count {
    height: 83px;
    padding: 0 70px
  }
  .count__field {
    font-size: 36px
  }
  .count__button {
    width: 70px
  }
  .count__button:after {
    height: 18px;
    margin-top: -9px
  }
  .count__button:before {
    width: 18px;
    margin-left: -9px
  }
  .form-input,
  .form-textarea {
    font-size: 24px
  }
  .error .form-input,
  .error .form-textarea {
    box-shadow: inset 0 0 0 2px red
  }
  .form-input {
    padding: 0 30px;
    height: 72px
  }
  .form-input:disabled {
    font-size: 36px;
    height: 47px;
    margin-bottom: 15px;
    padding-right: 65px
  }
  .form-textarea {
    padding: 20px 30px
  }
  .form-checkbox__marker {
    width: 25px;
    height: 25px
  }
  .form-checkbox__marker_big {
    top: 0
  }
  .form-checkbox__icon {
    width: 14px;
    height: 10px;
    margin-left: -7px;
    margin-top: -5px
  }
  .form-checkbox__text {
    font-size: 18px;
    line-height: 23px
  }
  .form-checkbox__text_big {
    font-size: 24px;
    line-height: 31px;
    position: relative;
    margin-top: -3px
  }
  .form-radio__marker {
    width: 30px;
    height: 30px
  }
  .form-radio__input:checked + .form-radio__marker {
    border-width: 6px
  }
  .form-radio__text {
    font-size: 18px;
    line-height: 23px;
    padding-top: 5px
  }
  .form-radio__text_big {
    font-size: 24px;
    line-height: 31px;
    padding-top: 0;
    padding-left: 15px
  }
  .jq-file__name {
    font-size: 17px;
    line-height: 25px
  }
  .logo {
    width: auto;
    margin: 0
  }
  .nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: auto;
    background: 0 0;
    position: relative;
    top: 0;
    height: 100%;
    border-top: none;
    border-bottom: none
  }
  .nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin: 0 -17px 0 0;
    padding: 0
  }
  .nav__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
  .nav__link:active,
  .nav__link:hover {
    color: #ffc700
  }
  .nav__link-text {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    padding: 0 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto
  }
  .nav__item.active .nav__link {
    color: #fff!important
  }
  .nav__item.active .nav__link-text {
    border-bottom-color: #ffc700
  }
  .section-name_inner {
    padding: 3px 0 3px 20px
  }
  .section-name_inner:before {
    display: block
  }
  .section-name_inner .section-name__title {
    font-size: 24px
  }
  .catalog__item {
    width: 33.3333333333%
  }
  .product__img_desktop {
    display: block
  }
  .product__img_mobile {
    display: none
  }
  .address__content {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 25px 15px 0
  }
  .address__button-block-gray,
  .address__button-block-yellow,
  .address__emails,
  .address__information,
  .address__phones {
    padding-left: 15px;
    padding-right: 15px
  }
  .address__information {
    width: 44%
  }
  .address__point {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 25px
  }
  .address__time {
    margin-bottom: 25px
  }
  .address__button-block-gray {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    order: 1
  }
  .address__button-block-yellow {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    order: 2
  }
  .address__button-gray,
  .address__button-yellow {
    margin-bottom: 25px
  }
  .address__contacts-elements {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    order: 3;
    width: auto
  }
  .address__phones {
    padding-bottom: 25px;
    width: 50%
  }
  .address__emails {
    padding-bottom: 25px;
    width: 50%
  }
  .fancybox-slide--html {
    padding-left: 80px;
    padding-right: 80px
  }
  .modal .section-name:before {
    height: 54px
  }
  .modal .section-name__title {
    font-size: 36px
  }
  .modal__form-label {
    font-size: 18px;
    line-height: 23px
  }
  .modal__form-submit {
    font-size: 23px;
    line-height: 29px;
    height: 80px;
    margin-top: 30px
  }
  .modal__close {
    width: 36px;
    height: 36px;
    right: -58px
  }
  .modal__close:after,
  .modal__close:before {
    margin-left: -2px;
    width: 4px
  }
  .modal__links-auth {
    margin-right: -30px
  }
  .modal__links-auth-left {
    padding-right: 30px
  }
  .modal__links-auth-left .form-checkbox__marker {
    top: 3px
  }
  .modal__links-auth-left .form-checkbox__text {
    padding-top: 0;
    font-size: 24px;
    line-height: normal
  }
  .modal__links-auth-right {
    padding-right: 30px
  }
  .modal__link-recovery {
    font-size: 24px;
    line-height: normal
  }
  .modal__finish-text {
    font-size: 36px;
    line-height: 44px;
    max-width: 630px;
    padding-bottom: 20px
  }
  .page-info__title {
    margin: 0 0 40px
  }
  .page-info__list {
    margin-bottom: 45px
  }
  .page-info__list-item {
    font-size: 18px;
    line-height: 23px
  }
  .page-info__list-marker {
    top: 2px
  }
  .page-info__buttons {
    margin-right: -25px
  }
  .page-info__button-section {
    padding-right: 25px;
    margin-bottom: 25px
  }
  .page-info__button {
    margin-bottom: 25px
  }
  .order-product__header {
    padding: 26.5px 25px
  }
  .order-product__section-name {
    font-size: 36px
  }
  .order-product__item {
    padding: 25px 0
  }
  .order-product__img-block {
    width: 275px
  }
  .order-product__img {
    max-width: 225px;
    max-height: 188px;
    left: 25px
  }
  .order-product__info {
    padding-left: 275px;
    min-height: 173px;
    padding-right: 86px
  }
  .order-product_lk .order-product__info {
    padding-right: 25px
  }
  .order-product__main-info {
    position: static;
    padding-left: 0;
    min-height: 0
  }
  .order-product__title {
    font-size: 29px;
    line-height: 37px
  }
  .order-product__description {
    margin: 25px 0 0;
    font-size: 29px;
    line-height: 37px;
    padding: 0
  }
  .order-product__sub-detail {
    padding-left: 25px;
    padding-top: 40px
  }
  .order-product__sum {
    font-size: 36px;
    line-height: 46px;
    padding: 0 25px 0 0
  }
  .order-product__count {
    width: 289px;
    padding-right: 25px
  }
  .order-product__count-info {
    padding-right: 25px;
    font-size: 36px;
    line-height: 46px
  }
  .order-product__delete-block {
    right: 25px;
    top: 25px;
    width: 36px
  }
  .order-product__delete-button {
    width: 36px;
    height: 36px
  }
  .order-product__delete-button:after,
  .order-product__delete-button:before {
    margin-left: -2px;
    width: 4px;
    height: 36px
  }
  .text {
    font-size: 18px;
    line-height: 23px
  }
  .pagination__link {
    min-width: 53px;
    height: 53px;
    font-size: 24px;
    line-height: 53px
  }
  .sort {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end;
    margin-right: -45px
  }
  .sort__label {
    margin-right: 45px
  }
  .sort__element {
    margin-right: 45px
  }
  .table-block {
    margin-bottom: 45px
  }
  .table-block .section-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 3px 0 3px 29px;
    margin-bottom: 45px
  }
  .table-block .section-name:before {
    height: 54px;
    display: block
  }
  .table-block .section-name__title {
    font-size: 36px
  }
  .table-block__content_desktop td,
  .table-block__content_desktop th {
    padding-left: 25px;
    padding-right: 25px
  }
  .table-block__content table {
    font-size: 18px;
    line-height: 23px
  }
  .content-contacts {
    padding-top: 50px;
    padding-bottom: 35px
  }
  .content-contacts__label {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 11px
  }
  .content-contacts__phone {
    font-size: 47px
  }
  .form__field {
    margin-bottom: 29px
  }
  .form__field_small {
    width: 33.3333333333%
  }
  .form__field_radio {
    margin-bottom: 29px
  }
  .form__label {
    font-size: 18px;
    line-height: 23px
  }
  .form__button-edit {
    width: 36px;
    height: 47px
  }
  .form__button-edit-icon {
    width: 36px;
    height: 34px;
    margin-top: -17px
  }
  .error-list__content {
    font-size: 18px;
    line-height: 23px;
    border-left-width: 5px;
    padding-left: 23px
  }
  .header__cover {
    height: 90px
  }
  .header__pull {
    display: none
  }
  .banner__img {
    right: -82px;
    top: 50px
  }
  .banner__cover {
    padding-bottom: 0
  }
  .banner__advantages {
    padding-top: 52px
  }
  .banner__advantages-list {
    margin-right: -15px
  }
  .banner__advantage-item {
    width: 33.3333333333%;
    padding-right: 15px;
    margin-bottom: 15px
  }
  .addresses__item {
    margin-top: 20px
  }
  .footer__information-cover {
    padding-top: 20px;
    padding-bottom: 20px
  }
  .footer__information-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: -25px
  }
  .footer__copyright,
  .footer__policy,
  .footer__studio {
    padding-right: 25px;
    text-align: left;
    margin-top: 0
  }
  .footer__copyright br,
  .footer__policy br,
  .footer__studio br {
    display: block
  }
  .footer__copyright {
    width: 50%
  }
  .footer__policy {
    width: 50%
  }
  .footer__policy-link {
    text-decoration: underline
  }
  .footer__policy-link:active,
  .footer__policy-link:hover {
    text-decoration: none
  }
  .inner-banner__wrapper {
    padding-top: 90px
  }
  .inner-banner__wrapper:before {
    top: 90px
  }
  .order-products__itog {
    padding: 25px 0 25px 25px
  }
  .order-products__itog-label {
    padding-right: 25px;
    font-size: 29px;
    line-height: 37px
  }
  .order-products__itog-sum {
    padding-right: 25px;
    font-size: 48px;
    line-height: 48px
  }
  .order-products__itog-button-block {
    padding-right: 25px
  }
  .order-products__itog-button {
    padding: 25px 0;
    font-size: 23px;
    line-height: 29px;
    width: 288px
  }
  .lk__nav-link {
    height: 90px;
    font-size: 24px;
    line-height: 30px
  }
  .lk__order-header {
    padding: 26.5px 68px 26.5px 25px
  }
  .lk__order-arrow {
    width: 68px
  }
  .lk__order-number,
  .lk__order-status,
  .lk__order-sum {
    padding-right: 25px
  }
  .lk__order-number {
    font-size: 36px;
    line-height: normal;
    font-weight: 400
  }
  .lk__order-status {
    font-size: 36px;
    line-height: normal;
    width: 215px
  }
  .lk__info {
    padding: 35px
  }
  .lk__info-button-block {
    padding-top: 100px
  }
  .lk__info-submit {
    font-size: 23px;
    line-height: 29px;
    width: 515px;
    height: 83px
  }
  .contacts-list__nav-link {
    height: 90px;
    font-size: 24px;
    line-height: 30px
  }
  .contacts-list__requisites-name {
    width: 340px
  }
  .product-info__cover {
    padding-bottom: 20px
  }
  .product-info__cover_sub .product-info__img-block {
    margin-bottom: 53px
  }
  .product-info__selects .jq-selectbox__select {
    height: 83px;
    font-size: 29px
  }
  .product-info__selects .jq-selectbox__select-text {
    padding-top: 21px
  }
  .product-info__selects .jq-selectbox__trigger-arrow {
    width: 13px;
    height: 13px;
    top: 33px
  }
  .product-info__selects .jq-selectbox__dropdown {
    font-size: 29px
  }
  .product-info__selects .jq-selectbox ul {
    max-height: 415px!important
  }
  .product-info__selects .jq-selectbox li {
    padding: 22.5px 56px 22.5px 30px
  }
  .product-info__selects .jq-selectbox li:before {
    width: 24px;
    height: 14px;
    right: 15px;
    top: 30px
  }
  .product-info__link-price {
    font-size: 20px;
    line-height: 26px;
    padding-right: 48px
  }
  .product-info__icon-question {
    width: 33px;
    height: 33px;
    top: -4px
  }
  .product-info__slider {
    margin-bottom: 50px
  }
  .product-info__slider-label {
    font-size: 29px;
    line-height: 37px;
    margin-bottom: 17px
  }
  .product-info__sub-info {
    padding: 35px 50px 0 50px;
    margin: 0
  }
  .product-info__cover_sub .product-info__sub-info {
    margin-bottom: 53px
  }
  .product-info__count-price {
    margin-right: -50px
  }
  .product-info__price-block {
    margin-bottom: 30px
  }
  .product-info__price-block_inner {
    padding-right: 50px;
    margin-bottom: 50px;
    padding-top: 0
  }
  .product-info__count-block {
    margin-right: 50px;
    margin-bottom: 50px;
    width: 255px
  }
  .product-info__price-label {
    font-size: 29px;
    line-height: 29px
  }
  .product-info__price {
    font-size: 48px;
    line-height: 48px
  }
  .product-info__buttons {
    margin-right: -50px
  }
  .product-info__button-add {
    margin-right: 50px;
    margin-bottom: 50px;
    font-size: 24px;
    line-height: 31px;
    height: 83px;
    padding: 24px 0
  }
  .product-info__favorite {
    width: 83px;
    height: 83px;
    margin: 0 50px 50px 0
  }
  .product-info__favorite-marker {
    width: 83px;
    height: 83px
  }
  .product-info__sub-text {
    padding-bottom: 25px;
    padding-top: 0
  }
  .product-info__bar-text {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 32px
  }
  .product-detail__cover {
    padding-top: 27px
  }
  .product-detail .text {
    padding-bottom: 22px
  }
  .product-detail .content-contacts {
    margin-bottom: 55px
  }
  .inner-carousel__header {
    padding-bottom: 37px;
    padding-top: 45px
  }
  .inner-carousel .section-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 2px 0 2px 20px
  }
  .inner-carousel .section-name:before {
    height: 35px;
    display: block
  }
  .inner-carousel__slider {
    margin: 0 -10px
  }
  .inner-carousel__slide {
    padding: 0 10px
  }
  .order-step__content {
    padding: 45px 25px 25px
  }
  .order-step__types {
    margin-right: -60px
  }
  .order-step__type {
    padding-right: 60px;
    width: auto;
    margin-bottom: 20px
  }
  .order-step__type-marker {
    width: 35px;
    height: 35px;
    border-width: 4px
  }
  .order-step__type-input:checked + .order-step__type-marker {
    border-width: 9px
  }
  .order-step__type-text {
    padding-left: 20px;
    font-size: 27px;
    padding-top: 0
  }
  .order-step__bars {
    padding-top: 18px
  }
  .order-step__right-bar {
    padding-top: 27px
  }
  .order-step__right-bar .error-list {
    margin-bottom: 0
  }
  .order-step__section {
    margin-top: 20px
  }
  .order-step__section .section-name {
    margin: 0 0 47px;
    padding: 3px 0 3px 29px
  }
  .order-step__section .section-name:before {
    height: 54px;
    display: block
  }
  .order-step__section .section-name__title {
    font-size: 36px
  }
  .order-step__itog {
    padding: 40px 50px 37px
  }
  .order-step__itog-sum {
    font-size: 48px;
    line-height: 48px
  }
  .order-step__sum-list {
    margin-top: 29px
  }
  .order-step__sum-string {
    margin-right: -30px;
    font-size: 24px;
    line-height: 24px;
    margin-top: 8px
  }
  .order-step__sum-name {
    padding-right: 30px;
    width: 270px
  }
  .order-step__link-edit {
    font-size: 24px;
    line-height: 31px;
    margin-top: 23px;
    background-size: 6px 3px;
    padding-bottom: 2px
  }
  .order-step__submit {
    font-size: 23px;
    line-height: 29px;
    height: 83px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    order: 1;
    margin-top: 27px
  }
  .order-step__ahtungs {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    order: 2;
    padding-top: 25px
  }
  .order-step__ahtung {
    margin-top: 25px
  }
  .about-content__cover {
    padding-top: 28px
  }
  .about-content__preview {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 35px
  }
  .about-content__section {
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 30px
  }
  .about-content__section .section-name {
    padding: 3px 0 3px 20px;
    margin-bottom: 22px
  }
  .about-content__section .section-name:before {
    display: block
  }
  .about-content__section .section-name__title {
    font-size: 24px
  }
  .empty-basket__icon {
    width: 162px;
    height: 160px;
    margin-bottom: 20px
  }
  .empty-basket__text {
    font-size: 36px
  }
  .info .section-name {
    margin-bottom: 22px
  }
}
@media screen and (min-width:990px) {
  body {
    font-size: 18px;
    line-height: 27px
  }
  p {
    margin: 0 0 27px
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0 0 27px
  }
  .h1,
  h1 {
    font-size: 48px
  }
  .h2,
  h2 {
    font-size: 38px
  }
  .h3,
  h3 {
    font-size: 36px
  }
  .h4,
  h4 {
    font-size: 34px
  }
  .h5,
  h5 {
    font-size: 24px
  }
  .h6,
  h6 {
    font-size: 18px
  }
  ol,
  ul {
    margin: 0 0 27px
  }
  q {
    margin: 0 0 27px
  }
  .cover {
    max-width: 970px
  }
  .slick-dots {
    padding-top: 26px
  }
  .nav__list {
    margin-right: 0
  }
  .advantage {
    padding: 30px 30px 20px
  }
  .advantage__title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px
  }
  .advantage__text {
    margin-bottom: 10px
  }
  .section-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: 3px 0 3px 29px
  }
  .section-name_inner {
    padding: 3px 0 3px 29px
  }
  .section-name:before {
    height: 54px;
    display: block
  }
  .section-name_inner:before {
    height: 54px
  }
  .section-name__title {
    font-size: 36px
  }
  .section-name_inner .section-name__title {
    font-size: 36px
  }
  .catalog__all-block {
    padding: 25px
  }
  .catalog__all-button {
    font-size: 20px;
    height: 80px
  }
  .product__title {
    font-size: 20px;
    line-height: 24px
  }
  .address__content {
    padding: 20px 10px 0
  }
  .address__button-block-gray,
  .address__button-block-yellow,
  .address__emails,
  .address__information,
  .address__phones {
    padding-left: 20px;
    padding-right: 20px
  }
  .address__information {
    width: 40%;
    padding-bottom: 5px
  }
  .address__point {
    margin-bottom: 15px
  }
  .address__time {
    margin-bottom: 15px;
    line-height: 23px
  }
  .address__button-block-gray,
  .address__button-block-yellow {
    padding-bottom: 5px
  }
  .address__button-gray,
  .address__button-yellow {
    font-size: 20px;
    padding: 15px 25px;
    margin-bottom: 15px
  }
  .address__phones {
    padding-bottom: 14px
  }
  .address__emails {
    padding-bottom: 20px
  }
  .address__phone-link {
    font-size: 22px;
    line-height: 23px
  }
  .address__map-container {
    height: 410px
  }
  .modal {
    padding: 70px 80px 80px
  }
  .modal .section-name {
    margin: 0 0 60px
  }
  .modal .section-name__title {
    font-size: 38px
  }
  .modal__button-block {
    padding-top: 15px
  }
  .modal__finish-text {
    font-size: 38px;
    line-height: 46px;
    padding-bottom: 5px
  }
  .page-info {
    padding-top: 50px;
    padding-bottom: 45px
  }
  .page-info__title {
    margin: 0 0 80px;
    padding-left: 60px
  }
  .page-info__arrow {
    top: 20px
  }
  .page-info__list {
    margin-bottom: 85px
  }
  .page-info__list-item {
    font-size: 23px;
    line-height: normal;
    padding-left: 60px;
    margin-top: 20px
  }
  .page-info__list-marker {
    width: 24px;
    height: 24px;
    top: 3px
  }
  .page-info__list-marker:before {
    width: 12px;
    height: 12px
  }
  .page-info__buttons {
    margin-right: -30px
  }
  .page-info__button-section {
    padding-right: 30px;
    margin-bottom: 30px
  }
  .page-info__button {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 23px;
    line-height: 29px;
    padding: 25px 30px
  }
  .breadcrumbs {
    font-size: 23px;
    line-height: 30px;
    color: rgba(255,255,255,.23);
    padding-top: 30px;
    padding-bottom: 20px
  }
  .breadcrumbs__link {
    color: rgba(255,255,255,.23)
  }
  .order-product__header {
    padding-left: 40px;
    padding-right: 40px
  }
  .order-product__section-name {
    margin: 0;
    font-size: 36px
  }
  .order-product__item {
    padding: 40px 0
  }
  .order-product__img-block {
    width: 305px
  }
  .order-product__img {
    left: 40px
  }
  .order-product__info {
    padding-right: 116px;
    padding-left: 305px
  }
  .order-product_lk .order-product__info {
    padding-right: 40px
  }
  .order-product__title {
    margin: 0;
    font-size: 29px;
    line-height: 37px
  }
  .order-product__description {
    margin: 25px 0 0
  }
  .order-product__sub-detail {
    padding-left: 40px
  }
  .order-product__sum {
    padding: 0 40px 0 0
  }
  .order-product__count {
    padding-right: 40px;
    width: 305px
  }
  .order-product__count-info {
    padding-right: 40px
  }
  .order-product__delete-block {
    top: 40px;
    right: 40px
  }
  .text {
    font-size: 24px;
    line-height: 31px
  }
  .text p {
    margin: 0 0 32px
  }
  .text .h1,
  .text .h2,
  .text .h3,
  .text .h4,
  .text .h5,
  .text .h6,
  .text h1,
  .text h2,
  .text h3,
  .text h4,
  .text h5,
  .text h6 {
    margin: 0 0 32px
  }
  .text ol,
  .text ul {
    margin: 0 0 32px
  }
  .text q {
    margin: 0 0 32px
  }
  .card__title {
    font-size: 20px;
    line-height: 30px;
    margin: 35px 0 0;
    min-height: 90px
  }
  .sort {
    font-size: 20px
  }
  .table-block {
    margin-bottom: 87px
  }
  .table-block .section-name {
    margin-bottom: 65px
  }
  .table-block_inner .section-name {
    margin-bottom: 32px
  }
  .table-block__content_desktop td,
  .table-block__content_desktop th {
    padding-left: 30px;
    padding-right: 30px
  }
  .table-block__content_desktop th {
    padding-top: 0;
    padding-bottom: 20px
  }
  .table-block__content_desktop th[colspan] {
    padding-bottom: 10px
  }
  .table-block__content table {
    /*font-size: 24px;*/
    line-height: 31px
  }
  .content-contacts {
    padding: 49px 49px 40px
  }
  .table-gost {
    display: table;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom: 27px
  }
  .table-gost__tr {
    display: table-row;
    padding: 0;
    border: none
  }
  .table-gost__tr:nth-child(odd) {
    background: #efefef
  }
  .table-gost__tr_heading {
    display: table-row
  }
  .table-gost__td {
    display: table-cell;
    vertical-align: top;
    font-size: 24px;
    line-height: 31px;
    padding: 14px 30px
  }
  .table-gost__td_gost {
    width: 280px
  }
  .table-gost__td_download {
    width: 100px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
  }
  .table-gost__button-download {
    display: inline-block;
    position: relative;
    top: 0;
    margin-top: 0
  }
  .banner__content:before {
    background: url(/local/templates/metallist/css/../images/bg-grid.png) left top repeat,url(/local/templates/metallist/css/../images/bg-cubes.png) left top repeat
  }
  .banner__abstraction {
    right: -300px
  }
  .banner__img {
    width: 740px;
    height: 481px;
    right: -200px;
    top: 60px
  }
  .banner__cover {
    padding-bottom: 50px
  }
  .banner__information {
    width: 800px;
    padding-top: 70px;
    margin-bottom: 0
  }
  .banner__title {
    font-size: 58px;
    line-height: 69px
  }
  .banner__button {
    font-size: 23px;
    line-height: 29px;
    padding: 25px 40px;
    margin-top: 70px
  }
  .banner__advantages {
    padding-top: 95px
  }
  .banner__advantages-list {
    margin-right: -30px
  }
  .banner__advantage-item {
    padding-right: 30px;
    margin-bottom: 30px
  }
  .section-products {
    padding-top: 37px;
    padding-bottom: 0
  }
  .section-products .section-name {
    margin-bottom: 35px
  }
  .section-products .section-name__title {
    font-size: 38px
  }
  .section-products__description {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 47px;
    display: block
  }
  .addresses__cover {
    padding-bottom: 35px;
    padding-top: 77px
  }
  .addresses__item_inner {
    margin-top: 37px
  }
  .footer__information {
    font-size: 18px;
    line-height: 23px
  }
  .footer__information-cover {
    padding-top: 30px;
    padding-bottom: 30px
  }
  .footer__information-content {
    color: #5a5a5a
  }
  .footer__policy-link {
    color: #5a5a5a
  }
  .footer__studio-link {
    color: #5a5a5a
  }
  .inner-banner__wrapper:before {
    background: url(/local/templates/metallist/css/../images/bg-grid.png) left top repeat,url(/local/templates/metallist/css/../images/bg-cubes.png) left top repeat
  }
  .inner-banner_page-header .inner-banner__wrapper:before {
    background: url(/local/templates/metallist/css/../images/bg-grid.png) left top repeat
  }
  .inner-banner__name-page {
    margin-right: -50px;
    padding-bottom: 20px
  }
  .inner-banner__title {
    font-size: 48px;
    padding: 15px 50px 15px 0
  }
  .inner-banner__name-button {
    display: block;
    margin-right: 50px
  }
  .inner-banner__page-name {
    margin: 20px 0 35px;
    font-size: 48px
  }
  .services {
    padding-bottom: 0;
    padding-top: 60px
  }
  .catalog-content {
    padding-bottom: 0;
    padding-top: 47px
  }
  .order-products__cover {
    padding-top: 40px;
    padding-bottom: 70px
  }
  .order-products__section {
    margin-top: 40px
  }
  .order-products__itog {
    padding: 40px 0 40px 40px
  }
  .order-products__itog-label {
    padding-right: 40px
  }
  .order-products__itog-sum {
    padding-right: 40px
  }
  .order-products__itog-button-block {
    padding-right: 40px
  }
  .lk__cover {
    padding-top: 40px;
    padding-bottom: 40px
  }
  .lk__content {
    padding-top: 30px
  }
  .lk__order {
    margin-top: 30px
  }
  .lk__order-header {
    padding-left: 40px;
    padding-right: 90px
  }
  .lk__order-arrow {
    width: 90px
  }
  .lk__order-number,
  .lk__order-status,
  .lk__order-sum {
    padding-right: 40px
  }
  .contacts-list__cover {
    padding-top: 40px;
    padding-bottom: 70px
  }
  .contacts-list__content {
    padding-top: 37px
  }
  .contacts-list__content_requisites {
    padding-top: 0
  }
  .contacts-list__requisites-item {
    padding: 15px 0 15px 55px;
    font-size: 24px;
    line-height: normal
  }
  .contacts-list__requisites-title {
    padding-right: 55px
  }
  .contacts-list__requisites-name {
    padding-right: 55px
  }
  .contacts-list__requisites-text {
    padding-right: 55px
  }
  .wares {
    padding-bottom: 0;
    padding-top: 60px
  }
  .wares .text {
    padding-top: 52px
  }
  .service__cover {
    padding-top: 77px
  }
  .service .content-contacts {
    margin: 0 0 77px
  }
  .service .text {
    padding: 0 0 50px
  }
  .cards {
    padding-bottom: 0
  }
  .product-info__cover {
    padding-top: 45px;
    padding-bottom: 80px
  }
  .product-info__cover_sub {
    padding-bottom: 20px
  }
  .product-info__name {
    font-size: 48px;
    margin-bottom: 55px
  }
  .product-info__img-block {
    height: 580px;
    margin-bottom: 70px
  }
  .product-info__selects {
    margin-bottom: 40px
  }
  .product-info__selects-bars {
    margin-right: -40px
  }
  .product-info__select-bar {
    padding-right: 40px;
    margin-bottom: 30px
  }
  .product-info__link-price-block {
    margin-top: -12px
  }
  .product-info__list-sliders {
    padding-bottom: 20px
  }
  .product-info__sub-info {
    padding: 30px 30px 0 30px
  }
  .product-info__count-price {
    margin-right: -30px
  }
  .product-info__price-block_inner {
    padding-right: 30px;
    margin-bottom: 30px
  }
  .product-info__count-block {
    margin-right: 30px;
    margin-bottom: 30px;
    width: 400px
  }
  .product-info__buttons {
    margin-right: -30px;
    padding-bottom: 20px
  }
  .product-info__buttons_inner {
    padding-bottom: 0
  }
  .product-info__button-add {
    margin-right: 30px;
    margin-bottom: 30px
  }
  .product-info__favorite {
    margin: 0 30px 30px 0
  }
  .product-detail__cover {
    padding-top: 0
  }
  .product-detail .text {
    padding-bottom: 50px
  }
  .product-detail .content-contacts {
    margin-top: 0
  }
  .inner-carousel {
    padding-bottom: 0
  }
  .inner-carousel__header {
    padding-top: 40px;
    padding-bottom: 40px
  }
  .inner-carousel .section-name {
    padding: 3px 0 3px 20px
  }
  .inner-carousel .section-name:before {
    height: 54px
  }
  .order-step__cover {
    padding-bottom: 60px;
    padding-top: 40px
  }
  .order-step__content {
    padding: 45px 50px 35px
  }
  .order-step__types {
    margin-right: -70px
  }
  .order-step__type {
    padding-right: 70px
  }
  .order-step__bars {
    padding-top: 35px
  }
  .order-step__right-bar {
    padding-bottom: 25px
  }
  .order-step__right-bar .error-list {
    margin-top: 37px
  }
  .order-step__itog {
    padding: 55px 50px 50px
  }
  .order-step__sum-list {
    margin-top: 40px
  }
  .order-step__link-edit {
    margin-top: 34px;
    font-size: 30px;
    line-height: 39px
  }
  .order-step__submit {
    margin-top: 37px
  }
  .order-step__ahtungs {
    padding-top: 37px
  }
  .about-content__cover {
    padding-top: 85px
  }
  .about-content__preview {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 85px
  }
  .about-content__section {
    padding-bottom: 67px
  }
  .about-content__section .section-name {
    margin: 0 0 37px;
    padding: 3px 0 3px 29px
  }
  .about-content__section .section-name:before {
    height: 54px
  }
  .about-content__section .section-name__title {
    font-size: 36px
  }
  .empty-basket__cover {
    padding-top: 150px;
    padding-bottom: 150px
  }
  .articles-list__cover {
    padding-bottom: 100px;
    padding-top: 35px
  }
  .articles-list__item {
    padding: 45px;
    margin-top: 30px
  }
  .articles-list__button-blok {
    padding-top: 0
  }
  .articles-list__title {
    font-size: 36px;
    margin: 0 0 28px
  }
  .articles-list__button {
    padding: 15.5px 55px;
    font-size: 20px;
    line-height: 25px
  }
  .info__cover {
    padding-top: 60px;
    padding-bottom: 90px
  }
  .info .section-name {
    margin-bottom: 60px
  }
  .gost-list__cover {
    padding-bottom: 70px;
    padding-top: 35px
  }
  .gost-list__item {
    margin-top: 23px
  }
  .gost-list__item-heading {
    padding: 35px 110px 35px 40px;
    font-size: 36px
  }
  .gost-list__item-arrow {
    width: 32px;
    height: 16px;
    margin-top: -8px;
    right: 40px
  }
  .gost-list__item-content {
    padding: 10px 40px 70px
  }
  .gost-list__item-link-block {
    font-size: 24px;
    margin-top: 16px
  }
}
@media screen and (min-width:1200px) {
  .cover {
    max-width: 1015px
  }
  .count {
    height: 90px
  }
  .slick-dots {
    display: none!important
  }
  .logo__company-name {
    display: block;
    text-indent: 100%;
    position: relative;
    overflow: hidden;
    background: url(/local/templates/metallist/images/metallist.png) left center no-repeat;
    background-size: contain;
	padding-left: 0;
	margin-left: 26px;
  }
  .nav__link-text {
    padding: 0 17px
  }
  .address__information {
    width: 50%
  }
  .buttons__item {
    margin-top: 10px
  }
  .buttons__item:first-child {
    margin-top: 0
  }
  .buttons__link {
    width: 70px;
    height: 70px
  }
  .buttons__icon_user {
    width: 25px;
    height: 26px
  }
  .buttons__icon_basket {
    width: 27px;
    height: 22px
  }
  .buttons__icon_heart {
    width: 25px;
    height: 21px
  }
  .buttons__icon_phone {
    width: 26px;
    height: 21px
  }
  .buttons__count {
    left: -15px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 30px
  }
  .page-info__title {
    font-size: 58px;
    line-height: 63px
  }
  .page-info__button {
    padding: 33px 50px
  }
  .banner__button {
    padding: 33px 90px
  }
  .footer__copyright br,
  .footer__policy br,
  .footer__studio br {
    display: none
  }
  .footer__copyright {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: auto
  }
  .footer__policy {
    text-align: center;
    width: auto
  }
  .order-products__itog-label {
    margin-bottom: 10px
  }
  .order-products__itog-button {
    padding: 28.5px 0
  }
  .lk__info-fields {
    width: 700px
  }
  .lk__info-submit {
    height: 90px
  }
  .product-info__cover {
    padding-top: 80px
  }
  .product-info__name {
    margin: 0 0 90px
  }
  .product-info__selects .jq-selectbox__select {
    height: 90px
  }
  .product-info__selects .jq-selectbox__select-text {
    padding-top: 25px
  }
  .product-info__selects .jq-selectbox__trigger-arrow {
    top: 36px
  }
  .product-info__selects .jq-selectbox ul {
    max-height: 450px!important
  }
  .product-info__selects .jq-selectbox li {
    padding-top: 26px;
    padding-bottom: 26px
  }
  .product-info__selects .jq-selectbox li:before {
    top: 34px
  }
  .product-info__price-block_inner {
    padding-top: 3px
  }
  .product-info__button-add {
    height: 90px;
    padding: 28px 0
  }
  .product-info__favorite {
    width: 100px;
    height: 90px
  }
  .product-info__favorite-marker {
    width: 100px;
    height: 90px
  }
  .inner-carousel {
    padding-bottom: 20px
  }
  .order-step__submit {
    height: 90px
  }
}
@media screen and (min-width:1360px) {
  .cover {
    max-width: 1175px
  }
  .logo__link {
    font-size: 24px;
    line-height: 31px
  }
  .advantage__title {
    font-size: 25px;
    line-height: 33px
  }
  .advantage__text {
    font-size: 20px;
    line-height: 30px
  }
  .catalog__item {
    width: 25%
  }
  .order-product__item {
    min-height: 247px;
    padding: 40px 76px 40px 305px;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .order-product_lk .order-product__item {
    padding-right: 0
  }
  .order-product__img {
    top: 40px
  }
  .order-product__info {
    padding-left: 0;
    min-height: 0;
    position: static;
    padding-right: 40px
  }
  .order-product_lk .order-product__info {
    padding-right: 40px
  }
  .order-product__sub-detail {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 300px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    padding-left: 0;
    padding-top: 0
  }
  .order-product_lk .order-product__sub-detail {
    width: 360px
  }
  .order-product__sum {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: 100%
  }
  .order-product__count {
    width: 100%;
    margin-top: 28px
  }
  .order-product__count-info {
    width: 100%
  }
  .order-product__delete-block {
    top: 45px
  }
  .banner__img {
    width: 852px;
    height: 554px;
    right: -250px;
    top: 40px
  }
  .banner__information {
    padding-top: 110px
  }
  .footer__logos-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: -25px
  }
  .footer__main-logo {
    padding-right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto
  }
  .footer__all-logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .footer__small-logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 15px;
    width: 26%
  }
  .footer__small-logo:last-child {
    width: 22%
  }
  .footer__logos-arrow {
    display: none
  }
  .lk__nav-item {
    width: auto
  }
  .lk__nav-link {
    padding: 0 90px;
    width: auto
  }
  .lk__order-status {
    width: 270px
  }
  .contacts-list__nav-item {
    width: auto
  }
  .contacts-list__nav-link {
    padding: 0 90px;
    width: auto
  }
  .contacts-list__requisites-name {
    width: 540px
  }
  .product-info__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
  .product-info__img-block {
    margin: 0;
    height: auto
  }
  .product-info__img-block {
    width: 580px
  }
  .product-info__img-block_inner-detail {
    width: 650px
  }
  .product-info__img {
    width: 100%;
    margin: 0;
    max-width: none;
    position: relative;
    right: auto;
    bottom: auto;
    margin: 0 auto;
    max-height: none
  }
  .product-info__description {
    padding-left: 50px
  }
  .product-info__count-price {
    display: block
  }
  .product-info__count-block {
    width: auto
  }
  .product-info__bars-text {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .product-info__bar-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto
  }
  .product-info__bar-text_small {
    width: 100%
  }
  .articles-list__item {
    padding-left: 490px;
    min-height: 490px;
    text-align: left
  }
  .articles-list__img-block {
    position: absolute;
    top: 45px;
    left: 45px;
    padding: 0;
    margin: 0
  }
  .articles-list__button-blok {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
  }
}
@media screen and (min-width:1715px) {
  .cover {
    max-width: 1530px
  }
  .advantage {
    padding: 30px 60px 5px
  }
  .advantage__title {
    font-size: 30px;
    line-height: 38px;
    margin: 0 0 20px
  }
  .advantage__text {
    margin: 0 0 20px
  }
  .section-name_inner {
    padding-left: 55px
  }
  .catalog_big .catalog__list {
    margin-right: -50px
  }
  .catalog__item {
    width: 20%
  }
  .catalog_big .catalog__item {
    padding-right: 50px
  }
  .catalog_catalog .catalog__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
  .catalog_services .catalog__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
  .address__content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }
  .address_inner .address__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 30px 0;
    width: 521px;
    position: relative;
    z-index: 2
  }
  .address__information {
    width: 530px
  }
  .address_inner .address__information {
    padding: 0;
    width: 100%
  }
  .address_inner .address__point {
    font-size: 24px;
    line-height: 31px;
    margin: 0 0 33px
  }
  .address_inner .address__time {
    margin: 0 0 30px;
    padding: 0 0 0 65px
  }
  .address__contacts {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .address_inner .address__contacts {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
  }
  .address__button-block-gray,
  .address__button-block-yellow {
    width: auto
  }
  .address_inner .address__button-block-gray,
  .address_inner .address__button-block-yellow {
    width: 100%;
    padding: 0
  }
  .address_inner .address__button-block-gray {
    display: none;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    order: 3
  }
  .address__button-block-yellow {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    order: 3
  }
  .address_inner .address__button-block-yellow {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    order: 2
  }
  .address_inner .address__button-gray,
  .address_inner .address__button-yellow {
    margin: 0 0 30px
  }
  .address__button-gray {
    min-width: 150px
  }
  .address__contacts-elements {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    order: 2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
  }
  .address_inner .address__contacts-elements {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    order: 1
  }
  .address__phones {
    width: 55%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
  }
  .address_inner .address__phones {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    padding: 0 0 0 65px;
    margin: 0 0 18px
  }
  .address_inner .address__phones-container {
    width: 100%
  }
  .address__emails {
    width: 45%
  }
  .address_inner .address__emails {
    width: 100%;
    padding: 0 0 0 65px;
    margin: 0 0 30px
  }
  .address_inner .address__map {
    display: block!important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: 521px;
    z-index: 1
  }
  .address_inner .address__map-container {
    height: 100%
  }
  .address_inner .address__icon-block {
    display: block
  }
  .order-product__item {
    padding-right: 146px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    align-items: stretch
  }
  .order-product_lk .order-product__item {
    padding-right: 0
  }
  .order-product__title {
    margin: -7px 0 0
  }
  .order-product__sub-detail {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto
  }
  .order-product_lk .order-product__sub-detail {
    width: auto
  }
  .order-product__sum {
    width: 280px;
    padding: 23px 40px 23px 0
  }
  .order-product_lk .order-product__sum {
    width: 370px;
    padding: 0 40px 0 0
  }
  .order-product__count {
    width: 305px;
    margin: 0
  }
  .order-product__count-info {
    width: 360px;
    padding-top: 0
  }
  .order-product__delete-block {
    width: 146px;
    padding: 0 40px 0 0;
    right: 0;
    top: 68px
  }
  .table-block__content_desktop td,
  .table-block__content_desktop th {
    padding-left: 60px;
    padding-right: 60px
  }
  .table-block__content_desktop th {
    padding-top: 0;
    padding-bottom: 28px
  }
  .table-block__content_desktop th[colspan] {
    padding-bottom: 20px
  }
  .table-gost__td:first-child {
    padding-left: 60px
  }
  .table-gost__td_gost {
    width: 390px
  }
  .header__contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
  }
  .banner__abstraction {
    right: 0
  }
  .banner__img {
    right: 0;
    top: 105px
  }
  .footer__logos-content {
    margin-right: -25px
  }
  .footer__main-logo {
    width: 550px;
    padding-right: 25px
  }
  .footer__logo_main .footer__logo-name {
    padding-left: 25px
  }
  .footer__logo_main .footer__logo-name-text {
    font-size: 24px;
    line-height: 30px
  }
  .footer__small-logo {
    padding-right: 25px
  }
  .footer__copyright {
    width: 550px
  }
  .footer__policy {
    text-align: left
  }
  .order-products__itog-wrapper {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .order-products__itog-label {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    width: auto;
    margin: 0
  }
  .order-products__itog-sum {
    width: 400px
  }
  .lk__order-sum {
    display: block
  }
  .product-info__description {
    padding-left: 90px
  }
  .product-info__select-bar_big {
    width: 65%
  }
  .product-info__select-bar_small {
    width: 35%
  }
  .product-info__sub-info {
    padding: 55px 40px 0 60px
  }
  .product-info__count-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    margin-right: -50px
  }
  .product-info__price-block {
    margin-bottom: 50px
  }
  .product-info__price-block_inner {
    padding-right: 50px;
    margin-bottom: 50px
  }
  .product-info__count-block {
    width: 264px;
    margin-right: 50px;
    margin-bottom: 50px
  }
  .product-info__buttons_inner {
    margin-right: -50px
  }
  .product-info__button-add_inner {
    margin-right: 50px;
    margin-bottom: 50px
  }
  .product-info__favorite_inner {
    margin: 0 50px 50px 0
  }
  .product-info__bars-text {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
  }
  .product-info__bar-text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    flex: 0 0 auto
  }
  .product-info__bar-text_small {
    width: 270px
  }
  .order-step__content {
    padding: 45px 75px 35px 30px
  }
  .order-step__bars {
    margin-right: -75px
  }
  .order-step__left-bar,
  .order-step__right-bar {
    padding-right: 75px
  }
  .order-step__left-bar {
    width: 52%
  }
  .order-step__right-bar {
    width: 48%
  }
}
@media screen and (max-width:767px) {
  .catalog_services .catalog__item:nth-last-child(-n+2) {
    display: none
  }
}
@media screen and (min-width:1360px) and (max-width:1714px) {
  .catalog_catalog .catalog__item:nth-last-child(-n+3) {
    display: none
  }
  .catalog_services .catalog__item:nth-last-child(-n+2) {
    display: none
  }
}
@media screen and (min-width:768px) and (max-width:1359px) {
  .catalog_catalog .catalog__item:nth-last-child(-n+2) {
    display: none
  }
  .catalog_services .catalog__item:nth-last-child(-n+3) {
    display: none
  }
}
@media screen and (min-width:600px) and (max-width:1359px) {
  .product-info__select-bar_big {
    width: 65%
  }
  .product-info__select-bar_small {
    width: 35%
  }
}
@media screen and (min-width:768px) and (max-width:989px) {
  .product-info__sub-info_inner {
    padding: 50px 50px 0 50px
  }
}
/* End */


/* Start:/local/templates/metallist/css/costume.css?1783527975653*/
.added {
    stroke:#ffc700;
    fill:#ffc700;
    /*background: #ffc700;*/
}
.product-info__favorite-marker.added{
    background: #ffc700;
}
.tqOrderError{
    color: red;
}
input:-internal-autofill-selected {
    background-color: #fff !important;
}

div[id^="wait_comp_"]{
    display: none;
}

input::placeholder{
    color: #cecece !important;
}

.ns_callback_error {
    color: red;
}

.nsCitySelect {
    display: none !important;
}

.nsTextRight {
    text-align: right;
}
.nsTextCenter {
    text-align: center;
}
.dds-tr-active {
    background: #fff3dd!important;
}

tr[data-type]{
    cursor: pointer;
}
.tqManagerConnect{
    color: red;
}
/* End */


/* Start:/local/templates/metallist/template_styles.css?17835279752912*/
.lk .sale-order-history-link {
	background: #fff;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffc700;
	border: 2px solid #ffc700;
	text-align: center;
	margin: 0;
	padding: 16px 20px;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
}

.hidden-step-section {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	top: -100%;
	right: -100%;

}

.order-step__sum-list {
	margin-top: 0;
}

.tqManagerConnect {
	color: #000;
}

.modal__form-captcha {
	position: relative;
	margin: 0 -5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	align-items: center;
	flex-wrap: wrap;
}
.modal__form-captcha-img-wrapper {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	flex: 0 0 auto;
	padding: 0 5px;
	width: 100%;
	margin-bottom: 10px;
}
.modal__form-captcha-field {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	flex: 1 1 auto;
	padding: 0 5px;
}
.modal__form-captcha-img {
	height: 42px;
}

@media screen and (min-width:600px) {
	.modal__form-captcha {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.modal__form-captcha-img-wrapper {
		width: auto;
		margin-bottom: 0;
	}
}

.lk__nav-item_33 {
	width: 33.33%;
}

.lk__nav-item_33 form {
	margin: none;
	width: 100%;
}

.lk__nav-item_33 form input {
	width: 100%;
	height: 100%;
}

.lk__nav-link-hidden {
	display: none;
}



.declarations {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.declarations__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	flex: 0 0 auto;
	padding: 0 5px 10px;
	width: auto;
}
.declarations__link {
	text-decoration: none;
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	flex: 0 0 auto;
	width: 100%;
	background: #f9f9f9;
	padding: 10px;
}
.declarations__img {
	max-width: none;
	width: 100%;
}

.declarations__gallery {
	text-decoration: none;
	display: block;
	background: #f9f9f9;
	padding: 10px;
}

@media screen and (min-width: 990px)
{
	.declarations__gallery {
		padding: 15px;
	}
}

.news-block .product__date {
	display: none;
}

@media screen and (max-width: 1714px) and (min-width: 1360px)
{
	.news-block .catalog_home .catalog__item:nth-last-child(-n+3) {
		display: none;
	}
}

@media screen and (min-width: 1715px)
{
	.news-block .catalog_home .catalog__item:nth-last-child(-n+2) {
		display: none;
	}
}


.news-block .catalog_home .catalog__item:last-child {
	display: -webkit-box!important;
	display: -webkit-flex!important;
	display: -moz-box!important;
	display: flex!important;
}

.dimension {
	text-align: center;
	font-size: 30px;
	padding-top: 4px;
}
/* End */
/* /local/templates/metallist/assets/modern-shell.css?1787246270133769 */
/* /local/templates/metallist/css/normalize.css?17835279752166 */
/* /local/templates/metallist/css/ion.rangeSlider.css?178352797512914 */
/* /local/templates/metallist/css/slick.css?17835279751578 */
/* /local/templates/metallist/css/fancybox.css?178352797515380 */
/* /local/templates/metallist/css/styles.css?1783527975133723 */
/* /local/templates/metallist/css/costume.css?1783527975653 */
/* /local/templates/metallist/template_styles.css?17835279752912 */