/* Release 54: accessible, compact cookie choices. */

body.muf-modern .cmplz-cookiebanner {
  max-height: calc(100vh - 36px) !important;
  overflow: auto !important;
}

body.muf-modern .cmplz-cookiebanner:not(.is-managing) .cmplz-categories,
body.muf-modern .cmplz-cookiebanner:not(.is-managing) .cmplz-save-preferences {
  display: none !important;
}

body.muf-modern .cmplz-cookiebanner.is-managing .cmplz-categories {
  display: grid !important;
}

body.muf-modern .cmplz-cookiebanner.is-managing .cmplz-category-toggle {
  display: block !important;
}

body.muf-modern .cmplz-cookiebanner.is-managing .cmplz-description {
  display: block !important;
  padding: 7px 8px 9px !important;
  color: #62665f !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
}

body.muf-modern .cmplz-cookiebanner.is-managing .cmplz-save-preferences {
  display: block !important;
}

body.muf-modern .cmplz-cookiebanner .cmplz-view-preferences {
  display: none !important;
}

body.muf-modern .cmplz-cookiebanner .cmplz-buttons {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.muf-modern .cmplz-cookiebanner .muf-cookie-settings,
body.muf-modern .cmplz-cookiebanner .muf-cookie-privacy {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid #d6d8d1;
  border-radius: 4px;
  color: #30332d;
  background: #f7f6f2;
  font: inherit;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

body.muf-modern .cmplz-cookiebanner .muf-cookie-settings:hover,
body.muf-modern .cmplz-cookiebanner .muf-cookie-settings:focus-visible,
body.muf-modern .cmplz-cookiebanner .muf-cookie-privacy:hover,
body.muf-modern .cmplz-cookiebanner .muf-cookie-privacy:focus-visible {
  border-color: #d98a00;
  outline: none;
  color: #171914;
  background: #fff8e7;
}

body.muf-modern .cmplz-cookiebanner.is-managing .muf-cookie-settings {
  border-color: #d98a00;
  background: #fff3d5;
}

body.muf-modern a.cmplz-manage-consent {
  cursor: pointer;
}

@media (max-width: 560px) {
  body.muf-modern .cmplz-cookiebanner {
    max-height: calc(100vh - 16px) !important;
  }

  body.muf-modern .cmplz-cookiebanner.is-managing .cmplz-categories {
    grid-template-columns: 1fr 1fr !important;
  }
}
/* Remove the legacy Elementor gradient from this migrated how-to article. */
body.page-id-2493 .elementor-2493 .elementor-element.elementor-element-9eed588 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Keep the desktop Deals & Spotlights cards in a complete three-column grid. */
@media (min-width: 1001px) {
  body .muf-ds-v12__grid article,
  body .muf-ds-v12__grid article.is-wide {
    grid-column: span 4 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body .muf-ds-v12__grid article.is-wide .muf-ds-v12__card-image {
    height: 245px !important;
    min-height: 0 !important;
  }
}