:root { --common-line: rgba(255,255,255,.24); --common-footer: #17201f; }
.common-site-header { position:absolute; inset:0 0 auto; z-index:50; width:100%; border-bottom:1px solid var(--common-line); background:linear-gradient(180deg,rgba(12,23,23,.62),rgba(12,23,23,.08)); color:#fff; }
.common-site-header .nav { min-height:78px; display:grid; grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr); align-items:center; gap:24px; }
.common-site-header .brand { color:#fff; text-decoration:none; display:inline-flex; flex-direction:column; align-items:flex-start; width:max-content; }
.common-site-header .brand strong { font-family:"Noto Serif SC","Songti SC",SimSun,serif; font-size:21px; line-height:1.25; font-weight:700; letter-spacing:0; }
.common-site-header .brand span { margin-top:4px; color:rgba(255,255,255,.78); font-size:10px; line-height:1; letter-spacing:0; }
.common-site-header .nav-links { display:flex; align-items:center; justify-content:center; gap:26px; white-space:nowrap; }
.common-site-header .nav-links a { color:rgba(255,255,255,.88); text-decoration:none; font-size:14px; line-height:1.4; letter-spacing:0; }
.common-site-header .nav-links a:hover,.common-site-header .nav-links a:focus-visible { color:#fff; }
.common-site-header .nav-contact { justify-self:end; display:flex; align-items:center; gap:10px; white-space:nowrap; }
.common-site-header .nav-contact>span { color:rgba(255,255,255,.7); font-size:12px; }
.common-site-header .nav-phones { display:flex; align-items:center; gap:14px; }
.common-site-header .nav-phones a { color:#fff; text-decoration:none; font-size:15px; }
.common-site-footer { margin:0; padding:30px 0 26px; color:rgba(255,255,255,.74); background:var(--common-footer); border:0; }
.common-site-footer .footer-row,.common-site-footer .site-compliance { display:flex; align-items:center; justify-content:space-between; gap:18px 28px; flex-wrap:wrap; font-size:13px; line-height:1.7; }
.common-site-footer .site-compliance { margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,.12); }
.common-site-footer a { color:rgba(255,255,255,.9); text-decoration:none; }
.common-site-footer a:hover,.common-site-footer a:focus-visible { color:#fff; }
@media (max-width:1080px) { .common-site-header .nav { grid-template-columns:minmax(205px,1fr) auto; } .common-site-header .nav-links { order:3; grid-column:1/-1; width:100%; padding:0 0 13px; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; } .common-site-header .nav-links::-webkit-scrollbar { display:none; } }
@media (max-width:720px) { .common-site-header { background:rgba(15,28,27,.86); backdrop-filter:blur(8px); } .common-site-header .nav { min-height:68px; grid-template-columns:1fr auto; gap:10px 14px; } .common-site-header .brand strong { font-size:17px; } .common-site-header .brand span,.common-site-header .nav-contact>span { display:none; } .common-site-header .nav-phones { flex-direction:column; align-items:flex-end; gap:2px; } .common-site-header .nav-phones a { font-size:12px; line-height:1.25; } .common-site-header .nav-links { gap:22px; padding-bottom:10px; } .common-site-header .nav-links a { font-size:13px; } .common-site-footer { padding:24px 0; } .common-site-footer .footer-row,.common-site-footer .site-compliance { display:grid; justify-items:start; gap:7px; font-size:12px; } }