/* ITNET shared header + footer */
header.sn{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #E4E9F1;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;padding:0}
.sn *{box-sizing:border-box}
.sn-in{max-width:1160px;margin:0 auto;padding:0 20px;height:64px;display:flex;align-items:center;gap:18px}
.sn-logo{flex:0 0 auto;display:flex;align-items:center}
.sn-logo img{height:30px;width:auto;display:block}
.sn-nav{flex:1;display:flex;justify-content:center}
.sn-list{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.sn-item{position:relative}
.sn-btn{font:inherit;font-size:14.5px;font-weight:600;color:#0C1322;background:none;border:none;padding:9px 12px;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:5px;line-height:1.2}
.sn-btn:hover,.sn-item.open .sn-btn{background:#EEF2F9}
.sn-btn.cur{color:#1B6FAE}
.sn-car{transition:transform .15s;opacity:.6}
.sn-item.open .sn-car{transform:rotate(180deg)}
.sn-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:#fff;border:1px solid #E4E9F1;border-radius:14px;box-shadow:0 18px 40px -18px rgba(12,19,34,.35);padding:8px;z-index:70}
.sn-item.open .sn-menu{display:block}
.sn-menu a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:500;color:#0C1322;text-decoration:none;white-space:nowrap;line-height:1.3}
.sn-menu a:hover{background:#EEF2F9;color:#1B6FAE}
.sn-menu a.cur{color:#1B6FAE;font-weight:700}
.sn-act{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.sn-wa{display:flex;align-items:center;gap:7px;background:#25D366;color:#fff!important;text-decoration:none;font-size:14px;font-weight:700;padding:9px 14px;border-radius:10px}
.sn-wa:hover{background:#1DA851}
.sn-burger{display:none;width:42px;height:42px;border:1px solid #E4E9F1;border-radius:10px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0}
.sn-burger span{display:block;width:18px;height:2px;background:#0C1322;border-radius:2px;transition:.2s}
.sn-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sn-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sn-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.sn-drawer-foot{display:none}
@media (max-width:980px){
  header.sn{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}
  .sn-in{height:58px;gap:10px;padding:0 16px}
  .sn-logo img{height:26px}
  .sn-act{margin-left:auto}
  .sn-burger{display:flex}
  .sn-wa{padding:9px 11px}
  .sn-nav{display:none;position:fixed;top:58px;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;flex-direction:column;justify-content:flex-start;padding:6px 16px calc(24px + env(safe-area-inset-bottom));border-top:1px solid #E4E9F1}
  .sn.open .sn-nav{display:flex}
  .sn-list{flex-direction:column;gap:0}
  .sn-item{border-bottom:1px solid #EEF2F9}
  .sn-btn{width:100%;justify-content:space-between;font-size:17px;padding:16px 4px;border-radius:0}
  .sn-btn:hover,.sn-item.open .sn-btn{background:none}
  .sn-car{width:14px;height:14px}
  .sn-menu{position:static;border:none;box-shadow:none;padding:0 0 12px;min-width:0;border-radius:0}
  .sn-menu a{font-size:15.5px;padding:11px 12px;color:#334155}
  .sn-drawer-foot{display:flex;flex-direction:column;gap:12px;margin-top:22px;font-size:14.5px}
  .sn-drawer-foot a{color:#1B6FAE;font-weight:600;text-decoration:none}
  .sn-drawer-foot span{color:#5A6577;font-size:13px}
  body.sn-lock{overflow:hidden}
}
@media (max-width:420px){.sn-wa span{display:none}.sn-wa{padding:10px}}
footer.snf{background:#0C1322;color:#A9B4C6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6;margin:48px 0 0;padding:0;border:none}
.snf *{box-sizing:border-box}
.snf-in{max-width:1160px;margin:0 auto;padding:44px 20px 24px}
.snf-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:32px}
.snf-brand img{height:30px;width:auto;background:#fff;padding:6px 10px;border-radius:8px;box-sizing:content-box}
.snf-brand p{margin:14px 0 0;max-width:32ch;font-size:13.5px}
.snf-soc{display:flex;gap:10px;margin-top:16px}
.snf-soc a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff}
.snf-soc a:hover{background:#1B6FAE}
.snf-soc svg{width:17px;height:17px}
.snf h4{color:#fff;font-size:14px;margin:0 0 12px;font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:.01em}
.snf ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.snf a{color:#CBD5E1;text-decoration:none}
.snf a:hover{color:#fff}
.snf-visit li{font-size:13.5px}
#snf-open{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:12px}
#snf-open.o{background:rgba(22,163,74,.18);color:#4ADE80}
#snf-open.c{background:rgba(255,255,255,.08);color:#CBD5E1}
.snf-dir{color:#60A5FA!important;font-weight:600}
.snf-bot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;font-size:12.5px}
@media (max-width:820px){.snf-grid{grid-template-columns:1fr 1fr;gap:26px}.snf-brand{grid-column:1/-1}}
@media (max-width:420px){.snf-in{padding:34px 16px 20px}}

/* site-wide layout fixes */
.prod>*{min-width:0}
.imgbox img{height:auto}
.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}