/* RESET */

*,
*::before,
*::after { box-sizing: border-box;}

html { scroll-behavior: smooth;}

body { margin: 0; font-family: Inter,  -apple-system,  BlinkMacSystemFont,  "Segoe UI",  Arial,  sans-serif;
 color: #17212b; background: #ffffff; -webkit-font-smoothing: antialiased;}

img { max-width: 100%; display: block;}

button,
input,
textarea,
select { font: inherit;}

button { cursor: pointer;}

a { color: inherit; text-decoration: none;}


/*    VARIABLES */
:root {

 --navy: #081824;
 --navy-2: #0d2231;
 --navy-3: #132d3e;
 --blue: #147ce5;
 --blue-dark: #0967c7;
 --orange: #ff8618;
 --orange-dark: #e96f06;

 --text: #17212b;
 --text-light: #65727e;

 --line: #dfe6eb;
 --light: #f4f7f9;
 --white: #ffffff;

 --container: 1240px;

 --radius: 4px;

 --shadow:  0 12px 40px rgba(9, 24, 36, .08);
}


/*    GLOBAL                 */

.container { width: min(  calc(100% - 48px),  var(--container) ); margin: 0 auto;}
.section { padding: 110px 0;}
.section--light { background: var(--light);}
.section--dark { background: var(--navy); color: white;}
.section-label { display: inline-flex; align-items: center; gap: 10px;
 margin-bottom: 15px; color: var(--orange); font-size: 11px; font-weight: 800;
 letter-spacing: .15em; text-transform: uppercase;}

.section-label::before { content: ""; width: 28px; height: 2px; background: var(--orange);}

.section-title { margin: 0; max-width: 780px; font-size: clamp(34px, 4vw, 52px); line-height: 1.02; font-weight: 800;
 letter-spacing: -.035em;}

.section-description { max-width: 680px; margin: 22px 0 0; color: var(--text-light); font-size: 16px; line-height: 1.7;}

.section--dark .section-description { color: #aebbc5;}


/*    HEADER            */

.header { position: sticky; top: 0; z-index: 1000; background: rgba(255,255,255,.96);
        border-bottom: 1px solid rgba(20,35,45,.10); backdrop-filter: blur(14px);
        transition:  box-shadow .3s ease,  background .3s ease;}

.header.scrolled {box-shadow:  0 8px 30px rgba(0,0,0,.08);}

.header-top { height: 34px; background: var(--navy); color: #b9c7d0; font-size: 10px;}

.header-top-inner { height: 100%; display: flex; align-items: center; justify-content: space-between;}

.header-top-left,
.header-top-right { display: flex; align-items: center; gap: 22px;}

.header-main { height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 30px;}
.logo { width: 190px; flex-shrink: 0;}
.logo img { width: 100%; height: auto;}


/* NAV */

.nav { display: flex; align-items: center; gap: 27px; margin-left: auto;}

.nav-item { position: relative; display: flex; align-items: center; gap: 5px; height: 76px; color: #24323d;
            font-size: 12px; font-weight: 600; white-space: nowrap;}

.nav-item:hover { color: #ff6600;}

.nav-arrow { font-size: 10px; transition: transform .2s ease;}

.nav-item:hover .nav-arrow { transform: rotate(180deg);}


/* LANGUAGE SWITCHER   */

.language-switcher { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;}

.language-link { color: inherit; text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; opacity: 0.55;
 transition:  opacity 0.2s ease,  color 0.2s ease;}
.language-link:hover { opacity: 1;}
.language-link.active { opacity: 1;}
.language-separator { opacity: 0.35; font-size: 11px;}



/* DROPDOWN */

.dropdown { position: absolute; left: -18px; top: 100%; width: 290px; padding: 12px; background: white;
    border: 1px solid var(--line); box-shadow: 0 18px 45px rgba(9,24,36,.12); opacity: 0; visibility: hidden;
    transform:  translateY(8px); transition:  opacity .2s ease,  visibility .2s ease,  transform .2s ease;}

/* .nav-item:hover .dropdown { opacity: 1; visibility: visible; transform:  translateY(0);} меню 2 уровня*/

/* меню 3 уровня  */
.nav-item:hover > .dropdown,
.nav-item:focus-within > .dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}

.dropdown a { display: block; padding: 10px 12px; color: #42515d; font-size: 12px; border-radius: 3px;}

.dropdown a:hover { background: var(--light); color: #ff6600;}


/* THIRD LEVEL MENU */

.dropdown-item {     position: relative;}

.dropdown-item > a {display: flex; align-items: center; justify-content: space-between; gap: 15px;}

.submenu-arrow {    font-size: 17px;    line-height: 1;    color: #65727e;}

.submenu {
    position: absolute;
    top: -12px;
    left: 100%;
    width: 290px;
    padding: 12px;

    background: white;
    border: 1px solid var(--line);
    box-shadow: 0 18px 45px rgba(9,24,36,.12);

    opacity: 0;
    visibility: hidden;
    transform: translateX(8px);

    transition:
        opacity .2s ease,
        visibility .2s ease,
        transform .2s ease;}

.dropdown-item:hover > .submenu,
.dropdown-item:focus-within > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);}

.dropdown-item:hover > a,
.dropdown-item:focus-within > a {    background: var(--light);    color: #ff6600;}

/* конец THIRD LEVEL MENU */


/* HEADER CTA */
.header-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 43px;
    padding: 0 18px;  background: var(--orange); color: #111; font-size: 10px; font-weight: 800;
    letter-spacing: .07em; white-space: nowrap; transition:  background .2s ease,  transform .2s ease;}

.header-cta:hover { background: #ff9b3e; transform: translateY(-1px);}


/* LANGUAGE */
.language { color: #65727d; font-size: 11px; font-weight: 700;}


/* MOBILE MENU BUTTON */
.mobile-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: white;}

.mobile-toggle span { display: block; width: 20px; height: 2px; margin: 4px auto; background: var(--navy); transition: .2s ease;}


/*  HERO */

.hero {position: relative; min-height: 650px; display: flex; align-items: center; overflow: hidden; color: white; background: #071521;}


/* BACKGROUND */
.hero-bg { position: absolute; inset: 0; background-image: linear-gradient( 90deg, rgba(5,18,29,.97) 0%, rgba(5,18,29,.91) 35%,
     rgba(5,18,29,.56) 65%, rgba(5,18,29,.30) 100%  ), url("/img/hero.jpg"); background-position: center; 
     background-size: cover; transform: scale(1.02); animation: heroZoom 14s ease-in-out infinite alternate;}

@keyframes heroZoom {
 from {  transform: scale(1.02); }

 to {  transform: scale(1.07); }   }


/* GRID */

.hero-grid { position: absolute; inset: 0; opacity: .09; background-image:  linear-gradient(rgba(255,255,255,.20) 1px, 
    transparent 1px ),
    linear-gradient( 90deg, rgba(255,255,255,.20) 1px, transparent 1px  );
    background-size: 80px 80px;
 mask-image: linear-gradient( 90deg,   black,   transparent 80%  );}


/* LASER */

.hero-laser { position: absolute; width: 1px; height: 100%; right: 32%;
 background:  linear-gradient(   transparent,   rgba(255,134,24,.9), transparent  );
 opacity: .5; animation:  laserScan 5s ease-in-out infinite;}

@keyframes laserScan {
 0% {transform: translateX(-180px);  opacity: 0; }
 45% {  opacity: .6; }
 100% { transform: translateX(180px);  opacity: 0; }
}


/* HERO CONTAINER */
.hero-container { position: relative; z-index: 5; width: min( calc(100% - 48px),  var(--container) );
 margin: 0 auto; padding: 105px 0 150px;}


/* HERO CONTENT */

.hero-content { max-width: 720px;}

.hero-label { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; color: var(--orange);
 font-size: 11px; font-weight: 800; letter-spacing: .16em;}

.hero-label::before { content: ""; width: 32px; height: 2px;  background: var(--orange);}

.hero-title { margin: 0; font-size: clamp(48px, 5.3vw, 76px); line-height: .96; font-weight: 800;
 letter-spacing: -.045em;}

.hero-title span { display: block;}

.hero-title .outline { color: transparent; -webkit-text-stroke:  1px rgba(255,255,255,.75);}

.hero-description { max-width: 630px; margin: 27px 0 0; color: #c3cdd4; font-size: 16px; line-height: 1.7;}

.hero-buttons { display: flex; gap: 12px; margin-top: 33px;}

.btn { min-height: 54px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center;
 gap: 13px;  border: 1px solid transparent;  font-size: 11px; font-weight: 800; letter-spacing: .07em;
 transition:  transform .2s ease,  background .2s ease,  border-color .2s ease;}

.btn:hover { transform: translateY(-2px);}

.btn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7;}

.btn-primary { background: var(--orange); color: #111;}

.btn-primary:hover { background: #ff9d42;}

.btn-primary1 { background: #f4f7f9; color: #111;}

.btn-primary1:hover { background: #ff9d42;}

.btn-outline { color: white; border-color: rgba(255,255,255,.35); background:  rgba(255,255,255,.04);
 backdrop-filter:  blur(8px);}

.btn-outline:hover { border-color: white; background: rgba(255,255,255,.10);}


/* LOCATION */

.hero-location { display: flex; align-items: center; gap: 8px; margin-top: 25px; color: #aebbc4; font-size: 12px;}

.hero-location svg { width: 17px; height: 17px; fill: none; stroke: var(--orange); stroke-width: 1.5;}


/* HERO CARD */

.hero-card { position: absolute; right: 2%; bottom: 170px; width: 245px; padding: 25px;
 background: rgba(10,26,38,.78); border:  1px solid rgba(255,255,255,.18); backdrop-filter:  blur(14px);
 box-shadow: 0 25px 70px rgba(0,0,0,.35); animation:  floatCard 5s ease-in-out infinite;}

@keyframes floatCard { 0%, 100% {  transform: translateY(0); }
 50% {  transform: translateY(-9px); }
}

.hero-card-number { color: var(--orange); font-size: 46px; font-weight: 300;}

.hero-card-line { width: 40px; height: 1px; margin: 13px 0; background: var(--orange);}

.hero-card-title { font-size: 14px; line-height: 1.3; font-weight: 800; letter-spacing: .04em;}

.hero-card-text { margin-top: 11px; color: #a5b3bd; font-size: 11px; line-height: 1.55;}

.hero-card-link { display: flex; justify-content: space-between; margin-top: 20px; color: white;
 font-size: 9px; font-weight: 800; letter-spacing: .12em;}

.hero-card-link span {color: var(--orange); font-size: 17px;}


/* POWDER INFO — 2 COLUMNS */

.powder-info {  width: 100%; background: #fff; padding: 70px 0;}

.powder-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}

.powder-column h3 { margin: 0 0 20px; color: #111820; font-size: 28px; line-height: 1.2; font-weight: 700;}

.powder-column p { margin: 0 0 25px; color: #17212b; font-size: 16px; line-height: 1.65;}

.powder-column ul { margin: 0; padding: 0; list-style: none;}

.powder-column li {position: relative; margin-bottom: 12px; padding-left: 22px; color:  #17212b; 
			font-size: 18px; line-height: 1.5;}

.powder-column li::before { content: ""; position: absolute; left: 0; top: 9px; width: 7px; height: 7px;
 background :var(--orange); border-radius: 50%;}

@media (max-width: 768px) { .powder-columns {  grid-template-columns: 1fr;  gap: 45px; }

 .powder-column h3 {  font-size: 24px; }

 .powder-column p,
 .powder-column li {  font-size: 15px; }
}

/*    MODAL — SERIAL PRODUCTION */

.modal-overlay { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center;
 justify-content: center; padding: 24px; background: rgba(10, 18, 28, 0.72);
 opacity: 0; visibility: hidden; pointer-events: none;
 transition:  opacity 0.25s ease,  visibility 0.25s ease;}

.modal-overlay.is-open { opacity: 1; visibility: visible; pointer-events: auto;}

.modal-window { position: relative; width: 100%; max-width: 560px; background: #ffffff;
 border: 1px solid rgba(20, 35, 50, 0.12);
 box-shadow:  0 25px 80px rgba(0, 0, 0, 0.25);
 transform: translateY(20px) scale(0.98); transition:  transform 0.25s ease;}

.modal-overlay.is-open .modal-window { transform: translateY(0) scale(1);}

.modal-content { padding: 48px;}

.modal-label { margin-bottom: 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.14em;
 text-transform: uppercase; color: #245a8d;}

.modal-content h2 { margin: 0 40px 18px 0; font-size: 32px; line-height: 1.1; font-weight: 700;
 text-transform: uppercase; color: #18232e;}

.modal-text { margin: 0 0 30px; font-size: 16px; line-height: 1.6; color: #66727d;}

.modal-contacts { display: grid; gap: 12px; margin-bottom: 30px;}

.modal-contact { display: flex; flex-direction: column; gap: 5px; padding: 18px 20px;
 text-decoration: none; background: #f4f6f8; border: 1px solid #e2e7eb;
 transition:  background 0.2s ease,  border-color 0.2s ease;}

.modal-contact:hover { background: #eef2f5; border-color: #cbd4dc;}

.modal-contact-label { font-size: 10px; font-weight: 700; letter-spacing: 0.12em;
 text-transform: uppercase; color: #7a858e;}

.modal-contact-value { font-size: 20px; line-height: 1.3; font-weight: 600; color: #18232e;}

.modal-close { position: absolute; top: 18px; right: 18px; width: 40px; height: 40px;
 display: flex; align-items: center; justify-content: center; padding: 0;
 border: 0; background: transparent; font-size: 30px; line-height: 1; color: #596570; cursor: pointer;
 transition:  color 0.2s ease,  background 0.2s ease;}

.modal-close:hover { color: #18232e; background: #f2f4f6;}

.modal-close-button { width: 100%; padding: 15px 24px; border: 1px solid #18232e;
 background: #18232e; color: #ffffff;
 font-family: inherit; font-size: 13px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
 cursor: pointer; transition:   background 0.2s ease,   border-color 0.2s ease;}

.modal-close-button:hover { background: #245a8d; border-color: #245a8d;}


/* Mobile */
@media (max-width: 600px) {
 .modal-overlay {  padding: 16px; }
 .modal-content {  padding: 36px 24px 24px; }
 .modal-content h2 {  font-size: 25px; }
 .modal-contact-value {  font-size: 18px;}
}


/* Блокировка прокрутки страницы */
body.modal-open { overflow: hidden;}

/*   конец модальное окно связаться с нами */


/*    PRITZ DEVELOPMENT    MODAL QUOTE FORM */

.pd-modal {   position: fixed;    inset: 0;    z-index: 99999;
    display: flex;    align-items: center;    justify-content: center;
    padding: 25px;    opacity: 0;    visibility: hidden;    pointer-events: none;
    transition:   opacity 0.25s ease,        visibility 0.25s ease;}

.pd-modal.is-open {    opacity: 1;    visibility: visible;    pointer-events: auto;}

.pd-modal__overlay {    position: absolute;    inset: 0; background: rgba(0, 0, 0, 0.72); cursor: pointer;}

.pd-modal__dialog { position: relative;   z-index: 2;    width: 100%;    max-width: 760px;  
  max-height: calc(100vh - 50px);   overflow-y: auto;    background: #fff;
    padding: 42px 48px 38px;    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.30);
    transform: translateY(25px) scale(0.98);    transition: transform 0.25s ease;}

.pd-modal.is-open .pd-modal__dialog { transform: translateY(0) scale(1);}


/* ---------- Close ---------- */

.pd-modal__close {   position: absolute;    top: 15px;   right: 18px;    width: 38px;    height: 38px;
  border: 0;  background: transparent;  color: #222;  font-size: 32px;  font-weight: 300;  line-height: 1;
  cursor: pointer;
  transition:    color 0.2s ease,    transform 0.2s ease;}

.pd-modal__close:hover {  color: #999;  transform: rotate(90deg);}


/* ---------- Header ---------- */

.pd-modal__header {  margin-bottom: 30px;  padding-right: 30px;}

.pd-modal__header h2 {  margin: 0 0 12px;  font-size: 30px;  line-height: 1.15;  font-weight: 700;
  text-transform: uppercase;  letter-spacing: -0.02em;  color: #111;}

.pd-modal__header p {  margin: 0;  max-width: 650px;  font-size: 15px;  line-height: 1.6;  color: #6b6b6b;}


/* ---------- Grid ---------- */

.pd-form-grid {display: grid;  grid-template-columns: 1fr 1fr;  gap: 20px 18px;}

.pd-form-field {  min-width: 0;}

.pd-form-field--full {  grid-column: 1 / -1;}


/* ---------- Labels ---------- */

.pd-form-field label {  display: block;  margin-bottom: 8px;  font-size: 13px;  line-height: 1.3;
  font-weight: 600;  color: #222;}

.pd-form-field label span {  color: #d50000;}


/* ---------- Inputs ---------- */

.pd-form-field input[type="text"],
.pd-form-field input[type="email"],
.pd-form-field input[type="tel"],
.pd-form-field textarea {  display: block;  width: 100%;  box-sizing: border-box;  border: 1px solid #d6d6d6;
  border-radius: 0;  background: #fff;  color: #222;  font-family: inherit;  font-size: 15px;  padding: 13px 14px;
  outline: none;  transition:    border-color 0.2s ease,    box-shadow 0.2s ease;}

.pd-form-field input[type="text"],
.pd-form-field input[type="email"],
.pd-form-field input[type="tel"] {  height: 48px;}

.pd-form-field textarea {  min-height: 125px;  resize: vertical;}

.pd-form-field input:focus,
.pd-form-field textarea:focus {  border-color: #111;  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06);}

.pd-form-field input.input-error,
.pd-form-field textarea.input-error {  border-color: #d00000;}


/* ---------- Honeypot ---------- */

.pd-form-honeypot {  position: absolute !important;  width: 1px !important;  height: 1px !important;
  overflow: hidden !important;  opacity: 0 !important;  pointer-events: none !important;}


/* ---------- File upload ---------- */

.pd-file-upload {  display: flex;  align-items: center;  flex-wrap: wrap;  gap: 12px;  min-height: 48px;
  padding: 10px;  border: 1px dashed #c8c8c8;  background: #fafafa;}

.pd-file-upload input[type="file"] {  position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}

.pd-file-upload__button { display: inline-flex !important;  align-items: center;  justify-content: center;
  gap: 8px;  min-height: 42px;  padding: 0 18px;  margin: 0 !important;  background: #111;  color: #fff !important;
  font-size: 13px !important;  font-weight: 600 !important;  cursor: pointer;
  transition:    background 0.2s ease,    transform 0.2s ease;}

.pd-file-upload__button:hover {  background: #333;}

.pd-file-upload__icon {  font-size: 20px;  line-height: 1;}

.pd-file-upload__list {  flex: 1 1 250px;  min-width: 0;}

.pd-file-item {  display: flex;  align-items: center;  justify-content: space-between;  gap: 10px;
  margin: 3px 0;  font-size: 13px;  line-height: 1.4;  color: #444;}

.pd-file-item__name {  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}

.pd-file-item__size {  flex: 0 0 auto;  color: #888;}

.pd-file-upload__hint {  margin-top: 8px;  font-size: 12px;  line-height: 1.5;  color: #777;}


/* ---------- Message ---------- */

.pd-form-message {  display: none;  margin-top: 20px;  padding: 12px 15px;  font-size: 14px;  line-height: 1.5;}

.pd-form-message.is-error {  display: block;  background: #fff0f0;  border-left: 3px solid #d00000;  color: #a00000;}

.pd-form-message.is-success { display: block;  background: #f0f8f1;  border-left: 3px solid #188038;  color: #176b2e;}


/* ---------- Footer ---------- */

.pd-form-footer {  display: flex;  align-items: center;  justify-content: space-between;  gap: 20px;  margin-top: 25px;}

.pd-form-submit {position: relative; display: inline-flex; align-items: center; justify-content: center;  min-height: 52px;
  padding: 0 28px;  border: 0;  background: #111;  color: #fff;  font-family: inherit;  font-size: 13px;  font-weight: 700;
  text-transform: uppercase;  letter-spacing: 0.02em;  cursor: pointer;  transition: background 0.2s ease, opacity 0.2s ease;}

.pd-form-submit:hover {  background: #333;}

.pd-form-submit:disabled {  opacity: 0.65;  cursor: wait;}

.pd-form-submit__loader { display: none;  width: 17px;  height: 17px;  margin-left: 10px;
border: 2px solid rgba(255,255,255,0.35);  border-top-color: #fff;  border-radius: 50%;
  animation: pdFormSpin 0.7s linear infinite;}

.pd-form-submit.is-loading .pd-form-submit__loader {
  display: block;
}

@keyframes pdFormSpin {  to {    transform: rotate(360deg);  }}

.pd-form-required {  font-size: 12px;  color: #777;}

/* ---------- Success ---------- */

.pd-form-success {  text-align: center;  padding: 30px 10px 10px;}

.pd-form-success__icon {  display: flex;  align-items: center;  justify-content: center;
  width: 64px;  height: 64px;  margin: 0 auto 20px;  border-radius: 50%;  background: #111;
  color: #fff;  font-size: 30px;}

.pd-form-success h3 {  margin: 0 0 10px;  font-size: 25px;}

.pd-form-success p {  max-width: 500px;  margin: 0 auto 25px;  color: #666;  line-height: 1.6;}

.pd-form-success__close {  min-height: 45px;  padding: 0 25px;  border: 0;  background: #111;
  color: #fff;  font-family: inherit;  cursor: pointer;}


/* ---------- Body lock ---------- */

body.pd-modal-open {  overflow: hidden;}


/* ========    MOBILE  ==================== */

@media (max-width: 700px) {  .pd-modal {    padding: 10px;  }

  .pd-modal__dialog {    max-height: calc(100vh - 20px);    padding: 35px 20px 25px;  }

  .pd-modal__header {    margin-bottom: 24px;  }

  .pd-modal__header h2 {    font-size: 23px;  }

  .pd-modal__header p {    font-size: 14px; }

  .pd-form-grid {    grid-template-columns: 1fr;    gap: 17px;  }

  .pd-form-field--full {    grid-column: auto;  }

  .pd-form-footer {    align-items: stretch;    flex-direction: column;    margin-top: 20px;  }

  .pd-form-submit {    width: 100%;  }

  .pd-form-required {    text-align: center;  }

  .pd-file-upload { align-items: stretch;    flex-direction: column;  }

  .pd-file-upload__button {    width: 100%;  }

  .pd-file-upload__list {    flex: auto;    width: 100%;  }
}



/*    CAPABILITIES    */

.capabilities { background: #f7f9fa; border-bottom:  1px solid var(--line);}

.capabilities-grid { display: grid; grid-template-columns:  1.3fr  repeat(3, 1fr); gap: 0;}

.capability-intro { padding: 70px 55px 70px 0;}

.capability-intro h2 { margin: 0; max-width: 330px; font-size: 34px; line-height: 1.08; letter-spacing: -.03em;}

.capability-intro p { max-width: 380px; margin-top: 17px; color: var(--text-light); font-size: 13px; line-height: 1.65;}

.capability { min-height: 200px; padding: 60px 35px; border-left:  1px solid var(--line);}

.capability-icon { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;
 margin-bottom: 22px; border:  1px solid #d6dfe5; color: var(--navy); font-size: 19px;}

.capability h3 { margin: 0; font-size: 14px;}

.capability p { margin: 9px 0 0; color: var(--text-light); font-size: 11px; line-height: 1.55;}


/*    PRODUCTS    */

.products-header { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 45px;}

.text-link { display: inline-flex; align-items: center; gap: 9px; color: var(--navy); font-size: 11px; font-weight: 800;
 letter-spacing: .07em;}

.text-link:hover { color: var(--blue);}

.text-link span { color: var(--orange); font-size: 18px;}


/* PRODUCT GRID */

.products-grid { display: grid; grid-template-columns:  repeat(5, 1fr); gap: 14px;}

.product-card { position: relative; min-height: 280px; overflow: hidden; background: #e9edf0; border:  1px solid var(--line);}

.product-image { position: absolute; inset: 0; background-size: cover; background-position: center; transition:
  transform .5s ease;}

.product-card:hover .product-image { transform: scale(1.06);}

.product-overlay { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
 padding: 22px; background:  linear-gradient(   0deg,   rgba(4,15,23,.93),   rgba(4,15,23,.04) 75%  );
 color: white;}

.product-number { margin-bottom: 7px; color: var(--orange); font-size: 10px; font-weight: 800;}

.product-title { font-size: 14px; line-height: 1.25; font-weight: 800;}
.product-arrow { margin-top: 13px; font-size: 16px; color: var(--orange);}


/*    INDUSTRIES главная */

.industries { background: linear-gradient(   rgba(5,23,36,.93),   rgba(5,23,36,.93)  ),
  url("https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=2200&q=85");
 background-size: cover; background-position: center; color: white;}

.industries-header { display: flex; justify-content: space-between; gap: 50px; margin-bottom: 45px;}

.industries-header .section-description { max-width: 450px;}

.industries-grid { display: grid; grid-template-columns:  repeat(5, 1fr); gap: 12px;}

.industry-card {position: relative; min-height: 300px; overflow: hidden; border: 1px solid rgba(255,255,255,.16);}

.industry-image {position: absolute; inset: 0; background-size: cover; background-position: center;
 transition:  transform .5s ease;}

.industry-card:hover .industry-image { transform: scale(1.07);}

.industry-overlay {position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
 padding: 22px; background:  linear-gradient( 0deg, rgba(4,14,22,.96), rgba(4,14,22,.10) );}

.industry-icon { margin-bottom: 12px; color: var(--orange); font-size: 22px;}

.industry-title { font-size: 14px; font-weight: 800;}

.industry-description {margin-top: 6px; color: #b9c5cd; font-size: 10px; line-height: 1.5;}


/*    WHY PRITZ */

.why-header { display: grid; grid-template-columns: 1fr  1fr; gap: 80px; margin-bottom: 55px;}

.why-header p { margin: 0; color: var(--text-light); font-size: 14px; line-height: 1.75;}

.why-grid { display: grid; grid-template-columns:  repeat(6, 1fr); border-top:  1px solid var(--line);
 border-bottom:  1px solid var(--line);}

.why-item { min-height: 190px; padding: 32px 24px; border-right:  1px solid var(--line);}

.why-item:last-child { border-right: 0;}

.why-icon { margin-bottom: 22px; color: var(--navy); font-size: 26px;}

.why-item h3 { margin: 0; font-size: 13px; line-height: 1.3;}

.why-item p { margin: 10px 0 0; color: var(--text-light); font-size: 10px; line-height: 1.5;}


/*    PROCESS     */

.process { background: #f6f8fa;}

.process-header { display: flex; justify-content: space-between; align-items: flex-end;
 margin-bottom: 50px; gap: 50px;}

.process-header .section-description { max-width: 480px;}

.process-grid { display: grid; grid-template-columns:  repeat(4, 1fr); gap: 12px;}

.process-step { position: relative; min-height: 210px; padding: 25px; background: white;
 border:  1px solid var(--line); transition:  transform .25s ease,  box-shadow .25s ease;}

.process-step:hover { transform: translateY(-4px); box-shadow:  0 15px 40px rgba(10,30,45,.08);}

.process-number { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px;}

.process-number strong { color: var(--orange); font-size: 25px; font-weight: 300;}

.process-number span { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;
 border:  1px solid var(--line); color: #ff6600;  font-size: 14px; }

.process-step h3 { margin: 0; font-size: 14px;}

.process-step p { margin: 9px 0 0; color: var(--text-light); font-size: 11px; line-height: 1.55;}


/*    CTA / QUOTE */

.quote { position: relative; overflow: hidden; background: linear-gradient(90deg, rgba(5,20,31,.98), rgba(5,20,31,.90)
  ),  url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=2200&q=85");
 background-size: cover; background-position: center; color: white;}

.quote::before { content: ""; position: absolute; width: 600px; height: 600px; right: -200px; top: -250px;
 border-radius: 50%; background:  rgba(255,134,24,.08); filter: blur(50px);}

.quote-grid { position: relative; z-index: 2; display: grid; grid-template-columns:  1.4fr  .8fr; gap: 80px;}


/* QUOTE FORM */
.quote-title {margin: 0; max-width: 650px; font-size: clamp(35px, 4vw, 54px); line-height: 1.03; letter-spacing: -.035em;}

.quote-description {max-width: 570px; margin: 20px 0 30px; color: #aebbc4; font-size: 14px; line-height: 1.65;}

.form-grid { display: grid; grid-template-columns:  repeat(2, 1fr); gap: 10px;}

.form-field { width: 100%; min-height: 48px; padding: 0 15px; color: white; background:  rgba(255,255,255,.05);
 border:  1px solid rgba(255,255,255,.22); outline: none; transition:  border-color .2s ease,  background .2s ease;}

.form-field::placeholder { color: #9aa8b2;}

.form-field:focus { border-color: var(--orange); background:  rgba(255,255,255,.08);}

textarea.form-field { min-height: 105px; padding: 14px 15px; resize: vertical;}

.form-full { grid-column:  1 / -1;}


/* UPLOAD */

.upload { position: relative; min-height: 85px; padding: 20px; display: flex; align-items: center; gap: 15px;
 border:  1px dashed rgba(255,255,255,.30); background:  rgba(255,255,255,.03); transition:  border-color .2s ease,
  background .2s ease;}

.upload.dragover { border-color: var(--orange); background:  rgba(255,134,24,.08);}

.upload-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center;
 flex-shrink: 0; border:  1px solid rgba(255,255,255,.20); color: var(--orange); font-size: 19px;}

.upload-text strong { display: block; font-size: 12px;}

.upload-text span { display: block; margin-top: 5px; color: #9baab4; font-size: 10px;}

.upload input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}

.files-list { margin-top: 8px; color: #aebbc4; font-size: 10px;}


/* FORM BUTTON */

.form-submit { margin-top: 12px;}

.form-submit .btn { border: 0; min-width: 260px;}


/* CONTACTS */

.contact-box { padding:  35px; background:  rgba(10,31,44,.75); border:  1px solid rgba(255,255,255,.14);
 backdrop-filter:  blur(12px);}

.contact-box h3 { margin: 0 0 28px; font-size: 22px;}

.contact-item { display: flex; gap: 14px; padding: 17px 0; border-bottom:  1px solid rgba(255,255,255,.10);}

.contact-item:last-of-type { border-bottom: 0;}

.contact-icon { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
 flex-shrink: 0; color: var(--orange); border:  1px solid rgba(255,255,255,.14);}

.contact-item small { display: block; margin-bottom: 4px; color: #82929d; font-size: 9px; text-transform: uppercase;
 letter-spacing: .1em;}

.contact-item strong { display: block; font-size: 12px; line-height: 1.5;}

.contact-button { width: 100%; margin-top: 22px;}


/*    FOOTER    */

.footer { background: #06131e; color: white;}

.footer-main { padding: 65px 0 45px; display: grid; grid-template-columns:  1.5fr  1fr  1fr  1fr  1fr; gap: 45px;}

.footer-logo { width: 155px; margin-bottom: 18px;}

.footer-description { max-width: 250px; color: #82919c; font-size: 11px; line-height: 1.6;}

.footer-title { margin: 0 0 18px; color: white; font-size: 11px; letter-spacing: .08em; text-transform: uppercase;}

.footer-links { display: flex; flex-direction: column; gap: 10px;}

.footer-links a { color: #84939e; font-size: 10px;}

.footer-links a:hover { color: white;}

.footer-bottom { min-height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 20px;
 border-top:  1px solid rgba(255,255,255,.10); color: #687984; font-size: 9px;}

.footer-legal { display: flex; gap: 20px;}

.footer-legal a:hover { color: white;}


/*    REVEAL ANIMATION   */
.reveal { opacity: 0; transform:  translateY(25px); transition:  opacity .7s ease,  transform .7s ease;}

.reveal.visible { opacity: 1; transform:  translateY(0);}


/*    RESPONSIVE   */

@media (max-width: 1100px) {
 .nav {  gap: 16px; }

 .nav-item {  font-size: 10px; }

 .header-cta {  padding: 0 13px;  font-size: 9px; }

 .hero-card {  right: 0; }

 .products-grid {  grid-template-columns:   repeat(3, 1fr); }

 .industries-grid {  grid-template-columns:   repeat(3, 1fr); }

 .why-grid {  grid-template-columns:   repeat(3, 1fr); }

 .why-item:nth-child(3) {  border-right: 0; }

 .process-grid {  grid-template-columns:   repeat(2, 1fr); }

 .quote-grid {  gap: 40px; }

 .footer-main {  grid-template-columns:   repeat(3, 1fr); }
}


@media (max-width: 850px) { 
.header-top {  display: none; }

 .header-main {  height: 68px; }

 .nav {position: fixed;  left: 0;  right: 0;  top: 68px;  display: none;  flex-direction: column;  align-items: stretch;
  gap: 0;  padding: 15px; background: white; border-top: 1px solid var(--line);  box-shadow: 0 20px 40px rgba(0,0,0,.10); }

 .nav.active {  display: flex; }

 .nav-item {  height: auto;  padding: 15px;  border-bottom:   1px solid var(--line); }

 .dropdown {  position: static;  display: none;  width: 100%;  padding: 5px;  box-shadow: none;  border: 0;
  opacity: 1;  visibility: visible;  transform: none; }


 /*   .nav-item:hover .dropdown {  display: block; }   меню 2 уровня  */

 /*   меню 3 уровня  */

.nav-item {    flex-wrap: wrap;}

.nav-item:hover > .dropdown,
.nav-item:focus-within > .dropdown {
    display: block;
}

.submenu {
    position: static;
    display: none;
    width: 100%;
    padding: 5px 5px 5px 15px;
    margin: 0;

    border: 0;
    box-shadow: none;

    opacity: 1;
    visibility: visible;
    transform: none;
}

.dropdown-item:hover > .submenu,
.dropdown-item:focus-within > .submenu {
    display: block;
    transform: none;
}

.dropdown-item > a {
    white-space: normal;
}
 /* конец  меню 3 уровня  */

 .mobile-toggle {  display: block; }

 .header-cta {  display: none; }

 .logo {  width: 145px; }

 .hero {  min-height: 690px; }

 .hero-container {  padding:   80px 0 150px; }

 .hero-card {  display: none; }

 .capabilities-grid {  grid-template-columns:   1fr 1fr; }

 .capability-intro {  grid-column: 1 / -1;  padding:   60px 0 30px; }

 .capability {  border-top:   1px solid var(--line); }

 .products-grid {  grid-template-columns:   repeat(2, 1fr); }

 .industries-header,
 .process-header {  flex-direction: column;  align-items: flex-start; }

 .industries-grid {  grid-template-columns:   repeat(2, 1fr); }

 .why-header {  grid-template-columns:   1fr;  gap: 20px; }

 .quote-grid {  grid-template-columns:   1fr; }

}


@media (max-width: 600px) {
 .container {  width:   calc(100% - 32px); }

 .section {  padding: 75px 0; }

 .hero {  min-height: 720px; }

 .hero-container {  width:   calc(100% - 32px);  padding:   70px 0 130px; }

 .hero-bg {  background-position:   62% center; }

 .hero-title {  font-size: 43px; }

 .hero-description {  font-size: 14px; }

 .hero-buttons {  flex-direction: column;  align-items: stretch; }

 .btn {  width: 100%; }

 .capabilities-grid {  grid-template-columns:   1fr; }

 .capability-intro {  padding-bottom: 20px; }

 .capability {  border-left: 0;  border-top:   1px solid var(--line);  min-height: auto;  padding:   35px 0; }

 .products-header {  flex-direction: column;  align-items: flex-start; }

 .products-grid {  grid-template-columns:   1fr; }

 .product-card {  min-height: 250px; }

 .industries-grid {  grid-template-columns:   1fr; }

 .industry-card {  min-height: 250px; }

 .why-grid {  grid-template-columns:   1fr 1fr; }

 .why-item {  border-right:   1px solid var(--line); }

 .why-item:nth-child(even) {  border-right: 0; }

 .process-grid {  grid-template-columns:   1fr; }

 .form-grid {  grid-template-columns:   1fr; }

 .form-full {  grid-column:   auto; }

 .quote {  background-position:   65% center; }

 .quote-grid {  gap: 35px; }

 .contact-box {  padding: 25px 20px; }

 .footer-main {  grid-template-columns:   1fr 1fr;  gap: 35px 25px; }

 .footer-main > div:first-child {  grid-column:   1 / -1; }

 .footer-bottom {  flex-direction: column;  align-items: flex-start;  padding:   20px 0; }

 .footer-legal {  flex-wrap: wrap; }
}


/*    ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
 *,
 *::before,
 *::after {  scroll-behavior: auto !important;  animation-duration:   .01ms !important;
  animation-iteration-count:   1 !important;  transition-duration:   .01ms !important; }
}


/*    PRITZ — LASER CUTTING PAGE  */

.laser-page {
 --laser-dark: #111820;
 --laser-dark-2: #18212a;
 --laser-blue: #ff8618; /* замена на оранжевый)  */

 /* --laser-blue: #1d5fa7;  --laser-blue-dark: #174e89; исходные голубые цвета  */

 --laser-blue-dark: #174e89;
 --laser-light: #f3f5f6;
 --laser-border: #d9dee2;
 --laser-muted: #68737d;
 --laser-white: #fff;
 --orange: #ff8618;
 --orange-dark: #e96f06;

 color: var(--laser-dark); overflow: hidden;}

.laser-container { width: min(1240px, calc(100% - 60px)); margin: 0 auto;}


/*   COMMON */

.laser-eyebrow { margin-bottom: 20px; font-size: 11px; line-height: 1.2; font-weight: 700; letter-spacing: .18em;
 text-transform: uppercase; color: var(--laser-blue);}

.laser-section-head { max-width: 850px;}

.laser-section-head h2,
.laser-section-top h2 { margin: 0; font-size: clamp(42px, 5vw, 70px); line-height: .96; letter-spacing: -.045em;
 font-weight: 700; text-transform: uppercase;}


.laser-section-head h2 span,
.laser-section-top h2 span { color: #7d8790;}


.laser-section-head p,
.laser-section-top > p { max-width: 560px; margin: 30px 0 0; font-size: 16px; line-height: 1.7;
 color: var(--laser-muted);}


/*    BUTTONS */

.laser-btn { display: inline-flex; align-items: center; justify-content: center; gap: 25px; min-height: 54px;
 padding: 0 24px; font-size: 11px; line-height: 1; font-weight: 700; letter-spacing: .08em;
 text-transform: uppercase; text-decoration: none; transition:  background .25s ease,  color .25s ease,
  border-color .25s ease,  transform .25s ease;}

.laser-btn span { font-size: 18px;}

.laser-btn:hover { transform: translateY(-2px);}

.laser-btn--primary { color: #fff; background: var(--laser-blue);}

.laser-btn--primary:hover { background: #ff9d42; /* background: var(--laser-blue-dark); */}
.laser-btn--outline {   /* color: var(--laser-dark); */ color: #bfc7cd; border: 1px solid #bfc7cd;
 background: transparent;}

.laser-btn--outline:hover { color: var(--laser-blue); border-color: var(--laser-blue);}

.laser-btn--light { color: var(--laser-dark); background: #fff;}

.laser-btn--light:hover { color: var(--laser-dark); background: #88949f;}



/* HERO не главная  */

.laser-hero { min-height: 690px; display: flex; align-items: center;  background: var(--laser-dark); color: #fff;}

.laser-hero__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 70px;
 align-items: center; padding: 70px 0;}

.laser-hero__content { position: relative; z-index: 2;}

.laser-hero .laser-eyebrow { color: var(--laser-blue);}

.laser-hero h1 { margin: 0; max-width: 650px; font-size: clamp(48px, 5.8vw, 82px);
 line-height: .93; letter-spacing: -.055em; text-transform: uppercase;}

.laser-hero h1 span {display: block; color: #88949f;}

.laser-hero__lead { max-width: 610px; margin: 32px 0 0; font-size: 17px; line-height: 1.65; color: #c0c8ce;}

.laser-hero__buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 38px;}

.laser-hero__meta { display: flex; flex-wrap: wrap; margin-top: 60px;}

.laser-hero__meta > div { min-width: 145px; padding-right: 35px; margin-right: 35px;
  border-right: 1px solid #37424b;}

.laser-hero__meta > div:last-child { border-right: 0;}

.laser-hero__meta strong {display: block; font-size: 22px; line-height: 1.1; font-weight: 600;}

.laser-hero__meta span {display: block; margin-top: 7px; font-size: 10px; line-height: 1.3;
   letter-spacing: .1em; text-transform: uppercase; color: #7e8992;}


/* HERO IMAGE */

.laser-hero__visual { position: relative; min-height: 540px; overflow: hidden; background: #202930;}

.laser-hero__visual::after {content: ""; position: absolute; inset: 0; background:  linear-gradient( 90deg,
  rgba(17,24,32,.25), transparent 45%  );}
.laser-hero__visual img { display: block; width: 100%; height: 100%; min-height: 540px; object-fit: cover;
  filter: contrast(1.05);}
.laser-hero__visual-label { position: absolute; left: 24px; bottom: 22px; z-index: 3; display: flex;
  align-items: center; gap: 10px; padding: 10px 13px; font-size: 9px; font-weight: 700;
  letter-spacing: .14em; background: rgba(17,24,32,.88); color: #fff;}
.laser-hero__visual-dot { width: 6px; height: 6px; border-radius: 50%; background: #5b9bd5;}

/* INTRO */

.laser-intro { padding: 120px 0; background: #fff;}

.laser-intro .laser-section-head {display: grid; grid-template-columns: 1fr 1fr; gap: 80px; max-width: none;}

.laser-intro .laser-eyebrow {grid-column: 1 / -1; margin-bottom: -45px;}

.laser-intro .laser-section-head p { align-self: end; margin: 0;}

.laser-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 85px;
   border-top: 1px solid var(--laser-border); border-bottom: 1px solid var(--laser-border);}

.laser-stat { position: relative; min-height: 190px; padding: 32px 28px;
 border-right: 1px solid var(--laser-border);}

.laser-stat:last-child { border-right: 0;}

.laser-stat__icon { display: block; margin-bottom: 30px; font-size: 20px; font-weight: 700;
 color: var(--laser-blue);}

.laser-stat strong { display: block; font-size: 23px; line-height: 1.1; letter-spacing: -.03em;}

.laser-stat small { display: block; max-width: 170px; margin-top: 10px; font-size: 10px;
 line-height: 1.5; text-transform: uppercase; letter-spacing: .08em; color: #132d3e;}
.laser-stat b {  font-size: 11px; font-weight: 700; color: #132d3e;}
.laser-stat li {  font-size: 11px; font-weight: 400; color: #132d3e;}


/* TECHNICAL SPECIFICATIONS   */

.laser-specs { padding: 120px 0; background: var(--laser-light);}

.laser-section-top { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end;}
.laser-section-top > p { margin: 0 0 4px;}

.laser-spec-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 70px;
 border-top: 1px solid #ccd2d7; border-bottom: 1px solid #ccd2d7;}

/*  .laser-spec-card { position: relative; min-height: 250px; display: flex; align-items: flex-end;
 padding: 35px; border-right: 1px solid #ccd2d7;} */
.laser-spec-card { position: relative; min-height: 250px; display: flex; align-items: flex-top;
 padding: 35px; border-right: 1px solid #ccd2d7;}

.laser-spec-card:last-child { border-right: 0;}

.laser-spec-card__number { position: absolute; top: 30px; right: 30px; font-size: 11px;
 font-weight: 700; letter-spacing: .1em; color: #a2abb2;}

.laser-spec-card small { display: block; margin-bottom: 10px; font-size: 12px; font-weight: 700;
 letter-spacing: .13em; color: #8a949d;}

.laser-spec-card strong { display: inline-block; font-size: 24px; font-weight: 700;
 line-height: 1; letter-spacing: -.045em;}
/*  .laser-spec-card strong { display: inline-block; font-size: clamp(30px, 3.5vw, 50px);
 line-height: 1; letter-spacing: -.045em;} */


.laser-spec-card em { margin-left: 5px; font-size: 12px; font-style: normal; color: #737e87;}
.laser-spec-card a { font-size: 12px; color: #ff8618;}
.laser-spec-card a:hover { font-size: 12px; color: #132d3e;}




/* MATERIALS */

.laser-materials { padding: 120px 0; background: #fff;}

.laser-section-head--wide { max-width: 1000px;}

.laser-material-list { margin-top: 75px; border-top: 1px solid var(--laser-border);}

.laser-material { display: grid; grid-template-columns: 310px 1fr 140px; gap: 40px;
 align-items: center; min-height: 100px; border-bottom: 1px solid var(--laser-border);}

.laser-material__name { display: flex; align-items: center; gap: 25px;}

.laser-material__name span { font-size: 10px; font-weight: 700; color: #a0a9b0;}

.laser-material__name strong { font-size: 17px;}

.laser-material__bar { height: 5px; background: #e6e9eb;}

.laser-material__bar span { display: block; height: 100%; background: var(--laser-blue);}

.laser-material__value { text-align: right; font-size: 12px; color: #79838c;}

.laser-material__value strong { color: var(--laser-dark); font-size: 17px;}


/* PRODUCTS */
.laser-products { padding: 120px 0; background: var(--laser-light);}

.laser-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 75px;
 border-top: 1px solid #d1d6da; border-left: 1px solid #d1d6da;}

.laser-product { position: relative; min-height: 270px; padding: 32px; border-right: 1px solid #d1d6da;
 border-bottom: 1px solid #d1d6da; transition:  background .25s ease,  color .25s ease;}

.laser-product > span { font-size: 10px; font-weight: 700; color: #9aa3aa;}

.laser-product h3 { margin: 45px 0 0; font-size: 22px; line-height: 1.1; letter-spacing: -.025em;}

.laser-product p { max-width: 280px; margin: 15px 0 0; font-size: 13px; line-height: 1.6; color: #737d85;}

.laser-product b { position: absolute; right: 28px; bottom: 25px; font-size: 20px;
 font-weight: 400; color: var(--laser-blue);}

.laser-product:hover {background: var(--laser-dark); color: #fff;}

.laser-product:hover p { color: #9fa9b1;}

/* .laser-product:hover > span { color: #628db6;} */
.laser-product:hover > span { color: #ff6600;}


/* PROCESS */
.laser-process { padding: 120px 0; background: #fff;}

.laser-process-line { display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 80px;
 border-top: 1px solid #ccd2d7;}

.laser-process-item { position: relative; min-height: 180px; padding: 30px 20px 30px 0;
 border-right: 1px solid #ccd2d7;}

.laser-process-item:not(:first-child) { padding-left: 20px;}

.laser-process-item:last-child { border-right: 0;}

.laser-process-item::before { content: ""; position: absolute; top: -4px; left: 0; width: 7px; height: 7px;
 border-radius: 50%; background: var(--laser-blue);
}
.laser-process-item span { display: block; font-size: 10px; font-weight: 700; color: #9ca5ac;}

.laser-process-item strong { display: block; margin-top: 30px; font-size: 14px; letter-spacing: .05em;}

.laser-process-item small { display: block; max-width: 130px; margin-top: 10px; font-size: 11px;
 line-height: 1.5; color: #7b858d;}


/* ADVANTAGES */
.laser-advantages { padding: 120px 0; background: var(--laser-dark); color: #fff;}

.laser-advantages__grid { display: grid; grid-template-columns: 2fr 1fr 1fr;}

.laser-advantages__intro { grid-row: span 2; padding: 20px 80px 20px 0;}

.laser-advantages__intro .laser-eyebrow { color: #ff6600;}

.laser-advantages__intro h2 { margin: 0; font-size: clamp(40px, 4.5vw, 65px); line-height: .96;
 letter-spacing: -.045em; text-transform: uppercase;}

.laser-advantages__intro h2 span { color: #77838d;}

.laser-advantages__intro p { max-width: 500px; margin-top: 30px; font-size: 15px;
 line-height: 1.7; color: #aeb7be;}

.laser-advantage { min-height: 250px; padding: 25px 30px; border-top: 1px solid #35414a; border-left: 1px solid #35414a;}

.laser-advantage:nth-child(n+4) { border-bottom: 1px solid #35414a;}

.laser-advantage span { font-size: 10px; font-weight: 700; color: #ff6600;}

.laser-advantage h3 { margin: 45px 0 0; font-size: 19px; line-height: 1.15;}

.laser-advantage p { margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: #84909a;}


/* CTA */

.laser-cta {padding: 100px 0; background: var(--laser-blue); color: #fff;}

.laser-cta__inner { display: grid; grid-template-columns: 1.3fr .7fr; gap: 80px; align-items: center;}

.laser-cta .laser-eyebrow { color: #c4dbef;}

.laser-cta h2 { max-width: 700px; margin: 0; font-size: clamp(45px, 5vw, 75px); line-height: .94;
 letter-spacing: -.05em; text-transform: uppercase;}

.laser-cta h2 span { display: block; color: #b7d0e7;}

.laser-cta p { max-width: 600px; margin: 30px 0; font-size: 16px; line-height: 1.65; color: #d7e5f1;}

.laser-cta__mark { text-align: right;}

.laser-cta__mark div {font-size: clamp(65px, 9vw, 130px); line-height: .8; font-weight: 700;
 letter-spacing: -.08em; opacity: .16;}

.laser-cta__mark span { display: block; margin-top: 25px; font-size: 10px; font-weight: 700;
 letter-spacing: .25em; color: #c4dbef;}


/*    RESPONSIVE    */

@media (max-width: 1000px) {
 .laser-hero__inner {  grid-template-columns: 1fr; }

 .laser-hero__visual {  min-height: 400px; }

 .laser-hero__visual img {  min-height: 400px; }

 .laser-stats {  grid-template-columns: repeat(2, 1fr); }

 .laser-stat:nth-child(2) {  border-right: 0; }

 .laser-spec-grid {  grid-template-columns: 1fr; }

 .laser-spec-card {  min-height: 190px;  border-right: 0;  border-bottom: 1px solid #ccd2d7; }

 .laser-spec-card:last-child {  border-bottom: 0; }

 .laser-material {  grid-template-columns: 250px 1fr 110px;  gap: 25px; }

 .laser-product-grid {  grid-template-columns: repeat(2, 1fr); }

 .laser-process-line {  grid-template-columns: repeat(3, 1fr); }

 .laser-process-item:nth-child(3) {  border-right: 0; }

 .laser-advantages__grid {  grid-template-columns: 1fr 1fr; }

 .laser-advantages__intro {  grid-column: 1 / -1;  grid-row: auto;  padding: 20px 0 70px; }
}


@media (max-width: 700px) {
 .laser-container {  width: min(100% - 40px, 1240px); }

 .laser-hero__inner {  padding: 50px 0; }

 .laser-hero h1 {  font-size: 48px; }

 .laser-hero__lead {  font-size: 15px; }

 .laser-hero__buttons {  flex-direction: column;  align-items: stretch; }

 .laser-btn {  width: 100%; }

 .laser-hero__meta {  margin-top: 40px; }

 .laser-hero__meta > div {  min-width: 50%;  margin: 0 0 20px;  padding: 0 15px 0 0;  border-right: 0; }

 .laser-intro,
 .laser-specs,
 .laser-materials,
 .laser-products,
 .laser-process,
 .laser-advantages {  padding: 80px 0; }

 .laser-intro .laser-section-head,
 .laser-section-top {  grid-template-columns: 1fr;  gap: 25px; }
 .laser-intro .laser-eyebrow {  margin-bottom: 0; }

 .laser-stats {  grid-template-columns: 1fr; }

 .laser-stat {  border-right: 0;  border-bottom: 1px solid var(--laser-border); }

 .laser-stat:last-child {  border-bottom: 0; }

 .laser-material {  grid-template-columns: 1fr;  gap: 15px;  padding: 25px 0; }

 .laser-material__value {  text-align: left; }

 .laser-product-grid {  grid-template-columns: 1fr; }

 .laser-process-line {  grid-template-columns: 1fr 1fr; }

 .laser-process-item {  border-right: 0;  border-bottom: 1px solid #ccd2d7; }

 .laser-process-item:not(:first-child) {  padding-left: 0; }

 .laser-advantages__grid {  grid-template-columns: 1fr; }

 .laser-advantages__intro {  grid-column: auto; }

 .laser-advantage {  border-left: 0;  border-bottom: 1px solid #35414a; }

 .laser-cta__inner {  grid-template-columns: 1fr; }

 .laser-cta__mark {  display: none; }


}

/* ===== PRITZ MENU LEVEL 3 ===== */

@media (min-width: 851px) {

    .nav .dropdown-item {
        position: relative;
    }

    .nav .dropdown-item > .submenu {
        position: absolute;
        top: -12px;
        left: 100%;

        display: block;
        width: 290px;
        padding: 12px;

        background: #ffffff;
        border: 1px solid var(--line);
        box-shadow: 0 18px 45px rgba(9,24,36,.12);

        opacity: 0;
        visibility: hidden;
        transform: translateX(8px);

        z-index: 1001;

        transition:
            opacity .2s ease,
            visibility .2s ease,
            transform .2s ease;
    }

    .nav .dropdown-item:hover > .submenu,
    .nav .dropdown-item:focus-within > .submenu {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    .nav .dropdown-item > .submenu > a {
        display: block;
        padding: 10px 12px;
        color: #42515d;
        font-size: 12px;
    }

    .nav .dropdown-item > .submenu > a:hover {
        background: var(--light);
        color: var(--orange);
    }

}

/* ===== SPAWANIE SUBMENU TOGGLE ===== */

.submenu-parent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.submenu-parent > a {
    flex: 1;
}

.submenu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;
    padding: 0;

    border: 0;
    background: transparent;

    color: #65727e;
    font-size: 22px;
    cursor: pointer;
}

/* DESKTOP */
@media (min-width: 851px) {

    .submenu-toggle {
        pointer-events: none;
    }

}

/* MOBILE: third level is controlled only by the arrow button */
@media (max-width: 850px) {
    .nav {
        max-height: calc(100dvh - 68px);
        overflow-y: auto;
    }

    .nav .dropdown-item > .submenu,
    .nav .dropdown-item:hover > .submenu,
    .nav .dropdown-item:focus-within > .submenu {
        display: none;
        position: static;
        width: 100%;
        padding: 5px 5px 5px 15px;
        margin: 0;
        border: 0;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .nav .dropdown-item.submenu-open > .submenu,
    .nav .dropdown-item.submenu-open:hover > .submenu,
    .nav .dropdown-item.submenu-open:focus-within > .submenu {
        display: block;
    }

    .nav .dropdown-item > .submenu-parent > .submenu-toggle {
        pointer-events: auto;
        flex-shrink: 0;
        min-width: 44px;
        min-height: 44px;
    }

    .nav .dropdown-item.submenu-open .submenu-toggle {
        transform: rotate(90deg);
    }
}



/* Увеличение области нажатия стрелок мобильного меню */

@media (max-width: 850px) {

    /* Стрелка третьего уровня: › */
    .nav .submenu-toggle {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;

        padding: 0;
        flex-shrink: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        font-size: 26px;
        cursor: pointer;
        touch-action: manipulation;
    }

    /* Стрелка второго уровня: ⌄ */
    .nav .dropdown-toggle {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;

        padding: 0;
        flex-shrink: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        font-size: 24px;
        cursor: pointer;
        touch-action: manipulation;
    }

}

.process-number span {     color: #ff6600 !important; }

/* PRITZ reusable card module — scoped, does not affect existing cards */
.pritz-module-section { padding: 95px 0; background: #fff; }
.pritz-module-heading { max-width: 850px; margin: 0; font-size: clamp(30px, 4vw, 52px); line-height: 1.08; letter-spacing: -.035em; text-transform: uppercase; }
.pritz-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 45px; }
.pritz-module-card { display: flex; flex-direction: column; min-height: 235px; padding: 28px; background: #f4f7f9; border: 1px solid #dfe6eb; color: #17212b; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.pritz-module-card__number { font-size: 24px; font-weight: 400; color: #ff8618; }
.pritz-module-card h3 { margin: 28px 0 25px; font-size: 22px; line-height: 1.22; letter-spacing: -.02em; }
.pritz-module-card__more { margin-top: auto; display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.pritz-module-card__more span { color: #ff8618; font-size: 23px; transition: transform .25s ease; }
.pritz-module-card:hover { transform: translateY(-4px); border-color: #ff8618; box-shadow: 0 14px 32px rgba(9,24,36,.10); }
.pritz-module-card:hover .pritz-module-card__more span { transform: translateX(5px); }
.pritz-module-card:focus-visible { outline: 3px solid #ff8618; outline-offset: 3px; }
@media (max-width: 1000px) { .pritz-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .pritz-card-grid { grid-template-columns: 1fr; } .pritz-module-section { padding: 70px 0; } .pritz-module-card { min-height: 190px; } }
@media (prefers-reduced-motion: reduce) { .pritz-module-card, .pritz-module-card__more span { transition: none; } }