/* Printly USA V3.4 — seven public navigation links with logo-color active underline.
   Does not style prices, product categories, footer links or admin navigation. */
header.header nav.nav.printly-primary-desktop,
header.site-header nav.desktop-nav.printly-primary-desktop,
header.client-header nav.client-nav.printly-primary-desktop{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.0vw,17px)!important;
  font-size:clamp(11px,.85vw,14px)!important;
  white-space:nowrap;
}
header.header nav.nav.printly-primary-desktop > a[data-printly-nav],
header.site-header nav.desktop-nav.printly-primary-desktop > a[data-printly-nav],
header.client-header nav.client-nav.printly-primary-desktop > a[data-printly-nav]{
  position:relative;
  display:inline-flex;
  align-items:center;
  text-align:center;
  font-size:inherit!important;
  font-weight:700;
  letter-spacing:normal!important;
  text-transform:none!important;
  white-space:nowrap;
  padding:13px 0 14px;
  border-bottom:0!important;
  text-decoration:none!important;
}
header.header nav.nav.printly-primary-desktop > a[data-printly-nav][aria-current="page"],
header.site-header nav.desktop-nav.printly-primary-desktop > a[data-printly-nav][aria-current="page"],
header.client-header nav.client-nav.printly-primary-desktop > a[data-printly-nav][aria-current="page"]{
  color:inherit!important;
}
.printly-primary-desktop > a[data-printly-nav]::after,
.printly-primary-mobile > a[data-printly-nav]::after{
  content:"";
  display:block;
  position:absolute;
  bottom:5px;
  left:0;
  right:0;
  height:3px;
  border-radius:10px;
  background:linear-gradient(90deg,#e7ad3f 0%,#78bf73 24%,#3bbbe3 48%,#7865c8 71%,#dc4396 100%);
  transform:scaleX(0);
  transform-origin:center;
  opacity:0;
  transition:transform .2s ease,opacity .2s ease;
  pointer-events:none;
}
.printly-primary-desktop > a[data-printly-nav][aria-current="page"]::after,
.printly-primary-mobile > a[data-printly-nav][aria-current="page"]::after{
  transform:scaleX(1);
  opacity:1;
}
.printly-primary-mobile > a[data-printly-nav]{
  display:block;
  position:relative;
  width:max-content;
  max-width:100%;
  font-weight:650;
  text-transform:none!important;
  letter-spacing:normal!important;
  padding:11px 0 13px;
  text-decoration:none!important;
}
.printly-primary-mobile > a[data-printly-nav]::after{bottom:5px;}
.printly-primary-mobile > a[data-printly-nav][aria-current="page"]{color:inherit!important;}
/* Preserve existing mobile breakpoint for the standard site and the client pages. */
@media (max-width:980px){
  header.header nav.nav.printly-primary-desktop{display:none!important;}
}
@media (max-width:1180px){
  header.client-header nav.client-nav.printly-primary-desktop{display:none!important;}
  header.client-header .client-menu-btn{display:block!important;}
}
/* The start-your-order header switches to its existing hamburger earlier with seven links. */
@media (max-width:1050px){
  header.site-header nav.desktop-nav.printly-primary-desktop{display:none!important;}
  header.site-header .menu-btn{display:block!important;}
}
@media (min-width:981px) and (max-width:1240px){
  header.header nav.nav.printly-primary-desktop{gap:8px!important;font-size:11px!important;}
}
@media (prefers-reduced-motion:reduce){
  .printly-primary-desktop > a[data-printly-nav]::after,
  .printly-primary-mobile > a[data-printly-nav]::after{transition:none;}
}