/* Packaging storefront header, aligned with the PPE header. */
.top-header {font-family:Arial,Helmet,Freesans,sans-serif;}
.desktop-header-hours {
	display: none;
}

/* Desktop site header: 26px utility strip + 80px main row. */
@media screen and (min-width: 993px) {
	.top-header {
		float: none;
		height: 106px;
		min-height: 106px;
		overflow: visible;
	}

	.top-header > .container {
		box-sizing: border-box;
		width: calc(100% - 32px);
		max-width: 1366px;
		height: 106px;
		margin: 0 auto;
		padding: 0;
	}

	.desktop-header-utility {
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		height: 26px;
		padding-top: 2px;
		color: #aeb8bd;
		font-size: 12px;
		line-height: 24px;
	}

	.desktop-header-utility__right {
		display: inline-flex;
		align-items: center;
		gap: 15px;
		height: 24px;
	}

	.desktop-header-utility__links {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		font-size: 12px;
		font-weight: 600;
		line-height: 22px;
	}

	.desktop-header-utility__links > a,
	.desktop-header-utility__links > span {
		display: inline-flex;
		align-items: center;
		height: 22px;
		line-height: 22px;
	}

	.desktop-header-vat {
		display: inline-grid;
		grid-template-columns: auto 34px auto;
		align-items: center;
		gap: 5px;
		height: 24px;
		white-space: nowrap;
	}

	.desktop-header-vat__choice {
		height: 22px;
		min-height: 22px;
		margin: 0;
		padding: 0 1px;
		border: 0;
		background: transparent;
		box-shadow: none;
		color: #aeb8bd;
		font-family: inherit;
		font-size: 12px;
		font-weight: 600;
		line-height: 22px;
		text-transform: none;
		cursor: pointer;
	}

	.desktop-header-vat__choice.is-active {
		color: #fff;
		font-weight: 800;
	}

	.desktop-header-vat__switch {
		position: relative;
		width: 34px;
		height: 18px;
		min-height: 18px;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 999px;
		background: #667780;
		box-shadow: inset 0 0 0 1px rgba(255,255,255,.22);
		cursor: pointer;
		transition: background-color .18s ease;
	}

	.desktop-header-vat__switch span {
		position: absolute;
		top: 2px;
		left: 2px;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 1px 3px rgba(0,0,0,.45);
		transition: transform .18s ease;
	}

	.desktop-header-vat[data-vat-mode="inc"] .desktop-header-vat__switch {
		background: #0093d6;
	}

	.desktop-header-vat[data-vat-mode="inc"] .desktop-header-vat__switch span {
		transform: translateX(16px);
	}

	.desktop-header-vat__choice:focus-visible,
	.desktop-header-vat__switch:focus-visible {
		outline: 2px solid #ffca28;
		outline-offset: 1px;
	}

	.desktop-header-utility a {
		color: #fff;
		text-decoration: none;
	}

	.desktop-header-utility a:hover,
	.desktop-header-utility a:focus {
		color: #fff;
		text-decoration: underline;
	}

	.desktop-header-main {
		display: grid;
		grid-template-columns: 312px minmax(0, 1fr) 160px 180px 130px;
		grid-template-rows: 80px;
		align-items: center;
		column-gap: 14px;
		height: 80px;
		min-height: 80px;
		margin: 0;
		position: relative;
	}

	.desktop-header-main .header-session-notice {
		grid-column: 1 / -1;
	}

	.desktop-header-main > .desktop-header-logo {
		grid-column: 1;
		grid-row: 1;
		float: none !important;
		width: auto !important;
		height: 80px;
		min-height: 0;
		box-sizing: border-box;
		margin: 0;
		padding: 0 !important;
		text-align: left;
	}

	.desktop-header-logo .row,
	.desktop-header-logo .col {
		float: none;
		width: auto;
		height: 100%;
		min-height: 0;
		margin: 0;
		padding: 0 !important;
	}

	.desktop-header-logo .logo-a {
		display: flex;
		align-items: center;
		height: 80px;
	}

	.desktop-header-logo .responsive-logo {
		display: block;
		width: auto;
		max-width: 312px;
		height: auto;
		max-height: 68px;
		margin: 0 !important;
	}

	.desktop-header-rebrand-notice,
	.desktop-header-home-link {
		display: none !important;
	}

	.desktop-header-info {
		display: grid;
		grid-column: 2 / -1;
		grid-row: 1;
		grid-template-columns: minmax(0, 1fr) 160px 180px 130px;
		align-items: center;
		column-gap: 14px;
		float: none !important;
		width: 100% !important;
		min-width: 0;
		margin: 0;
		padding: 0 !important;
		position: relative;
		justify-self: stretch;
		align-self: stretch;
	}

	.desktop-header-info .cart-items {
		display: grid;
		grid-column: 1 / -1;
		grid-row: 1;
		grid-template-columns: minmax(0, 1fr) 160px 180px 130px;
		align-items: center;
		column-gap: 14px;
		float: none !important;
		width: 100% !important;
		min-width: 0;
		margin: 0;
		padding: 0 !important;
		border: 0;
	}

	.desktop-header-phone,
	.desktop-header-search-trigger,
	.desktop-header-cart {
		float: none !important;
		width: auto !important;
		margin: 0;
		padding: 0 !important;
	}

	.desktop-header-phone {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		width: 100% !important;
		background: transparent;
		border-radius: 0;
		text-align: left;
	}

	.desktop-header-phone .tel {
		display: block;
		float: none;
		width: auto;
		color: #ffca28 !important;
		font-size: 16px;
		font-weight: 700;
		line-height: 20px;
		white-space: nowrap;
	}

	.desktop-header-phone .tel .material-icons {
		display: none;
	}

	.desktop-header-phone .textsm,
	.desktop-header-phone .desktop-header-hours {
		display: block;
		color: #e0e6e8 !important;
		font-size: 12px;
		font-weight: 400;
		line-height: 16px;
		white-space: nowrap;
	}

	.desktop-header-hours {
		display: block;
	}

	.mobile-header-hours {
		display: none;
	}

	.desktop-header-phone br {
		display: none;
	}

	.desktop-header-search-trigger {
		grid-column: 1;
		grid-row: 1;
		align-self: center;
		min-width: 0;
		width: 100% !important;
	}

	.desktop-header-search-trigger a {
		display: flex;
		align-items: center;
		width: 100%;
		height: 44px;
		box-sizing: border-box;
		padding: 0 14px;
		border: 1px solid #d5dde1;
		border-radius: 4px;
		background: #fff;
		color: #43515a !important;
		font-size: 16px;
		line-height: 44px;
		text-align: left;
	}

	.desktop-header-search-trigger a:hover,
	.desktop-header-search-trigger a:focus {
		border-color: #0093d6;
		text-decoration: none;
	}

	.desktop-header-search-trigger .material-icons {
		margin: 0 10px 0 0;
		color: #0093d6;
		font-size: 20px;
	}

	.desktop-header-main #search-div {
		grid-column: 1;
		grid-row: 1;
		align-self: center;
		float: none;
		width: 100% !important;
		height: 44px;
		margin: 0;
		padding: 0;
		color: #43515a;
	}

	.desktop-header-main #searchbox,
	.desktop-header-main #searchbox .ais-SearchBox,
	.desktop-header-main #searchbox .ais-SearchBox-form {
		height: 44px;
		margin: 0;
	}

	.desktop-header-main #searchbox input[type="search"],
	.desktop-header-main #searchbox input[type="text"] {
		box-sizing: border-box;
		height: 44px;
		margin: 0;
		padding: 0 46px 0 42px !important;
		border: 1px solid #0093d6;
		border-radius: 4px;
		box-shadow: none;
		font-size: 16px;
	}

	.desktop-header-main #searchbox input[type="search"]:focus,
	.desktop-header-main #searchbox input[type="text"]:focus {
		border-bottom: 1px solid #0078b1;
		box-shadow: none;
	}

	.desktop-header-cart {
		grid-column: 4;
		grid-row: 1;
		align-self: center;
		min-width: 0;
		font-size: 13px;
		line-height: 16px;
		text-align: left;
	}

	.desktop-header-cart a {
		display: flex;
		align-items: center;
		gap: 7px;
		width: 100%;
		min-height: 44px;
		color: #fff;
		text-decoration: none;
	}

	.desktop-header-cart a:hover,
	.desktop-header-cart a:focus {
		color: #fff;
		text-decoration: underline;
	}

	.desktop-header-cart .material-icons {
		margin-right: 0 !important;
		color: #0093d6;
		font-size: 22px;
	}

	.desktop-header-cart span,
	.desktop-header-cart .light-grey,
	.desktop-header-cart .wb-color {
		color: #fff !important;
	}

	.desktop-header-cart .header-cart-count {
		display: inline-flex;
		flex: 0 0 22px;
		align-items: center;
		justify-content: center;
		height: 22px;
		box-sizing: border-box;
		padding: 0 4px;
		border-radius: 3px;
		background: #0093d6;
		color: #fff !important;
		font-size: 12px;
		font-weight: 700;
		line-height: 22px;
		margin-right: 2px;
	}

	.desktop-header-cart .header-cart-value,
	.desktop-header-cart .header-cart-label {
		white-space: nowrap;
	}

	.desktop-header-info > .row {
		display: none;
	}

	.desktop-header-login {
		display: block;
		grid-column: 3;
		grid-row: 1;
		align-self: center;
	}

	.desktop-header-login a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: 44px;
		box-sizing: border-box;
		padding: 0 10px;
		border: 1px solid #21a9e6;
		border-radius: 4px;
		background: #0093d6;
		color: #fff;
		text-decoration: none;
	}

	.desktop-header-login a:hover,
	.desktop-header-login a:focus {
		background: #007eb8;
		color: #fff;
		text-decoration: none;
	}

	.desktop-header-login .material-icons {
		font-size: 22px;
	}

	.desktop-header-login span {
		display: flex;
		flex-direction: column;
		color: #fff !important;
		font-size: 12px;
		line-height: 15px;
	}

	.desktop-header-login strong {
		color: #fff !important;
		font-size: 14px;
		font-weight: 700;
	}

	.desktop-header-login small {
		color: #fff !important;
		font-size: 12px;
	}

	.desktop-header-main #hits {
		display: none;
		position: absolute;
		top: 80px;
		left: 0;
		right: 512px;
		width: auto;
		max-width: 600px;
	}

	.mobile-menu .mobile-nav-menu {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}


/* Keep the display choice available beside the existing mobile navigation. */
@media screen and (max-width: 992px) {
 .top-header .desktop-header-utility {display:flex!important;justify-content:flex-end;padding:4px 0;}
 .desktop-header-utility__links {display:none;}
 .desktop-header-vat {display:inline-flex;align-items:center;gap:6px;}
 .desktop-header-vat__choice {background:transparent;border:0;color:#aeb8bd;font:600 12px Arial,sans-serif;padding:4px;cursor:pointer;}
 .desktop-header-vat__choice.is-active {color:#fff;}
 .desktop-header-vat__switch {position:relative;width:34px;height:18px;padding:0;border:0;border-radius:20px;background:#667780;cursor:pointer;}
 .desktop-header-vat__switch span {position:absolute;left:2px;top:2px;width:14px;height:14px;border-radius:50%;background:white;}
 .desktop-header-vat[data-vat-mode="inc"] .desktop-header-vat__switch {background:#0093d6;}
 .desktop-header-vat[data-vat-mode="inc"] .desktop-header-vat__switch span {transform:translateX(16px);}
}
html[data-rp-vat-mode="inc"] [data-rp-vat-secondary] {display:none;}
.rp-detail-price-scope [data-rp-vat-secondary] {display:none!important;}
.rp-detail-price-scope .rp-vat-shopping-ex {display:block;color:#526675;font-size:11px;font-weight:400;line-height:1.2;white-space:nowrap;}
@media screen and (max-width: 600px) {
 .rp-detail-price-scope > .col.center-align {padding-left:2px;padding-right:2px;}
 .rp-detail-price-scope .orange-text[data-rp-vat-ex] {display:block;line-height:1.25;white-space:nowrap;}
 .rp-detail-price-scope [data-rp-vat-label] {display:block;line-height:1.3;}
 .rp-detail-price-scope .col.s4 > .orange-text[data-rp-vat-ex] {font-size:clamp(16px,5vw,24px);}
 .rp-detail-price-scope .col.s3 > .orange-text[data-rp-vat-ex] {font-size:clamp(14px,4vw,20px);}
 .rp-detail-price-scope .rp-vat-shopping-ex {white-space:normal;}
}
@media screen and (min-width: 993px) {
 .desktop-header-search-trigger a span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
 .desktop-header-search-trigger .material-icons {flex-shrink:0;}
 .desktop-header-main .header-session-notice {position:fixed;top:116px;left:16px;right:16px;z-index:999;}
}
@media print { .desktop-header-utility {display:none!important;} }

/* The product-price control shares state with the header on every variant. */
.rp-price-heading {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;clear:both;}
.rp-price-heading > h2 {margin:0;padding-bottom:0!important;}
.rp-product-vat {display:inline-grid;grid-template-columns:auto 34px auto;align-items:center;gap:5px;white-space:nowrap;}
.rp-product-vat .desktop-header-vat__choice {height:auto;min-height:28px;margin:0;padding:3px 1px;border:0;background:transparent;box-shadow:none;color:#526675;font:600 12px Arial,Helmet,Freesans,sans-serif;line-height:22px;text-transform:none;cursor:pointer;}
.rp-product-vat .desktop-header-vat__choice.is-active {color:#07598a;font-weight:800;}
.rp-product-vat .desktop-header-vat__switch {position:relative;width:34px;height:18px;min-height:18px;margin:0;padding:0;border:0;border-radius:999px;background:#667780;cursor:pointer;}
.rp-product-vat .desktop-header-vat__switch span {position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;}
.rp-product-vat[data-vat-mode="inc"] .desktop-header-vat__switch {background:#0093d6;}
.rp-product-vat[data-vat-mode="inc"] .desktop-header-vat__switch span {transform:translateX(16px);}
.rp-product-vat button:focus-visible {outline:2px solid #07598a;outline-offset:2px;}
[data-rp-vat-label] {white-space:nowrap;}
@media print { .rp-product-vat {display:none!important;} }