/* Massive Attitude HOLIDAY skin. To revert: delete this file (or remove the ma-holiday link in _partials/head.tpl). */
html:root{--mh-red:#9E1B32;--mh-green:#1E4D3A;--mh-gold:#C9A24A;--mh-cream:#FBF5E9;
 --ma-pink:#9E1B32;--ma-navy:#1E4D3A;--ma-cream:#FBF5E9;--ma-grad:linear-gradient(90deg,#9E1B32,#B8323F 50%,#9E1B32);
 --bs-primary:#9E1B32;--bs-primary-rgb:158,27,50;--bs-link-hover-color:#9E1B32}
.ma-promo{background:var(--mh-green)!important;color:var(--mh-cream)!important;border-bottom:3px solid var(--mh-gold);position:relative;overflow:hidden;letter-spacing:.3px}
.ma-promo .ma-promo__default{display:none}
.ma-promo .ma-promo__holiday{display:inline!important}
.ma-promo a{color:var(--mh-gold);text-decoration:underline;text-underline-offset:3px}
.ma-promo strong{color:var(--mh-gold)}
.ma-promo:before,.ma-promo:after{content:"\2744";color:rgba(251,245,233,.35);position:absolute;top:50%;transform:translateY(-50%);font-size:1rem}
.ma-promo:before{left:1.25rem}.ma-promo:after{right:1.25rem}
.ma-tile--hero{background:radial-gradient(circle at 80% 20%,rgba(201,162,74,.35),transparent 45%),linear-gradient(120deg,#7A1426,#9E1B32 55%,#1E4D3A)!important}
.ma-tile__btn{background:var(--mh-cream)!important;color:var(--mh-red)!important}
.ma-tile__btn:hover{background:var(--mh-gold)!important;color:#1B1B1B!important}
.ma-cat{background:var(--mh-cream);border:1px solid rgba(201,162,74,.45)}
.ma-cat span{background:var(--mh-green)}.ma-cat:hover span{background:var(--mh-red)}
.page-content--home section>h2,.page-content--home .products-section-title{color:var(--mh-green)}
.page-content--home section>h2:after,.page-content--home .products-section-title:after{content:"";display:block;width:64px;height:3px;margin:.6rem auto 0;background:linear-gradient(90deg,var(--mh-red),var(--mh-gold),var(--mh-green))}
.product__add-to-cart .btn-primary,.add-to-cart{background:var(--mh-red)!important;color:#fff!important}
.product__add-to-cart .btn-primary:hover,.add-to-cart:hover{background:var(--mh-green)!important}
.product-flag.discount,.product-flags .badge.discount{background:var(--mh-gold)!important}
footer.footer,#footer{border-top:4px solid var(--mh-gold)}
@media (max-width:767px){.ma-promo:before,.ma-promo:after{display:none}.ma-promo{font-size:.8rem}}
.ma-tile--blue{background:linear-gradient(135deg,#7A1426,#9E1B32)!important}.ma-tile--purple{background:linear-gradient(135deg,#8A6A2F,#C9A24A)!important}.ma-tile--red{background:#B3263A!important}

/* Holiday logo (wreath on the M). Revert: delete this rule. Original logo img/ma-logo.png is untouched. */
/* Logo snow on hover (holiday only, remove this block to disable) */
.header-bottom__logo{position:relative}
.header-bottom__logo::after{content:"";position:absolute;left:-6px;right:-6px;top:-14px;bottom:-10px;pointer-events:none;opacity:0;
background-image:radial-gradient(circle,#fff 0 1.6px,transparent 2.2px),radial-gradient(circle,#fff 0 1.1px,transparent 1.7px),radial-gradient(circle,#fff 0 2px,transparent 2.6px);
background-size:38px 34px,23px 27px,57px 46px;background-position:3px 0,14px 9px,27px 4px;
filter:drop-shadow(0 0 1px rgba(30,60,45,.75)) drop-shadow(0 1px 1px rgba(0,0,0,.35))}
.header-bottom__logo:hover::after{opacity:1;animation:maSnow 2.4s linear infinite}
@keyframes maSnow{from{background-position:3px 0,14px 9px,27px 4px}to{background-position:9px 68px,8px 63px,33px 92px}}
@media (hover:none){.header-bottom__logo:hover::after{animation-iteration-count:1;animation-fill-mode:forwards;opacity:0;animation-name:maSnowOnce}}
@keyframes maSnowOnce{0%{opacity:1;background-position:3px 0,14px 9px,27px 4px}85%{opacity:1}100%{opacity:0;background-position:9px 68px,8px 63px,33px 92px}}
@media (prefers-reduced-motion:reduce){.header-bottom__logo::after,.header-bottom__logo:hover::after{animation:none!important;opacity:0!important}}