/* Muzz Home draft 4358: appearance of native Mirox components. */
body[data-muzzhome-draft] { --muzz-oat: #F5F3EA; --muzz-moss: #4C5B3C; --muzz-ink: #242424; --muzz-line: #D0CCC3; background: var(--muzz-oat); color: var(--muzz-ink); }
body[data-muzzhome-draft] h1, body[data-muzzhome-draft] h2, body[data-muzzhome-draft] h3, body[data-muzzhome-draft] h4 { font-family: Manrope, sans-serif; font-weight: 500; letter-spacing: -.025em; text-wrap: balance; }
body[data-muzzhome-draft] p { line-height: 1.65; }
body[data-muzzhome-draft] :focus-visible { outline: 2px solid var(--muzz-moss); outline-offset: 4px; }
body[data-muzzhome-draft] .f-button { min-height: 44px; padding: 12px 24px; border-radius: 4px; font-weight: 600; letter-spacing: .01em; }
body[data-muzzhome-draft] .header__logo img, body[data-muzzhome-draft] .f-logo img, body[data-muzzhome-draft] .f-header__logo img { object-fit: contain; height: auto; }
body[data-muzzhome-draft] .f-header { border-bottom: 1px solid var(--muzz-line); }
.muzz-home-hero .f-slide__overlay { display: none; }
.muzz-home-hero .f-slide__content { max-width: 440px; }
.muzz-home-hero .f-slide__title { font-size: clamp(32px, 3.4vw, 52px); line-height: 1.12; }
.muzz-home-hero .f-slide__description { max-width: 350px; font-size: 17px; line-height: 1.6; }
.muzz-home-hero .f-slide__wrapper { padding-inline: max(40px, calc((100vw - 1280px)/2)); }
.muzz-home-categories { border-bottom: 1px solid var(--muzz-line); }
.muzz-home-story-1, .muzz-about-story { background: #ECE9DE; }
.muzz-home-story-2 { background: #F5F3EA; }
.muzz-home-help { background: #E4E8DB; }
.muzz-about-intro .f-richtext, .muzz-contact-next .f-richtext { max-width: 820px; }
.muzz-about-focus img { aspect-ratio: 1; object-fit: cover; }
.muzz-contact-main .f-contact-form__main { padding: clamp(24px, 3vw, 48px); border: 1px solid var(--muzz-line); border-radius: 8px; }
.muzz-contact-main .f-contact-form__info img { width: 100%; height: auto; object-fit: cover; }
body[data-muzzhome-draft] .form-field { min-height: 48px; border-color: var(--muzz-line); border-radius: 4px; }
body[data-muzzhome-draft] .notification { border: 1px solid var(--muzz-line); border-inline-start: 3px solid var(--muzz-moss); background: var(--muzz-oat); color: var(--muzz-ink); border-radius: 4px; }
body[data-muzzhome-draft] .notification-error { border-inline-start-color: #7D352E; }
body[data-muzzhome-draft] .notification-success { border-inline-start-color: var(--muzz-moss); }
body[data-muzzhome-draft] [class*="product-coupon"] { border-color: var(--muzz-line); border-radius: 4px; }
body[data-muzzhome-draft] .f-product-reviews-app__stars, body[data-muzzhome-draft] .f-product-reviews__stars, body[data-muzzhome-draft] .rating-star { color: #F5B301; }
body[data-muzzhome-draft] .f-footer { border-top: 1px solid #565A4F; }
body[data-muzzhome-draft] .rte h2, body[data-muzzhome-draft] .rte h3 { margin-block: 1.4em .6em; }
body[data-muzzhome-draft] .rte p, body[data-muzzhome-draft] .rte ul, body[data-muzzhome-draft] .rte ol { margin-block: 0 1em; }
body[data-muzzhome-draft] .rte a { text-underline-offset: .2em; }
@media (min-width: 1024px) { .muzz-main-header .f-menu { gap: 18px; } }
@media (min-width: 768px) and (max-width: 1023px) { .muzz-home-hero .f-slide__title { font-size: 34px; } .muzz-home-hero .f-slide__content { max-width: 300px; } .muzz-home-hero .f-slide__description { font-size: 15px; } }
@media (max-width: 767px) {
  body[data-muzzhome-draft] h1 { font-size: 34px; }
  body[data-muzzhome-draft] h2 { font-size: 28px; }
  .muzz-home-hero .f-slide__wrapper { padding: 24px 20px 32px; background: var(--muzz-oat); }
  .muzz-home-hero .f-slide__title { font-size: 32px; line-height: 1.15; }
  .muzz-home-hero .f-slide__description { font-size: 16px; margin-top: 12px; }
  .muzz-home-hero .f-slide__content { max-width: none; }
  .muzz-home-hero .f-slide__media { aspect-ratio: 4/3; }
  .muzz-home-hero .f-slide__button { margin-top: 20px; }
  body[data-muzzhome-draft] .f-section-py { --section-padding-top: 32px; --section-padding-bottom: 32px; }
  .muzz-contact-main .f-contact-form__main { padding: 24px 20px; }
  body[data-muzzhome-draft] .f-header button, body[data-muzzhome-draft] .f-header__mobile button { min-width: 44px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { body[data-muzzhome-draft] *, body[data-muzzhome-draft] *::before, body[data-muzzhome-draft] *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

body[data-muzzhome-draft] .f-footer .f-newsletter-form__button{background:#4C5B3C !important;color:#fff !important;border:1px solid #D0CCC3 !important}
body[data-muzzhome-draft] .jdgm-rev__timestamp,body[data-muzzhome-draft] f-image-list-waterfallreview .date-box,body[data-muzzhome-draft] f-image-list-waterfallreview #review-date{display:none !important}

/* Muzz Home draft 4358: measured native selectors only.
   Keep every menu entry, original SVG path and native click handlers. */
@media (min-width: 1200px) {
  body[data-muzzhome-draft] .muzz-main-header .f-header__desktop .f-menu {
    column-gap: 10px;
    row-gap: 0;
  }
  body[data-muzzhome-draft] .muzz-main-header .f-header__desktop .f-menu > .f-menu__item > .f-menu__link--main {
    padding: 14px 16px;
    font-size: 15px;
    line-height: 22px;
    white-space: nowrap;
  }
}
/* Reuse the theme's existing mobile header/drawer in the narrow desktop band. */
@media (min-width: 1024px) and (max-width: 1199px) {
  body[data-muzzhome-draft] .muzz-main-header .f-header__desktop { display: none; }
  body[data-muzzhome-draft] .muzz-main-header .f-header__mobile { display: flex; }
}
/* Global text-button padding had reduced this native SVG's width to zero. */
body[data-muzzhome-draft] #scroll-to-top-button {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 10px;
}
body[data-muzzhome-draft] #scroll-to-top-button > svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

body[data-muzzhome-draft] .jdgm-star{color:#F5B301 !important}

/* Native coupon information inherits the readable store foreground. */
body[data-muzzhome-draft] product-coupon .left-info,
body[data-muzzhome-draft] product-coupon .condition { color: var(--muzz-ink); }

/* Keep the native purchase notification timing and data; use store colors. */
body[data-muzzhome-draft] product-purchase-barrage .barrage-bg { background-color: var(--muzz-moss) !important; opacity: 1 !important; }
body[data-muzzhome-draft] product-purchase-barrage .barrage-text span { color: #fff !important; opacity: 1 !important; }

/* Current 4358 preview review: let the native information image serve its planned role. */
body[data-muzzhome-draft] .muzz-contact-main .f-info-box-frid > .f-info-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
body[data-muzzhome-draft] .muzz-contact-main .f-info-box-left-img {
  width: 100%;
  max-width: 420px !important;
  flex: none;
}
body[data-muzzhome-draft] .muzz-contact-main .f-info-box-left-img img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
@media (min-width: 768px) and (max-width: 1023px) {
  body[data-muzzhome-draft] .muzz-home-categories .f-mixed-layout__inner,
  body[data-muzzhome-draft] .muzz-home-products .f-mixed-layout__inner,
  body[data-muzzhome-draft] .muzz-about-focus .f-image-text-carousel__wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body[data-muzzhome-draft] .muzz-contact-main .f-info-box-frid > .f-info-box {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    align-items: center;
    max-width: 660px;
  }
  body[data-muzzhome-draft] .f-main-product[data-use-scene="product-page"] .f-main-product--media,
  body[data-muzzhome-draft] .f-main-product[data-use-scene="product-page"] .f-main-product--info {
    width: 50%;
  }
  body[data-muzzhome-draft] .f-main-product[data-use-scene="product-page"] .f-product-title {
    font-size: clamp(24px, 2.7vw, 28px);
    line-height: 1.25;
  }
}
@media (max-width: 767px) {
  body[data-muzzhome-draft] .muzz-contact-main .f-contact-form__heading {
    font-size: 28px;
    line-height: 1.25;
  }
}
/* Keep the existing preview-only testing control in normal flow, clear of native controls. */
body[data-muzzhome-draft] #muzz-subscription-popup [data-popup-manual] {
  position: static;
  display: block;
  margin: 12px 16px 12px auto;
  min-height: 44px;
  max-width: calc(100% - 32px);
  z-index: auto;
}
body[data-muzzhome-draft]:has(.sidebar-open, .f-menu-drawer.open, dialog[open]) #muzz-subscription-popup [data-popup-manual] {
  visibility: hidden;
  pointer-events: none;
}
body[data-muzzhome-draft]:is(.template-search, .template-collection) .f-sidebar--close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}
/* Internal import labels are not customer-facing search navigation. */
body[data-muzzhome-draft]:is(.template-search, .template-collection) .f-accordion--item:has(input[name="vendor"]) {
  display: none !important;
}

/* R5: draft-only order for the existing native Contact sections. */
body[data-muzzhome-draft="muzz-v1-4358"] .main-page[data-page-id="3865"] {display:flex;flex-direction:column}
body[data-muzzhome-draft="muzz-v1-4358"] .main-page[data-page-id="3865"] > .section_id_contact-main {order:1}
body[data-muzzhome-draft="muzz-v1-4358"] .main-page[data-page-id="3865"] > .section_id_contact-guidance {order:2}
body[data-muzzhome-draft="muzz-v1-4358"] .main-page[data-page-id="3865"] > .section_id_contact-next {order:3}

@media (max-width:1023px){
  body[data-muzzhome-draft="muzz-v1-4358"] .muzz-contact-main .f-contact-content-box {display:flex;flex-direction:column}
  body[data-muzzhome-draft="muzz-v1-4358"] .muzz-contact-main .f-contact-form__main {order:-1}
}