:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#18263d;background:#f5f8fc}*{box-sizing:border-box}body{margin:0}header{height:78px;background:white;border-bottom:1px solid #e5ebf4;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1050px)/2));gap:12px}.logo{font-size:25px;font-weight:900;letter-spacing:-1px;color:#123d7c;text-decoration:none}.logo span{color:#2874e7}.header-right{display:flex;align-items:center;gap:16px}button{cursor:pointer;font:inherit;border:0}button:disabled{opacity:.6;cursor:wait}.linkbtn{background:none;color:#195bb5;font-weight:700}.lang{background:#e9f1ff;color:#154fa0;border-radius:9px;padding:10px 13px;font-weight:800}main{max-width:1050px;margin:0 auto;padding:32px 24px 80px;min-height:75vh}.hero{border-radius:24px;background:linear-gradient(120deg,#103a79,#2077e5);color:white;padding:55px 48px;box-shadow:0 18px 35px #123c7a21}.hero h1{font-size:clamp(30px,5vw,50px);max-width:660px;line-height:1.12;margin:14px 0}.hero p{max-width:620px;line-height:1.7;color:#e5efff}.eyebrow{color:#c1dcff;font-weight:700}.heroButton{background:white;color:#1453a7;padding:14px 23px;border-radius:11px;font-weight:800;margin-top:15px}h2{font-size:24px;margin:34px 0 19px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{background:white;border:1px solid #e3eaf4;border-radius:18px;padding:22px;text-align:left;box-shadow:0 6px 18px #112e5508;transition:transform .2s,border .2s}.category:hover{transform:translateY(-3px);border-color:#2e7dea}.emoji{font-size:43px;display:block;margin-bottom:22px}.category strong{display:block;font-size:19px}.category small{display:block;color:#6a788d;margin-top:8px;line-height:1.5}.footnote{margin-top:24px;color:#68798f}#formView,#lookup,#orderView{max-width:680px;margin:10px auto;background:white;border:1px solid #e5ebf4;padding:30px;border-radius:20px;box-shadow:0 10px 30px #17365d0a}section[hidden],div[hidden],button[hidden]{display:none!important}h1{font-size:32px;margin:15px 0}section>p{color:#6a788d;line-height:1.6}.back{background:none;color:#2269ce;font-size:26px;padding:0}form{display:flex;flex-direction:column;gap:10px;margin-top:25px}form>label,#equipmentWrap label{font-weight:700;font-size:14px;margin-top:12px}input:not([type=radio]):not([type=checkbox]),textarea,select{font:inherit;width:100%;border:1px solid #d7e0ed;border-radius:10px;padding:14px;background:white;outline-color:#2d79df}textarea{resize:vertical}.switch{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch label{display:block}.switch input{position:absolute;opacity:0}.switch span{display:block;border:1px solid #d5e1f0;border-radius:10px;padding:13px;text-align:center;cursor:pointer}.switch input:checked+span{background:#e8f2ff;border-color:#2c7be5;color:#1355af;font-weight:800}#equipmentWrap{display:flex;flex-direction:column;gap:12px}#equipmentWrap[hidden]{display:none}.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400!important;line-height:1.5;color:#5a697c}.consent input{margin-top:5px}.primary{background:#246fe0;color:white;padding:16px;border-radius:11px;font-weight:800;width:100%;margin-top:12px}.green{background:#15945a}.outline{background:white;border:1px solid #cdd9e8;color:#2464bd;padding:13px;border-radius:10px;font-weight:700}.error{color:#bf2e43;min-height:20px}.successicon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#dff7eb;color:#0c9757;font-size:35px;font-weight:bold}.orderCode{background:#eaf3ff;padding:20px;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:25px}.orderCode small{color:#5b6c82}.orderCode strong{font-size:36px;letter-spacing:3px;color:#124a9d}.summary,.confirm{border:1px solid #e0e8f2;border-radius:15px;padding:20px;margin-top:20px}.summary h2,.confirm h2{margin:0 0 15px}.summarytop{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge{padding:7px 10px;border-radius:50px;background:#dcf5e8;color:#087a49;font-weight:800;font-size:12px}.badge.closed{background:#e7edf5;color:#5a6472}.badge.cancelled{background:#ffe6e8;color:#a52e3b}#orderDetails{line-height:2;color:#526174}.confirm p{color:#5f6e80;line-height:1.6}.confirm button{margin-top:12px;width:100%}footer{text-align:center;padding:26px;color:#8a98a9;font-size:13px}@media(max-width:760px){.cards{grid-template-columns:repeat(2,1fr)}.hero{padding:35px 25px}header{padding:0 18px}.linkbtn{font-size:13px}.category{padding:16px}.emoji{font-size:35px}#formView,#lookup,#orderView{padding:20px}main{padding:20px 15px 55px}}@media(max-width:380px){.cards{grid-template-columns:1fr}.logo{font-size:21px}}

/* Логотип TEZ–APAR */
.logo {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.logo svg {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  color: #164b96;
}

.logo span {
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
}
/* Улучшенная шапка для мобильных устройств */
@media (max-width: 600px) {
  header {
    height: auto;
    min-height: 78px;
    padding: 14px 16px;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .logo {
    justify-content: center;
  }

  .header-right {
    width: 100%;
    justify-content: space-between;
    gap: 8px;
  }

  .linkbtn {
    font-size: 13px;
    padding: 8px 4px;
  }

  .lang {
    padding: 9px 12px;
  }
}
/* Компактный главный баннер на телефонах */
@media (max-width: 600px) {
  .hero {
    padding: 24px 20px;
    border-radius: 20px;
  }

  .hero h1 {
    font-size: 27px;
    line-height: 1.15;
    margin: 12px 0;
  }

  .hero p {
    font-size: 14px;
    line-height: 1.5;
  }

  .heroButton {
    margin-top: 8px;
    padding: 12px 18px;
  }

  h2 {
    margin-top: 25px;
  }
}

/* FAQ — Часто задаваемые вопросы */

.faq {
  margin-top: 55px;
  padding-top: 25px;
  border-top: 1px solid #e5e7eb;
}

.faq h2 {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 24px;
}

.faq details {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}

.faq summary {
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.faq summary::-webkit-details-marker {
  display: none;
}

.faq summary::after {
  content: "+";
  font-size: 24px;
  font-weight: 400;
  color: #64748b;
}

.faq details[open] summary::after {
  content: "−";
}

.faq details[open] {
  border-color: #cbd5e1;
}

.faq details p {
  padding: 0 20px 18px;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #475569;
}

@media (max-width: 600px) {
  .faq {
    margin-top: 35px;
  }

  .faq h2 {
    font-size: 21px;
  }

  .faq summary {
    padding: 16px;
    font-size: 15px;
  }

  .faq details p {
    padding: 0 16px 16px;
    font-size: 14px;
  }
}