.site-header{max-width:1440px;margin:0 auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);color:var(--text);font-size:15px}
.site-header .site-brand{display:inline-flex;align-items:baseline;flex-shrink:0;gap:0;text-decoration:none;font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1;color:var(--text)}
.site-header .site-brand span{font-size:inherit;font-weight:400;letter-spacing:-.8px;margin-left:5px;margin-top:0;color:var(--accent)}
.site-header .site-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:24px;min-width:0;font-size:15px}
.site-header .site-nav a{text-decoration:none;color:var(--muted);line-height:1.4}
.site-header .site-nav a:hover,.site-header .site-nav a[aria-current=page]{color:var(--text)}
.site-header .site-telegram{padding:9px 16px;border:1px solid #4b415a;border-radius:8px}
.site-header .site-language{max-width:165px;padding:9px 12px;color:var(--text);background:#1d1922;border:1px solid #4b415a;border-radius:8px;font:inherit;cursor:pointer;min-height:40px}
.site-header a:focus-visible,.site-header select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.demo-page .catalog{padding-left:48px;padding-right:48px}
.demo-page .collection-head{align-items:flex-start;gap:40px}
.demo-collection-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px;padding-top:40px;flex-shrink:0;max-width:280px;text-align:right}
.demo-collection-actions .primary{padding:15px 20px;line-height:1.4}
.demo-collection-actions .demo-sign-in{color:var(--muted);font-size:14px;line-height:1.5;text-underline-offset:4px}
.demo-collection-actions .demo-sign-in:hover{color:var(--text)}
@media(max-width:1100px){.demo-page .collection-head{flex-direction:column;gap:23px}.demo-collection-actions{padding-top:0;flex-direction:row;align-items:center;text-align:left;max-width:none;flex-wrap:wrap;gap:18px}}
@media(max-width:1050px){.site-header{padding:24px 30px}.site-header .site-nav{gap:20px}.demo-page .catalog{padding-left:30px;padding-right:30px}}
@media(max-width:760px){.site-header{padding:22px 20px;align-items:flex-start;flex-direction:column;gap:22px}.site-header .site-nav{justify-content:flex-start;font-size:14px;gap:15px}.site-header .site-brand{font-size:28px}.site-header .site-telegram{padding:6px 11px}.site-header .site-language{max-width:145px}.demo-page .catalog{padding:32px 20px 0}.demo-collection-actions{gap:14px}.demo-collection-actions .primary{font-size:15px;padding:12px 16px}.demo-collection-actions .demo-sign-in{font-size:14px}}