/* PMS-inspired design tokens, v1.6.0. Approximate values derived from supplied screenshots. */
:root{--pms-pink:#e52988;--pms-cyan:#17bbd2;--pms-purple:#9255e9;--pms-blue:#438cf1;--pms-green:#2cc76a;--pms-orange:#f9a51a;--pms-teal:#20b5a8;--pms-slate:#68798d;--pms-ink:#202b40;--pms-surface:#fff;--pms-canvas:#f3f6fd;--pms-border:#dfe5f0;--pms-gradient:linear-gradient(105deg,#22c9e3 0%,#438cf1 48%,#9255e9 100%);--brand:var(--pms-pink);--brand-dark:#b81467;--ink:var(--pms-ink);--line:var(--pms-border);--soft:var(--pms-canvas)}
body{color:var(--pms-ink)}
.topline{background:var(--pms-pink);color:#fff}
.site-header{background:#fff;border-bottom-color:var(--pms-border)}
.searchbox .tpc-product-search button,.tpc-discovery form button{background:var(--pms-pink);color:#fff;border-color:var(--pms-pink)}
.searchbox .tpc-product-search button:hover,.tpc-discovery form button:hover{background:#bc176c}
.btn-primary,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce #respond input#submit.alt,.woocommerce div.product form.cart .button,.tpc-promo .btn-primary,.cta .btn-primary{background:var(--pms-gradient);border-color:transparent;color:#fff;box-shadow:0 5px 14px #6578d42e}
.btn-primary:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover,.woocommerce div.product form.cart .button:hover{background:linear-gradient(105deg,#17b0d0,#3d77e9,#8045d9);color:#fff}
.main-nav a:hover,.main-nav .menu>li:hover>a,.main-nav .menu>li:focus-within>a,.main-nav .submenu-toggle[aria-expanded=true],.section-head>a,.eyebrow{color:var(--pms-pink)}
.main-nav .submenu-toggle:focus-visible,.btn:focus-visible,.searchbox button:focus-visible{outline:3px solid var(--pms-blue);outline-offset:3px}
.tpc-hero{background:var(--pms-canvas)}.slide-dots button[aria-current=true]{background:var(--pms-purple);border-color:var(--pms-purple)}
.benefits-grid>div:nth-child(3n+1) .benefit-icon{color:var(--pms-cyan)}.benefits-grid>div:nth-child(3n+2) .benefit-icon{color:var(--pms-purple)}.benefits-grid>div:nth-child(3n) .benefit-icon{color:var(--pms-pink)}
.category-card{background:#fff;border-color:var(--pms-border)}.category-card:nth-child(6n+1){border-top:4px solid var(--pms-pink)}.category-card:nth-child(6n+2){border-top:4px solid var(--pms-cyan)}.category-card:nth-child(6n+3){border-top:4px solid var(--pms-purple)}.category-card:nth-child(6n+4){border-top:4px solid var(--pms-blue)}.category-card:nth-child(6n+5){border-top:4px solid var(--pms-green)}.category-card:nth-child(6n){border-top:4px solid var(--pms-orange)}
.category-card:hover{box-shadow:0 10px 25px #56618a20}.category-card>span,.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--pms-pink)}
.tpc-google-review-summary,.review-card{background:#f6f8fc;border-color:var(--pms-border)}.review-controls button{border-color:var(--pms-border)}.review-controls button:hover{background:var(--pms-canvas);color:var(--pms-purple)}
.cta{background:linear-gradient(120deg,#ecfbfe,#f2efff);border-color:var(--pms-border)}
.site-footer{background:#e7e9ee;color:#4c5667}.site-footer h3,.site-footer a,.site-footer p{color:#4c5667}.footer-fold{border-bottom-color:#cfd4df}
.woocommerce ul.products li.product{border-color:var(--pms-border)}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--pms-purple)}
@media(max-width:700px){.main-nav .submenu-toggle[aria-expanded=true],.main-nav .menu>li>a[aria-expanded=true]{color:var(--pms-pink)}.main-nav .tpc-mega,.main-nav .sub-menu{background:#f0f1f4}.nav-backdrop{background:#18233a99}.topline{background:var(--pms-pink)}}

/* The Print Centre Storefront v2.4.0: header navigation indicators and drawer polish. */
:root{
	--nav-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	--nav-ink:var(--pms-ink,#202b40);--nav-accent:var(--pms-pink,#e52988);--nav-tint:#fdebf4;--nav-soft:var(--pms-canvas,#f3f6fd)
}

/* ---------- Desktop (701px and wider) ---------- */
@media (min-width:701px){
	/* Top level: chevron after items that open a menu */
	.main-nav .menu>li.menu-item-has-children>a{display:flex;align-items:center;gap:7px}
	.main-nav .menu>li.menu-item-has-children>a::after{
		content:"";flex:0 0 auto;width:10px;height:10px;margin-top:1px;background:currentColor;
		-webkit-mask:var(--nav-chevron) center/contain no-repeat;mask:var(--nav-chevron) center/contain no-repeat;
		opacity:.7;transition:transform .2s ease,opacity .2s ease
	}
	.main-nav .menu>li.menu-item-has-children:hover>a::after,
	.main-nav .menu>li.menu-item-has-children:focus-within>a::after{transform:rotate(180deg);opacity:1}

	/* Dropdown panels */
	.main-nav .sub-menu:not(.tpc-mega){border-color:var(--pms-border,#dfe5f0);border-radius:10px;box-shadow:0 18px 40px -12px #20304a40,0 2px 6px #20304a0f;padding:8px}
	.main-nav li:hover>.sub-menu:not(.tpc-mega),.main-nav li:focus-within>.sub-menu:not(.tpc-mega){animation:tpcNavDrop .16s ease-out}
	.main-nav .sub-menu:not(.tpc-mega) .sub-menu{top:-9px;animation-name:tpcNavFly}
	.main-nav .sub-menu:not(.tpc-mega) a{border-radius:7px;color:var(--nav-ink);transition:background-color .15s ease,color .15s ease}
	.main-nav .sub-menu:not(.tpc-mega) li:hover>a,.main-nav .sub-menu:not(.tpc-mega) li:focus-within>a{background:var(--nav-soft);color:var(--nav-accent)}

	/* Dropdown items that open a flyout: chevron pointing right */
	.main-nav .sub-menu:not(.tpc-mega)>li.menu-item-has-children>a{display:flex;align-items:center;justify-content:space-between;gap:14px}
	.main-nav .sub-menu:not(.tpc-mega)>li.menu-item-has-children>a::after{
		content:"";flex:0 0 auto;width:10px;height:10px;background:currentColor;opacity:.55;
		-webkit-mask:var(--nav-chevron) center/contain no-repeat;mask:var(--nav-chevron) center/contain no-repeat;
		transform:rotate(-90deg);transition:transform .2s ease,opacity .2s ease
	}
	.main-nav .sub-menu:not(.tpc-mega)>li.menu-item-has-children:hover>a::after,
	.main-nav .sub-menu:not(.tpc-mega)>li.menu-item-has-children:focus-within>a::after{transform:rotate(-90deg) translateY(2px);opacity:1}
}
@keyframes tpcNavDrop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes tpcNavFly{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}

/* ---------- Mobile drawer (700px and narrower) ---------- */
@media (max-width:700px){
	/* Drawer sits above the WordPress admin bar for logged-in users */
	body.nav-open .site-header{z-index:100001!important}
	.main-nav{z-index:100001!important}
	.nav-backdrop{z-index:100000!important}

	/* Level 1 */
	#primary-nav .menu>li>a{padding:16px 64px 16px 24px!important;font-size:16px!important;font-weight:700;color:var(--nav-ink);line-height:1.5}
	#primary-nav .menu>li{border-bottom:1px solid #eef1f6}

	/* Chevron toggle buttons (all levels) */
	#primary-nav .submenu-toggle{
		display:grid!important;place-items:center;top:8px!important;right:14px!important;width:40px!important;height:40px!important;
		padding:0;border:0!important;border-radius:50%!important;background:transparent!important;color:#6a7488;cursor:pointer;
		transition:background-color .2s ease,color .2s ease
	}
	#primary-nav .submenu-toggle:hover{background:var(--nav-soft)!important;color:var(--nav-ink)}
	#primary-nav .submenu-toggle[aria-expanded=true]{background:var(--nav-tint)!important;color:var(--nav-accent)}
	#primary-nav .submenu-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.22,.8,.24,1)}
	#primary-nav .submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
	#primary-nav li.submenu-open>a{color:var(--nav-accent)!important}

	/* Level 2 panel */
	#primary-nav .menu>li>.sub-menu{background:var(--nav-soft)!important;padding:6px 0!important;margin:0;border-top:1px solid #eef1f6}
	#primary-nav .menu>li>.sub-menu>li{position:relative}
	#primary-nav .menu>li>.sub-menu>li>a{padding:12px 64px 12px 24px!important;font-size:15px!important;font-weight:600!important;color:var(--nav-ink);line-height:1.45}
	#primary-nav .menu>li>.sub-menu>li>.submenu-toggle{top:4px!important}

	/* Level 3 list with a guide line */
	#primary-nav .sub-menu .sub-menu{background:transparent!important;margin:2px 24px 10px 26px!important;padding:2px 0 2px 14px!important;border-left:2px solid #dde3ee}
	#primary-nav .sub-menu .sub-menu a{padding:9px 0!important;font-size:14px!important;font-weight:500!important;color:#4a566c;text-transform:none!important;line-height:1.4}
	#primary-nav .sub-menu .sub-menu a:hover,#primary-nav .sub-menu .sub-menu a:focus-visible{color:var(--nav-accent)}

	/* Open/close motion */
	#primary-nav li.submenu-open>.sub-menu{animation:tpcNavOpen .22s ease-out}
}
@keyframes tpcNavOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
	.main-nav .sub-menu,#primary-nav li.submenu-open>.sub-menu{animation:none!important}
	.main-nav .menu>li>a::after,.main-nav .sub-menu a::after,#primary-nav .submenu-toggle svg{transition:none!important}
}

/* v2.11.0: announcement strip – navy with CMYK rule. */
.topline{background:var(--pms-ink,#202b40);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:.01em;padding:10px 0 9px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#17bbd2 0 33.34%,#e52988 33.34% 66.67%,#f9d01a 66.67%) 1}
.topline .tpc-topline-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 0;text-align:center}
.topline .tpc-tl-item{display:inline-flex;align-items:center;opacity:1}
.topline .tpc-tl-item+.tpc-tl-item::before{content:"";width:6px;height:6px;border-radius:50%;margin:0 16px;background:#17bbd2;flex:0 0 auto}
.topline .tpc-tl-item:nth-child(3)::before{background:#e52988}
.topline .tpc-tl-item:nth-child(4)::before{background:#f9d01a}
.topline .tpc-tl-item a{color:#f9d01a;font-weight:800;text-decoration:none;margin-left:.3em}
.topline .tpc-tl-item a:hover,.topline .tpc-tl-item a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
 .topline{font-size:12.5px;padding:9px 8px 8px}
 .topline .tpc-tl-item:not(:first-child):not(.has-phone){display:none}
 .topline .tpc-tl-item+.tpc-tl-item::before{margin:0 10px;background:#e52988}
}
@media(max-width:360px){.topline .tpc-tl-item:first-child:not(.has-phone){display:none}.topline .tpc-tl-item+.tpc-tl-item::before{display:none}}