/* Purple Yeti 5.6.54 — canonical stylesheet. */
.announcement{height:25px;background:#7133a8;color:#fff;display:flex;align-items:center;justify-content:center;gap:24px;font:700 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.announcement-star{font-size:13px;line-height:1}
.py-header{background:#fff;color:var(--yeti-black)}
.py-header-inner{min-height:88px;display:grid;grid-template-columns:210px 1fr auto auto;align-items:center;gap:26px}
.py-brand,.py-tagline,.py-cart-link{display:block}
.py-brand img{display:block;width:180px;height:auto}
.py-tagline{justify-self:center}
.py-tagline img{display:block;width:195px;height:auto}
.py-primary-nav{display:flex;gap:30px;align-items:center}
.py-primary-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:10px 16px;border:1px solid transparent;text-decoration:none;color:var(--purple);font:700 15px/1 Oswald,Arial,sans-serif;transition:background-color .15s ease,color .15s ease}
.py-primary-nav a:hover,.py-primary-nav a:focus-visible{background:var(--purple);color:#fff}
.py-cart-link{position:relative;width:38px;height:38px;color:var(--purple);text-decoration:none}
.py-cart-link svg{display:block;width:25px;height:25px;margin:5px 0 0 auto}
.py-cart-count{position:absolute;top:-2px;right:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--purple);color:#fff;font:700 9px/17px Montserrat,Arial,sans-serif;text-align:center}
@media(max-width:900px){.py-header-inner{grid-template-columns:180px 1fr auto;gap:18px}.py-tagline{display:none}.py-primary-nav{justify-self:end}}
@media(max-width:620px){.announcement{height:30px;gap:8px;padding:0 8px;font-size:8px;letter-spacing:.045em}.py-header-inner{min-height:58px;grid-template-columns:1fr auto;gap:8px 14px;padding-top:8px;padding-bottom:8px}.py-brand{display:none}.py-primary-nav{display:flex;grid-column:auto;grid-row:1;justify-self:start;align-self:center;gap:8px}.py-primary-nav a{min-height:34px;padding:8px 12px;font-size:14px}.py-cart-link{grid-column:2;grid-row:1;align-self:center}.py-site-width{width:min(var(--site),calc(100% - 28px))}}

/* 5.6.40 — Mobile header: keep navigation and cart on one row at phone widths.
 * The mobile header uses a simple two-item flex row so the cart cannot wrap
 * underneath the primary navigation. */
@media(max-width:620px){
  .py-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:58px;
    gap:12px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .py-brand,.py-tagline{display:none}
  .py-primary-nav{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex:1 1 auto;
    min-width:0;
    gap:8px;
  }
  .py-primary-nav a{padding:8px 12px;min-height:34px;font-size:14px}
  .py-cart-link{
    flex:0 0 38px;
    width:38px;
    height:38px;
    margin-left:auto;
  }
}