/* TWO Packaging site search (2026-10-10): the bar in the top bar and its suggestions, Vistaprint's way.
   Desktop (1,024 px and up): row 1 = logo · search · Contact · More · Schedule a Call (· cart); row 2 = the green Order buttons.
   Below 1,024 px: logo + Menu, then the search bar full width. Pages with their own header get the compact bar. */
.tp-search{position:relative;display:flex;align-items:center;min-width:0;font-family:var(--f,'Archivo',system-ui,sans-serif)}
.tp-search-l{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tp-search-in{flex:1;min-width:0;width:100%;height:44px;margin:0;padding:0 50px 0 16px;border:1.5px solid #8F8F96;border-radius:10px;background:#fff;
  font:500 15px/1.2 var(--f,'Archivo',system-ui,sans-serif);color:#0B0B0C;letter-spacing:0;text-transform:none;-webkit-appearance:none;appearance:none;box-shadow:none;outline:none;transition:border-color .15s,box-shadow .15s}
.tp-search-in::placeholder{color:#7A7A80;font-style:italic;opacity:1}
.tp-search-in::-webkit-search-decoration,.tp-search-in::-webkit-search-cancel-button,.tp-search-in::-webkit-search-results-button{-webkit-appearance:none;display:none}
.tp-search-in:hover{border-color:#5A5A60}
.tp-search-in:focus{border-color:#1E4D3B;box-shadow:0 0 0 3px rgba(30,77,59,.18)}
.tp-search-go{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:36px;display:flex;align-items:center;justify-content:center;
  margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:#0B0B0C;cursor:pointer}
.tp-search-go svg{width:21px;height:21px}
.tp-search-go:hover{background:#EEF4F0;color:#1E4D3B}
.tp-search-go:focus-visible{outline:2px solid #1E4D3B;outline-offset:1px}
.tp-search-x{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:none;align-items:center;justify-content:center;
  margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:#6B6B70;cursor:pointer}
.tp-search-x svg{width:15px;height:15px}
.tp-search-x:hover{background:#F1F1EC;color:#0B0B0C}
.tp-search.has-q .tp-search-x{display:flex}
.tp-search.has-q .tp-search-in{padding-right:76px}

/* ── the suggestions panel ── */
.tp-sbox{position:absolute;z-index:200;top:calc(100% + 6px);left:0;right:0;min-width:320px;max-height:min(72vh,640px);overflow:auto;overscroll-behavior:contain;
  background:#fff;border:1px solid #E1E1DB;border-radius:14px;box-shadow:0 28px 64px -24px rgba(11,11,12,.38),0 2px 6px rgba(11,11,12,.06);padding:6px 0 0;
  font:500 14px/1.35 var(--f,'Archivo',system-ui,sans-serif);color:#2A2A2F;text-align:left;letter-spacing:0;text-transform:none}
.tp-sbox[hidden]{display:none}
.tp-sh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 16px 4px;font:800 10.5px/1.2 var(--f,'Archivo',system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#7A7A80}
.tp-sh button{border:0;background:none;padding:2px 0;font:700 11.5px/1 var(--f,'Archivo',system-ui,sans-serif);letter-spacing:0;text-transform:none;color:#1E4D3B;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.tp-so{display:flex;align-items:center;gap:12px;padding:8px 16px;color:#2A2A2F!important;text-decoration:none!important;cursor:pointer;font:500 14px/1.35 var(--f,'Archivo',system-ui,sans-serif)!important;letter-spacing:0!important;text-transform:none!important}
.tp-so:hover,.tp-so.on{background:#F1F7F3}
.tp-so.on{box-shadow:inset 3px 0 0 #1E4D3B}
.tp-so mark{background:none;color:#0B0B0C;font-weight:800;padding:0}
.tp-sq{gap:10px;padding-top:7px;padding-bottom:7px}
.tp-sq svg{flex:none;width:16px;height:16px;color:#8F8F96}
.tp-sq b{font-weight:800;color:#0B0B0C}
.tp-sq span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-sp img,.tp-sp .tp-ph{flex:none;width:48px;height:48px;border-radius:9px;object-fit:cover;background:#F4F4F1;border:1px solid #ECECE6}
.tp-ph{display:flex;align-items:center;justify-content:center;color:#8F8F96}
.tp-ph svg{width:22px;height:22px}
.tp-st{min-width:0;flex:1;display:grid;gap:2px}
.tp-sn{font-weight:700;color:#0B0B0C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp-sm{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px;color:#6B6B70}
.tp-sm i{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tp-b{flex:none;display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font:800 10.5px/1 var(--f,'Archivo',system-ui,sans-serif);letter-spacing:.02em;white-space:nowrap}
.tp-b.o{background:#E4F2E9;color:#1E5A3C}
.tp-b.q{background:#FFF;color:#5A4A1E;box-shadow:inset 0 0 0 1px #E2D5B5}
.tp-b.g,.tp-b.p{background:#F1F1EC;color:#4A4A50}
.tp-sall{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding:12px 16px;border-top:1px solid #ECECE6;background:#FAFAF8;
  color:#1E4D3B!important;font:800 13.5px/1.2 var(--f,'Archivo',system-ui,sans-serif)!important;text-decoration:none!important;letter-spacing:0!important;text-transform:none!important}
.tp-sall:hover,.tp-sall.on{background:#EEF4F0}
.tp-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 16px 12px}
.tp-chip{display:inline-flex;align-items:center;height:32px;padding:0 13px;border:1.5px solid #E1E1DB;border-radius:999px;background:#fff;color:#2A2A2F!important;
  font:700 13px/1 var(--f,'Archivo',system-ui,sans-serif)!important;text-decoration:none!important;cursor:pointer;letter-spacing:0!important;text-transform:none!important}
.tp-chip:hover,.tp-chip.on{border-color:#1E4D3B;background:#F1F7F3;color:#1E4D3B!important}
.tp-stores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 10px 10px}
.tp-stores .tp-so{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 6px;border-radius:10px;font-weight:700!important;font-size:12.5px!important}
.tp-stores .tp-so img{width:56px;height:56px;border-radius:10px;object-fit:cover;background:#F4F4F1}
.tp-none{padding:10px 16px 14px;font-size:14px;color:#4A4A50}
.tp-none b{color:#0B0B0C}
.tp-none p{margin:0 0 10px}
.tp-none .tp-cta{display:flex;flex-wrap:wrap;gap:8px}
.tp-none .tp-cta a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;font:800 13px/1 var(--f,'Archivo',system-ui,sans-serif)!important;text-decoration:none!important;letter-spacing:0!important;text-transform:none!important}
.tp-none .tp-cta a.pri{background:#0B0B0C;color:#fff!important}
.tp-none .tp-cta a.sec{border:1.5px solid #D9D9D3;color:#2A2A2F!important;background:#fff}
.tp-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── the standard top bar (.nav): Vistaprint's two rows ── */
.nav .tp-search{flex:1 1 300px}
@media (min-width:1024px){
  html body .nav .wrap{flex-wrap:wrap;column-gap:22px!important;row-gap:0!important;padding-top:12px;padding-bottom:0}
  html body .nav .wrap>.nav-links{display:contents!important}
  html body .nav .wrap>.nav-logo{order:1}
  html body .nav .wrap>.tp-search{order:2;max-width:820px;margin:0 6px 0 10px}
  html body .nav .wrap>.nav-links>a:not(.nav-order):not(.nav-cta){order:3;margin-left:auto}
  html body .nav .wrap>.nav-links>.nav-more{order:4}
  html body .nav .wrap>.nav-links>a.nav-cta{order:5;margin-left:0}
  html body .nav .wrap>.nav-cart{order:6;margin-left:0}
  html body .nav .wrap::after{content:"";order:7;flex:0 0 100%;height:0;margin-top:12px;border-top:1px solid var(--line,#E6E6E1)}
  html body .nav .wrap>.nav-links>a.nav-order{order:8;margin:0!important;padding:12px 0 14px!important;font-size:14px!important;letter-spacing:0!important;white-space:nowrap}
  html body .nav .wrap>.nav-links>a.nav-order:first-child{margin-left:0!important}
}
@media (min-width:1024px) and (max-width:1179px){html body .nav .wrap{column-gap:16px!important}html body .nav .wrap>.nav-links>a.nav-order{font-size:13px!important}}
@media (min-width:1280px){html body .nav .wrap{column-gap:28px!important}html body .nav .wrap>.nav-links>a.nav-order{font-size:15px!important}}
@media (min-width:1600px){html body .nav .wrap{column-gap:36px!important}html body .nav .wrap>.nav-links>a.nav-order{font-size:16px!important}}
@media (max-width:1023px){
  html body .nav .wrap{flex-wrap:wrap;row-gap:0!important;padding-bottom:10px}
  html body .nav .wrap>.tp-search{order:20;flex:1 1 100%;margin:10px 0 0}
  .tp-search-in{height:42px;font-size:16px}
}
@media (max-width:560px){.tp-sbox{left:-6px;right:-6px;min-width:0}
  .tp-stores{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* sticky bits on the store pages sit under the now taller bar */
.lo-why-side{top:calc(var(--tp-navh,118px) + 14px)!important}
.dl-side{top:calc(var(--tp-navh,118px) + 14px)!important}
html{scroll-padding-top:calc(var(--tp-navh,0px) + 8px)}

/* ── own-header pages (guides, catalog, legal...): the compact bar ── */
.tp-search--c{flex:1 1 260px;max-width:480px;margin:0 12px}
.tp-search--c .tp-search-in{height:40px;font-size:14.5px;border-color:#B5B5BA}
.tp-search--c .tp-search-go{height:32px;width:36px}
.tp-search--dark .tp-search-in{border-color:rgba(255,255,255,.35)}
@media (max-width:760px){.tp-search--c{order:9;flex:1 1 100%;max-width:none;margin:10px 0 0}}

/* ── the results page (/search/) ── */
.tp-sr{max-width:1240px;margin:0 auto;padding:34px 24px 80px;font-family:var(--f,'Archivo',system-ui,sans-serif);color:#2A2A2F}
.tp-sr h1{margin:0 0 6px;font:900 clamp(26px,3.2vw,40px)/1.1 var(--f,'Archivo',system-ui,sans-serif);letter-spacing:-.02em;color:#0B0B0C}
.tp-sr .tp-sub{margin:0 0 20px;font-size:15px;color:#5A5A60}
.tp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.tp-tabs a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px;border:1.5px solid #E1E1DB;border-radius:999px;background:#fff;color:#2A2A2F;font:800 13.5px/1 var(--f,'Archivo',system-ui,sans-serif);text-decoration:none}
.tp-tabs a small{font-weight:700;color:#7A7A80}
.tp-tabs a[aria-current="true"]{border-color:#0B0B0C;background:#0B0B0C;color:#fff}
.tp-tabs a[aria-current="true"] small{color:#CFCFD4}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.tp-card{display:flex;flex-direction:column;min-width:0;border:1px solid #E6E6E1;border-radius:16px;background:#fff;overflow:hidden;color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s}
.tp-card:hover{border-color:#CFCFC8;box-shadow:0 18px 40px -26px rgba(11,11,12,.4)}
.tp-card .im{aspect-ratio:1/1;background:#F4F4F1;display:flex;align-items:center;justify-content:center;color:#B5B5BA}
.tp-card .im img{width:100%;height:100%;object-fit:cover;display:block}
.tp-card .im svg{width:44px;height:44px}
.tp-card .tx{display:grid;gap:6px;padding:14px 16px 16px;flex:1;align-content:start}
.tp-card .g{font:800 10.5px/1.2 var(--f,'Archivo',system-ui,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#7A7A80}
.tp-card b{font:800 16px/1.25 var(--f,'Archivo',system-ui,sans-serif);color:#0B0B0C}
.tp-card p{margin:0;font-size:13.5px;line-height:1.45;color:#5A5A60}
.tp-card .go{margin-top:auto;padding-top:8px;display:flex;align-items:center;gap:8px;font:800 13.5px/1.2 var(--f,'Archivo',system-ui,sans-serif);color:#1E4D3B}
.tp-card .go.q{color:#5A4A1E}
.tp-list{display:grid;gap:10px;margin-top:8px}
.tp-list a{display:block;padding:14px 16px;border:1px solid #E6E6E1;border-radius:12px;background:#fff;color:inherit;text-decoration:none}
.tp-list a:hover{border-color:#CFCFC8}
.tp-list b{display:block;font:800 15px/1.3 var(--f,'Archivo',system-ui,sans-serif);color:#0B0B0C;margin-bottom:3px}
.tp-list span{font-size:13.5px;color:#5A5A60}
.tp-sr h2{margin:36px 0 12px;font:900 20px/1.2 var(--f,'Archivo',system-ui,sans-serif);color:#0B0B0C}
.tp-help{margin-top:36px;padding:22px 24px;border-radius:18px;background:#0E2D22;color:#DCE8E0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.tp-help b{display:block;font:900 19px/1.25 var(--f,'Archivo',system-ui,sans-serif);color:#fff;margin-bottom:4px}
.tp-help p{margin:0;font-size:14.5px}
.tp-help .tp-cta{display:flex;flex-wrap:wrap;gap:10px}
.tp-help .tp-cta a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;font:800 14px/1 var(--f,'Archivo',system-ui,sans-serif);text-decoration:none}
.tp-help .tp-cta a.pri{background:#fff;color:#0B0B0C}
.tp-help .tp-cta a.sec{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.tp-browse{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
@media (max-width:560px){.tp-sr{padding:24px 16px 64px}.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tp-card .tx{padding:10px 12px 12px}.tp-card b{font-size:14.5px}.tp-card p{display:none}}
/* packaging.html's black bar: the compact bar stays on the bar's one row, even on phones */
.tp-search--c.tp-search--inline{flex:1 1 200px;max-width:440px;margin:0 18px}
@media (max-width:760px){.tp-search--c.tp-search--inline{order:0;flex:1 1 110px;margin:0 10px}.tp-search--inline .tp-search-in{height:38px;font-size:16px;padding-right:40px}}
/* packaging.html: its own slim search row under the black bar */
.tp-subbar{background:#0B0B0C;border-top:1px solid rgba(255,255,255,.1);padding:10px 0}
.tp-subbar .tp-search--c{max-width:720px;margin:0 auto}
@media (max-width:760px){.tp-subbar .tp-search--c{margin:0}}
/* own headers wrap so the compact bar can take its own line on phones */
@media (max-width:760px){.site-header .header-inner,header.site .wrap.bar,.pk-topnav .wrap,header .bar,header.top,body>nav{flex-wrap:wrap!important}}
.tp-sr mark,.tp-card mark,.tp-list mark{background:none;color:inherit;padding:0}

/* Nick 10-12: Contact stands out in the top bar (green pill, bigger) */
.nav .nav-links>a[href="/contact/"],.nav .nav-links>a[href="/contact"]{background:var(--green,#1E4D3B);color:#fff!important;padding:9px 20px;border-radius:999px;font-weight:800;font-size:clamp(15px,1.2vw,17px);line-height:1.2;text-decoration:none!important;white-space:nowrap}
.nav .nav-links>a[href="/contact/"]:hover,.nav .nav-links>a[href="/contact"]:hover{background:#163a2c;color:#fff!important}