body.home .mv4-route-shell,
body.page-template-page-creators .mv4-route-shell,
body.page-slug-creators .mv4-route-shell {
    margin: 0;
    padding: 0;
    max-width: none;
}

body.home .mv4-route-shell > .wp-block-group,
body.page-template-page-creators .mv4-route-shell > .wp-block-group,
body.page-slug-creators .mv4-route-shell > .wp-block-group {
    margin: 0;
}

body.home .mv4-route-shell.is-layout-flow > *,
body.home .mv4-route-shell.is-layout-constrained > *,
body.page-template-page-creators .mv4-route-shell.is-layout-flow > *,
body.page-template-page-creators .mv4-route-shell.is-layout-constrained > *,
body.page-slug-creators .mv4-route-shell.is-layout-flow > *,
body.page-slug-creators .mv4-route-shell.is-layout-constrained > * {
    margin-block-start: 0;
    margin-block-end: 0;
}

body.home .mv4-news-shell,
body.page-template-page-creators .mv4-news-shell,
body.page-slug-creators .mv4-news-shell {
    position: relative;
    width: 100%;
    max-width: var(--sizes-width-max-screen-width);
    margin-inline: auto;
    padding-block: var(--spacings-block-padding);
    padding-inline: var(--spacings-page-margin);
    display: flex;
    flex-direction: column;
    gap: var(--spacings-gap-large);
}

body.home .mv4-news-header,
body.page-template-page-creators .mv4-news-header,
body.page-slug-creators .mv4-news-header {
    display: grid;
}

body.home #news .action-button,
body.page-template-page-creators #news .action-button,
body.page-slug-creators #news .action-button {
    width: fit-content;
}

body.home .mv4-news-grid,
body.page-template-page-creators .mv4-news-grid,
body.page-slug-creators .mv4-news-grid {
    padding-bottom: 6px;
}

body.home #news .news-card-copy,
body.page-template-page-creators #news .news-card-copy,
body.page-slug-creators #news .news-card-copy {
    width: 100%;
    max-width: none;
}

body.home .location-choice .pagination-button-asset,
body.page-template-page-creators .location-choice .pagination-button-asset,
body.page-slug-creators .location-choice .pagination-button-asset {
    -webkit-mask-image: url('../icons/triangle-mask.svg');
    mask-image: url('../icons/triangle-mask.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

body.home .menu-link.active:before,
body.home .menu-action-link.active:before,
body.page-template-page-creators .menu-link.active:before,
body.page-template-page-creators .menu-action-link.active:before,
body.page-slug-creators .menu-link.active:before,
body.page-slug-creators .menu-action-link.active:before {
    content: url('../icons/triangle.svg');
}

body.home .creator-form-body input[type=checkbox]:checked + label:before,
body.home .newsletter-background-layer input[type=checkbox]:checked + label:before,
body.page-template-page-creators .creator-form-body input[type=checkbox]:checked + label:before,
body.page-template-page-creators .newsletter-background-layer input[type=checkbox]:checked + label:before,
body.page-slug-creators .creator-form-body input[type=checkbox]:checked + label:before,
body.page-slug-creators .newsletter-background-layer input[type=checkbox]:checked + label:before {
    content: url('../icons/checkmark.svg');
}

body.home .thank-you-message:before,
body.home .site-form .thank-you-message:before,
body.page-template-page-creators .thank-you-message:before,
body.page-template-page-creators .site-form .thank-you-message:before,
body.page-slug-creators .thank-you-message:before,
body.page-slug-creators .site-form .thank-you-message:before {
    content: url('../icons/check.svg');
}

body.home .download-icon,
body.page-template-page-creators .download-icon,
body.page-slug-creators .download-icon {
    -webkit-mask: url('../icons/download.svg') no-repeat center / contain;
    mask: url('../icons/download.svg') no-repeat center / contain;
}

[data-menu-button], .menu-toggle {
    position: relative !important;
    z-index: 210 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

[data-menu-button] .icon-hamburger, .menu-toggle .icon-hamburger {
    display: block !important;
}
[data-menu-button] .icon-close, .menu-toggle .icon-close {
    display: none !important;
}

[data-menu-button][aria-expanded="true"] svg.icon-hamburger,
.menu-toggle[aria-expanded="true"] svg.icon-hamburger,
[data-menu-button].open svg.icon-hamburger,
.menu-toggle.open svg.icon-hamburger {
    display: none !important;
}

[data-menu-button][aria-expanded="true"] svg.icon-close,
.menu-toggle[aria-expanded="true"] svg.icon-close,
[data-menu-button].open svg.icon-close,
.menu-toggle.open svg.icon-close {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff;
    stroke: currentColor;
    fill: none;
}

[data-menu-button][aria-expanded="true"] svg.icon-close *,
.menu-toggle[aria-expanded="true"] svg.icon-close *,
[data-menu-button].open svg.icon-close *,
.menu-toggle.open svg.icon-close * {
    stroke: currentColor !important;
    fill: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hide close icon SVG and children when menu is closed */
[data-menu-button][aria-expanded="false"] svg.icon-close,
[data-menu-button][aria-expanded="false"] svg.icon-close *,
.menu-toggle[aria-expanded="false"] svg.icon-close,
.menu-toggle[aria-expanded="false"] svg.icon-close *,
[data-menu-button]:not(.open) svg.icon-close,
[data-menu-button]:not(.open) svg.icon-close *,
.menu-toggle:not(.open) svg.icon-close,
.menu-toggle:not(.open) svg.icon-close * {
    display: none !important;
}

.menu-close[data-close-menu-button="true"] {
    display: none !important;
}



/* route-shell-home.php */
.mv4-hero-media {
  position: relative;
  overflow: hidden;
  background-color: #000000;
}

.mv4-hero-still {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-out;
}

.mv4-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.mv4-hero-media.is-video-ready .mv4-hero-video {
  opacity: 1;
}

.mv4-hero-media.is-video-error .mv4-hero-video,
.mv4-hero-media.is-reduced-motion .mv4-hero-video {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mv4-hero-media .mv4-hero-video {
    display: none !important;
  }
}

/* Keep the owned still visible until a decoded video frame is available. */
.mv4-hero-media:not(.is-video-ready) .mv4-hero-still {
  opacity: 1;
}

/* Valid navigation groups preserve the existing spacing. */
.menu-link-group, .menu-links > .media-tabs { list-style: none; margin: 0; padding: 0; }
.retailer-label-row { display: inline-flex; align-items: center; height: 31px; gap: 8px; }
.retailer-name { font-size: .85rem; font-weight: bold; text-transform: uppercase; letter-spacing: .05em; line-height: 1; }
.retailer-icon { display: inline-block; width: 1.5em; height: 1.5em; background: currentColor; mask: var(--iconUrl) no-repeat center/contain; -webkit-mask: var(--iconUrl) no-repeat center/contain; }
