/* Responsive repair, 2026-10-05. Keep each store's artwork, palette and carousel. */
body[data-mz-responsive] :is(.header-search__form,.header-search,.header-search__input,.header-search__category-span,.subscribe__form,.subscribe__input,.product-layout,.product-thumb,.product-description) { min-width: 0; }
body[data-mz-responsive] :is(.breadcrumb,.breadcrumbs) { white-space: normal; overflow-wrap: anywhere; }
body[data-mz-responsive] .breadcrumb { flex-wrap: wrap !important; }
body[data-mz-responsive] :is(.breadcrumb,.breadcrumbs) li { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
body[data-mz-responsive] :is(footer,#footer,#mz-series-footer,.m3-reference-footer,.m20-footer) :is(a,p,li) { overflow-wrap: anywhere; }
body[data-mz-responsive] :is(.m3-reference-footer__socials,.m3-footer-socials) { flex-wrap: wrap !important; max-width: 100%; }
body[data-mz-responsive] :is(button,a,[role="button"]):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
body[data-mz-responsive] :is(.menu__additional) > .menu__level-2 { right: 0 !important; left: auto !important; }

@media (max-width: 991px) {
  /* dvh follows mobile browser chrome; 100vh remains the fallback. */
  body[data-mz-responsive] :is(.menu-wrapper.show,#mz6-mobile-catalog,#mz8-mobile-catalog,#us_menu_mobile_box.expanded) { max-height: 100vh !important; max-height: 100dvh !important; }
  body[data-mz-responsive] .menu-wrapper.show { height: 100vh !important; height: 100dvh !important; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
  body[data-mz-responsive] :is(.menu__level-1-a,.menu__level-2-a,.menu__level-3-a) { overflow-wrap: anywhere; }
  body[data-mz-responsive] :is(.menu-open,.btn-menu-mobile,#us_menu_mobile_button,.mz6-mobile-catalog-toggle) { min-height: 44px !important; }
  body[data-mz-responsive="6"] header #cart .cart_mob { display: flex !important; align-items: center; justify-content: center; width: 44px !important; min-width: 44px !important; padding: 0 !important; margin: 0 !important; }
  body[data-mz-responsive="6"] header #cart .cart_mob svg { flex: 0 0 28px; margin: 0 !important; }
  body[data-mz-responsive="6"] .subbanners { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; }
  body[data-mz-responsive="6"] .subbanner-inner-block { width: 100% !important; max-width: 100% !important; margin-inline: 0 !important; }
  body[data-mz-responsive="6"] .subbanner-inner-block > .one-half { min-width: 0 !important; max-width: 100% !important; transform: none !important; }
  body[data-mz-responsive="6"] .subbanner-inner { max-width: 100% !important; }
  /* Two rows fit logo/telephone/search without shrinking or clipping the logo. */
  html body[data-mz-responsive="8"].mz-series-8.mz-legacy-restored header > .container > .row {
    grid-template-columns: minmax(0,1fr) 220px !important;
    grid-template-areas: "logo phone" "search search" !important;
    min-height: 0 !important;
  }
  body[data-mz-responsive="8"] header .box-search { max-width: 100% !important; }
  body[data-mz-responsive="8"] .carousel-container > .slick-mod-arrow.prev-prod { left: 8px !important; }
  body[data-mz-responsive="8"] .carousel-container > .slick-mod-arrow.next-prod { right: 8px !important; }
  body[data-mz-responsive="9"] .top-panel > .container,
  body[data-mz-responsive="13"] .top-panel > .container,
  body[data-mz-responsive="9"] nav > .container,
  body[data-mz-responsive="13"] nav > .container,
  body[data-mz-responsive="9"] .navbar > .container,
  body[data-mz-responsive="13"] .navbar > .container { width: 100% !important; max-width: 100% !important; }
}

@media (max-width: 767px) {
  body[data-mz-responsive] :is(input[type="text"],input[type="search"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],textarea,select) { font-size: 16px !important; }
  body[data-mz-responsive] :is(.header-search__input,.subscribe__input) { min-height: 44px; }
  body[data-mz-responsive] :is(.header-cart__dropdown,.dropdown-menu-right) { max-width: calc(100vw - 24px); }
  body[data-mz-responsive] .modal-dialog { max-width: calc(100vw - 20px); margin-inline: auto; }
  body[data-mz-responsive] :is(.menu-open,.header-cart__btn,.btn-navbar,#us_menu_mobile_button,.cart_mob) { min-width: 44px !important; min-height: 44px !important; }
  body[data-mz-responsive] :is(.m3-reference-footer__socials,.m3-footer-socials) { width: 100% !important; }

  /* Native Unishop phone/cart rows: logo on its own row, contact controls below. */
  html body[data-mz-responsive]:is([data-mz-responsive="5"],[data-mz-responsive="7"]) header .header-block {
    display: grid !important; grid-template-columns: minmax(0,1fr) 44px !important;
    grid-template-areas: "logo logo" "phone cart" !important;
    gap: 8px 12px !important; width: 100% !important; margin: 0 !important; padding: 12px 0 !important;
  }
  html body[data-mz-responsive]:is([data-mz-responsive="5"],[data-mz-responsive="7"]) header .header-block > .header-block__item {
    width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; padding: 0 !important;
  }
  html body[data-mz-responsive]:is([data-mz-responsive="5"],[data-mz-responsive="7"]) header .header-block__item-logo { grid-area: logo; justify-content: center !important; }
  html body[data-mz-responsive]:is([data-mz-responsive="5"],[data-mz-responsive="7"]) header .header-block__item-telephone { grid-area: phone; justify-content: flex-end !important; }
  html body[data-mz-responsive]:is([data-mz-responsive="5"],[data-mz-responsive="7"]) header .header-block__item-cart { grid-area: cart; justify-content: center !important; padding: 0 !important; }
  html body[data-mz-responsive]:is([data-mz-responsive="5"],[data-mz-responsive="7"]) header .header-block__item-search { display: none !important; }
  body[data-mz-responsive="6"] .subbanner-inner-block > .one-half { width: 100% !important; padding-inline: 0 !important; }
  /* Benefits are all visible, not hidden beyond the right side of the phone. */
  html body[data-mz-responsive="8"].mz-series-8.mz-legacy-restored .banner-blocks-container { display: grid !important; grid-template-columns: minmax(0,1fr); gap: 10px; margin-inline: 0 !important; overflow: visible !important; }
  html body[data-mz-responsive="8"].mz-series-8.mz-legacy-restored .banner-blocks-container > .bb-col-xs { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
  body[data-mz-responsive="8"] .tab-content .my-tabs { max-width: 100%; }
  body[data-mz-responsive="8"] .nav-tabs.my-tabs { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }

  /* Store 10 had an inherited 190px logo box with excessive blank space. */
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #logo,
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header a.mz-series-lockup {
    width: min(258px,100%) !important; min-width: 0 !important; max-width: 100% !important;
    height: 92px !important; min-height: 0 !important; max-height: 92px !important; margin: 0 auto !important;
  }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header .mz-series-lockup__theme { height: 92px !important; min-height: 0 !important; max-height: 92px !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header > .container > .header-block { padding: 12px 0 !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #main-menu > .row { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #main-menu .menu-open { flex: 0 0 122px !important; width: 122px !important; margin: 0 !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #search2 { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; padding: 0 !important; height: auto !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #search2 .header-search__form { display: flex !important; height: 44px !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #search2 .header-search__category { display: none !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #search2 .header-search__input { flex: 1 1 0 !important; width: 0 !important; min-width: 0 !important; }
  html body[data-mz-responsive="10"].mz-series.mz-series-10.mz-legacy-restored header #search2 .header-search__btn { flex: 0 0 40px !important; width: 40px !important; }

  body[data-mz-responsive="12"] #us-subcat.subcat-row { display: flex !important; flex-wrap: wrap !important; width: auto !important; }
  body[data-mz-responsive="12"] #us-subcat > .us-item { flex: 0 0 50% !important; width: 50% !important; min-width: 0 !important; max-width: 50% !important; }
  body[data-mz-responsive="12"] .subcat-item { width: 100% !important; min-width: 0 !important; }
  body[data-mz-responsive="12"] .subcat-item-title { overflow-wrap: anywhere; }
}

@media (min-width: 992px) {
  body[data-mz-responsive="8"] .carousel-container > .slick-mod-arrow.prev-prod { left: 12px !important; }
  body[data-mz-responsive="8"] .carousel-container > .slick-mod-arrow.next-prod { right: 12px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-mz-responsive] [data-aos] { transform: none !important; transition: none !important; }
  body[data-mz-responsive] .animated { animation-duration: .01ms !important; }
}