/* Release 37: final conversion, policy and checkout refinements. Loaded last. */

/* The scrolled navigation keeps the brand colour without losing readable hover states. */
body.muf-modern .muf-header.is-promo-passed .muf-primary-nav > a:hover,
body.muf-modern .muf-header.is-promo-passed .muf-primary-nav > a:focus-visible,
body.muf-modern .muf-header.is-promo-passed .muf-primary-nav > .muf-nav-flyout > a:hover,
body.muf-modern .muf-header.is-promo-passed .muf-primary-nav > .muf-nav-flyout > a:focus-visible {
 color:#fff!important;
}

/* A compact, single-decision cookie notice. Complianz still enforces the consent state. */
body.muf-modern .cmplz-cookiebanner,
body.muf-modern .cmplz-cookiebanner.cmplz-show {
 width:min(540px,calc(100vw - 36px))!important;
 max-width:540px!important;
 padding:17px 19px!important;
}
body.muf-modern .cmplz-cookiebanner.cmplz-dismissed { display:none!important; }
body.muf-modern .cmplz-cookiebanner .cmplz-header,
body.muf-modern .cmplz-cookiebanner .cmplz-categories,
body.muf-modern .cmplz-cookiebanner .cmplz-view-preferences,
body.muf-modern .cmplz-cookiebanner .cmplz-save-preferences { display:none!important; }
body.muf-modern .cmplz-cookiebanner .cmplz-message {
 margin:0 0 12px!important;
 color:#4f534c!important;
 font-size:12px!important;
 line-height:1.55!important;
}
body.muf-modern .cmplz-cookiebanner .cmplz-buttons {
 display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 gap:7px 9px!important;
}
body.muf-modern .cmplz-cookiebanner .cmplz-accept,
body.muf-modern .cmplz-cookiebanner .cmplz-deny {
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 min-height:39px!important;
}
body.muf-modern .cmplz-cookiebanner .cmplz-deny {
 border:1px solid #d6d8d1!important;
 color:#555952!important;
 background:#fff!important;
}
body.muf-modern .cmplz-cookiebanner .muf-cookie-privacy {
 grid-column:1 / -1;
 justify-self:start;
 color:#171914;
 font-size:10px;
 font-weight:800;
 text-decoration:underline;
 text-underline-offset:3px;
}

/* Cart coupon remains legible in every WooCommerce cart template. */
body.muf-modern.woocommerce-cart .coupon button[name="apply_coupon"],
body.muf-modern.woocommerce-cart .coupon .button,
body.muf-modern .woocommerce-cart-form .coupon button,
body.muf-modern.woocommerce-cart .ops-coupon-btn {
 border:1px solid var(--muf-mustard,#f8b83e)!important;
 color:#171914!important;
 background:var(--muf-mustard,#f8b83e)!important;
}
body.muf-modern.woocommerce-cart .coupon button[name="apply_coupon"]:hover,
body.muf-modern.woocommerce-cart .coupon button[name="apply_coupon"]:focus-visible,
body.muf-modern.woocommerce-cart .coupon .button:hover,
body.muf-modern .woocommerce-cart-form .coupon button:hover,
body.muf-modern.woocommerce-cart .ops-coupon-btn:hover,
body.muf-modern.woocommerce-cart .ops-coupon-btn:focus-visible {
 border-color:#171914!important;
 color:#fff!important;
 background:#171914!important;
}

/* The two marketing prompts use deliberately different UI zones. */
body.muf-modern .muf-arrival-offer {
 position:fixed!important;
 z-index:1000003!important;
 inset:0!important;
 display:grid!important;
 place-items:center!important;
 padding:24px!important;
}
body.muf-modern .muf-arrival-offer[hidden] { display:none!important; }
body.muf-modern .muf-arrival-offer:before {
 position:absolute!important;
 inset:0!important;
 display:block!important;
 content:""!important;
 background:rgba(12,13,11,.54)!important;
 backdrop-filter:blur(3px)!important;
}
body.muf-modern .muf-arrival-offer__panel {
 position:relative!important;
 z-index:1!important;
 width:min(420px,calc(100vw - 48px))!important;
 max-width:420px!important;
 height:auto!important;
 max-height:min(420px,calc(100vh - 48px))!important;
 aspect-ratio:1 / 1!important;
 overflow:hidden!important;
 border:1px solid rgba(255,255,255,.2)!important;
 border-radius:18px!important;
 background:#211f1d!important;
 box-shadow:0 24px 72px rgba(0,0,0,.42)!important;
}
body.muf-modern .muf-arrival-offer__panel > a {
 display:block!important;
 width:100%!important;
 height:100%!important;
 overflow:hidden!important;
 border-radius:inherit!important;
}
body.muf-modern .muf-arrival-offer__panel img {
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-height:none!important;
 object-fit:cover!important;
 border-radius:inherit!important;
}
body.muf-modern .muf-arrival-offer__close {
 top:9px!important;
 right:9px!important;
 width:34px!important;
 height:34px!important;
 font-size:21px!important;
}

/* Post-cart email signup: compact, bottom-right, where the cookie notice was. */
body.muf-modern .muf-offer-modal {
 position:fixed!important;
 z-index:1000002!important;
 inset:auto 18px 18px auto!important;
 display:block!important;
 width:min(390px,calc(100vw - 36px))!important;
 padding:0!important;
 background:transparent!important;
}
body.muf-modern .muf-offer-modal[hidden] { display:none!important; }
body.muf-modern .muf-offer-modal:before,
body.muf-modern .muf-offer-modal .muf-offer-backdrop {
 display:none!important;
 content:none!important;
}
body.muf-modern .muf-offer-panel {
 position:relative!important;
 z-index:1!important;
 display:block!important;
 width:100%!important;
 max-height:calc(100vh - 36px)!important;
 padding:0!important;
 overflow:auto!important;
 border:1px solid #d9dad4!important;
 border-radius:14px!important;
 background:#fff!important;
 box-shadow:0 18px 54px rgba(20,22,18,.24)!important;
}
body.muf-modern .muf-offer-panel__copy { padding:22px!important; }
body.muf-modern .muf-offer-panel h2 {
 max-width:none!important;
 margin:5px 0 8px!important;
 font-size:26px!important;
 line-height:1.02!important;
}
body.muf-modern .muf-offer-panel p {
 margin:0 0 12px!important;
 font-size:12px!important;
 line-height:1.5!important;
}
body.muf-modern .muf-offer-panel input[type="email"] { min-height:42px!important; }
body.muf-modern .muf-offer-panel__actions { margin-top:11px!important; }
body.muf-modern .muf-offer-panel__consent {
 margin-top:9px!important;
 font-size:10px!important;
 line-height:1.4!important;
}

@media(min-width:901px) {
 body.muf-modern .muf-header__navrow .muf-primary-nav {
  width:min(100%,820px)!important;
  margin-inline:auto!important;
  gap:clamp(36px,4vw,70px)!important;
  justify-content:center!important;
 }

 /* The copy and CTA now sit in the same viewport as the video. */
 body.muf-modern .muf-home-video__story {
  column-gap:clamp(42px,5vw,76px)!important;
  row-gap:10px!important;
 }
 body.muf-modern .muf-home-video__copy h2 { margin-bottom:0!important; }
 body.muf-modern .muf-home-video__body {
  align-self:start!important;
  padding-top:0!important;
 }
 body.muf-modern .muf-home-video__body > p { margin-bottom:10px!important; }
 body.muf-modern .muf-home-video__body .muf-button { margin-top:2px!important; }

 /* Rebalance the price a small amount to the left without undoing centring. */
 body.muf-modern.single-product .muf-product-v7__summary .muf-product-v7__price .price {
  transform:translateX(-11px)!important;
 }
}

@media(max-width:900px) {
 body.muf-modern .cmplz-cookiebanner,
 body.muf-modern .cmplz-cookiebanner.cmplz-show {
  inset:auto 8px 8px 8px!important;
  width:auto!important;
  padding:15px!important;
 }
 body.muf-modern .cmplz-cookiebanner .cmplz-message { font-size:11px!important; }
 body.muf-modern .cmplz-cookiebanner .cmplz-buttons { grid-template-columns:1fr 1fr!important; }

 body.muf-modern .muf-arrival-offer { padding:18px!important; }
 body.muf-modern .muf-arrival-offer__panel {
  width:min(278px,calc(100vw - 44px))!important;
  max-width:278px!important;
  max-height:min(278px,calc(100vh - 112px))!important;
  border-radius:14px!important;
 }
 body.muf-modern .muf-arrival-offer__close {
  top:7px!important;
  right:7px!important;
  width:31px!important;
  height:31px!important;
  font-size:19px!important;
 }

 body.muf-modern .muf-offer-modal {
  inset:auto 8px 8px 8px!important;
  width:auto!important;
 }
 body.muf-modern .muf-offer-panel__copy { padding:18px!important; }
 body.muf-modern .muf-offer-panel h2 { font-size:23px!important; }
 body.muf-modern .muf-offer-panel p { font-size:11px!important; }
}