:root{--sf-ink:#15243a;--sf-muted:#52657c;--sf-line:#d8e1eb;--sf-surface:#f2f5f9;--sf-navy:#182c45;--sf-amber:#a55018;--sf-amber-hover:#863b10}
body{background:var(--sf-surface);color:var(--sf-ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.58}
a{color:#214f7a;text-underline-offset:.17em}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c26827;outline-offset:3px}
.head{background:#fff}
.navbar.navbar-inverse{background:var(--sf-navy);border:0;border-radius:0;box-shadow:none}
.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-brand{color:#eef4fa}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{background:#263f5d;color:#fff}
.main{background:transparent}
.page-header{border-bottom:1px solid var(--sf-line);margin-top:1.5rem}
.page-header h1,.main_page h1{font-size:clamp(26px,4.2vw,44px);line-height:1.14;letter-spacing:-.025em;color:var(--sf-ink);font-weight:740;overflow-wrap:anywhere}
.main h2,.main h3{color:var(--sf-ink);line-height:1.28}
.main .well,.main .products .product{border:1px solid var(--sf-line);background:#fff;border-radius:10px;box-shadow:none}
.main .well{padding:clamp(15px,2.2vw,28px)}
.main .products .product{overflow-wrap:anywhere}
.main .products .product .prod-name{font-weight:670;color:#173b61}
.main .breadcrumb{background:transparent;color:var(--sf-muted);padding-inline:0}
.main .nav-tabs>li.active>a,.main .nav-tabs>li.active>a:hover{color:var(--sf-ink);font-weight:700;border-top:3px solid #bd6a32}
.btn-primary,.btn-success,.btn-info{background:var(--sf-amber);border-color:var(--sf-amber);color:#fff}
.btn-primary:hover,.btn-primary:focus,.btn-success:hover,.btn-success:focus,.btn-info:hover,.btn-info:focus{background:var(--sf-amber-hover);border-color:var(--sf-amber-hover);color:#fff}
.form-control{border-color:#acbacb;box-shadow:none}
.footer{background:var(--sf-navy);color:#d5e0ed}
.footer a,.footer .nav>li>a,.footer .footer-contacts,.footer .footer-text{color:#edf3f9}
.footer .nav>li>a:hover,.footer .nav>li>a:focus{background:#263f5d}
.lf-legal-links{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.2rem 0}
.checkbox-form-inline{overflow-wrap:anywhere}
@media(max-width:767px){.main .well{padding:15px}.page-header{margin-top:12px}.main .tab-content{max-width:100%;overflow-wrap:anywhere}.footer .lf-legal-links{display:grid}}

