.page-content{

  --night:#ffffff;--dark:#f3f6fa;--card:#ffffff;--ocean:#1a4f8a;--signal:#c93c0c;

  --line:rgba(23,43,70,.14);--muted:#536b85;--text:#172b46;

  --fh:'Oswald',sans-serif;--fb:'Inter',sans-serif;

  --r:6px;--tr:.22s ease;

  --s1:.75rem;--s2:.875rem;--s3:1rem;--s4:1.15rem;--s5:1.4rem;

}
.page-content *,.page-content *::before,.page-content *::after{box-sizing:border-box;margin:0;padding:0}
.page-content{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.page-content{background:var(--night);color:var(--text);font-family:var(--fb);font-size:var(--s3);line-height:1.6}
.page-content a{color:inherit;text-decoration:none}
@media(prefers-reduced-motion:reduce){.page-content *{animation:none!important;transition:none!important}}
.page-content .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.page-content .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page-content .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r);font-family:var(--fb);font-size:var(--s2);font-weight:600;cursor:pointer;border:none;transition:opacity var(--tr),transform var(--tr)}
.page-content .btn:hover{opacity:.85;transform:translateY(-1px)}
.page-content .btn:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
.page-content .btn-primary{background:var(--signal);color:#fff}
.page-content .btn-ghost{background:transparent;color:#172b46;border:1px solid rgba(23,43,70,.2)}
.page-content .btn-ghost:hover{border-color:rgba(23,43,70,.5)}
.page-content .btn-ocean{background:var(--ocean);color:#fff}
.page-content .site-nav{position:sticky;top:0;z-index:100;background:rgba(241,246,252,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow var(--tr)}
.page-content .site-nav.scrolled{box-shadow:0 4px 24px rgba(23,43,70,0.12)}
.page-content .nav__in{display:flex;align-items:center;height:64px;gap:32px}
.page-content .logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.page-content .logo__text{display:flex;flex-direction:column;line-height:1.1}
.page-content .logo__top{font-family:var(--fh);font-size:.9rem;font-weight:700;color:#172b46;letter-spacing:.04em}
.page-content .logo__bot{font-family:var(--fh);font-size:.65rem;font-weight:600;color:var(--signal);letter-spacing:.08em;text-transform:uppercase}
.page-content .nav__links{display:flex;align-items:center;gap:4px;margin-left:auto}
.page-content .nav__links a{font-size:var(--s2);color:var(--muted);padding:6px 12px;border-radius:4px;transition:color var(--tr),background var(--tr)}
.page-content .nav__links a:hover,.page-content .nav__links a[aria-current]{color:#172b46;background:rgba(23,43,70,.06)}
.page-content .nav__phone{font-size:var(--s2);font-weight:600;color:#172b46;margin-left:16px;white-space:nowrap}
.page-content .nav__phone i{color:var(--signal);margin-right:6px}
.page-content .nav__cta{margin-left:8px}
.page-content .burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.page-content .burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform var(--tr),opacity var(--tr)}
.page-content .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.page-content .burger.open span:nth-child(2){opacity:0}
.page-content .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.page-content .mob-nav{display:none;flex-direction:column;gap:2px;padding:12px 24px 16px;border-top:1px solid var(--line);background:var(--dark)}
.page-content .mob-nav a{font-size:var(--s3);color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line);transition:color var(--tr)}
.page-content .mob-nav a:last-child{border-bottom:none}
.page-content .mob-nav a:hover{color:#172b46}
.page-content .mob-nav.open{display:flex}
@media(max-width:860px){.page-content .nav__links,.page-content .nav__cta,.page-content .nav__phone{display:none}
.page-content .burger{display:flex}}
.page-content .prod-hero{padding:40px 0 56px;border-bottom:1px solid var(--line)}
.page-content .breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--s1);color:var(--muted);margin-bottom:28px;flex-wrap:wrap}
.page-content .breadcrumb a{color:var(--muted);transition:color var(--tr)}
.page-content .breadcrumb a:hover{color:#172b46}
.page-content .breadcrumb i{font-size:.55rem;color:rgba(23,43,70,0.7)}
.page-content .prod-hero__layout{display:grid;grid-template-columns:1fr 420px;gap:56px;align-items:start}
.page-content .prod-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--s1);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);margin-bottom:14px}
.page-content .prod-hero__eyebrow::before{content:'';display:block;width:20px;height:2px;background:var(--signal)}
.page-content .prod-hero__h1{font-family:var(--fh);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05;color:#172b46;margin-bottom:16px}
.page-content .prod-hero__desc{font-size:var(--s4);color:var(--muted);line-height:1.7;margin-bottom:28px;max-width:520px}
.page-content .prod-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.page-content .prod-badge{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:var(--s1);font-weight:600;color:rgba(23,43,70,0.8)}
.page-content .prod-badge i{color:var(--signal);font-size:.8rem}
.page-content .prod-badge--cert{border-color:rgba(26,79,138,.5);background:rgba(26,79,138,.1);color:#245c9a}
.page-content .prod-badge--cert i{color:#245c9a}
.page-content .prod-visual{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:40px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}
.page-content .prod-visual__cert{position:absolute;top:16px;right:16px;background:var(--ocean);border-radius:4px;padding:6px 12px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;display:flex;align-items:center;gap:6px}
.page-content .prod-visual__svg{width:100%;display:flex;justify-content:center}
.page-content .prod-visual__tabs{display:flex;gap:2px;background:var(--night);border-radius:var(--r);padding:3px}
.page-content .prod-visual__tab{flex:1;background:none;border:none;border-radius:4px;padding:8px;font-size:var(--s1);font-weight:600;color:var(--muted);cursor:pointer;transition:all var(--tr)}
.page-content .prod-visual__tab.active{background:var(--card);color:#172b46}
.page-content .prod-order{background:var(--dark);border:1px solid var(--line);border-radius:var(--r);padding:32px;position:sticky;top:80px}
.page-content .prod-order__title{font-family:var(--fh);font-size:var(--s5);font-weight:700;color:#172b46;margin-bottom:6px}
.page-content .prod-order__sub{font-size:var(--s2);color:var(--muted);margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.page-content .prod-order__row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.page-content .prod-order__label{font-size:var(--s1);font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.page-content .prod-order__select,.page-content .prod-order__input{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:11px 14px;color:#172b46;font-family:var(--fb);font-size:var(--s3);width:100%;transition:border-color var(--tr);appearance:none;-webkit-appearance:none}
.page-content .prod-order__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff60' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.page-content .prod-order__select:focus,.page-content .prod-order__input:focus{outline:none;border-color:var(--ocean)}
.page-content .prod-order__select option{background:var(--dark)}
.page-content .prod-order__qty{display:flex;align-items:center;gap:0}
.page-content .qty-btn{width:40px;height:42px;background:var(--card);border:1px solid var(--line);color:#172b46;font-size:1.2rem;cursor:pointer;transition:background var(--tr);flex-shrink:0}
.page-content .qty-btn:first-child{border-radius:var(--r) 0 0 var(--r);border-right:none}
.page-content .qty-btn:last-child{border-radius:0 var(--r) var(--r) 0;border-left:none}
.page-content .qty-btn:hover{background:var(--night)}
.page-content .qty-input{width:64px;height:42px;background:var(--card);border:1px solid var(--line);color:#172b46;font-family:var(--fb);font-size:var(--s3);font-weight:600;text-align:center;border-left:none;border-right:none;font-variant-numeric:tabular-nums}
.page-content .qty-input:focus{outline:none}
.page-content .prod-order__divider{height:1px;background:var(--line);margin:20px 0}
.page-content .prod-order__stock{display:flex;align-items:center;gap:8px;font-size:var(--s2);color:#4cbb7a;margin-bottom:20px}
.page-content .prod-order__stock i{font-size:.8rem}
.page-content .prod-order__actions{display:flex;flex-direction:column;gap:10px}
.page-content .prod-order__actions .btn{justify-content:center;padding:14px 24px;font-size:var(--s3)}
.page-content .prod-order__note{font-size:var(--s1);color:var(--muted);margin-top:16px;line-height:1.6}
.page-content .prod-order__note i{color:var(--signal);margin-right:4px}
@media(max-width:960px){.page-content .prod-hero__layout{grid-template-columns:1fr}
.page-content .prod-order{position:static}}
.page-content .prod-tabs-section{padding:64px 0;border-bottom:1px solid var(--line)}
.page-content .prod-tabs__nav{display:flex;gap:0;border-bottom:2px solid var(--line);margin-bottom:40px;overflow-x:auto}
.page-content .prod-tab-btn{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:14px 24px;font-family:var(--fb);font-size:var(--s3);font-weight:600;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--tr),border-color var(--tr)}
.page-content .prod-tab-btn:hover{color:#172b46}
.page-content .prod-tab-btn.active{color:#172b46;border-bottom-color:var(--signal)}
.page-content .prod-tab-panel{display:none}
.page-content .prod-tab-panel.active{display:block}
.page-content .specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:32px}
.page-content .spec-row{background:var(--card);display:flex;align-items:baseline;gap:16px;padding:16px 24px}
.page-content .spec-row:hover{background:#1f2d3f}
.page-content .spec-key{font-size:var(--s2);color:var(--muted);flex:0 0 200px;min-width:0}
.page-content .spec-val{font-size:var(--s2);font-weight:600;color:#172b46;flex:1}
.page-content .spec-val em{font-style:normal;color:var(--signal)}
.page-content .apply-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-content .apply-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px}
.page-content .apply-card i{color:var(--signal);font-size:1.4rem}
.page-content .apply-card__title{font-family:var(--fh);font-size:var(--s4);font-weight:700;color:#172b46}
.page-content .apply-card__text{font-size:var(--s2);color:var(--muted);line-height:1.6}
.page-content .certs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.page-content .cert-card{background:var(--card);border:1px solid rgba(26,79,138,.3);border-radius:var(--r);padding:24px;display:flex;gap:16px;align-items:flex-start}
.page-content .cert-card__icon{width:48px;height:48px;background:rgba(26,79,138,.15);border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.page-content .cert-card__icon i{color:#245c9a;font-size:1.3rem}
.page-content .cert-card__title{font-size:var(--s3);font-weight:700;color:#172b46;margin-bottom:4px}
.page-content .cert-card__text{font-size:var(--s1);color:var(--muted);line-height:1.6}
@media(max-width:760px){.page-content .specs-grid{grid-template-columns:1fr}
.page-content .apply-grid,.page-content .certs-grid{grid-template-columns:1fr}
.page-content .spec-row{flex-direction:column;gap:4px}
.page-content .spec-key{flex:none}}
.page-content .table-section{padding:64px 0;border-bottom:1px solid var(--line)}
.page-content .section-head{margin-bottom:32px}
.page-content .section-eyebrow{font-size:var(--s1);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--signal);display:flex;align-items:center;gap:8px;margin-bottom:8px}
.page-content .section-eyebrow::before{content:'';display:block;width:20px;height:2px;background:var(--signal)}
.page-content .section-h2{font-family:var(--fh);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#172b46}
.page-content .table-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.page-content .tf-btn{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:6px 14px;font-size:var(--s1);color:var(--muted);cursor:pointer;transition:all var(--tr)}
.page-content .tf-btn:hover{color:#172b46;border-color:rgba(23,43,70,.3)}
.page-content .tf-btn.active{background:var(--signal);border-color:var(--signal);color:#fff}
.page-content .table-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line)}
.page-content .nom-table{width:100%;border-collapse:collapse;font-size:var(--s2)}
.page-content .nom-table th{background:var(--card);color:var(--muted);font-size:var(--s1);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.page-content .nom-table td{padding:11px 16px;border-bottom:1px solid rgba(23,43,70,.04);color:var(--text);font-variant-numeric:tabular-nums;vertical-align:middle}
.page-content .nom-table tr:last-child td{border-bottom:none}
.page-content .nom-table tr:hover td{background:rgba(23,43,70,.025)}
.page-content .nom-table .oboz{font-size:.8rem;color:rgba(23,43,70,0.7)}
.page-content .nom-table .mat-br{color:#c8a96e}
.page-content .nom-table .mat-lat{color:#a0c4ff}
.page-content .nom-table .mat-nzh{color:#245c9a}
.page-content .nom-table .mat-tn{color:#a8e6cf}
.page-content .badge-pn{display:inline-block;background:rgba(232,66,10,.12);border:1px solid rgba(232,66,10,.25);border-radius:3px;padding:2px 7px;font-size:.72rem;font-weight:700;color:var(--signal)}
.page-content .table-note{font-size:var(--s1);color:var(--muted);margin-top:16px;line-height:1.7}
.page-content .table-note i{color:var(--signal);margin-right:4px}


