/* Contact row: consistent glass pills; spare width goes inside, not between. */
body.zigzag-2026:not(.home-mode) .site-header .header-top{grid-template-columns:auto minmax(180px,1.3fr) minmax(86px,.7fr) minmax(108px,.9fr) minmax(116px,.95fr) minmax(160px,1.15fr) minmax(174px,1.2fr);justify-content:normal;gap:8px}
body.zigzag-2026:not(.home-mode) .header-channels{display:contents}
body.zigzag-2026:not(.home-mode) .header-mail-card{width:100%;justify-self:stretch;justify-content:center;min-height:48px;height:48px;padding:10px 14px;gap:8px;white-space:nowrap}
body.zigzag-2026:not(.home-mode) .header-mail-card>svg{box-sizing:border-box;width:20px;height:20px;padding:0;border:0;background:transparent;border-radius:0;flex:0 0 20px}
body.zigzag-2026:not(.home-mode) .header-mail-card>span>span{font-size:15px;line-height:1.3;font-weight:400}
body.zigzag-2026:not(.home-mode) .header-mail-card:hover>svg{background:transparent}
body.zigzag-2026:not(.home-mode) .site-header .header-call{justify-self:stretch;width:100%}
body.zigzag-2026:not(.home-mode) .site-header .header-channel,body.zigzag-2026:not(.home-mode) .site-header .header-call,body.zigzag-2026:not(.home-mode) .site-header .header-cta .button{min-height:48px;height:48px;font-family:inherit;font-size:15px;line-height:1.3;font-weight:400}
body.zigzag-2026:not(.home-mode) .site-header .header-channel{display:inline-flex;width:100%;border-radius:999px}
body.zigzag-2026:not(.home-mode) .site-header .header-cta .button{width:100%;padding-inline:14px;justify-content:center}
body.zigzag-2026:not(.home-mode) .header-max{cursor:pointer}
body.zigzag-2026:not(.home-mode) .site-header .header-mail-card:hover,body.zigzag-2026:not(.home-mode) .site-header .header-channel:hover,body.zigzag-2026:not(.home-mode) .site-header .header-call:hover,body.zigzag-2026:not(.home-mode) .site-header .header-cta .button:hover{background:#0055ff;border-color:#92b3ff;color:#fff}
body.zigzag-2026:not(.home-mode) .site-header .header-mail-card:hover>svg{background:transparent}
body.zigzag-2026:not(.home-mode) .site-header .header-action-icon,body.zigzag-2026:not(.home-mode) .site-header .header-cta .button>.header-action-icon{display:block;width:20px;height:20px;flex:0 0 20px;opacity:.9;transform:none}
body.zigzag-2026:not(.home-mode) .site-header .header-call,body.zigzag-2026:not(.home-mode) .site-header .header-cta .button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}
body.zigzag-2026:not(.home-mode) .site-header .header-call .header-phone{font-size:inherit}
@media(min-width:960px) and (max-width:1199px){
  body.zigzag-2026:not(.home-mode) .site-header .header-top{grid-template-columns:auto minmax(168px,1.2fr) 48px 48px 48px minmax(146px,1fr) minmax(156px,1.1fr)}
  body.zigzag-2026:not(.home-mode) .header-mail-card{padding-inline:12px}
  body.zigzag-2026:not(.home-mode) .header-mail-card>span>span{font-size:14px}
  body.zigzag-2026:not(.home-mode) .site-header .header-channel{padding:10px}
  body.zigzag-2026:not(.home-mode) .site-header .header-call,body.zigzag-2026:not(.home-mode) .site-header .header-cta .button{font-size:14px}
  body.zigzag-2026:not(.home-mode) .site-header .header-call{padding-inline:12px}
}
@media(max-width:959px){
  body.zigzag-2026:not(.home-mode) .site-header .header-top{grid-template-columns:minmax(180px,.9fr) minmax(160px,1.2fr) auto;grid-template-areas:"brand call menu" "email channels cta";gap:12px 8px}
  body.zigzag-2026:not(.home-mode) .header-mail-card{width:100%;min-height:48px;height:48px}
  body.zigzag-2026:not(.home-mode) .header-channels{display:flex;justify-content:flex-start;gap:8px}
  body.zigzag-2026:not(.home-mode) .header-cta{justify-self:stretch}
  body.zigzag-2026:not(.home-mode) .site-header .header-channel{width:auto;min-width:48px;flex:1 1 0}
  body.zigzag-2026:not(.home-mode) .site-header .header-call{justify-self:end;width:max-content}
}
@media(min-width:700px) and (max-width:959px){
  body.zigzag-2026:not(.home-mode) .site-header .header-channel{padding-inline:8px;gap:6px;font-size:14px}
}
@media(max-width:699px){
  body.zigzag-2026:not(.home-mode) .site-header .header-top{grid-template-columns:44px minmax(0,1fr) auto 44px;grid-template-areas:"brand brand call menu" "email channels cta cta";gap:10px 8px}
  body.zigzag-2026:not(.home-mode) .header-mail-card{width:44px;min-height:44px;height:44px;padding:0;border:1px solid #ffffff80;background:rgba(10,25,43,.38);border-radius:50%;justify-content:center}
  body.zigzag-2026:not(.home-mode) .header-mail-card>svg{width:20px;height:20px;padding:0}
  body.zigzag-2026:not(.home-mode) .site-header .header-channel{width:auto;min-width:44px;flex:1 1 0;min-height:44px;height:44px;padding:10px}
  body.zigzag-2026:not(.home-mode) .site-header .header-call,body.zigzag-2026:not(.home-mode) .site-header .header-cta .button{min-height:44px;height:44px;font-size:13px}
  body.zigzag-2026:not(.home-mode) .site-header .header-cta .button{padding-inline:14px}
}
@media(max-width:430px){
  body.zigzag-2026:not(.home-mode) .site-header .header-top{grid-template-areas:"brand brand call menu" "email channels channels channels" "cta cta cta cta"}
  body.zigzag-2026:not(.home-mode) .header-cta{justify-self:stretch}
  body.zigzag-2026:not(.home-mode) .site-header .header-cta .button{width:100%}
  body.zigzag-2026:not(.home-mode) .header-channels{justify-content:flex-start}
  body.zigzag-2026:not(.home-mode) .home-hero.video-hero{padding-top:200px}
}
@media(max-width:359px){
  body.zigzag-2026:not(.home-mode) .site-header .header-call{padding-inline:10px;gap:0}
  body.zigzag-2026:not(.home-mode) .site-header .header-call>.header-action-icon{display:none}
}

/* Approved MVP layout, shared Onest typography, light version of the hero contact row. */
body.zigzag-2026{font-family:Onest,"Helvetica Neue",Arial,sans-serif}
.zigzag-2026 main[data-template],.zigzag-2026 main[data-template] :is(h1,h2,h3,h4,.nav-card-title,.price-value strong,.facts dd){font-family:Onest,"Helvetica Neue",Arial,sans-serif}
.zigzag-2026 main[data-template]{padding-bottom:56px;min-width:0}
.zigzag-2026 main[data-template] .content-section :is(p,li){overflow-wrap:break-word}
.zigzag-2026 main[data-template] .prose :is(p,ul,ol){max-width:70ch}
.zigzag-2026 .inner-header{font-family:Onest,"Helvetica Neue",Arial,sans-serif}
.zigzag-2026 .inner-header .header-mail-card{display:flex;flex-direction:row;align-items:center;color:#0057ff;border:1px solid #c6dafb;background:#fff;border-radius:999px;text-decoration:none}
.zigzag-2026 .inner-header .header-mail-card>span{display:flex;min-width:0}
.zigzag-2026 .inner-header .header-channel{color:#0057ff;background:#fff;border:1px solid #c6dafb;border-radius:999px;align-items:center;justify-content:center;white-space:nowrap}
.zigzag-2026 .inner-header .header-call{background:#fff;color:#0057ff;border-color:#c6dafb}
.zigzag-2026 .inner-header .header-cta .button{background:#0057ff;color:#fff;border-color:#0057ff}
.zigzag-2026 .inner-header .header-channel:hover,.zigzag-2026 .inner-header .header-call:hover,.zigzag-2026 .inner-header .header-mail-card:hover{background:#0057ff;color:#fff;border-color:#0057ff}
.zigzag-2026 .inner-header .header-channel svg{width:20px;height:20px;flex:0 0 20px}
.zigzag-2026 .inner-header .header-cta .button>.header-action-icon{background:none;padding:0;border-radius:0}
.zigzag-2026 main[data-template] .table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.zigzag-2026 main[data-template] .table-scroll:focus-visible{outline:3px solid #0057ff;outline-offset:3px}
.zigzag-2026 main[data-template] .page-catalog h2{margin-bottom:24px}
.zigzag-2026 main[data-template] .nav-card{color:#172d4a!important}
.zigzag-2026 main[data-template] .nav-card:hover,.zigzag-2026 main[data-template] .nav-card:hover .nav-card-title{color:#0057ff!important}
.zigzag-2026 main[data-template] :is(.breadcrumb,.prose,.body-links,.region-grid,.price-nav,.tag-links) a:hover{color:#0057ff!important}
.zigzag-2026 main[data-template] :focus-visible,.zigzag-2026 .inner-header :focus-visible{outline:3px solid #0057ff;outline-offset:4px}
.zigzag-2026 main[data-template] .button:not(.secondary):not(.contact-banner-button){color:#fff!important}
.zigzag-2026 main[data-template] .button.secondary,.zigzag-2026 main[data-template] .contact-banner-button{color:#0057ff!important}
.zigzag-2026 .inner-header .header-cta .button,.zigzag-2026 .inner-header .header-cta .button:hover{color:#fff!important}
.zigzag-2026 .footer a:hover{color:#0057ff!important}
@media(min-width:960px) and (max-width:1199px){.zigzag-2026 .inner-header .header-channel>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media(min-width:700px) and (max-width:959px){.zigzag-2026 .inner-header .header-channel>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:699px){
 .zigzag-2026 .inner-header .header-mail-card{background:#fff;border-color:#c6dafb}
 .zigzag-2026 .inner-header .header-mail-card>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .zigzag-2026 .inner-header .header-channel>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .zigzag-2026 main[data-template]{padding-bottom:32px}
}
@media(max-width:430px){
 body.zigzag-2026:not(.home-mode) .inner-header .header-top{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"brand brand brand menu" "email channels channels channels" "call call cta cta"}
 .zigzag-2026 .inner-header .brand{width:100%;max-width:174px}
 .zigzag-2026 .inner-header .brand-image{width:100%;height:auto}
 body.zigzag-2026:not(.home-mode) .inner-header .header-call{width:100%;font-size:12px;padding-inline:6px;gap:0}
 .zigzag-2026 .inner-header .header-call>.header-action-icon{display:none}
 body.zigzag-2026:not(.home-mode) .inner-header .header-cta .button{font-size:12px;padding-inline:6px;gap:0}
 .zigzag-2026 .inner-header .header-cta .button>.header-action-icon{display:none!important}
}