/* !Custom Styles */

:root {
	--primary-font-family: Inter, Verdana, sans-serif;
	--secondary-font-family: Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	--navigation-font-family: Inter, Verdana, sans-serif;
	--header-font-family: Caladea, Georgia, "Times New Roman", serif;
}

html,
body,
.primary-font {
	font-family: var(--primary-font-family);
}

.secondary-font {
	font-family: var(--secondary-font-family);
}

.navigation-font {
	font-family: var(--navigation-font-family);
}

.header-font,
.c-heading-delta {
	font-family: var(--header-font-family);
}

.t-site-navigation,
.t-breadcrumbs,
.navigation-element {
	font-family: var(--navigation-font-family);
}

.x-product-layout-purchase__options-attribute {
	max-width: 100% !important;
}

.x-product-layout-purchase__options-attribute:not(:last-of-type) {
	margin-bottom: 26px;
}

/* !RESETs START */

[ class*="u-icon" ] {
	font-family: "ReadyTheme Icons", sans-serif !important;
}

/* !RESETs END */

#js-ABPPL main, #js-SHH main,
#js-SHV main, #js-JOPP main,
#js-SH main, #js-WTO main,
#js-PP main, #js-CTUS main,
#js-PRODQ main, #js-SHOPQ main,
#js-ORDQ main, #js-STMP main,
#js-ASD main, #js-BSGS main,
#js-RQCTLG main {
	background-image: url("/mm5/themes/images/main-bg.jpeg");
	background-position: center;
	background-repeat: repeat-y;
	background-size: contain;
}

.t-site-header {
	z-index: 2;
}

.t-site-header__top-navigation {
	background-color: #262323;
	font-family: var(--secondary-font-family);
}

.t-site-header__banner {
	background: #991C20;
	background: linear-gradient(90deg,rgba(153, 28, 32, 1) 0%, rgba(192, 39, 44, 1) 50%, rgba(153, 28, 32, 1) 100%);
	border-top: #262323 solid 15px;
}

.t-site-header__banner:has(span.blue) {
	background: #202F4C;
	background: linear-gradient(90deg,rgba(32, 47, 76, 1) 0%, rgba(70, 102, 166, 1) 50%, rgba(32, 47, 76, 1) 100%);
}

.t-site-header__banner:has(span.orange) {
	background: #B2350E;
	background: linear-gradient(90deg,rgba(178, 53, 14, 1) 0%, rgba(223, 161, 60, 1) 50%, rgba(178, 53, 14, 1) 100%);  border-top: #262323 solid 15px;
}

.t-site-header__banner:has(span.sunburst) {
	/* ADA: Original #DFA13C center gave 2.17:1 with white — darkened gradient ensures ≥4.5:1 throughout */
	background: #8B3510;
	background: linear-gradient(90deg, rgba(139, 53, 16, 1) 0%, rgba(165, 74, 16, 1) 50%, rgba(139, 53, 16, 1) 100%);
}

.t-site-header__banner:has(span.green) {
	/* ADA: Original #6BA12F center gave 2.93:1 with white — darkened edges to #2D5229 (8.1:1);
     center #41753B already passes at 4.95:1 */
	background: #2D5229;
	background: linear-gradient(90deg, rgba(45, 82, 41, 1) 0%, rgba(65, 117, 59, 1) 50%, rgba(45, 82, 41, 1) 100%);
}

.t-site-header__banner:has(span.purple) {
	background: #53115F;
	background: linear-gradient(90deg,rgba(83, 17, 95, 1) 0%, rgba(159, 34, 181, 1) 50%, rgba(83, 17, 95, 1) 100%);
}

.t-site-header__banner span {
	color: #FFFFFF;
	display: block;
	font-size: 15px;
	line-height: 1.25;
	padding: 9px 15px 7px;
}

.t-site-header__banner a {
	color: #FFFFFF;
	text-decoration: none;
}

@media ( max-width: 59.99em ) {

	.t-site-header__search-holder {
		background-color: #F0F3F5;
		bottom: 0;
		display: none;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}
}

.t-site-header__search-holder--active {
	display: block;
}

.skip-link {
	background: #8D2926;
	border: 3px solid #FFF;
	border-radius: 40px;
	box-shadow: 0 6px 16px rgba(0,0,0,0.5);
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	left: 20px;
	padding: 14px 25px;
	position: absolute;
	text-decoration: none !IMPORTANT;
	top: -80px;
	transition: top 0.3s;
	z-index: 9999;
}

.skip-link:focus {
	outline: #FFCC00 solid 4px;
	outline-offset: 2px;
	top: 20px;
}

@media ( max-width: 59.99em ) {

	.t-site-header__search-form {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 85%;
	}
}

.t-site-header__search-form input {
	font-family: var(--secondary-font-family);
	height: 56px !important;
}

.t-site-header__search-form [ type="submit" ] {
	min-width: 190px;
}

@media ( max-width: 59.99em ) {

	.t-site-header__search-form input {
		height: 40px !important;
	}
}

@media ( max-width: 59.99em ) {

	.t-site-header__search-form [ type="submit" ] {
		min-width: initial;
	}
}

.t-site-header__search-open {
	color: #615151;
	font-size: 23px;
	margin: 0 5px 0 0;
}

.t-site-header__search-close {
	position: absolute;
	right: 5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.t-site-header__masthead {
	background-color: #262323;
	max-width: initial;
	padding: 25px 0 0 0;
}

.t-site-header__holder {
	background-color: #F0F3F5;
	background-image: url("/mm5/themes/images/header-bg-2025-1.jpg");
	background-repeat: repeat;
}

.t-site-header__logo {
	margin: -10px 0;
}

.t-site-header__logo img {
	width: auto;
}

@media ( max-width: 59.99em ) {

	.t-site-header__banner {
		border-top: #262323 solid 10px;
	}

	.t-site-header__masthead {
		padding: 15px 0 15px 0;
	}

	.t-site-header__holder {
		padding: 0;
	}

	.t-site-header__logo {
		margin: -5px 0 -5px 0;
	}

	.t-site-header__logo img {
		height: auto;
		width: 145px;
	}
}

.t-site-header__masthead-links .t-global-account-toggle {
	align-items: center;
	background-color: transparent;
	border: none;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 12px;
}

.t-site-header__masthead-links .t-site-header__basket-link {
	align-items: center;
	background-color: transparent;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 12px;
	position: relative;
}

.t-site-header__masthead-links .t-site-header__basket-link-quantity {
	position: absolute;
	right: 50%;
	top: -15px;
	-webkit-transform: translateX(65%);
	transform: translateX(65%);
}

@media ( max-width: 1099px ) {

	.t-site-header__masthead-links .t-site-header__basket-link-quantity {
		top: -10px;
	}
}

.t-site-header__basket-link--mobile {
	align-items: center;
	background-color: transparent;
	-webkit-box-align: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 12px;
	margin-left: 10px;
	position: relative;
	z-index: 1;
}

.t-site-header__basket-link-quantity--mobile {
	position: absolute;
	right: 50%;
	top: -15px;
	-webkit-transform: translateX(65%);
	transform: translateX(65%);
}

@media ( max-width: 25em ) {

	.t-site-header__basket-link-quantity--mobile {
		font-size: 10px;
		top: -10px !IMPORTANT;
	}
}

.x-collapsible-content__item[ aria-hidden="false" ] {
	right: 0;
}

@media ( max-width: 106.24em ) {

	.x-collapsible-content__item[ aria-hidden="false" ] {
		right: 0;
	}
}

.t-site-navigation {
	border: none;
	margin-bottom: 0;
}

/* =============================================================
   ADA Item 1: Navigation keyboard accessibility
   WCAG 2.1.1 (Keyboard), 2.4.3 (Focus Order)
   ============================================================= */

/* All sizes: suppress JS focus-within polyfill from triggering sub-menu panels */

.x-transfigure-navigation .c-navigation__list.focus-within:not(.is-keyboard-open) > .c-navigation__row {
	display: none !important;
}

/* Desktop: suppress native :focus-within from auto-opening dropdowns.
 * :not(:hover) guard is critical — when the user clicks a link inside a
 * hover-opened dropdown, mousedown focuses the link (:focus-within fires on
 * the parent li) BEFORE mouseup/click complete. Without :not(:hover), the
 * dropdown hides mid-click and the browser drops the click event entirely.
 * With :not(:hover): if the parent li is being hovered the rule is inactive,
 * so hover-opened dropdowns stay visible through the full click sequence. */
@media ( min-width: 60em ) {
	@supports (will-change: auto) {

		.x-transfigure-navigation .c-navigation__list:not(:hover):not(.is-keyboard-open):focus-within > .c-navigation__row {
			display: none !important;
		}
	}
}

/* Mobile: suppress :focus-within only on closed sub-panels (is-hidden = Miva hasn't opened it) */
@media ( max-width: 59.9em ) {

	.x-transfigure-navigation .c-navigation__list:focus-within > .c-navigation__row.is-hidden {
		display: none !important;
		visibility: hidden !important;
	}
}

/* Desktop: allow explicit keyboard-triggered open via JS class */
@media ( min-width: 60em ) {

	.x-transfigure-navigation .c-navigation__list.is-keyboard-open > .c-navigation__row {
		box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0.25em 0px;
		display: table !important;
	}
}


/* Mobile: remove nav from tab order when hamburger menu is closed */
@media screen and ( max-width: 59.9em ) {

	.x-transfigure-navigation {
		transition: visibility 0s 0.3s;
		visibility: hidden;
	}

	.has-open-main-menu .x-transfigure-navigation {
		transition: visibility 0s;
		visibility: visible;
	}
}

/* ADA: Focus indicator for all interactive elements in nav flyout */

.x-transfigure-navigation .c-navigation__link:focus,
.x-transfigure-navigation .c-navigation__link:focus-visible,
[ data-hook="show-previous-menu" ]:focus,
[ data-hook="show-previous-menu" ]:focus-visible,
[ data-hook="close-main-menu" ]:focus,
[ data-hook="close-main-menu" ]:focus-visible {
	outline: 3px solid #FFCC00 !important;
	outline-offset: -3px;
}

/*
 * ADA: Focus indicator for the Sign In dropdown toggle and the controls inside
 * the account panel. Uses :focus (not only :focus-visible) so the highlight
 * shows on mobile/touch and when VoiceOver moves focus, where :focus-visible
 * may not engage (WCAG 2.4.7).
 */
.t-global-account-toggle:focus,
.t-global-account-toggle:focus-visible,
#global-account a:focus,
#global-account a:focus-visible,
#global-account .c-button:focus,
#global-account .c-button:focus-visible,
#global-account input:focus,
#global-account input:focus-visible {
	outline: 3px solid #FFCC00 !important;
	outline-offset: 2px;
}

@media ( min-width: 60em ) {

	.x-transfigure-navigation .c-navigation__link {
		background-color: #262323;
		color: #FFF !important;
	}
}

.x-fasten-header {
	font-size: 1em;
	left: initial;
	right: 0;
}

.x-transfigure-navigation .c-navigation__link {
	font-size: 20px;
	font-weight: 400;
}

@media ( max-width: 79.99em ) {

	.x-transfigure-navigation .c-navigation__link {
		font-size: 16px;
	}
}

.x-transfigure-navigation__row .c-navigation__list:nth-last-child(2) .c-navigation__row {
	right: 0;
}

.x-transfigure-navigation .c-navigation__row:nth-child(2) .c-navigation__link:hover {
	background-color: #841D1D;
	color: #FFF;
	-webkit-transition: color ease-out 0.1s, background-color 0.1s ease-out;
	transition: color ease-out 0.1s, background-color 0.1s ease-out;
}

.x-hero-holder {
	background: url("/mm5/themes/images/hero-bg.jpeg");
	padding-bottom: 100px;
	padding-top: 100px;
}

.x-hero-holder img {
	width: 100%;
}

@media ( max-width: 59.99em ) {

	.x-hero-holder {
		padding-bottom: 50px;
		padding-top: 50px;
	}
}

.guarantee {
	/* ADA: Raised from 0.59 opacity — blended over white page bg gave ~3.4:1 with white text.
     0.92 opacity gives ≥9:1 regardless of page background. */
	background: rgba(52, 47, 47, 0.92);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.02);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.02);
	margin: 100px 0 110px;
	padding: 41px 0;
}

.guarantee span {
	display: inline-block;
	font-size: 36px;
	margin-bottom: 30px;
}

.guarantee p {
	font-size: 14px;
}

.guarantee p:last-of-type {
	margin-bottom: 0;
}

@media ( max-width: 59.99em ) {

	.guarantee {
		margin: 50px 0;
	}
}

@media ( max-width: 59.99em ) {

	.guarantee span {
		font-size: 24px;
		margin-bottom: 15px;
	}
}

@media ( max-width: 59.99em ) {

	.guarantee img {
		width: 120px;
	}
}

.popular-products h2 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 0;
}

@media ( max-width: 59.99em ) {

	.popular-products h2 {
		font-size: 24px;
	}
}

.popular-products__top {
	margin-bottom: 60px;
}

@media ( max-width: 59.99em ) {

	.popular-products__top {
		margin-bottom: 30px;
	}
}

.popular-products .x-product-list__item {
	margin-bottom: 0;
}

.popular-products .x-product-list__name {
	-webkit-box-orient: vertical;
	color: #282828;
	display: -webkit-box;
	font-size: 24px;
	font-weight: bold;
	height: 60px;
	-webkit-line-clamp: 2;
	line-height: 1.25;
	margin-bottom: 24px;
	overflow: hidden;
	word-break: break-word;
}

.popular-products .x-product-list__price {
	color: #282828;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 36px;
	padding: 0;
}

.popular-products .x-product-list__btn {
	color: #AB251F;
	font-size: 18px;
}

.popular-products .t-featured-products {
	margin-bottom: 0;
	padding-top: 0;
}

@media ( max-width: 59.99em ) {

	.popular-products .x-product-list__name {
		font-size: 18px;
		height: 44px;
		margin-bottom: 12px;
	}
}

@media ( max-width: 59.99em ) {

	.popular-products .x-product-list__price {
		margin-bottom: 12px;
	}
}

.popular-products__prev,
.popular-products__next {
	align-items: center;
	background-color: transparent;
	border: 2px solid #841D1D;
	border-radius: 10px;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	font-size: 14px;
	height: 48px;
	justify-content: center;
	padding: 0;
	-webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	width: 48px;
}

@media ( max-width: 59.99em ) {

	.popular-products__prev,
	.popular-products__next {
		font-size: 12px;
		height: 36px;
		width: 36px;
	}
}

.popular-products__prev:hover {
	background-color: #841D1D;
	border: 2px solid #841D1D;
	color: #FFF;
}

.popular-products__next {
	margin-left: 18px;
}

.popular-products__next:hover {
	background-color: #841D1D;
	border: 2px solid #841D1D;
	color: #FFF;
}

.popular-products .slick-slide {
	border: none;
}

.news-offers {
	background-image: url("/mm5/themes/images/hero-bg.jpeg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 150px 0;
	padding: 60px 0;
}

.news-offers span {
	display: inline-block;
	font-size: 24px;
}

@media ( max-width: 59.99em ) {

	.news-offers {
		margin: 75px 0;
		padding: 30px 0;
	}
}

@media ( max-width: 59.99em ) {

	.news-offers span {
		font-size: 18px;
		margin-bottom: 10px;
	}
}

.footer {
	background-color: #000;
	background-image: url("/mm5/themes/images/footer-bg-2025.jpg");
	background-repeat: repeat;
	color: #FFF;
	margin: 50px 0 0 0;
	padding: 0 0 10px 0;
}

.footer-phone {
	color: #FFF;
	font-size: 22px;
	font-weight: bold;
	padding: 20px 20px;
	text-align: center;
}

.footer-phone span{
	display: inline-block;
}

.footer-news {
	background: #991C20;
	background: linear-gradient(90deg,rgba(153, 28, 32, 0.75) 0%, rgba(192, 39, 44, 0.75) 50%, rgba(153, 28, 32, 0.75) 100%);
	padding: 30px 0 40px 0;
}

.footer-news form {
	margin: 0 auto;
	text-align: center;
	width: 400px;
}

.footer .news-heading {
	color: #FFFADD;
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
}

.footer .news-copy {
	color: #FFF;
	display: block;
	font-size: 20px;
	line-height: 1.25;
	margin: 0 auto;
	padding: 5px 0 25px;
	text-align: center;
	width: 600px;
}

.footer-links {
	padding: 50px 20px 30px;
}

.footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer a:hover {
	text-decoration: underline;
}

.footer .navigation-set li {
	font-size: 14px;
	line-height: 1.25;
	padding: 0 10px 8px 10px;
	text-align: center;
}

.footer .navigation-set li a {
	color: #FFF;
	text-decoration: none;
}

.footer .navigation-set li a:hover {
	text-decoration: underline;
}

.footer .navigation-element span {
	color: #FFFADD;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.footer .o-layout__item {
	margin: 0;
	padding: 0 0 40px 0;
	text-align: center;
}

.footer a:hover {
	text-decoration: underline;
}

.footer img.footer-logo {
	margin-bottom: 20px;
	max-width: 160px;
}

.footer-social a {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 36px;
	margin: 0 5px;
	padding: 0;
	width: 36px;
}

.footer-social a.instagram {
	background-image: url("/mm5/themes/images/instagram-c-2025.png");
}

.footer-social a.facebook {
	background-image: url("/mm5/themes/images/facebook-c-2025.png");
}

.footer-social a.youtube {
	background-image: url("/mm5/themes/images/youtube-c-2025.png");
}

.footer-copyright {
	font-size: 0.9em;
	line-height: 1.5;
	margin: 0;
	text-align: center;
}

.footer-copyright span {
	display: block;
	padding: 8px 0 4px;
}

@media ( max-width: 40em ) {

	.footer .news-copy {
		margin: 0;
		padding: 5px 30px 25px;
		width: 100%;
	}

	.footer-news form {
		width: 300px;
	}

}

.x-collapsing-breadcrumbs__group,
.x-collapsing-breadcrumbs__list {
	max-width: 106.25rem;
}

.x-category-tree__link {
	font-size: 1em;
}

.x-category-tree__list--level-2 .x-category-tree__link {
	font-size: 0.95em;
}

.x-category-tree__list--level-3 .x-category-tree__link {
	font-size: 0.9em;
}

.x-facet-set,
.x-facet-set__list {
	max-width: 25em;
}

.x-category-tree__label.x-collapsible-content__toggle {
	font-size: 1em;
}

.x-facet-set__label.x-collapsible-content__toggle {
	font-size: 1rem;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini {
	height: 50px;
	margin: 15px 0;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_low,
.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_input_container_high {
	border: none;
	border-radius: 0;
	font-size: 1em;
	height: auto;
	line-height: 120%;
	width: auto;
}

.mm_facet_rangeslider.mm_facet_rangeslider_mini .mm_facet_rangeslider_track_container {
	border: none;
	border-radius: 0;
	height: 20px;
	top: 28px;
}

.mm_facet_rangeslider_track {
	height: 4px;
	left: 0;
	right: 0;
}

.mm_facet_rangeslider_track_background {
	background: #D8D9DB;
	left: 3px;
	right: 3px;
}

.mm_facet_rangeslider_track_selection {
	background: #D8D9DB;
	background: #841D1D;
	left: 3px;
	right: 3px;
}

.mm_facet_rangeslider_track_handle_low,
.mm_facet_rangeslider_track_handle_high {
	background: #841D1D;
	border: none;
	height: 19px;
	left: 3px;
	width: 19px;
}

#js-ACLN .account__top {
	background: url("/mm5/themes/images/hero-bg.jpeg");
	background-position: center;
	background-size: cover;
	margin-right: -16px;
	padding: 25px 0;
}

#js-ACLN .account__content {
	margin-right: -16px;
	padding-right: 16px;
	padding-top: 20px;
}

#js-ACLN .bg-light {
	background-color: #F0F3F5;
}

#js-ACLN .bg-red {
	background-color: #841D1D;
}

#js-OCST .t-site-header,
#js-OSEL .t-site-header,
#js-OPAY .t-site-header,
#js-INVC .t-site-header {
	margin-bottom: 15px;
	margin-top: 15px;
}

#js-OCST .checkout__info,
#js-OSEL .checkout__info,
#js-OPAY .checkout__info,
#js-INVC .checkout__info {
	padding-left: 32px;
	padding-right: 32px;
}

#js-OCST .bg-light,
#js-OSEL .bg-light,
#js-OPAY .bg-light,
#js-INVC .bg-light {
	background-color: #F0F3F5;
}

#js-OCST .bg-red,
#js-OSEL .bg-red,
#js-OPAY .bg-red,
#js-INVC .bg-red {
	background-color: #841D1D;
}

#js-INVC .bg-dark,
#js-INVC .t-checkout-basket-summary {
	background-color: #262323;
}

#js-OCST.t-page-ocst .t-main-content-element,
#js-OSEL.t-page-ocst .t-main-content-element,
#js-OPAY.t-page-ocst .t-main-content-element,
#js-INVC.t-page-ocst .t-main-content-element,
#js-OCST.t-page-osel .t-main-content-element,
#js-OSEL.t-page-osel .t-main-content-element,
#js-OPAY.t-page-osel .t-main-content-element,
#js-INVC.t-page-osel .t-main-content-element,
#js-OCST.t-page-opay .t-main-content-element,
#js-OSEL.t-page-opay .t-main-content-element,
#js-OPAY.t-page-opay .t-main-content-element,
#js-INVC.t-page-opay .t-main-content-element,
#js-OCST.t-page-invc .t-main-content-element,
#js-OSEL.t-page-invc .t-main-content-element,
#js-OPAY.t-page-invc .t-main-content-element,
#js-INVC.t-page-invc .t-main-content-element {
	max-width: 106.25em;
	padding-left: 16px;
}

#js-OCST .t-site-header__inner .u-shown,
#js-OSEL .t-site-header__inner .u-shown,
#js-OPAY .t-site-header__inner .u-shown {
	display: flex;
}

#js-INVC .t-site-header__inner .u-shown {
	display: flex;
}

#js-INVC .t-main-content-element {
	padding-right: 0;
}

#js-INVC .t-site-header {
	margin-bottom: 0;
	margin-top: 15px;
}

#js-INVC .account__top {
	background: url("/mm5/themes/images/hero-bg.jpeg");
	background-position: center;
	background-size: cover;
	margin-left: -16px;
	margin-right: 0px;
	padding: 25px 0;
}

.t-page-ocst .t-main-content-element,
.t-page-osel .t-main-content-element,
.t-page-opay .t-main-content-element {
	padding-right: 0;
}

@media ( max-width: 106.25em ) {

	#js-OCST.t-page-ocst .t-main-content-element {
		padding-left: 16px;
	}
}

@media ( max-width: 106.25em ) {

	#js-OSEL.t-page-osel .t-main-content-element {
		max-width: 106.25em;
		padding-left: 16px;
	}
}

@media ( max-width: 106.25em ) {

	#js-OPAY.t-page-opay .t-main-content-element {
		max-width: 106.25em;
		padding-left: 16px;
	}
}

@media ( max-width: 106.25em ) {

	#js-INVC.t-page-invc .t-main-content-element {
		max-width: 106.25em;
		padding-left: 16px;
	}
}

#js-ACED .t-breadcrumbs,
#js-CEML .t-breadcrumbs,
#js-CPWD .t-breadcrumbs,
#js-ORDH .t-breadcrumbs,
#js-CSUB .t-breadcrumbs,
#js-ABAL .t-breadcrumbs,
#js-RGFT .t-breadcrumbs,
#js-CABK .t-breadcrumbs,
#js-CADA .t-breadcrumbs,
#js-WLST .t-breadcrumbs,
#js-CADE .t-breadcrumbs {
	margin-bottom: 0;
}

#js-ACED .t-main-content-element,
#js-CEML .t-main-content-element,
#js-CPWD .t-main-content-element,
#js-ORDH .t-main-content-element,
#js-CSUB .t-main-content-element,
#js-ABAL .t-main-content-element,
#js-RGFT .t-main-content-element,
#js-CABK .t-main-content-element,
#js-CADA .t-main-content-element,
#js-WLST .t-main-content-element,
#js-CADE .t-main-content-element {
	padding-right: 0;
}

#js-ACED .x-collapsing-breadcrumbs__list,
#js-CEML .x-collapsing-breadcrumbs__list,
#js-CPWD .x-collapsing-breadcrumbs__list,
#js-ORDH .x-collapsing-breadcrumbs__list,
#js-CSUB .x-collapsing-breadcrumbs__list,
#js-ABAL .x-collapsing-breadcrumbs__list,
#js-RGFT .x-collapsing-breadcrumbs__list,
#js-CABK .x-collapsing-breadcrumbs__list,
#js-CADA .x-collapsing-breadcrumbs__list,
#js-WLST .x-collapsing-breadcrumbs__list,
#js-CADE .x-collapsing-breadcrumbs__list,
#js-ACED .x-collapsing-breadcrumbs__group,
#js-CEML .x-collapsing-breadcrumbs__group,
#js-CPWD .x-collapsing-breadcrumbs__group,
#js-ORDH .x-collapsing-breadcrumbs__group,
#js-CSUB .x-collapsing-breadcrumbs__group,
#js-ABAL .x-collapsing-breadcrumbs__group,
#js-RGFT .x-collapsing-breadcrumbs__group,
#js-CABK .x-collapsing-breadcrumbs__group,
#js-CADA .x-collapsing-breadcrumbs__group,
#js-WLST .x-collapsing-breadcrumbs__group,
#js-CADE .x-collapsing-breadcrumbs__group {
	background: url("/mm5/themes/images/hero-bg.jpeg");
	background-position: center;
	background-size: cover;
	border: none;
	color: #FFF;
}

#js-ACED .x-collapsing-breadcrumbs__list span,
#js-CEML .x-collapsing-breadcrumbs__list span,
#js-CPWD .x-collapsing-breadcrumbs__list span,
#js-ORDH .x-collapsing-breadcrumbs__list span,
#js-CSUB .x-collapsing-breadcrumbs__list span,
#js-ABAL .x-collapsing-breadcrumbs__list span,
#js-RGFT .x-collapsing-breadcrumbs__list span,
#js-CABK .x-collapsing-breadcrumbs__list span,
#js-CADA .x-collapsing-breadcrumbs__list span,
#js-WLST .x-collapsing-breadcrumbs__list span,
#js-CADE .x-collapsing-breadcrumbs__list span,
#js-ACED .x-collapsing-breadcrumbs__group span,
#js-CEML .x-collapsing-breadcrumbs__group span,
#js-CPWD .x-collapsing-breadcrumbs__group span,
#js-ORDH .x-collapsing-breadcrumbs__group span,
#js-CSUB .x-collapsing-breadcrumbs__group span,
#js-ABAL .x-collapsing-breadcrumbs__group span,
#js-RGFT .x-collapsing-breadcrumbs__group span,
#js-CABK .x-collapsing-breadcrumbs__group span,
#js-CADA .x-collapsing-breadcrumbs__group span,
#js-WLST .x-collapsing-breadcrumbs__group span,
#js-CADE .x-collapsing-breadcrumbs__group span {
	color: #FFF;
}

#js-ACED .page__top,
#js-CEML .page__top,
#js-CPWD .page__top,
#js-ORDH .page__top,
#js-CSUB .page__top,
#js-ABAL .page__top,
#js-RGFT .page__top,
#js-CABK .page__top,
#js-CADA .page__top,
#js-WLST .page__top,
#js-CADE .page__top {
	background: url("/mm5/themes/images/hero-bg.jpeg");
	background-position: center;
	background-size: cover;
	color: white;
	margin-right: -16px;
	padding: 25px;
}

@media ( max-width: 47.99em ) {

	#js-ACED .account__sidebar,
	#js-CEML .account__sidebar,
	#js-CPWD .account__sidebar,
	#js-ORDH .account__sidebar,
	#js-CSUB .account__sidebar,
	#js-ABAL .account__sidebar,
	#js-RGFT .account__sidebar,
	#js-CABK .account__sidebar,
	#js-CADA .account__sidebar,
	#js-WLST .account__sidebar,
	#js-CADE .account__sidebar {
		padding-top: 1em;
	}
}

@media ( max-width: 59.99em ) {

	#js-ACED .account__sidebar,
	#js-CEML .account__sidebar,
	#js-CPWD .account__sidebar,
	#js-ORDH .account__sidebar,
	#js-CSUB .account__sidebar,
	#js-ABAL .account__sidebar,
	#js-RGFT .account__sidebar,
	#js-CABK .account__sidebar,
	#js-CADA .account__sidebar,
	#js-WLST .account__sidebar,
	#js-CADE .account__sidebar {
		padding-right: 1em;
	}
}

#js-ACED .account__content,
#js-CEML .account__content,
#js-CPWD .account__content,
#js-ORDH .account__content,
#js-CSUB .account__content,
#js-ABAL .account__content,
#js-RGFT .account__content,
#js-CABK .account__content,
#js-CADA .account__content,
#js-WLST .account__content,
#js-CADE .account__content {
	padding-right: 16px;
	padding-top: 25px;
}

#js-ACED .bg-light,
#js-CEML .bg-light,
#js-CPWD .bg-light,
#js-ORDH .bg-light,
#js-CSUB .bg-light,
#js-ABAL .bg-light,
#js-RGFT .bg-light,
#js-CABK .bg-light,
#js-CADA .bg-light,
#js-WLST .bg-light,
#js-CADE .bg-light {
	background-color: #F0F3F5;
}

#js-ACED .bg-red,
#js-CEML .bg-red,
#js-CPWD .bg-red,
#js-ORDH .bg-red,
#js-CSUB .bg-red,
#js-ABAL .bg-red,
#js-RGFT .bg-red,
#js-CABK .bg-red,
#js-CADA .bg-red,
#js-WLST .bg-red,
#js-CADE .bg-red {
	background-color: #841D1D;
}

#js-ACED .bg-dark,
#js-CEML .bg-dark,
#js-CPWD .bg-dark,
#js-ORDH .bg-dark,
#js-CSUB .bg-dark,
#js-ABAL .bg-dark,
#js-RGFT .bg-dark,
#js-CABK .bg-dark,
#js-CADA .bg-dark,
#js-WLST .bg-dark,
#js-CADE .bg-dark {
	background-color: #262323;
}

#js-ABPPL .t-main-content-element p,
#js-SHH .t-main-content-element p,
#js-SHV .t-main-content-element p,
#js-JOPP .t-main-content-element p,
#js-SH .t-main-content-element p,
#js-PP .t-main-content-element p,
#js-PRODQ .t-main-content-element p,
#js-SHOPQ .t-main-content-element p,
#js-ORDQ .t-main-content-element p,
#js-ASD .t-main-content-element p,
#js-CTUS .t-main-content-element p,
#js-WTO .t-main-content-element p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 40px;
}

#js-ABPPL .page__top,
#js-SHH .page__top,
#js-SHV .page__top,
#js-JOPP .page__top,
#js-SH .page__top,
#js-WTO .page__top,
#js-PRODQ .page__top,
#js-SHOPQ .page__top,
#js-ORDQ .page__top,
#js-ASD .page__top,
#js-CTUS .page__top,
#js-STMP .page__top,
#js-BSGS .page__top,
#js-PP .page__top {
	display: none;
}

#js-ABPPL .page__title,
#js-SHH .page__title,
#js-SHV .page__title,
#js-JOPP .page__title,
#js-SH .page__title,
#js-WTO .page__title,
#js-PRODQ .page__title,
#js-SHOPQ .page__title,
#js-ORDQ .page__title,
#js-ASD .page__title,
#js-CTUS .page__title,
#js-STMP .page__title,
#js-BSGS .page__title,
#js-PP .page__title {
	margin: 50px auto 25px;
	position: relative;
}

#js-ABPPL .page__title h2,
#js-SHH .page__title h2,
#js-SHV .page__title h2,
#js-JOPP .page__title h2,
#js-SH .page__title h2,
#js-WTO .page__title h2,
#js-PRODQ .page__title h2,
#js-SHOPQ .page__title h2,
#js-ORDQ .page__title h2,
#js-ASD .page__title h2,
#js-CTUS .page__title h2,
#js-STMP .page__title h2,
#js-BSGS .page__title h2,
#js-PP .page__title h2 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#js-ABPPL .page__title span,
#js-SHH .page__title span,
#js-SHV .page__title span,
#js-JOPP .page__title span,
#js-SH .page__title span,
#js-WTO .page__title span {
	background-color: #F2EFEA;
	bottom: 10px;
	display: inline-block;
	left: 0;
	position: absolute;
	top: 10px;
	width: 100%;
	z-index: -1;
}

#js-ABPPL .t-people .x-product__img-holder {
	position: relative;
}

#js-ABPPL .t-people .x-product-list__name {
	background-color: rgba(0, 0, 0, 0.75);
	bottom: 0;
	color: #FFF;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding: 10px 20px;
	position: absolute;
	right: 0;
}

#js-ABPPL .t-people .x-product-list__item {
	margin-bottom: 0;
}

#js-SHH .page__img-holder {
	margin-bottom: 40px;
}

@media ( max-width: 47.99em ) {

	#js-SHH .page__img-holder .o-layout__item+ .o-layout__item {
		margin-top: 40px;
	}
}

#js-SHV .page__video-holder {
	margin-bottom: 40px;
	padding-bottom: 56%;
	position: relative;
}

#js-SHV .page__video-holder iframe {
	height: 100%;
	position: absolute;
	width: 100%;
}

#js-JOPP .o-layout__item> span,
#js-CTUS .o-layout__item> span,
#js-PP .o-layout__item> span {
	font-size: 1.1rem;
}

#js-SH .t-main-content-element .u-color-red,
#js-WTO .t-main-content-element .u-color-red,
#js-PRODQ .t-main-content-element .u-color-red,
#js-SHOPQ .t-main-content-element .u-color-red,
#js-ORDQ .t-main-content-element .u-color-red,
#js-CTUS .t-main-content-element .u-color-red,
#js-ASD .t-main-content-element .u-color-red,
#js-STMP .t-main-content-element .u-color-red,
#js-BSGS .t-main-content-element .u-color-red,
#js-PP .t-main-content-element .u-color-red {
	color: #8D2725;
}

#js-SH .t-main-content-element .page__title,
#js-PRODQ .t-main-content-element .page__title,
#js-SHOPQ .t-main-content-element .page__title,
#js-ORDQ .t-main-content-element .page__title,
#js-CTUS .t-main-content-element .page__title,
#js-BSGS .t-main-content-element .page__title,
#js-PP .t-main-content-element .page__title {
	margin-bottom: 0;
}

#js-SH .t-main-content-element p,
#js-WTO .t-main-content-element p,
#js-PRODQ .t-main-content-element p,
#js-SHOPQ .t-main-content-element p,
#js-ORDQ .t-main-content-element p,
#js-CTUS .t-main-content-element p,
#js-BSGS .t-main-content-element p,
#js-PP .t-main-content-element p {
	margin-bottom: 10px;
}

#js-SH .t-main-content-element .o-wrapper .o-layout,
#js-WTO .t-main-content-element .o-wrapper .o-layout,
#js-PRODQ .t-main-content-element .o-wrapper .o-layout,
#js-SHOPQ .t-main-content-element .o-wrapper .o-layout,
#js-ORDQ .t-main-content-element .o-wrapper .o-layout,
#js-CTUS .t-main-content-element .o-wrapper .o-layout,
#js-ASD .t-main-content-element .o-wrapper .o-layout,
#js-GSBS .t-main-content-element .o-wrapper .o-layout,
#js-PP .t-main-content-element .o-wrapper .o-layout {
	margin-bottom: 40px;
}

#js-SH .t-main-content-element .o-wrapper .o-layout> span,
#js-WTO .t-main-content-element .o-wrapper .o-layout> span,
#js-CTUS .t-main-content-element .o-wrapper .o-layout> span,
#js-PP .t-main-content-element .o-wrapper .o-layout> span {
	display: block;
	font-size: 20px;
	width: 100%;
}

#js-SH table,
#js-ORDQ table,
#js-WTO table {
	border-collapse: collapse;
	font-size: 12px;
}

#js-BSGS table {
	border-collapse: collapse;
	font-size: 16px;
}

#js-SH table th,
#js-WTO table th,
#js-ORDQ table th,
#js-BSGS table th,
#js-SH table td,
#js-WTO table td,
#js-ORDQ table td,
#js-BSGS table td {
	border: 2px solid #000;
}

#js-PP address,
#js-CTUS address {
	font-size: 14px;
	font-style: normal;
}

#js-PP address span,
#js-CTUS address span {
	display: block;
}

#js-PRODQ .t-main-content-element .o-layout__item> span,
#js-SHOPQ .t-main-content-element .o-layout__item> span,
#js-ORDQ .t-main-content-element .o-layout__item> span {
	display: block;
	font-size: 20px;
	width: 100%;
}

#js-BSGS .u-border-red {
	border-color: #8D2725;
}

#js-BSGS .t-main-content-element .o-layout__item> span {
	display: block;
	font-family: var(--header-font-family);
	font-size: 32px;
	width: 100%;
}

#js-BSGS .t-main-content-element .o-layout__item> a.c-button {
	margin-bottom: 80px;
}

#js-BSGS .t-main-content-element p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 40px;
}

#js-BSGS .gifts__links-holder {
	margin: 70px 0;
}

#js-BSGS .gifts__link.o-layout__item {
	padding: 0 20px;
	text-decoration: none;
}

#js-BSGS .gifts__link.o-layout__item span {
	font-size: 26px;
	margin-bottom: 10px;
}

#js-BSGS .gifts__link-img-holder {
	max-height: 226px;
	overflow: hidden;
}

#js-BSGS .gifts__img-holder {
	margin: 40px 0 20px;
}

#js-BSGS .gifts__img-holder img {
	border-radius: 50%;
	width: 230px;
}

#js-STMP .x-transfigure-navigation__content {
	margin-bottom: 0;
}

#js-STMP .x-transfigure-navigation__wrap {
	background-color: transparent;
	background-color: transparent;
	max-width: 100%;
}

#js-STMP .t-main-content-element .x-transfigure-navigation {
	opacity: 1;
	position: static;
	transform: scaleX(1);
	z-index: 1;
}

#js-STMP .t-main-content-element .x-transfigure-navigation__row .c-navigation__row {
	display: table;
}

#js-STMP .t-main-content-element .x-transfigure-navigation .c-navigation__list:focus-within> .c-navigation__row {
	display: table;
}

#js-STMP .t-main-content-element .c-navigation__row.x-transfigure-navigation__row {
	background-color: transparent;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.2;
	margin: 0 auto;
	max-width: 100%;
	position: static;
}

#js-STMP .t-main-content-element .c-navigation__list.has-child-menu {
	margin-bottom: 25px;
	width: 33.33%;
}

#js-STMP .t-main-content-element .c-navigation__list.has-child-menu> .c-navigation__link {
	background: none;
	border: none !important;
	color: #B72133 !important;
	font-size: 16px;
	font-weight: bold;
	height: initial !important;
	justify-content: center;
	text-transform: uppercase;
}

@media ( max-width: 767px ) {

	#js-STMP .t-main-content-element .c-navigation__list.has-child-menu {
		width: 50%;
	}
}

@media ( max-width: 480px ) {

	#js-STMP .t-main-content-element .c-navigation__list.has-child-menu {
		width: 100%;
	}
}

#js-STMP .t-main-content-element .c-navigation__list.has-child-menu ul {
	background-color: transparent;
	box-shadow: none;
	position: static;
}

#js-STMP .t-main-content-element .c-navigation__list.has-child-menu ul .c-navigation__link {
	background: none;
	background-color: transparent;
	border: none;
	color: black !important;
	font-size: 13.6px;
	height: initial;
	justify-content: center;
	padding: 5px 10px;
	text-align: center;
	transition: color 0.3s ease-in-out;
}

#js-STMP .t-main-content-element .c-navigation__list.has-child-menu ul .c-navigation__link:hover {
	text-decoration: underline;
}

#js-STMP .t-main-content-element .c-navigation__link-carat {
	display: none;
}

#js-STMP .t-main-content-element .navigation-list__holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#js-STMP .t-main-content-element .navigation-element {
	line-height: 1.2;
	margin: 0 0 25px 0;
	text-align: center;
	width: 33.33%;
}

@media ( max-width: 767px ) {

	#js-STMP .t-main-content-element .navigation-element {
		width: 50%;
	}
}

@media ( max-width: 480px ) {

	#js-STMP .t-main-content-element .navigation-element {
		width: 100%;
	}
}

#js-STMP .t-main-content-element .navigation-element span {
	color: #B72133;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#js-STMP .t-main-content-element .navigation-set {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#js-STMP .t-main-content-element .navigation-set a {
	color: #000;
	display: inline-block;
	font-size: 13.6px;
	padding: 5px 10px;
}

#js-ASD .calendar-holder {
	margin: 0 auto;
}

#js-ASD #calendar {
	clear: both;
	overflow: auto;
}

#js-ASD div.calendar table {
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

#js-ASD div.calendar table td.month {
	font-size: 1.25em;
	text-transform: uppercase;
	width: 50%;
}

#js-ASD div.calendar table.month {
	border-collapse: collapse;
}

#js-ASD div.calendar table.month td {
	padding-bottom: 10px;
	text-align: center;
}

#js-ASD div.calendar table a {
	display: block;
}

#js-ASD div.calendar table td.back {
	text-align: left;
	width: 25%;
}

#js-ASD div.calendar table td.next {
	text-align: right;
	width: 25%;
}

#js-ASD div.calendar table td.back a {
	align-items: center;
	background-color: #444;
	border-radius: 50%;
	display: flex;
	height: 30px;
	justify-content: center;
	width: 30px;
}

#js-ASD div.calendar table td.next a {
	align-items: center;
	background-color: #444;
	border-radius: 50%;
	display: flex;
	height: 30px;
	justify-content: center;
	margin: 0 0 0 auto;
	width: 30px;
}

#js-ASD div.calendar table.days {
	border-collapse: separate;
	font-size: 0.875em;
}

#js-ASD div.calendar table.days th {
	background-color: #E7E1DA;
	border: #FFF solid 1px;
	color: #000;
	padding: 8px 0;
	text-align: center;
}

#js-ASD div.calendar table.days td {
	background-color: #FAF9F7;
	border: #FFF solid 1px;
	padding: 8px 0;
	text-align: center;
	width: 14%;
}

#js-ASD div.calendar table.days td.standard {
	background-color: #8DC63F;
}

#js-ASD div.calendar table.days td.overnight {
	background-color: #4FA2DA;
}

#js-ASD div.calendar table.days td.today {
	color: #B72133;
	font-weight: bold;
}

#js-ASD div.calendar table.days td.new-date {
	background-color: #FFCC47;
}

#js-ASD div.calendar table.days td.off {
	background-color: #FFF;
	color: #E6E6E6;
}

#js-ASD div.legend {
	float: right;
	overflow: auto;
	padding: 200px 0 0;
}

#js-ASD div.legend div.definition {
	line-height: 1.25em;
	overflow: auto;
	padding: 0;
	text-align: center;
}

#js-ASD div.legend div.definition img {
	display: inline-block;
}

#js-ASD div.legend div.definition span.label {
	display: block;
	font-size: 0.75em;
	padding: 5px 0 15px;
	text-transform: uppercase;
}

#js-ASD div.legend div.definition span.ship-method-color {
	display: inline-block;
	height: 30px;
	width: 40px;
}

#js-ASD div.legend div.definition span.ship-method-color.scheduled {
	background-color: #FFCC47;
}

#js-ASD div.legend div.definition span.ship-method-color.two-day {
	background-color: #8DC63F;
}

#js-ASD div.legend div.definition span.ship-method-color.overnight {
	background-color: #4FA2DA;
}

#js-ASD table.info {
	border-collapse: collapse;
	font-size: 0.75em;
	margin-top: 15px;
	width: 400px;
}

#js-ASD table.info th {
	background-color: #000;
	border: #000 solid 2px;
	border-collapse: collapse;
	color: #FFF;
	padding: 6px;
	text-transform: uppercase;
	width: 50%;
}

#js-ASD table.info td {
	border: #000 solid 2px;
	padding: 6px;
	text-align: center;
}

/* =====================================================================
   ADA / WCAG Accessibility Additions
   ===================================================================== */

/* Visually hidden but accessible to screen readers (WCAG 1.3.1) */

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* Footer navigation headings — replaces former <span> selectors (WCAG 1.3.1) */

.footer .navigation-element h2 {
	color: #FFFADD;
	display: block;
	font-family: var(--primary-font-family);
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
}

/* Guarantee section heading — replaces former <span> selector (WCAG 1.3.1) */

.guarantee h2 {
	display: inline-block;
	font-size: 36px;
	margin-bottom: 30px;
}

@media ( max-width: 59.99em ) {

	.guarantee h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}
}

/* ADA: Focus indicators — popular products carousel prev/next buttons (WCAG 2.4.11) */

.popular-products__prev:focus-visible,
.popular-products__next:focus-visible {
	background-color: #841D1D;
	color: #FFF;
	outline: 3px solid #841D1D;
	outline-offset: 2px;
}

/* ADA: Focus indicators — footer newsletter form controls on dark red background (WCAG 2.4.11) */

.footer-news button:focus-visible,
.footer-news input:focus-visible {
	outline: 3px solid #FFCC00;
	outline-offset: 2px;
}

/* ADA: Focus indicators — news-offers content section form controls (WCAG 2.4.11) */

.news-offers button:focus-visible {
	outline: 3px solid #FFCC00;
	outline-offset: 2px;
}

.news-offers input:focus-visible {
	outline: 3px solid #841D1D;
	outline-offset: 2px;
}

/* ADA: Global focus-visible fallback — any interactive element on a light background
   not already covered by a more-specific rule above. Nav (ffcc00) and skip-link
   already have their own stronger selectors and are not affected. (WCAG 2.4.11) */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 3px solid #841D1D;
	outline-offset: 2px;
}

/* ADA: Footer navigation link contrast — enforce #ffffff in all states.
   Footer background is #000 (black); white on black = 21:1 (WCAG 1.4.3 AA).
   Defensive rule: overrides any ReadyTheme hover/focus state that could reduce
   the text color away from white, which would fail the 4.5:1 threshold. (WCAG 1.4.3) */

.footer .navigation-set li a,
.footer .navigation-set li a:link,
.footer .navigation-set li a:visited,
.footer .navigation-set li a:hover,
.footer .navigation-set li a:focus,
.footer .navigation-set li a:focus-visible,
.footer .navigation-set li a:active {
	color: #FFFFFF;
}

/* overides and new classes. */

.u-bg-red {
	background-color: #841D1D;
}

.u-margin-0 {
	margin: 0 !important;
}

.u-padding-0 {
	padding: 0;
}

.u-margin-padding-0 {
	margin: 0;
	padding: 0;
}

.u-nowrap {
	white-space: nowrap;
}

.x-filmstrip-wrapper {
	display: block;
}

.x-product-description {
	margin-bottom: 1.5rem;
	padding-top: 1.5rem;
}

.x-a11y-tabs__list {
	justify-content: left;
}

.x-a11y-tabs__panel h2 {
	display: inline-block;
	font-weight: 700;
	margin-right: 1rem;
}

.x-a11y-tabs__text {
	display: inline-block;
}

.x-product-layout-purchase__descr {
	display: block;
}

.x-product-list__link {
	display: flex;
	justify-content: center;
}

.related_attributes {
	border: 1px solid #C0C0C0;
	margin: 0;
	padding: 1rem;
}

.related_attributes .related_title {
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
}

.related_radio {
	width: 100%;
}

.related_radio:has(.x-product-list__out-of-stock) {
	background: #F7F7F7;
	box-shadow: 0px 0px 0px 16px #F7F7F7;
}

.x-product-list {
	justify-content: center;
	margin-bottom: 16px;
	width: 100%;
}

.x-product-list__image {
	flex: 0 0 auto;
	margin-bottom: 1rem;
	margin-right: 1rem;
}

.x-product-list__figure {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	margin: 0;
	max-width: 275px;
	position: relative;
}

.related_attributes .x-product-list__figure {
	max-width: none;
}

.x-product-list__figure figcaption {
	text-align: left;
}

.x-product-list__itemcode {
	font-style: italic;
}

.x-product-list__out-of-stock {
	font-style: italic;
}

.related_attributes .x-product-list__link {
	position: absolute;
	right: 0;
	top: 3px;
}

.x-product-list__price {
	font-size: 1rem;
}

.main--wood {
	background-repeat: repeat;
}

.choose_recipient {
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	justify-content: center;
	margin: 0;
	padding: 1rem 1rem 1rem 0;
}

#js-PROD .x-product-layout-purchase__cta {
	flex-direction: column;
	margin: 0 1rem;
	padding: 0 1rem 1rem 0;
}

#js-PROD .page__top,
#js-OCST .page__top {
	background-image: url("/mm5/themes/images/hero-bg.jpeg");
	background-position: center;
	background-size: auto;
	background-size: cover;
	color: #FFFFFF;
	padding: 8px;
}

#js-OCST .c-form-checkbox {
	font-size: 1rem;
}

.popcenter {
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
	left: 50%;
	margin-left: calc( 360px / -2 );
	margin-top: calc( 324px / -2 );
	position: fixed;
	top: 50%;
}

.popaddress {
	border: 1px solid #C0C0C0;
	bottom: 0;
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
	height: min-content;
	left: -3000px;
	max-width: calc(100vw);
	opacity: 0;
	overflow-y: auto;
	padding: 16px;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 350ms ease-in;
	width: max-content;
	z-index: 100;
}

@media screen and ( min-width: 48em ) {

	.popaddress {
		/* position: fixed; */
	}
}

.popaddress p, .popaddress ul {
	margin-bottom: 8px;
}

.address-wrapper {
	border-left: 1px solid #A0A0A0;
	border-top: 1px solid #A0A0A0;
	margin-bottom: 8px;
	margin-left: 0;
	overflow-y: auto;
}

.popaddress article {
	border-bottom: 1px solid #A0A0A0;
	border-right: 1px solid #A0A0A0;
}

.popaddress-header {
	display: inline-block;
	height: 30px;
	margin: 0;
	padding: 0;
}

.popaddress-close {
	flex: 0 0 30px;
	font-size: 12px;
	height: 30px;
}

.popaddress-add {
	flex: 0 0 160px;
	font-family: var(--primary-font-family);
	font-size: 0.83rem;
	height: 30px;
	line-height: 28px;
	padding: 0;
}

.popaddress-item {
	line-height: 22px;
}

.popaddress-item .popaddress-select {
	background-color: #1B6DA3;
	float: right;
	margin-right: 8px;
}

.popaddress-item .popaddress-select:hover {
	background-color: #2186CA;
}

.c-table-responsive__shipto {
	text-align: center;
	text-transform: uppercase;
}

.c-table-responsive__shipto span {
	font-size: 0.83em;
	text-transform: none;
}

.t-basket__product-details {
	font-weight: 500;
}

.t-checkout-basket-summary {
	padding: 1.25rem 1rem 1.25rem 0;
}

.bg-dark, .t-checkout-basket-summary {
	background-color: #262323;
}

.shipping-header {
	text-transform: uppercase;
}

.shipping-header span {
	font-size: 0.83em;
	text-transform: none;
}

.gift-message {
	line-height: 24px;
}

.pickers {
	background: #D5D5D4;
	justify-content: space-between;
	margin: 0;
}

[ data-date-picker ] {
	justify-content: flex-start;
	margin-bottom: 15px;
}

@media screen and ( max-width: 48em ) {

	.pickers {
		padding: 0 10px;
	}

	.pickers > * {
		padding: 0;
	}

	#js-OCST .c-form-checkbox {
		font-size: 1.2em;
	}

	[ data-date-picker ] {
		justify-content: center;
		padding: 0;
	}

	.form-note.highlight,
	.form-note strong,
	.date-legend,
	.form-note,
	[ for="recipient_comment" ],
	[ data-date-picker-el ] {
		font-size: 0.7em;
	}

	[ data-date-picker-el ] {
		margin-bottom: 15px;
	}
}

da

.pickers .c-heading-delta {
	padding: 0.5rem;
}

.shipping-picker {
	margin-bottom: 1rem !important;
}

.flex-date-picker {
	flex: 0 0 var(--date-picker-width);
}

.pickers:has(input[ name="ShippingMethod" ][ value*="Standard Shipping" ]:checked) .shipping-input-title:before {
	content: "estimated ";
}

.datepicker {
	margin: 0 0 1rem 1rem;
	width: 100%;
}

.datepicker .o-layout__item {
	text-align: center;
}

.datepicker input[ readonly ] {
	background: transparent;
	border: none;
}

.hasDatepicker {
	margin-top: 1rem;
}

.date-legend {
	justify-content: space-around;
	line-height: 1.25rem;
	width: var(--date-picker-width);
}

.date-legend mark {
	flex-grow: 1;
	height: 40px;
	margin-bottom: 1rem;
	max-width: 40px;
}

.legend-method {
	font-weight: 700;
}

#calendar #calendar-grid span.disabled {
	background: #505050;
	color: #505050;
}

#calendar #calendar-grid time {
	background: #BBB;
	color: #333;
}

#calendar #calendar-grid time.disabled {
	background: #6B6A6C;
	color: #FFF;
}

#calendar #calendar-grid time.disabled.inactive {
	background: #BBB;
	color: #333;
}

.isStandard, .isOvernight, .isScheduled {
	margin-bottom: 0.5rem;
}

.isStandard,
#calendar #calendar-grid time.isStandard,
#calendar #calendar-grid span.isMonday,
#calendar #calendar-grid time.isMonday,
#calendar #calendar-grid time.isTuesday,
#calendar #calendar-grid time.isWednesday {
	background-color: #8DC63F;
	color: #333;
}

.isOvernight,
#calendar #calendar-grid time.isOvernight {
	background-color: #4FA2DA;
}

#calendar #calendar-grid span.isMonday,
#calendar #calendar-grid time.isMonday {
	grid-column: 2 / 5;
	width: 98%;
}

#calendar #calendar-grid span.isMonday:before,
#calendar #calendar-grid time.isMonday:before {
	content: "Week of";
	font-size: 0.88rem;
	padding-right: 6px;
}

#calendar #calendar-grid time.isTuesday {
	grid-column: 2 / 5;
	width: 98%;
}

#calendar #calendar-grid time.isStandard {
	display: none;
}

.isScheduled,
#calendar #calendar-grid time.selected {
	background-color: #FFCC47;
	color: #000;
}

.form-note {
	font-size: 0.875rem;
	font-style: italic;
}

.form-note.highlight,
.form-note strong {
	color: #A93138;
}

/* datepicker colors */

#calendar-wrapper {
	background: #3F3746;
	border: 3px solid #57515E;
	border-radius: 9px;
	color: #FFFFFF;
}

#calendar-wrapper header {
	background: #2C2237;
	color: #FFF;
}

#calendar {
	border-top: 3px solid #57515E;
}




/* end Calandar */

@media ( min-width: 90em ) {

	.t-checkout-basket-summary .c-table-simple {
		width: 100%;
	}
}

.t-site-navigation__wrap {
	margin: 0 auto;
}

.t-site-header__inner {
	/* position: relative; */
}

/* move the login popup position */

.t-site-header__masthead-links {
	min-height: 70px;
	position: initial;
}

.t-global-account {
	background-color: #EFEFEF;
	border: 1px solid #C0C0C0;
	bottom: unset;
	box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5);
	/**	left: 50%;
	margin-left: -163px;
	margin-top: -145px;
	position: fixed;
	right: unset;
	top: calc(40vh); **/
}

.x-hero-holder {
	padding: 0;
}

.x-carousel__button {
	background: transparent;
	color: white;
	opacity: 1;
}

.x-carousel__button-left {
	left: 0px;
}

.x-carousel__button-right {
	right: 0px;
}

.hero-slider-item {
	min-width: 100%;
	padding: 48px;
}