.kat-hero{background:radial-gradient(900px 400px at 78% 4%, rgba(255,255,255,.06), transparent 60%),
linear-gradient(158deg,#0A4A78 0%,#04263F 100%);color:#fff;padding:34px 0 40px;position:relative;overflow:hidden}
.kat-heromark{position:absolute;top:50%;right:-8%;transform:translateY(-50%);
  width:min(900px,68%);opacity:.05;pointer-events:none;z-index:1}
.kat-heromark img{width:100%;height:auto;display:block}
@media(max-width:900px){.kat-heromark{display:none}}
.kat-hero .wrap{position:relative;z-index:2}
.kat-hero h1{font-size:38px;line-height:1.12;font-weight:800;letter-spacing:-.025em;max-width:820px;color:#fff}
.kat-hero .kat-sub{font-size:17px;color:#BCCEDE;max-width:760px;margin-top:14px;line-height:1.6}
.kat-crumbs{font-size:12.5px;color:#8FA9C2;padding:16px 0}
.kat-crumbs a{color:#8FA9C2}
.kat-crumbs a:hover{color:#fff}
.kat-crumbs span{color:#fff}

.kat-searchrow{margin-top:24px;max-width:820px}
.kat-searchrow form{display:flex;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.kat-searchrow input{flex:1;border:0;outline:0;font-size:16px;padding:18px 22px;color:var(--ink);font-family:inherit}
.kat-searchrow button{border:0;background:var(--orange);color:var(--navy-d);font-weight:800;font-size:15.5px;padding:0 34px;cursor:pointer}
.kat-hint{margin-top:10px;font-size:13px;color:#93AABF}
.kat-hint b{color:#CFDDE9;font-weight:600}
.kat-hint-claas{margin-top:4px}

.kat-herofig{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px;
  border-top:1px solid rgba(255,255,255,.15);padding-top:22px}
.kat-hf .v{font-size:25px;font-weight:800;letter-spacing:-.025em}
.kat-hf .l{font-size:12.5px;color:#9FB8CD;margin-top:6px;line-height:1.4}

.kat-section{padding:44px 0;border-top:1px solid var(--line)}
.kat-section.kat-appl{background:var(--steel)}

.kat-ways{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.kat-way{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;position:relative;overflow:hidden}
.kat-way::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}
.kat-way .kat-wt{font-size:20px;font-weight:800;line-height:1.25;color:var(--ink)}
.kat-way .kat-wd{font-size:14.5px;color:#46565F;margin-top:9px;line-height:1.6}
.kat-way .kat-wl{margin-top:14px;font-size:13.5px;font-weight:700;color:var(--navy)}

.kat-applgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.kat-ap{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.15s}
.kat-ap:hover{border-color:var(--navy);box-shadow:0 8px 24px rgba(10,74,120,.08)}
.kat-ap .kat-at{font-size:18px;font-weight:800;line-height:1.3;color:var(--ink)}
.kat-ap .kat-ad{font-size:14px;color:var(--mute);margin-top:8px;line-height:1.6}
.kat-ap .kat-an{margin-top:12px;padding-top:11px;border-top:1px dashed var(--line);
  font-size:13px;color:var(--navy);font-weight:700}

.kat-typegrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.kat-tp{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:left}
.kat-tp:hover{border-color:var(--navy)}
.kat-tp .kat-tt{font-size:15.5px;font-weight:800;line-height:1.3;color:var(--ink)}
.kat-tp .kat-tc{font-size:13px;color:var(--mute);margin-top:6px}

.kat-help{background:var(--navy);color:#fff;border-radius:var(--radius);padding:32px 36px;margin-top:0;
  display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.kat-help h3{font-size:23px;font-weight:800;line-height:1.25;color:#fff}
.kat-help p{font-size:15px;color:#BCCEDE;margin-top:10px;line-height:1.65}
.kat-helpact{display:flex;flex-direction:column;gap:10px}

.kat-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;
  border-radius:9px;font-weight:700;font-size:14.5px;border:1.5px solid transparent;cursor:pointer;text-decoration:none}
.kat-btn-primary{background:var(--orange);color:var(--navy-d)}
.kat-btn-ghost{border-color:var(--line);background:#fff;color:var(--ink)}
.kat-btn-white{background:#fff;color:var(--navy)}
.kat-btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.kat-helpact .kat-btn{width:100%}

.kat-faq{margin-top:24px}
.kat-faqitem{border-bottom:1px solid var(--line)}
.kat-faqitem summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 0;font-size:15.5px;font-weight:700;color:var(--ink);cursor:pointer}
.kat-faqitem summary::-webkit-details-marker{display:none}
.kat-faqitem summary::after{content:"+";flex:0 0 auto;font-size:20px;font-weight:400;color:var(--mute)}
.kat-faqitem[open] summary::after{content:"–"}
.kat-faqa{padding:0 0 18px;font-size:14.5px;color:var(--mute);line-height:1.65;max-width:680px}

@media(max-width:1080px){
  .kat-applgrid,.kat-ways,.kat-help{grid-template-columns:1fr}
  .kat-typegrid{grid-template-columns:repeat(2,1fr)}
  .kat-herofig{grid-template-columns:repeat(2,1fr)}
  .kat-hero h1{font-size:27px}
}
@media(max-width:620px){
  .kat-typegrid,.kat-herofig{grid-template-columns:1fr}
}

/* ===== выдача раздела (/catalog/<code>/) ===== */

.kat-crumbs-light{font-size:12.5px;color:var(--mute);margin-bottom:18px}
.kat-crumbs-light a{color:var(--mute)}
.kat-crumbs-light a:hover{color:var(--navy)}
.kat-crumbs-light span{color:var(--ink)}

.kat-cat{display:grid;grid-template-columns:262px 1fr;gap:32px;margin-top:20px}
.kat-filters{border:1px solid var(--line);border-radius:var(--radius);padding:20px;height:fit-content;position:sticky;top:84px}
.kat-fg{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.kat-fg:last-of-type{border:0;margin:0;padding:0}
.kat-fh{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.kat-fsearch{width:100%;border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:13.5px;outline:0;font-family:inherit;margin-bottom:8px}
.kat-fnone{font-size:13px;color:var(--mute);padding:4px 0}
.kat-fo{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:14px;color:var(--ink)}
.kat-fo input{width:16px;height:16px;accent-color:var(--navy)}
.kat-fcnt{margin-left:auto;font-size:12px;color:var(--mute)}
.kat-fmore{margin-top:2px}
.kat-fmore summary{list-style:none;font-size:13px;font-weight:700;color:var(--navy);cursor:pointer;padding:6px 0}
.kat-fmore summary::-webkit-details-marker{display:none}
.kat-fmore[open] summary{margin-bottom:4px}
.kat-pdflist summary{list-style:none}
.kat-pdflist summary::-webkit-details-marker{display:none}
.kat-pdflist[open] summary{margin-bottom:10px}
.kat-pdflinks{display:flex;flex-direction:column;gap:8px}
.kat-pdflinks a{font-size:13.5px;color:#BCCEDE;text-decoration:underline;text-underline-offset:2px}
.kat-pdflinks a:hover{color:#fff}
.kat-frange{display:flex;gap:8px;align-items:center}
.kat-frange input{width:100%;border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:13.5px;outline:0;font-family:inherit}
.kat-frangehint{margin-top:8px;font-size:12px;color:var(--mute)}
.kat-fbtn{width:100%;margin-top:18px;border:0;border-radius:8px;padding:12px;background:var(--orange);
  color:var(--navy-d);font-weight:800;font-size:14px;cursor:pointer}
.kat-fbtn:hover{filter:brightness(.96)}
.kat-fclear{display:block;text-align:center;margin-top:10px;font-size:13px;color:var(--mute);text-decoration:underline;cursor:pointer}
.kat-fclear:hover{color:var(--navy)}
.kat-fnote{margin-top:14px;font-size:12px;color:var(--mute);line-height:1.5}

.kat-artsearch{display:flex;gap:10px;margin-bottom:18px}
.kat-artsearch input{flex:1;min-width:0;border:1px solid var(--line);border-radius:7px;padding:11px 14px;font-size:14px;outline:0;font-family:inherit}
.kat-artsearch button{border:0;border-radius:7px;padding:0 24px;background:var(--orange);color:var(--navy-d);font-weight:800;font-size:14px;cursor:pointer}
.kat-artsearch button:hover{filter:brightness(.96)}
@media(max-width:480px){.kat-artsearch{flex-direction:column}}

.kat-rhead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  padding-bottom:14px;border-bottom:1px solid var(--line)}
.kat-rcount{font-size:14.5px;color:var(--mute)}
.kat-rcount b{color:var(--ink);font-size:16px}
.kat-rsort{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--mute)}
.kat-rsort select{border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:13.5px;font-family:inherit;outline:0}

.kat-plist{margin-top:18px}
.kat-pr{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;
  padding:18px 0;border-bottom:1px solid var(--line)}
.kat-prim{background:var(--steel);border:1px solid var(--line);border-radius:8px;height:96px;
  display:grid;place-items:center;color:#A7B8C7;font-size:10.5px;overflow:hidden}
.kat-prim img{max-width:100%;max-height:100%;object-fit:contain}
.kat-prn{display:block;font-size:16.5px;font-weight:700;line-height:1.35;color:var(--ink)}
.kat-prm{font-size:13px;color:var(--mute);margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.kat-prright{text-align:right;min-width:190px}
.kat-prprice{font-size:20px;font-weight:800;white-space:nowrap;color:var(--ink)}
.kat-prprice-none{font-size:14px;font-weight:700;color:var(--mute)}
.kat-prstock{display:inline-flex;align-items:center;gap:7px;font-size:13px;margin-top:9px;color:var(--green);font-weight:700}
.kat-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.16);display:inline-block}
.kat-prstock.kat-wait{color:var(--orange-d)}
.kat-prstock.kat-wait .kat-dot{background:var(--orange);box-shadow:0 0 0 3px rgba(245,166,35,.18)}
.kat-prbtn{display:inline-block;margin-top:11px;height:38px;line-height:38px;padding:0 20px;border:0;border-radius:8px;
  background:var(--orange);color:var(--navy-d);font-weight:700;font-size:14px;cursor:pointer;text-decoration:none}

.kat-pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}
.kat-pg{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;
  border:1px solid var(--line);border-radius:7px;font-size:13.5px;color:var(--ink)}
.kat-pg-on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}

.kat-subgrid{margin:18px 0 26px}
.kat-collections{margin-top:34px}
.kat-collections .kat-ch{font-size:15.5px;font-weight:800;color:var(--ink)}
.kat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.kat-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;
  font-size:13.5px;line-height:1.3;color:var(--ink)}
a.kat-chip:hover{border-color:var(--navy)}
.kat-chip-on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:700}
.kat-seotext{margin-top:34px;max-width:860px;font-size:14.5px;line-height:1.65;color:var(--mute)}
.kat-seotext h2,.kat-seotext h3{font-size:18px;font-weight:800;line-height:1.3;color:var(--ink);margin:22px 0 10px}
.kat-seotext h2:first-child,.kat-seotext h3:first-child{margin-top:0}
.kat-seotext p{margin:0 0 12px}
.kat-seotext ul{margin:0 0 12px;padding-left:20px;list-style:disc}
.kat-seotext li{margin-bottom:5px}
.kat-seotext a{color:var(--navy);text-decoration:underline}

.kat-empty{border:1px dashed var(--line);border-radius:var(--radius);padding:34px;text-align:center;margin-top:20px;background:var(--steel)}
.kat-et{font-size:19px;font-weight:800;color:var(--ink)}
.kat-ed{font-size:14.5px;color:var(--mute);margin-top:9px;line-height:1.65;max-width:520px;margin-left:auto;margin-right:auto}
.kat-eb{margin-top:18px;display:flex;gap:11px;justify-content:center;flex-wrap:wrap}

@media(max-width:1080px){
  .kat-cat{grid-template-columns:1fr}
  .kat-filters{position:static}
}
@media(max-width:620px){
  .kat-pr{grid-template-columns:72px 1fr;gap:14px}
  .kat-prright{grid-column:1/-1;text-align:left}
}