/* AV24 — content page styles (about/contact/delivery/warranty/faq/prices/dealers/catalogs).
   Page-specific rules extracted 1:1; loaded only on these page templates. */

/* ============================================================
   ABOUT PAGE
   ============================================================ */
.crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted-2);margin-bottom:18px;flex-wrap:wrap}
.crumb a{color:var(--muted-2);text-decoration:none}
.crumb a:hover{color:var(--blue)}
.crumb svg{width:6px;height:10px;opacity:.7;flex-shrink:0}
.crumb .cur{color:var(--muted)}
.about-pg{padding-top:clamp(14px,1.8vw,22px);padding-bottom:56px}
/* hero */
.ab-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;margin-bottom:44px}
.ab-pill{display:inline-flex;align-items:center;gap:7px;background:var(--blue-soft);color:var(--blue);font-size:12.5px;font-weight:600;padding:7px 14px;border-radius:30px;margin-bottom:18px}
.ab-pill svg{width:14px;height:14px}
.ab-hero h1{font-size:clamp(27px,3.2vw,40px);font-weight:800;color:var(--ink);line-height:1.12;letter-spacing:-.02em;margin-bottom:20px}
.ab-hero .lead{font-size:16px;color:var(--ink-soft);line-height:1.62;margin-bottom:14px}
.ab-hero .lead b{color:var(--ink);font-weight:700}
.ab-hero-img{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-card);position:relative}
.ab-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
/* stats */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:54px}
.ab-stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 22px;text-align:center}
.ab-stat .num{font-size:clamp(26px,2.6vw,34px);font-weight:800;color:var(--blue);letter-spacing:-.01em;line-height:1}
.ab-stat .lbl{font-size:13px;color:var(--muted);margin-top:9px;line-height:1.4}
/* section heading */
.ab-h2{font-size:clamp(21px,2.4vw,29px);font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-bottom:8px;text-align:center}
.ab-sub{font-size:15px;color:var(--muted);text-align:center;margin-bottom:30px;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.55}
.ab-sec{margin-bottom:56px}
/* two cards: specialization + clients */
.ab-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ab-card{border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff;box-shadow:var(--shadow-card)}
.ab-card-ico{width:50px;height:50px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:16px}
.ab-card-ico svg{width:25px;height:25px}
.ab-card h3{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:14px}
.ab-ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.ab-ul li{position:relative;padding-left:26px;font-size:14px;color:var(--ink-soft);line-height:1.5}
.ab-ul li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(--blue);transform:rotate(45deg)}
/* why us features */
.ab-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ab-feat{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;transition:transform .18s,box-shadow .18s}
.ab-feat:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,23,33,.1)}
.ab-feat-ico{width:52px;height:52px;border-radius:14px;background:linear-gradient(140deg,var(--blue),#4f6ef0);color:#fff;display:grid;place-items:center;margin-bottom:18px;box-shadow:0 6px 16px rgba(53,94,234,.28)}
.ab-feat-ico svg{width:26px;height:26px}
.ab-feat h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px}
.ab-feat p{font-size:13.5px;color:var(--muted);line-height:1.6}
/* mission/goal/values panel */
.ab-mvg{background:linear-gradient(135deg,#1c2230,#243049);border-radius:24px;padding:clamp(30px,4vw,52px);color:#fff;display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.ab-mvg-item h3{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8ea2d6;margin-bottom:14px}
.ab-mvg-item p{font-size:14.5px;line-height:1.6;color:#e9edf6}
.ab-mvg-item .vlist{list-style:none;display:flex;flex-direction:column;gap:10px}
.ab-mvg-item .vlist li{position:relative;padding-left:24px;font-size:14.5px;color:#e9edf6;line-height:1.45}
.ab-mvg-item .vlist li::before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background:#5b7cf0}
/* reviews */
.ab-rev{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ab-rev-card{border:1px solid var(--line);border-radius:18px;padding:26px;background:#fff;display:flex;flex-direction:column;gap:14px}
.ab-rev-top{display:flex;align-items:center;gap:12px}
.ab-rev-ic{width:44px;height:44px;border-radius:11px;background:#ffdc4a;display:grid;place-items:center;flex-shrink:0;font-weight:800;color:#1a1d24;font-size:19px}
.ab-rev-city{font-size:16px;font-weight:700;color:var(--ink)}
.ab-rev-meta{font-size:12.5px;color:var(--muted-2)}
.ab-rev-card p{font-size:13.5px;color:var(--muted);line-height:1.55;flex:1}
.ab-rev-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue);text-decoration:none}
.ab-rev-link svg{width:14px;height:14px}
/* CTA */
.ab-cta{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(30px,4vw,48px);text-align:center}
.ab-cta h2{font-size:clamp(21px,2.4vw,28px);font-weight:800;color:var(--ink);margin-bottom:10px}
.ab-cta p{font-size:15px;color:var(--muted);margin-bottom:24px}
.ab-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ab-cta-btns a{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:14px 26px;border-radius:12px;text-decoration:none}
.ab-cta-primary{background:var(--blue);color:#fff}
.ab-cta-primary:hover{background:var(--blue-hover)}
.ab-cta-primary svg{width:18px;height:18px}
.ab-cta-ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.ab-cta-ghost:hover{border-color:var(--blue);color:var(--blue)}
.ab-cta-ghost svg{width:18px;height:18px}
/* about responsive */
@media (max-width:1080px){ .ab-why{grid-template-columns:repeat(2,1fr)} }
@media (max-width:920px){
  .ab-hero{grid-template-columns:1fr;gap:26px}
  .ab-hero-img{order:-1;aspect-ratio:16/9}
  .ab-stats{grid-template-columns:repeat(2,1fr)}
  .ab-mvg{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .ab-two{grid-template-columns:1fr}
  .ab-rev{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ab-why{grid-template-columns:1fr}
  .ab-stats{grid-template-columns:1fr 1fr;gap:12px}
}
/* ============================================================
   CONTACTS + FAQ
   ============================================================ */
.crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted-2);margin-bottom:18px;flex-wrap:wrap}
.pg-head{margin-bottom:28px}
.pg-head h1{font-size:clamp(24px,2.8vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.01em;margin-bottom:8px}
.pg-head p{font-size:15px;color:var(--muted);line-height:1.55;max-width:680px}
.ct-page,.faq-page{padding-top:clamp(14px,1.8vw,22px);padding-bottom:56px}
/* quick cards */
.ct-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}
.ct-qcard{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;text-decoration:none;display:block;transition:transform .16s,box-shadow .16s}
.ct-qcard:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(20,23,33,.1)}
.ct-qico{width:46px;height:46px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
.ct-qico svg{width:23px;height:23px}
.ct-qlabel{font-size:12.5px;color:var(--muted);margin-bottom:4px}
.ct-qval{font-size:16px;font-weight:700;color:var(--ink);line-height:1.3;word-break:break-word}
.ct-qsub{font-size:12px;color:var(--muted-2);margin-top:3px}
.ct-consult{display:flex;align-items:center;gap:12px;background:var(--blue-soft);border-radius:14px;padding:15px 20px;margin-bottom:34px;font-size:14px;color:var(--ink-soft);line-height:1.5;flex-wrap:wrap}
.ct-consult svg{width:20px;height:20px;color:var(--blue);flex-shrink:0}
.ct-consult a{color:var(--blue);font-weight:700;text-decoration:none}
/* branches */
.ct-branches{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:34px}
.ct-branch{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-card)}
.ct-map{height:190px;position:relative;display:block;text-decoration:none;
  background:linear-gradient(135deg,#e8edf6,#dde6f2);
  background-image:linear-gradient(135deg,#e8edf6,#dce6f3),repeating-linear-gradient(0deg,transparent,transparent 26px,rgba(120,140,175,.13) 27px),repeating-linear-gradient(90deg,transparent,transparent 26px,rgba(120,140,175,.13) 27px);
  overflow:hidden}
.ct-map .road{position:absolute;background:#fff;opacity:.65}
.ct-map .r1{height:10px;width:140%;top:55%;left:-20%;transform:rotate(-8deg)}
.ct-map .r2{width:9px;height:140%;left:38%;top:-20%;transform:rotate(6deg)}
.ct-map .pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;z-index:2}
.ct-map .pin svg{width:38px;height:38px;color:var(--blue);filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.ct-map .pin-city{margin-top:2px;background:#fff;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;color:var(--ink);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.ct-map .map-hint{position:absolute;right:12px;bottom:12px;background:rgba(255,255,255,.95);border-radius:8px;padding:6px 11px;font-size:12px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:6px;z-index:2}
.ct-map .map-hint svg{width:13px;height:13px}
.ct-binfo{padding:24px}
.ct-binfo h3{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:9px}
.ct-binfo h3 .dot{width:9px;height:9px;border-radius:50%;background:var(--green)}
.ct-brow{display:flex;gap:11px;font-size:14px;color:var(--ink-soft);line-height:1.5;margin-bottom:13px}
.ct-brow svg{width:18px;height:18px;color:var(--muted-2);flex-shrink:0;margin-top:1px}
.ct-bbtns{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.ct-bbtns a{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);border-radius:10px;padding:10px 15px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;transition:.13s}
.ct-bbtns a:hover{border-color:var(--blue);color:var(--blue)}
.ct-bbtns svg{width:15px;height:15px}
/* requisites + form */
.ct-bottom{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px}
.ct-req,.ct-form{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}
.ct-req h3,.ct-form h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:18px}
.ct-req-row{padding:11px 0;border-top:1px solid var(--line);font-size:13.5px}
.ct-req-row:first-of-type{border-top:none}
.ct-req-row .k{color:var(--muted);margin-bottom:3px}
.ct-req-row .v{color:var(--ink);font-weight:600}
.ct-req-note{margin-top:16px;font-size:12.5px;color:var(--muted-2);line-height:1.55}
.ct-req-note a{color:var(--blue);text-decoration:none}
.ct-form .fld{margin-bottom:14px}
.ct-form label{display:block;font-size:13px;color:var(--ink-soft);font-weight:600;margin-bottom:6px}
.ct-form input,.ct-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff}
.ct-form input:focus,.ct-form textarea:focus{outline:none;border-color:var(--blue)}
.ct-form textarea{resize:vertical;min-height:96px}
.ct-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-submit{background:var(--blue);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:11px;padding:14px 28px;cursor:pointer;font-family:inherit;transition:background .15s}
.ct-submit:hover{background:var(--blue-hover)}
.ct-consent{font-size:12px;color:var(--muted-2);margin-top:12px;line-height:1.5}
.ct-consent a{color:var(--blue);text-decoration:none}
.ct-ok{display:none;margin-top:14px;background:#eaf7ee;color:#1ca65a;border-radius:10px;padding:12px 16px;font-size:13.5px;font-weight:600}
.ct-ok.show{display:block}
/* ===== FAQ ===== */
.faq-cat{margin-bottom:34px}
.faq-cat-h{font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.faq-cat-h .fc-ico{width:34px;height:34px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}
.faq-cat-h .fc-ico svg{width:18px;height:18px}
.faq-item{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden;transition:box-shadow .15s}
.faq-item.open{box-shadow:var(--shadow-card)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:none;border:none;cursor:pointer;padding:18px 22px;font-size:15.5px;font-weight:600;color:var(--ink);font-family:inherit;line-height:1.4}
.faq-q .pm{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;transition:.2s}
.faq-q .pm svg{width:15px;height:15px;transition:transform .2s}
.faq-item.open .faq-q .pm{background:var(--blue);color:#fff}
.faq-item.open .faq-q .pm svg{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.faq-a-in{padding:0 22px 20px;font-size:14.5px;color:var(--muted);line-height:1.65}
.faq-cta{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(28px,3.5vw,40px);text-align:center;margin-top:8px}
.faq-cta h2{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--ink);margin-bottom:8px}
.faq-cta p{font-size:15px;color:var(--muted);margin-bottom:22px}
.faq-cta-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.faq-cta-btns a{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:13px 24px;border-radius:11px;text-decoration:none}
.faq-cta-p{background:var(--blue);color:#fff}
.faq-cta-p:hover{background:var(--blue-hover)}
.faq-cta-p svg{width:17px;height:17px}
.faq-cta-g{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.faq-cta-g:hover{border-color:var(--blue);color:var(--blue)}
.faq-cta-g svg{width:17px;height:17px}
@media (max-width:900px){
  .ct-quick{grid-template-columns:repeat(2,1fr)}
  .ct-branches{grid-template-columns:1fr}
  .ct-bottom{grid-template-columns:1fr}
}
@media (max-width:520px){
  .ct-quick{grid-template-columns:1fr}
  .ct-form .row2{grid-template-columns:1fr}
}
/* ============================================================
   404 + DELIVERY + WARRANTY + ORDER
   ============================================================ */
.crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted-2);margin-bottom:18px;flex-wrap:wrap}
.pg-head p{font-size:15px;color:var(--muted);line-height:1.55;max-width:720px}
.info-page{padding-top:clamp(14px,1.8vw,22px);padding-bottom:56px}
/* section heading */
.sec-h{display:flex;align-items:center;gap:11px;font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:0 0 20px}
.sec-h .sh-ico{width:40px;height:40px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.sec-h .sh-ico svg{width:21px;height:21px}
.info-sec{margin-bottom:50px}
/* method cards */
.m-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.m-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;display:flex;gap:16px;transition:box-shadow .15s}
.m-card:hover{box-shadow:var(--shadow-card)}
.m-ico{width:46px;height:46px;border-radius:12px;background:linear-gradient(140deg,var(--blue),#4f6ef0);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 5px 14px rgba(53,94,234,.26)}
.m-ico svg{width:23px;height:23px}
.m-card h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:8px}
.m-card p{font-size:13.5px;color:var(--muted);line-height:1.6}
/* notes */
.notes{background:var(--blue-soft);border-radius:18px;padding:clamp(24px,3vw,34px)}
.notes h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:16px;display:flex;align-items:center;gap:9px}
.notes h3 svg{width:20px;height:20px;color:var(--blue)}
.notes ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.notes li{position:relative;padding-left:28px;font-size:14px;color:var(--ink-soft);line-height:1.55}
.notes li::before{content:"";position:absolute;left:3px;top:7px;width:8px;height:8px;border-radius:2px;background:var(--blue);transform:rotate(45deg)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:st}
.step{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;position:relative}
.step .num{width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px;margin-bottom:14px}
.step h4{font-size:15.5px;font-weight:700;color:var(--ink);margin-bottom:8px}
.step p{font-size:13px;color:var(--muted);line-height:1.55}
/* CTA band (shared) */
.cta-band{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(28px,3.5vw,42px);text-align:center;margin-top:10px}
.cta-band h2{font-size:clamp(20px,2.2vw,27px);font-weight:800;color:var(--ink);margin-bottom:9px}
.cta-band p{font-size:15px;color:var(--muted);margin-bottom:22px}
.cta-btns{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}
.cta-btns a{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:13px 25px;border-radius:11px;text-decoration:none}
.cta-p{background:var(--blue);color:#fff}
.cta-p:hover{background:var(--blue-hover)}
.cta-p svg{width:17px;height:17px}
.cta-g{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.cta-g:hover{border-color:var(--blue);color:var(--blue)}
.cta-g svg{width:17px;height:17px}
/* ===== 404 ===== */
.nf{min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px}
.nf-code{font-size:clamp(96px,16vw,184px);font-weight:800;line-height:.9;letter-spacing:-.04em;background:linear-gradient(135deg,var(--blue),#5b7cf0 55%,var(--teal1));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.nf h1{font-size:clamp(22px,2.6vw,30px);font-weight:800;color:var(--ink);margin-bottom:12px}
.nf p{font-size:15.5px;color:var(--muted);line-height:1.6;max-width:480px;margin-bottom:28px}
.nf-btns{display:flex;gap:13px;flex-wrap:wrap;justify-content:center;margin-bottom:38px}
.nf-btns a{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:14px 26px;border-radius:12px;text-decoration:none}
.nf-pop{border-top:1px solid var(--line);padding-top:26px;width:100%;max-width:560px}
.nf-pop .t{font-size:13px;color:var(--muted-2);margin-bottom:14px}
.nf-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.nf-links a{font-size:13.5px;font-weight:600;color:var(--blue);background:var(--blue-soft);padding:9px 16px;border-radius:30px;text-decoration:none;transition:.13s}
.nf-links a:hover{background:var(--blue);color:#fff}
/* ===== ORDER / Заявка ===== */
.ord-grid{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:start}
.ord-items{display:flex;flex-direction:column;gap:14px}
.ord-item{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff;display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center}
.ord-thumb{width:84px;height:84px;border-radius:12px;overflow:hidden;background:#f3f4f6;line-height:0}
.ord-thumb img{width:100%;height:100%;object-fit:cover}
.ord-info h3{font-size:15px;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:5px}
.ord-info .sku{font-size:12.5px;color:var(--muted-2);margin-bottom:10px}
.ord-price{font-size:13.5px;font-weight:700;color:var(--blue)}
.ord-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.qty button{width:34px;height:36px;border:none;background:#fff;font-size:18px;color:var(--ink-soft);cursor:pointer;font-family:inherit;transition:background .12s}
.qty button:hover{background:var(--blue-soft);color:var(--blue)}
.qty input{width:42px;height:36px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:14px;font-weight:600;color:var(--ink);font-family:inherit;-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.ord-remove{background:none;border:none;color:var(--muted-2);cursor:pointer;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-family:inherit;transition:color .13s}
.ord-remove:hover{color:#e0444b}
.ord-remove svg{width:14px;height:14px}
.ord-empty{display:none;border:1px dashed var(--line);border-radius:16px;padding:48px 24px;text-align:center;color:var(--muted)}
.ord-empty svg{width:48px;height:48px;color:var(--muted-2);margin-bottom:14px}
.ord-empty.show{display:block}
.ord-empty .eh{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:6px}
.ord-summary{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;position:sticky;top:96px}
.ord-summary h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:16px}
.ord-srow{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:9px 0;color:var(--ink-soft)}
.ord-srow.total{border-top:1px solid var(--line);margin-top:6px;padding-top:14px;font-size:15px}
.ord-srow.total .v{font-weight:800;color:var(--blue)}
.ord-note{background:var(--blue-soft);border-radius:11px;padding:13px 15px;font-size:12.5px;color:var(--ink-soft);line-height:1.55;margin:14px 0}
.ord-form .fld{margin-bottom:12px}
.ord-form label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px}
.ord-form input,.ord-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;color:var(--ink)}
.ord-form input:focus,.ord-form textarea:focus{outline:none;border-color:var(--blue)}
.ord-form textarea{resize:vertical;min-height:74px}
.ord-submit{width:100%;background:linear-gradient(135deg,var(--cart1),var(--cart2));color:#fff;font-weight:700;font-size:15px;border:none;border-radius:11px;padding:14px;cursor:pointer;font-family:inherit;margin-top:4px}
.ord-submit:hover{filter:brightness(1.05)}
.ord-consent{font-size:11.5px;color:var(--muted-2);margin-top:10px;line-height:1.5;text-align:center}
.ord-ok{display:none;margin-top:14px;background:#eaf7ee;color:#1ca65a;border-radius:10px;padding:13px;font-size:13.5px;font-weight:600;text-align:center}
.ord-ok.show{display:block}
@media (max-width:900px){
  .m-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .ord-grid{grid-template-columns:1fr}
  .ord-summary{position:static}
}
@media (max-width:520px){
  .steps{grid-template-columns:1fr}
  .ord-item{grid-template-columns:64px 1fr;gap:12px}
  .ord-thumb{width:64px;height:64px}
  .ord-right{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}
}
/* ===== PHASE 2: PRICES / DEALERS / CATALOGS ===== */
.crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted-2);margin-bottom:18px;flex-wrap:wrap}
.pg-head p{font-size:15px;color:var(--muted);line-height:1.55;max-width:760px}
.sec-h{display:flex;align-items:center;gap:11px;font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--ink);letter-spacing:-.01em;margin:0 0 20px}
.m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.m-grid.cols2{grid-template-columns:repeat(2,1fr)}
.notes{background:var(--blue-soft);border-radius:18px;padding:clamp(24px,3vw,34px)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cta-band{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(28px,3.5vw,42px);text-align:center;margin-top:10px}
.cta-btns a{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:13px 25px;border-radius:11px;text-decoration:none;cursor:pointer}
/* price cards */
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.price-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}
.price-card:hover{box-shadow:var(--shadow-card);border-color:transparent}
.pc-top{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.pc-ico{width:46px;height:46px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.pc-ico svg{width:23px;height:23px}
.pc-top h3{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:5px;line-height:1.3}
.pc-meta{font-size:12.5px;color:var(--muted-2)}
.pc-badge{display:inline-flex;align-items:center;gap:5px;background:#e8f5ec;color:#1ca65a;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;margin-left:auto;flex-shrink:0}
.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:#fff;font-weight:700;font-size:14px;padding:12px 18px;border-radius:11px;text-decoration:none;margin-top:auto;transition:background .15s}
.dl-btn:hover{background:var(--blue-hover)}
.dl-btn.ghost{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.dl-btn.ghost:hover{border-color:var(--blue);color:var(--blue)}
.dl-btn svg{width:17px;height:17px}
/* catalog download cards */
.cat-dl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.cat-dl{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.cat-dl:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.cat-dl-cover{position:relative;aspect-ratio:16/8;overflow:hidden;background:#f3f4f6;line-height:0}
.cat-dl-cover img{width:100%;height:100%;object-fit:cover}
.cat-dl-fmt{position:absolute;top:12px;left:12px;background:rgba(220,53,69,.92);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:7px}
.cat-dl-body{padding:22px;display:flex;flex-direction:column;flex:1}
.cat-dl-body h3{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px}
.cat-dl-body p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:16px;flex:1}
.cat-dl-foot{display:flex;align-items:center;gap:14px}
.cat-dl-size{font-size:12.5px;color:var(--muted-2)}
/* for-whom cards */
.fw-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;text-align:center}
.fw-ico{width:52px;height:52px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin:0 auto 14px}
.fw-ico svg{width:26px;height:26px}
.fw-card h3{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:7px}
.fw-card p{font-size:13px;color:var(--muted);line-height:1.55}
/* application form */
.appf-wrap{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(26px,3.4vw,40px)}
.appf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.appf .fld{display:flex;flex-direction:column}
.appf .fld.full{grid-column:1/-1}
.appf label{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px}
.appf input,.appf textarea,.appf select{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;width:100%}
.appf input:focus,.appf textarea:focus,.appf select:focus{outline:none;border-color:var(--blue)}
.appf textarea{resize:vertical;min-height:90px}
.appf-submit{background:var(--blue);color:#fff;font-weight:700;font-size:15px;border:none;border-radius:11px;padding:14px 30px;cursor:pointer;font-family:inherit;margin-top:6px}
.appf-submit:hover{background:var(--blue-hover)}
.appf-consent{font-size:11.5px;color:var(--muted-2);margin-top:12px;line-height:1.5}
.appf-ok{display:none;align-items:center;gap:14px;background:#eaf7ee;color:#1ca65a;border-radius:14px;padding:20px 24px}
.appf-ok.show{display:flex}
.appf-ok svg{width:34px;height:34px;flex-shrink:0}
.appf-ok b{display:block;color:var(--ink);font-size:16px;margin-bottom:3px}
.appf-ok span{font-size:13.5px;color:var(--muted)}
@media (max-width:900px){.m-grid,.m-grid.cols2,.price-grid,.cat-dl-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.appf-grid{grid-template-columns:1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}