/* Site top bar — used on every page, including the 3D design pages */
body{margin:0}
.site-bar{background:var(--sky,#1E5AA0);color:#fff;font-family:'IBM Plex Sans',system-ui,sans-serif}
.site-bar .in{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px}
.wrap .site-bar{margin:-20px -20px 0;}
.wrap .site-bar .in{padding-inline:20px;max-width:none}
@media (max-width:600px){.site-bar .in{padding-inline:16px}.wrap .site-bar{margin-inline:-16px}}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;line-height:1.05}
.brand svg{flex:none}
.brand b{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;font-size:21px;letter-spacing:.005em}
.brand span{display:block;font-size:12.5px;opacity:.85;font-weight:400}
.site-links{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center}
.site-links a{color:#fff;text-decoration:none;font-size:15px;font-weight:500;padding:6px 10px;border-radius:3px}
.site-links a:hover{background:rgba(255,255,255,.14)}
.site-links a[aria-current="page"]{background:rgba(255,255,255,.2)}
.site-links a.cta{background:#fff;color:#164679;font-weight:600}
.site-links a.cta:hover{background:#EBCFA6;color:#2a1d0e}
.site-bar a:focus-visible{outline:3px solid #D49A55;outline-offset:2px}

/* phones: one compact bar, links and the order button on one row */
@media (max-width:600px){
  .site-bar .in{padding:8px 16px;gap:4px 10px}
  .brand svg{width:26px;height:26px}
  .brand b{font-size:18px}
  .brand span{font-size:11px}
  .site-links{gap:2px;width:100%;flex-wrap:nowrap}
  .site-links a{font-size:14px;padding:6px 8px}
  .site-links a.cta{margin-left:auto;padding:6px 10px}
}