/* SINA EKATO: blue and white catalogue theme, inspired by the supplied reference. */
:root{--accent:#16347a;--accent-d:#10265c;--gold:#5077bd;--ink:#26334b;--ink-2:#233b65;--steel:#344963;--steel-3:#52627a;--mist:#f6f7f9;--line:#e1e5eb;--txt:#484848;--txt-2:#687080;--font-body:Arial,'Segoe UI',sans-serif;--font-disp:Arial,'Segoe UI',sans-serif;--font-mono:Arial,'Segoe UI',sans-serif;--rad:3px;--wrap:1280px}
body{font-size:16px;line-height:1.7}
.topbar{background:#16347a;color:#fff;border:0}
.tb-tag{color:#e4eafa;letter-spacing:.04em;text-transform:none;font-size:12px}
.topbar .tb-group{gap:20px}
.site-head{background:#fff;backdrop-filter:none}
.head-in{min-height:92px;gap:20px}
.brand-logo{width:190px;height:auto;border-radius:0}
.nav a{border-radius:0;padding:12px 15px;font-size:16px;font-weight:600}
.nav a.active::after{border-radius:0;bottom:2px}
.head-phone .lbl{letter-spacing:0;text-transform:none;font-size:11px}
.head-phone .num{font-size:15px}
.btn{border-radius:2px;font-family:var(--font-body);font-size:14px;letter-spacing:.02em;text-transform:none;padding:12px 24px}
.btn-primary,.btn-primary:hover{box-shadow:none}
.btn-outline{border-color:var(--accent);color:var(--accent)}
.btn-outline:hover{background:var(--accent);color:#fff}
.btn-ghost{background:#fff;border-color:#fff;color:var(--accent)}
.btn-ghost:hover{background:#eef2fb;color:var(--accent)}
.factory-banner{background:#edf1f6;overflow:hidden}
.factory-banner img{width:100%;height:auto;display:block}
.home-intro{background:#f5f7fb;border-bottom:1px solid var(--line)}
.home-intro-in{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:38px;padding-bottom:38px}
.home-intro h1{font-size:clamp(26px,3vw,42px);line-height:1.2;color:var(--accent);font-weight:700;letter-spacing:-.025em}
.home-intro p{max-width:780px;color:var(--txt-2);margin-top:14px}
.home-intro .sec-kicker{margin-bottom:10px}
.home-intro-actions{display:flex;flex-direction:column;gap:12px;flex:none;min-width:180px}
.capstrip .cap{padding:22px 20px;border-left:0}
.cap b{font-size:14px}
.cap span{font-size:12px}
section.band{padding:72px 0}
section.band.tight{padding:56px 0}
.sec-head{margin-bottom:36px}
.sec-head h2{font-size:clamp(27px,3.2vw,38px);line-height:1.25;text-transform:none;letter-spacing:-.02em;color:var(--accent)}
.sec-kicker{letter-spacing:.08em;font-size:12px;color:var(--accent)}
.sec-kicker::before{width:20px}
.sec-head p{font-size:16px}
.band-ink{background:#f5f7fb;color:var(--txt)}
.band-ink .sec-head h2{color:var(--accent)}
.band-ink .sec-head p{color:var(--txt-2)}
.band-ink .sec-kicker{color:var(--accent)}
.band-ink .sec-kicker::before{background:var(--accent)}
.grid-prod{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.pcard,.ncard,.ind,.adv,.c-card,.faq{border-radius:3px;box-shadow:none}
.pcard:hover,.ncard:hover{box-shadow:0 8px 22px rgba(22,52,122,.09);transform:translateY(-3px)}
.pcard-media{background:#fafbfc;padding:20px}
.pcard-cat{background:#eef2fa;color:var(--accent);border-radius:2px;letter-spacing:.02em;font-size:11px}
.pcard-body h3,.ncard-body h3,.ind h3,.adv h3{font-size:19px;line-height:1.4;text-transform:none;letter-spacing:0}
.pcard-body{padding:22px}
.pcard-more,.ncard-more{letter-spacing:.02em;text-transform:none}
.chip{font-size:13px;text-transform:none;letter-spacing:0;border-radius:2px}
.chip.active{background:var(--accent);border-color:var(--accent)}
.split{gap:52px}
.split-media .ph-main{border-radius:3px}
.ph-badge{background:var(--accent);border-radius:2px}
.page-hero,.contact-page .page-hero{background:#f2f5fa;color:var(--accent);padding:44px 0 42px}
.page-hero::before,.contact-page .page-hero::before{display:none}
.page-hero::after{height:1px;background:#dce3ef}
.page-hero h1{font-size:clamp(28px,3.8vw,42px);text-transform:none;letter-spacing:-.02em;line-height:1.25}
.page-hero .ph-sub,.contact-page .page-hero .ph-sub{color:#606f85;font-size:16px}
.crumbs,.crumbs a,.contact-page .crumbs,.contact-page .crumbs a{color:#64748b;letter-spacing:0;text-transform:none}
.crumbs a:hover{color:var(--accent)}
.form-card,.contact-page .form-card{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:3px;box-shadow:0 5px 24px rgba(22,52,122,.04)}
.form-card::before{background:var(--accent);height:3px}
.form-card h2,.modal-card h2{font-size:26px;text-transform:none;color:var(--accent)}
.form-card>p,.form-note,.contact-page .form-card>p{color:#687080}
.fld label,.contact-page .form-card .fld label{color:#4c5d73;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}
.fld input,.fld select,.fld textarea,.contact-page .form-card .fld input,.contact-page .form-card .fld select,.contact-page .form-card .fld textarea{background:#fff;color:#26334b;border-color:#d7dee8;border-radius:3px;color-scheme:light}
.cta-band{background:#16347a}
.cta-band::before{display:none}
.cta-in{padding:48px 0}
.cta-in h2{text-transform:none;font-size:32px;line-height:1.25}
.cta-in p{color:#dfe7f7}
.cta-band .btn-primary{background:#fff;color:#16347a;border-color:#fff}
.cta-band .btn-ghost{background:transparent;color:#fff}
footer.site-foot{background:#f5f6f8;color:#667185;border-top:1px solid var(--line)}
.site-foot h3,.site-foot .foot-col h3,.site-foot .brand-name{color:var(--accent);text-transform:none;letter-spacing:0}
.site-foot a,.foot-contact a{color:#4b5d76}
.site-foot a:hover{color:var(--accent)}
.site-foot .brand-logo{box-shadow:none;background:none;padding:0}
.site-foot .foot-bottom{border-color:#dce2eb;color:#667185}
.aside-card{background:#f3f6fb;color:#344963;border:1px solid var(--line)}
.aside-card h3{color:var(--accent)}
.aside-card p,.aside-card .aside-line{color:#566b83;border-color:var(--line)}
.spec-table th{background:#16347a}
.nav-products{display:flex;align-items:center;position:relative}
.nav-products>a{padding-right:5px}
.nav-products details>summary{padding:12px 9px 12px 0;color:var(--accent);cursor:pointer;list-style:none}
.nav-products details>summary::-webkit-details-marker{display:none}
.product-menu{position:absolute;top:100%;left:0;min-width:270px;background:#fff;box-shadow:0 8px 30px rgba(22,52,122,.15);border-top:3px solid var(--accent);padding:10px 0;z-index:110}
.product-menu a{display:block;font-size:14px;padding:10px 20px;font-weight:400;color:var(--txt)}
.product-menu a:hover{background:#f2f5fb}
.product-menu a::after{display:none}
@media(min-width:1400px){.grid-prod{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.head-phone{display:none}.head-in{gap:14px}.brand-logo{width:170px}.nav a{padding:12px 10px}.home-intro-in{gap:24px}}
@media(max-width:900px){.grid-prod{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{background:#fff}.nav a{color:var(--ink)}.nav-products{width:100%}.product-menu{position:static;box-shadow:none;border:0;min-width:0;padding:0}.nav-products:has(details[open]){display:block}.nav-products details>summary{position:absolute;top:0;right:0;padding:12px}.nav-products .product-menu a{font-size:13px;padding:8px 16px}.home-intro-in{align-items:flex-start;flex-direction:column}.home-intro-actions{flex-direction:row;flex-wrap:wrap}.brand-logo{width:155px}.head-in{min-height:76px}}
@media(max-width:560px){section.band{padding:48px 0}.grid-prod{grid-template-columns:1fr}.home-intro-in{padding-top:26px;padding-bottom:26px}.home-intro h1{font-size:28px}.home-intro h1 br{display:none}.factory-banner{overflow-x:auto}.factory-banner img{min-width:680px;max-width:none;width:100%}.head-cta>.btn{display:none}.page-hero,.contact-page .page-hero{padding:30px 0}.cta-in h2{font-size:27px}.product-menu{max-width:100%}.btn{padding:10px 18px}.capstrip .cap{padding:18px 12px}.sec-head h2{font-size:28px}.home-intro .sec-kicker{letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
/* Keep content readable without depending on scroll animation timing. */
.rv,.rv.in{opacity:1;transform:none;transition:none}
.c-card .v{display:block}
@media(max-width:900px){body{overflow-x:clip}.nav{max-height:100dvh;overflow-y:auto}.topbar .wrap{justify-content:center;flex-wrap:wrap;gap:4px;padding-top:7px;padding-bottom:7px}.topbar .tb-group{flex-wrap:wrap;justify-content:center;gap:6px 14px}.topbar .tb-tag{display:none}.topbar a{font-size:11px}.topbar .tb-group span{overflow-wrap:anywhere}.foot-contact a{overflow-wrap:anywhere}.grid-prod>*{min-width:0}.contact-grid>*{min-width:0}.fld{min-width:0}.fld select{max-width:100%}}
