/* Mebel Donetsk opt-in mobile preview. No business data or desktop rules.
 * All injected root blocks carry .mdm-ui. JS restores moved native nodes
 * when leaving mobile; this stylesheet is deliberately inert at >=768px.
 */
html[data-md-mobile-preview="1"] .mdm-ui { display: none; }

@media (max-width: 767.98px) {
  html[data-md-mobile-preview="1"][data-mdm-page="catalog"] body.mdm-active .description-store-second > [class*="col-"] > .row { margin-left: 0 !important; margin-right: 0 !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-has-directory .container.content .service-item { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-catalog-directory :is(#mse2_results, #mse2_pagination, #mse2_selected_wrapper, .mse2_pagination, .mse2_more, .mdm-toolbar) { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory { margin: 0 4px 20px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-hint { margin: 0 8px 12px; color: var(--mdm-muted); font-size: 14px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-card { position: relative; display: flex; flex-direction: column; gap: 8px; min-height: 134px; min-width: 0; padding: 12px; border: 1px solid var(--mdm-line); border-radius: 12px; background: var(--mdm-card); color: var(--mdm-text); text-decoration: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-card img { width: 52px; height: 52px; object-fit: contain; filter: grayscale(1) brightness(0) invert(.85); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-card img[hidden] { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-copy { min-width: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-copy strong { display: block; font-size: 16px; line-height: 1.3; padding-right: 10px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-copy small { display: block; margin-top: 6px; font-size: 12px; line-height: 1.5; color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-card > .mdm-category-arrow { position: absolute; top: 15px; right: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-navigation-dialog { max-height: min(82dvh,700px); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-navigation-body { padding: 0 12px 16px; overflow-y: auto; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-phone-link,.mdm-category-menu-link,.mdm-category-back) { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 52px; padding: 10px 12px; margin: 0 0 6px; border: 1px solid var(--mdm-line); border-radius: 10px; background: var(--mdm-card); color: var(--mdm-text); text-decoration: none; text-align: left; font-size: 16px; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-phone-link { justify-content: flex-start; white-space: nowrap; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-phone-link,.mdm-category-back) svg { width: 22px; height: 22px; flex: 0 0 22px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-back { justify-content: flex-start; color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-arrow { color: var(--mdm-muted); font-size: 24px; line-height: 1; }
  html[data-md-mobile-preview="1"] body.mdm-active button.mdm-category { color: var(--mdm-text); font-family: inherit; cursor: pointer; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-menu-icon { width: 36px; height: 36px; flex: 0 0 36px; object-fit: contain; filter: grayscale(1) brightness(0) invert(.85); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-menu-icon[hidden] { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-menu-label { min-width: 0; flex: 1; }
}

@media (max-width: 767.98px) {
  html[data-md-mobile-preview="1"] {
    --mdm-bg: #11161b;
    --mdm-card: #20262c;
    --mdm-surface: #253038;
    --mdm-text: #f3f4f6;
    --mdm-muted: #adb6c2;
    --mdm-red: #e31e24;
    --mdm-active: #ff5960;
    --mdm-green: #80d4a5;
    --mdm-amber: #f3b64a;
    --mdm-line: #3b4652;
    --mdm-bottom-space: calc(66px + env(safe-area-inset-bottom, 0px));
    background: var(--mdm-bg);
    color-scheme: dark;
    scroll-padding-bottom: var(--mdm-bottom-space);
  }
  html[data-md-mobile-preview="1"] body.mdm-active {
    margin: 0;
    min-width: 0;
    background: var(--mdm-bg) !important;
    color: var(--mdm-text);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.45;
    padding-bottom: var(--mdm-bottom-space) !important;
    -webkit-text-size-adjust: 100%;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.wrapper, .wrapper-inner) {
    width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    transform: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.header-bg, .cloned-header, .mobile-menu, .nav-buy, .mdm-native-hidden, .sidebar-wrap, #mse2_mfilter > .sort) {
    display: none !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.container.content, .container.content-center, .description-store-second, #mse2_mfilter) {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    float: none;
    padding: 0;
    margin: 0;
    background: transparent;
    color: var(--mdm-text);
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.container.content, .container.content-center) > .row {
    margin: 0 !important;
  }
  html[data-md-mobile-preview="1"][data-mdm-page="favorites"] body.mdm-active .content .row.two-colums { margin: 0 !important; width: 100%; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.description-store-second > [class*="col-"], #mse2_mfilter) {
    padding-left: 0;
    padding-right: 0;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(h1, h2, h3, .heading, .characteristics-name) {
    color: var(--mdm-text);
    text-shadow: none;
    overflow-wrap: break-word;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-ui, .mdm-ui *, .mdm-card, .mdm-card *) { box-sizing: border-box; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-ui { display: block; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-ui[hidden] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-ui a, .mdm-ui button) {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-ui button, .mdm-ui input, .mdm-ui select) { font: inherit; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-ui a, .mdm-ui button, .mdm-ui input, .mdm-ui select, .favorite-icon, .ms2_form input, .ms2_form button, .ms2_form select):focus-visible {
    outline: 3px solid #a7d6ff !important;
    outline-offset: 3px;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    min-height: 54px;
    padding: calc(4px + env(safe-area-inset-top, 0px)) max(8px, env(safe-area-inset-right, 0px)) 4px max(8px, env(safe-area-inset-left, 0px));
    background: var(--mdm-bg);
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-brand {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    color: var(--mdm-text);
    text-decoration: none;
    font-size: clamp(14px, 4.25vw, 18px);
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: .005em;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-brand :is(img, svg) {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    object-fit: contain;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-brand strong { display: block; font: inherit; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-brand-title { color: inherit; text-decoration: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-compact-back { display: flex; align-items: center; gap: 5px; width: fit-content; min-height: 40px; padding: 4px 8px; color: var(--mdm-muted); text-decoration: none; font-size: 13px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-compact-back svg { width: 18px; height: 18px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-logo { display: flex; flex: 0 0 35px; color: #f52631; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-logo svg { fill: #f52631; stroke: #f52631; stroke-width: 1.25; }
  html[data-md-mobile-preview="1"] body.mdm-active a.mdm-city { text-decoration: underline; text-underline-offset: 3px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header .mdm-brand > :is(img, svg) {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    color: #f52631;
    object-fit: contain;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header .mdm-brand > svg { fill: #f52631; stroke: #f52631; stroke-width: 1.25; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header-cart { position: relative; }
  html[data-md-mobile-preview="1"][data-mdm-page="product"] body.mdm-active .mdm-brand > span { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-city {
    display: block;
    margin-top: 3px;
    color: var(--mdm-muted);
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-icon-button, .mdm-header > a:not(.mdm-brand), .mdm-header > button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    min-height: 44px;
    padding: 8px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--mdm-text);
    text-decoration: none;
    cursor: pointer;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-icon-button, .mdm-header > a, .mdm-header > button) > svg { width: 25px; height: 25px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search {
    position: sticky;
    top: 0;
    z-index: 110;
    padding: 0 8px 8px;
    background: var(--mdm-bg);
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search :is(.search, .header-search) {
    position: relative;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search form {
    display: flex;
    align-items: center;
    gap: 4px;
    min-height: 48px;
    margin: 0;
    padding: 0 6px;
    border: 1px solid var(--mdm-line);
    border-radius: 12px;
    background: var(--mdm-card);
    box-shadow: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search input:not([type="hidden"]) {
    position: static;
    order: 2;
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    margin: 0;
    padding: 8px 4px;
    border: 0;
    background: transparent;
    color: var(--mdm-text);
    font-size: 17px;
    line-height: 1.4;
    box-shadow: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search input::placeholder { color: var(--mdm-muted); opacity: 1; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search button {
    position: static;
    order: 1;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--mdm-text);
    text-indent: 0;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search button > svg { width: 23px; height: 23px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search .mdm-search-clear { order: 3; color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search .mdm-search-clear[hidden],
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search-collapsed { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-home { width: 100%; min-width: 0; margin: 0; padding: 0; }
  /* Native .home .content .row has -5px !important margins; cancel only the
     home showcase parent so a 390px viewport yields 4 + 189 + 4 + 189 + 4. */
  html[data-md-mobile-preview="1"][data-mdm-page="home"] body.mdm-active .container.content > .row.row-content {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0;
    padding-right: 0;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-categories {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.2fr);
    gap: 6px;
    width: 100%;
    margin: 0;
    padding: 0 8px 8px;
    overflow: visible;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-categories::-webkit-scrollbar { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 72px;
    padding: 6px 2px;
    border: 1px solid #2c343d;
    border-radius: 13px;
    background: linear-gradient(145deg, #20272e, #1c2228);
    color: var(--mdm-text);
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category :is(img, svg) {
    display: block;
    width: calc(100% - 6px);
    max-width: 62px;
    height: 38px;
    object-fit: contain;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category > svg { width: 29px; height: 32px; color: #f3f4f6; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category > span { display: block; max-width: 100%; min-height: 15px; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-all > span { font-size: clamp(10px, 3vw, 12px); line-height: 1.15; white-space: normal; letter-spacing: normal; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-all > span > span { display: block; white-space: nowrap; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero {
    display: block;
    position: relative;
    min-height: 130px;
    height: 33.33vw;
    max-height: 136px;
    margin: 0 8px 8px;
    overflow: hidden;
    border-radius: 13px;
    background: #273036;
    isolation: isolate;
    text-decoration: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero > img {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    background: linear-gradient(90deg, rgba(17,22,27,.77), rgba(17,22,27,.3) 43%, rgba(17,22,27,0) 79%);
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero :is(.mdm-hero-content, .mdm-hero-copy) { max-width: 77%; padding: 8px 13px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero :is(h1, h2, strong) {
    display: block;
    margin: 0 0 5px;
    color: #fff;
    font-size: clamp(23px, 6.65vw, 29px);
    line-height: 1.04;
    font-weight: 750;
    letter-spacing: -.025em;
    text-shadow: 0 1px 3px rgba(0,0,0,.4);
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero-line { display: block; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero p { margin: 0 0 8px; color: #f3f4f6; font-size: 13px; line-height: 1.3; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero-copy > span:not(.mdm-hero-cta) { display: block; margin-bottom: 7px; color: #e8eaed; font-size: 13px; line-height: 1.25; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero-cta { display: inline-flex; align-items: center; justify-content: center; min-width: 107px; min-height: 30px; padding: 6px 13px; border-radius: 7px; background: #ed202b; color: #fff; font-size: 14px; font-weight: 650; line-height: 1.3; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 18px;
    border-radius: 8px;
    background: var(--mdm-red);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 44px;
    margin: 0;
    padding: 0 8px 4px;
    color: var(--mdm-text);
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title :is(h1, h2, h3) { margin: 0; min-width: 0; font-size: clamp(18px, 5.05vw, 23px); line-height: 1.12; font-weight: 750; letter-spacing: -.015em; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title a { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 44px; padding: 5px 11px; border: 1px solid #39434d; border-radius: 24px; background: linear-gradient(#242b32, #20262c); color: #f3f4f6; font-size: 10px; line-height: 1.2; text-decoration: none; white-space: nowrap; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-home-controls { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0; padding: 0 8px 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-home-control { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; max-width: 100%; min-width: 0; padding: 7px 12px; border: 1px solid #404a54; border-radius: 24px; background: linear-gradient(#222930, #1c2329); color: #f3f4f6; font: inherit; font-size: 13px; line-height: 1.3; text-decoration: none; white-space: nowrap; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-home-control > svg { width: 20px; height: 20px; flex: 0 0 20px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-home-control .mdm-chevron { width: 10px; height: 10px; margin: -4px 2px 0 3px; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(45deg); }
  html[data-md-mobile-preview="1"] body.mdm-active label.mdm-home-control { position: relative; flex: 0 1 153px; padding-right: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active label.mdm-home-control::after { content: ""; position: absolute; right: 15px; top: 16px; width: 8px; height: 8px; border-right: 1.8px solid #f3f4f6; border-bottom: 1.8px solid #f3f4f6; transform: rotate(45deg); pointer-events: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-home-control select { appearance: none; -webkit-appearance: none; box-sizing: border-box; flex: 1 1 auto; width: 100%; min-width: 0; max-width: 100%; min-height: 28px; margin: 0; padding: 0 20px 0 0; border: 0; border-radius: 0; background: transparent; color: #f3f4f6; font: inherit; font-size: 13px; line-height: 1.3; cursor: pointer; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-home-control option { background: #20262c; color: #f3f4f6; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-home-grid, .mdm-grid, #mse2_results) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 6px 4px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 4px !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-home-grid, .mdm-grid, #mse2_results)::before,
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-home-grid, .mdm-grid, #mse2_results)::after { content: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card {
    display: flex !important;
    float: none !important;
    width: auto !important;
    max-width: 100%;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card[hidden] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .shares {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-width: 0;
    height: auto !important;
    min-height: 0;
    margin: 0;
    padding: 0 0 8px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 14px;
    background: var(--mdm-card) !important;
    color: var(--mdm-text);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .shares-img {
    position: relative;
    flex: 0 0 auto;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 12px;
    background-color: #fff !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .shares-img > .md-product-preview-image {
    display: block !important;
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center;
    opacity: 1 !important;
    filter: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .shares-img > a { position: absolute; inset: 0; z-index: 1; display: block; width: 100%; height: 100%; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon {
    display: flex !important;
    position: absolute !important;
    align-items: center;
    justify-content: center;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 3;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    padding: 7px;
    border: 0;
    border-radius: 0 12px 0 12px;
    background: linear-gradient(225deg, rgba(17,22,27,.29), transparent 85%);
    color: #fff;
    opacity: 1 !important;
    cursor: pointer;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon svg { width: 28px; height: 28px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon svg path:first-child { fill: transparent; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon svg path:last-child { fill: #fff; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon.active svg path:first-child { fill: var(--mdm-red); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon.active svg path:last-child { fill: var(--mdm-red); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card :is(.description-2, .shares-img-name, .shares > .reviews, .shares > .rating) { display: none !important; }
  /* Retain only the discount already present in the native product markup. */
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .badge-discount { display: block !important; position: absolute !important; top: 8px !important; left: 8px !important; right: auto !important; bottom: auto !important; z-index: 2; width: auto !important; height: auto !important; max-width: calc(100% - 56px); padding: 4px 6px; border-radius: 6px; background: #a72028; color: #fff; font: 600 11px/1.2 sans-serif; transform: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .badge-discount:empty { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card.mdm-status-ready .shares-img :is(.stock, .text, .price) { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description {
    position: static !important;
    visibility: visible !important;
    display: flex !important;
    flex-direction: column;
    flex: 1 0 auto;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: 0;
    padding: 7px 8px 4px !important;
    border: 0;
    background: transparent !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .shares:hover .shares-img { border: 0; box-shadow: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-list-error { margin: 8px; padding: 12px; border: 1px solid var(--mdm-border); border-radius: 12px; background: var(--mdm-card); color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-list-error[hidden] { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .name {
    display: block;
    width: auto;
    height: auto !important;
    min-height: 38px;
    margin: 0 0 4px;
    padding: 0;
    color: var(--mdm-text);
    font-size: 14px;
    line-height: 1.35;
    font-weight: 400;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .name a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--mdm-text) !important;
    font: inherit;
    line-height: inherit;
    text-decoration: none;
    overflow-wrap: break-word;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .price {
    position: static;
    width: auto;
    min-height: 28px;
    margin: 0;
    padding: 0;
    color: var(--mdm-text) !important;
    font-size: clamp(20px, 5.4vw, 22px);
    line-height: 1.2;
    font-weight: 750;
    white-space: normal;
    overflow-wrap: break-word;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .old_price { display: block; margin: 3px 0; color: var(--mdm-muted); font-size: 13px; font-weight: 400; line-height: 1.3; text-decoration: line-through; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .color-red { display: block !important; margin-top: 5px; color: #ffd38c !important; font-size: 12px; font-weight: 500; line-height: 1.4; white-space: normal !important; overflow-wrap: break-word; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description :is(.text-2, .clear, .discount) { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .mdm-invalid-old-price { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 6px;
    max-width: calc(100% - 14px);
    min-height: 24px;
    margin: 2px 7px 0;
    padding: 3px 7px;
    border: 0;
    border-radius: 12px;
    background: var(--mdm-surface);
    color: var(--mdm-text);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 400;
    cursor: default;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[data-state="available"] { background: #263b31; color: #9adeb5; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[data-state="available"]::before,
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[data-state="order"]::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--mdm-green); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[data-state="order"] { background: #3a3324; color: #f4cd75; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[data-state="order"]::before { background: var(--mdm-amber); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .mdm-status { margin: 4px 0 0; max-width: 100%; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[hidden] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav {
    position: fixed;
    inset: auto 0 0;
    z-index: 200;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 5px max(4px, env(safe-area-inset-right, 0px)) calc(5px + env(safe-area-inset-bottom, 0px)) max(4px, env(safe-area-inset-left, 0px));
    border-top: 1px solid #34404b;
    background: rgba(17,22,27,.98);
    box-shadow: 0 -5px 18px rgba(0,0,0,.18);
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 55px;
    padding: 3px 0;
    border-radius: 8px;
    color: var(--mdm-muted);
    font-size: 10px;
    line-height: 1.2;
    text-decoration: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav a[aria-current="page"] { color: var(--mdm-active); }
  html[data-md-mobile-preview="1"][data-mdm-page="cart"] body.mdm-active .mdm-buybar { bottom: var(--mdm-bottom-space); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav svg { display: block; width: 25px; height: 25px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-badge { position: absolute; top: 0; left: 56%; min-width: 17px; padding: 1px 4px; border-radius: 12px; background: var(--mdm-red); color: #fff; font-size: 11px; line-height: 1.35; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-nav-count { position: absolute; top: 0; left: 56%; min-width: 17px; padding: 1px 4px; border-radius: 12px; background: var(--mdm-red); color: #fff; font-size: 11px; line-height: 1.35; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-nav-count[hidden] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-buybar {
    position: fixed;
    inset: auto 0 0;
    z-index: 205;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 76px;
    padding: 9px max(12px, env(safe-area-inset-right, 0px)) calc(9px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
    border-top: 1px solid #34404b;
    background: #171e24;
    box-shadow: 0 -5px 18px rgba(0,0,0,.18);
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-buy-price { flex: 1 1 auto; min-width: 0; color: var(--mdm-text); font-size: 21px; font-weight: 750; line-height: 1.2; overflow-wrap: break-word; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-buy-price small { display: block; margin-bottom: 3px; color: var(--mdm-muted); font-size: 11px; line-height: 1.3; font-weight: 400; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-buy-button, .mdm-primary-button) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    max-width: 58%;
    padding: 10px 16px;
    border: 0;
    border-radius: 10px;
    background: var(--mdm-red);
    color: #fff;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-buy-button, .mdm-primary-button):disabled { opacity: .65; cursor: wait; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-keyboard-open :is(.mdm-bottom-nav, .mdm-buybar) { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 4px 0 8px; padding: 0 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar :is(button, select, a) { min-height: 44px; max-width: 100%; padding: 9px 12px; border: 1px solid var(--mdm-line); border-radius: 22px; background: var(--mdm-card); color: var(--mdm-text); font-size: 14px; line-height: 1.4; text-decoration: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-button { display: inline-flex; align-items: center; gap: 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-button svg { width: 20px; height: 20px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-select { flex: 1 1 auto; min-width: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-results-total { flex-basis: 100%; color: var(--mdm-muted); font-size: 13px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-results-total:empty { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar label { display: flex; align-items: center; gap: 6px; min-height: 44px; color: var(--mdm-text); font-size: 14px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar .mdm-sort-control { display: block; position: relative; min-width: 0; flex: 1 1 0; margin: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-control .mdm-sort-caption { position: absolute; left: 12px; top: 6px; font-size: 10px; line-height: 13px; color: var(--mdm-muted); pointer-events: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-control .mdm-sort-select { width: 100%; height: 54px; padding: 21px 24px 6px 12px; font-size: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--mdm-red); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog {
    position: fixed;
    inset: auto 0 0;
    z-index: 10000;
    width: 100%;
    max-width: 100%;
    max-height: 92vh;
    max-height: 92dvh;
    margin: 0;
    padding: 0;
    border: 1px solid var(--mdm-line);
    border-radius: 18px 18px 0 0;
    background: var(--mdm-bg);
    color: var(--mdm-text);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog:not([open]):not(.mdm-open) { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog::backdrop { background: rgba(0,0,0,.7); }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-dialog-heading, .mdm-dialog-header, .mdm-filter-dialog > header) { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid var(--mdm-line); background: var(--mdm-bg); }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-dialog-heading, .mdm-dialog-header, .mdm-filter-dialog > header) h2 { margin: 0; font-size: 21px; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-dialog-body, .mdm-filter-body) { padding: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-dialog-actions, .mdm-dialog-footer, .mdm-filter-actions) { position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--mdm-line); background: var(--mdm-bg); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-draft { margin: 0; padding: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-secondary-button { min-height: 48px; padding: 10px 12px; border: 1px solid var(--mdm-line); border-radius: 10px; background: var(--mdm-card); color: var(--mdm-text); font-size: 16px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog :is(#mse2_filters, .filter-column) { display: block !important; position: static !important; width: auto !important; max-width: 100%; height: auto; margin: 0; padding: 12px; background: transparent; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog :is(fieldset, .filter-item) { min-width: 0; margin: 0 0 16px; padding: 0; border: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog :is(.filter_title, legend) { margin-bottom: 8px; color: var(--mdm-text); font-size: 17px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog label { display: flex; align-items: center; gap: 9px; min-height: 44px; color: var(--mdm-text); font-size: 16px; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog input:is([type="checkbox"], [type="radio"]) { width: 20px; height: 20px; accent-color: var(--mdm-red); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) { box-sizing: border-box; min-height: 44px; max-width: 100%; padding: 8px; border: 1px solid var(--mdm-line); border-radius: 8px; background: var(--mdm-card); color: var(--mdm-text); font-size: 16px; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-notice, .mdm-error, .mdm-empty) { margin: 12px; padding: 12px; border: 1px solid var(--mdm-line); border-radius: 10px; background: var(--mdm-card); color: var(--mdm-text); font-size: 15px; line-height: 1.5; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-error { border-color: #f6a7a9; color: #ffd1d2; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toast { position: fixed; z-index: 11000; left: 12px; right: 12px; bottom: calc(90px + env(safe-area-inset-bottom, 0px)); padding: 12px 14px; border: 1px solid var(--mdm-line); border-radius: 10px; background: #253038; color: var(--mdm-text); box-shadow: 0 4px 18px rgba(0,0,0,.35); font-size: 15px; line-height: 1.45; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-test-notice, .mdm-service-costs) { margin: 12px 0; padding: 12px; border: 1px solid var(--mdm-line); border-radius: 9px; background: var(--mdm-card); color: var(--mdm-text); font-size: 14px; line-height: 1.45; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-notice a { color: #b9dbff; text-decoration: underline; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(#mse2_mfilter > h1, .description-store-second .heading) { margin: 12px; padding: 0; font-size: 23px; line-height: 1.25; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.catalogue-description, .description-store, .path, .pagination, #mse2_selected_wrapper) { margin: 12px; color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.catalogue-description, .description-store) { padding: 0; background: transparent; font-size: 16px; line-height: 1.5; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.catalogue-description a, .description-store a, .path a) { color: #b9dbff; }
  html[data-md-mobile-preview="1"] body.mdm-active .path { width: auto; height: auto; min-height: 0; padding: 0; background: transparent; white-space: normal; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
  html[data-md-mobile-preview="1"] body.mdm-active .path .location { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .path .home img { width: 14px; height: 14px; object-fit: contain; }
  html[data-md-mobile-preview="1"][data-mdm-page="favorites"] body.mdm-active .button-group-wrap { display: flex; flex-direction: column; gap: 8px; margin: 10px 4px; max-width: 100%; }
  html[data-md-mobile-preview="1"][data-mdm-page="favorites"] body.mdm-active .isotope-group { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; max-width: 100%; padding: 0; overflow: visible; white-space: normal; }
  html[data-md-mobile-preview="1"][data-mdm-page="favorites"] body.mdm-active .isotope-group > span { flex-basis: 100%; color: var(--mdm-muted); font-size: 12px; }
  html[data-md-mobile-preview="1"][data-mdm-page="favorites"] body.mdm-active .isotope-group button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--mdm-line); border-radius: 22px; background: var(--mdm-card); color: var(--mdm-text); font-size: 13px; }
  html[data-md-mobile-preview="1"][data-mdm-page="favorites"] body.mdm-active .isotope-group button.is-checked { background: #3a3e43; border-color: #777; }
  html[data-md-mobile-preview="1"][data-mdm-page="favorites"] body.mdm-active .info-service-block { text-align: center; }
  html[data-md-mobile-preview="1"] body.mdm-active .pagination a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .btn_more { display: block; min-height: 48px; margin: 14px auto; padding: 10px 22px; border: 1px solid var(--mdm-line); border-radius: 10px; background: var(--mdm-card); color: var(--mdm-text); font-size: 16px; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.product-intro, .product-content, .product-additional, .product-viewed) { max-width: 100%; margin: 0; padding: 0; background: transparent; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.product-intro, .product-content, .product-additional) > [class*="col-"] { box-sizing: border-box; float: none; width: 100%; min-width: 0; padding: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active .product-intro > .scale { padding: 0 4px 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(#msto-gallery, #msGallery, .fotorama) { max-width: 100%; margin: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active #msGallery { overflow: hidden; border-radius: 12px; background: #f0efed; }
  html[data-md-mobile-preview="1"] body.mdm-active .fotorama__stage { background: #f0efed; }
  html[data-md-mobile-preview="1"] body.mdm-active .product-intro .fotorama.no-js { height: min(340px,42vh); }
  html[data-md-mobile-preview="1"] body.mdm-active .product-intro .fotorama.no-js > a:first-child { display: block; width: 100%; height: 100%; }
  html[data-md-mobile-preview="1"] body.mdm-active .product-intro .fotorama.no-js > a:first-child img { width: 100%; height: 100%; object-fit: contain; }
  html[data-md-mobile-preview="1"] body.mdm-active .descriptions-name { height: auto !important; max-height: none !important; margin: 0 0 12px; padding: 0; overflow: visible; color: var(--mdm-text); font-size: 24px; line-height: 1.2; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.produt-info, .produt-info-wrap, .product-info-details) { color: var(--mdm-muted); font-size: 14px; line-height: 1.45; }
  html[data-md-mobile-preview="1"] body.mdm-active .produt-info { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0; padding: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .product-info-details { width: auto; min-width: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .product-info-icon { flex: 0 0 22px; width: 22px; }
  html[data-md-mobile-preview="1"] body.mdm-active .produt-info.message { padding: 10px; border: 1px solid #746243; border-radius: 9px; background: #30291f; }
  html[data-md-mobile-preview="1"] body.mdm-active .produt-info.message .product-info-details { color: #ffdfaa; }
  html[data-md-mobile-preview="1"] body.mdm-active .price-current { margin: 16px 0; color: var(--mdm-text); font-size: 27px; font-weight: 750; line-height: 1.2; }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list { width: 100%; min-height: 54px; margin: 10px 0; padding: 10px 12px; border: 1px solid var(--mdm-line); border-radius: 9px; background-color: var(--mdm-card); color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list .list-heading { color: var(--mdm-muted); font-size: 13px; }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list .list-value { margin-top: 3px; color: var(--mdm-text); font-size: 16px; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list-part { color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list-part .list-part-inner { max-width: 100%; background: var(--mdm-card); color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list-part .list-item { min-height: 48px; padding: 12px; border-color: var(--mdm-line); color: var(--mdm-text); font-size: 16px; }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list-part .list-item.active { background: var(--mdm-surface); color: #fff; }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list-part .close { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .product-content :is(.product-description, .product-characteristics) { display: block !important; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.product-description p, .product-description li, .product-characteristics) { color: var(--mdm-text); font-size: 16px; line-height: 1.5; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.table-options, .table-options td, .table-options th) { color: var(--mdm-text); background: transparent; border-color: var(--mdm-line); font-size: 14px; line-height: 1.5; overflow-wrap: break-word; }
  html[data-md-mobile-preview="1"] body.mdm-active .table-options { width: 100%; table-layout: fixed; }
  html[data-md-mobile-preview="1"] body.mdm-active .characteristics-name { margin: 12px 0; font-size: 21px; line-height: 1.25; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.sets-container, .review-part, .another-part) { padding: 12px 0; border-color: var(--mdm-line); background: transparent; }
  html[data-md-mobile-preview="1"] body.mdm-active .set-title { color: var(--mdm-text); font-size: 20px; }
  html[data-md-mobile-preview="1"] body.mdm-active .set-item { min-width: 0; border-color: var(--mdm-line); background: var(--mdm-card); color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.set-item a, .fast-order a, .product-description a, .product-additional a) { color: #b9dbff; }
  html[data-md-mobile-preview="1"] body.mdm-active .ms2_form .btn-basket { min-height: 48px; max-width: 100%; padding: 12px 16px; border: 0; border-radius: 10px; background: var(--mdm-red); color: #fff; font-size: 16px; line-height: 1.3; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.fast-order a, .favorites, .reviews) { display: inline-flex; align-items: center; min-height: 44px; }
  html[data-md-mobile-preview="1"] body.mdm-active .table-responsive { max-width: 100%; border: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart { padding: 4px 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-responsive { overflow: visible; }
  /* Author grid/display rules must not reveal a confirmed removed native row. */
  html[data-md-mobile-preview="1"] body.mdm-active #msCart [hidden] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart button { color: var(--mdm-text); background-color: var(--mdm-surface); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart table td { float: none; margin: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart table td.title .price { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart table td.remove { left: auto; width: 44px !important; margin: 0; padding: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart table td.remove .favorite-icon { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .count-wrap :is(.minus,.plus) { position: static; flex: 0 0 44px; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.count .form-group { display: flex; align-items: center; margin: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart button[value="cart/change"] { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.count form { margin: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart { display: block; width: 100%; min-width: 0; border: 0; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart tbody { display: block; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .table-header { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart tr:not(.table-header):not(.table-footer) { position: relative; display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 8px 12px; margin: 0 0 10px; padding: 12px; border: 1px solid var(--mdm-line); border-radius: 12px; background: var(--mdm-card); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td { display: block; width: auto !important; min-width: 0; padding: 0; border: 0; background: transparent; color: var(--mdm-text); font-size: 15px; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.image { grid-column: 1; grid-row: 1 / span 2; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.image img { width: 88px; max-width: 100%; height: 76px; border-radius: 8px; object-fit: contain; background: #f0efed; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.title { grid-column: 2; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.title > a { display: block; color: var(--mdm-text); font-size: 15px; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.title .small { margin-top: 5px; color: var(--mdm-muted); font-size: 13px; line-height: 1.4; overflow-wrap: break-word; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.count { grid-column: 2; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .count-wrap { display: inline-flex; align-items: center; height: 44px; overflow: hidden; border: 1px solid var(--mdm-line); border-radius: 8px; background: var(--mdm-surface); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .count-wrap :is(.minus, .plus) { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .count-wrap input { width: 38px !important; min-width: 0; height: 42px; margin: 0; padding: 4px; border: 0; background: transparent; color: var(--mdm-text); font-size: 16px; text-align: center; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.price { grid-column: 1 / -1; padding-right: 48px; color: var(--mdm-text); font-size: 21px; font-weight: 700; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.price::before { content: "Цена за 1 шт."; display: block; margin-bottom: 2px; color: var(--mdm-muted); font-size: 12px; font-weight: 400; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .mdm-line-price { display: block; margin-top: 8px; color: var(--mdm-text); font-size: 21px; font-weight: 700; line-height: 1.3; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .mdm-line-price::before { content: "Сумма за позицию"; display: block; margin-bottom: 2px; color: var(--mdm-muted); font-size: 12px; font-weight: 400; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.remove { position: absolute; right: 8px; bottom: 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.remove button { width: 44px; min-height: 44px; padding: 10px; border: 0; border-radius: 8px; background: var(--mdm-surface); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart td.remove img { width: 20px; height: 20px; object-fit: contain; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .table-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 16px 0; border-top: 1px solid var(--mdm-line); background: transparent; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .table-footer th { padding: 0; border: 0; background: transparent; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .return-deleted td.title { grid-column: 1 / -1; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart tr:is(.return-deleted, .mdm-cart-undo) { grid-template-columns: minmax(0, 1fr) !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart tr:is(.return-deleted, .mdm-cart-undo) > td { grid-column: 1 / -1; width: 100% !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart tr:is(.return-deleted, .mdm-cart-undo) > td:empty { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart tr:is(.return-deleted, .mdm-cart-undo) p { margin: 0 0 10px; color: var(--mdm-text); line-height: 1.45; overflow-wrap: break-word; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart [data-md-cart-undo] { max-width: 100%; min-height: 44px; white-space: normal; }
  html[data-md-mobile-preview="1"] body.mdm-active #msCart .table-mscart .return-deleted .back a { color: #a9dfbe !important; }
  html[data-md-mobile-preview="1"][data-mdm-page="cart"] body.mdm-active :is(.mb.gray, .mb-continue) { max-width: 100%; background: none; box-shadow: none; }
  html[data-md-mobile-preview="1"][data-mdm-page="cart"] body.mdm-active :is(.mb.gray > button, .mb-continue > a) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 10px 14px; border: 1px solid var(--mdm-line); border-radius: 10px; background: var(--mdm-card); color: var(--mdm-text); font-size: 14px; line-height: 1.4; text-align: center; text-decoration: none; white-space: normal; box-shadow: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order { box-sizing: border-box; margin: 12px; padding: 0; border: 0; background: transparent; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order-form { padding: 0; background: transparent; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order .checkout-heading { margin: 16px 0; font-size: 24px; text-align: left; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(.col50, .form-item, .form-items-wrap, .shop-order-credentials, .shop-block-order) { box-sizing: border-box; float: none; width: 100%; min-width: 0; margin: 0 0 12px; padding: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(.h5, label) { color: var(--mdm-text); font-size: 16px; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order .form-item > label { display: block; margin-bottom: 6px; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]), textarea, select) { box-sizing: border-box; display: block; width: 100%; min-height: 48px; max-width: 100%; margin: 0; padding: 11px 12px; border: 1px solid var(--mdm-line); border-radius: 9px; background: var(--mdm-card); color: var(--mdm-text); font-size: 16px; line-height: 1.5; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(input, textarea)::placeholder { color: var(--mdm-muted); opacity: 1; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(input, textarea, select).error { border-color: #ff9b9e; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order textarea { min-height: 96px; resize: vertical; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(.payment, .delivery) { display: block; min-height: 48px; padding: 12px; border: 1px solid var(--mdm-line); border-radius: 9px; background: var(--mdm-card); }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(input[type="radio"], input[type="checkbox"]) { width: 20px; height: 20px; margin: 0 7px 0 0; accent-color: var(--mdm-red); vertical-align: middle; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order :is(.small, .policy, .policy a) { color: var(--mdm-muted); font-size: 13px; line-height: 1.5; }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order .well { margin: 12px 0; padding: 12px; border: 1px solid var(--mdm-line); border-radius: 10px; background: var(--mdm-card); }
  html[data-md-mobile-preview="1"] body.mdm-active .shop-order button[value="order/submit"] { min-height: 48px; max-width: 100%; padding: 12px 18px; border: 0; border-radius: 10px; background: var(--mdm-red); color: #fff; font-size: 16px; font-weight: 650; line-height: 1.4; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.contacts-page, .info-service-block) { box-sizing: border-box; max-width: 100%; margin: 12px; padding: 0; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page .contacts-item { display: block; margin: 0 0 16px; padding: 12px; border: 1px solid var(--mdm-line); border-radius: 12px; background: var(--mdm-card); }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page :is(.info-part, .map-part) { box-sizing: border-box; width: 100%; min-width: 0; margin: 0; padding: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page :is(p, .details, .title, strong) { color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page .title { font-size: 21px; line-height: 1.3; }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page a { display: inline-flex; align-items: center; min-height: 44px; color: #b9dbff; font-size: 16px; }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page .map-part { margin-top: 12px; overflow: hidden; border-radius: 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page .mdm-store { display: block; margin: 0 0 12px; border: 1px solid var(--mdm-line); border-radius: 12px; background: var(--mdm-card); overflow: hidden; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-store > summary { position: relative; display: block; min-height: 72px; padding: 14px 44px 14px 14px; cursor: pointer; list-style: none; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-store > summary::-webkit-details-marker { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-store > summary strong { display: block; font-size: 19px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-store > summary span { display: block; margin-top: 3px; font-size: 14px; color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-store > summary::after { content: ''; position: absolute; right: 18px; top: 28px; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-store[open] > summary::after { transform: rotate(225deg); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-store > summary:focus-visible { outline: 2px solid var(--mdm-active); outline-offset: -3px; }
  html[data-md-mobile-preview="1"] body.mdm-active .contacts-page .mdm-store .contacts-item { margin: 0; border: 0; border-top: 1px solid var(--mdm-line); border-radius: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.requisites-wrap, .requisites-toggle, .requisites-body, .req-content) { border-color: var(--mdm-line); background: var(--mdm-card); color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .requisites-wrap { margin: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active .req-value { color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .req-label { color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .footer { padding-bottom: 0; background: var(--mdm-bg); color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .footer a { color: #b9dbff; }
}

@media (max-width: 359.98px) {
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-brand { font-size: 11px; gap: 5px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-logo { flex-basis: 26px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-logo svg { width: 26px; height: 30px; flex-basis: 26px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header > .mdm-icon-button { width: 36px; flex-basis: 36px; padding: 6px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header .mdm-brand > :is(img, svg) { width: 30px; height: 32px; flex-basis: 30px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category { font-size: 11px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title { gap: 4px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title :is(h1, h2, h3) { font-size: 17px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title a { padding-right: 8px; padding-left: 8px; font-size: 9px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero :is(h1, h2, strong) { font-size: 22px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-city { font-size: 10px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .price { font-size: 20px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-buy-price { font-size: 19px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-buy-button { padding-right: 10px; padding-left: 10px; font-size: 15px; }
}

/* Compact marketplace layout, with the owner's restored dark palette.
   Mobile only; native catalog data and desktop styling stay authoritative. */
@media (max-width: 767.98px) {
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header { min-height: 42px; padding-top: env(safe-area-inset-top,0px); padding-bottom: 0; background: var(--mdm-bg); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-brand { font-size: 16px; gap: 7px; letter-spacing: -.025em; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-logo { flex-basis: 25px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-logo svg { width: 25px; height: 28px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-header .mdm-icon-button { flex-basis: 44px; width: 44px; }
  html[data-md-mobile-preview="1"][data-mdm-page="product"] body.mdm-active .mdm-brand .mdm-logo { display: flex; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search { padding: 2px 8px 8px; background: var(--mdm-bg); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search form { min-height: 44px; background: var(--mdm-card); border: 1px solid var(--mdm-line); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search input:not([type="hidden"]) { min-height: 44px; font-size: 16px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-categories { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 76px; gap: 8px; padding: 4px 6px 8px; background: var(--mdm-bg); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-inline: 6px; -webkit-overflow-scrolling: touch; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category { min-height: 84px; border: 0; border-radius: 0; background: transparent; gap: 4px; padding: 2px 0; font-size: 11px; scroll-snap-align: start; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category :is(img,svg) { height: 54px; width: 100%; max-width: 72px; border-radius: 9px; background: var(--mdm-card); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category > span { min-height: 27px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category > svg { color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero { min-height: 100px; height: 27vw; max-height: 116px; margin: 6px 6px 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero .mdm-hero-copy { padding: 10px 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero strong { font-size: 22px; margin-bottom: 7px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-hero-cta { min-height: 36px; padding: 8px 14px; min-width: 0; font-size: 13px; background: var(--mdm-red); color: #fff; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title { min-height: 38px; padding: 8px 8px 6px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-section-title h2 { font-size: 18px; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-home-grid,.mdm-grid,#mse2_results) { gap: 10px 6px; padding: 0 6px !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .shares { background: transparent !important; border-radius: 0; box-shadow: none !important; padding-bottom: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .shares-img { aspect-ratio: 1; border-radius: 12px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description { padding: 7px 3px 3px !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .price { order: -1; min-height: 25px; font-size: 21px; margin-bottom: 4px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .name { min-height: 36px; font-size: 13px; margin-bottom: 1px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .old_price { display: inline; font-size: 11px; margin-left: 5px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .description .color-red { color: #ffd38c !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon { background: transparent; padding: 10px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon svg { width: 24px; height: 24px; filter: drop-shadow(0 0 2px #fff); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon svg path:last-child { fill: #525d6c; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-card .favorite-icon.active svg path:last-child { fill: var(--mdm-red); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status { min-height: 20px; padding: 2px 6px; border-radius: 5px; font-size: 11px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[data-state="available"] { color: #8bddb0; background: #183e2b; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status[data-state="order"] { color: #efc778; background: #3c3320; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-status::before { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav { background: var(--mdm-bg); border-color: var(--mdm-line); box-shadow: none; padding-top: 3px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav a { min-height: 49px; font-size: 10px; gap: 3px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-bottom-nav svg { width: 23px; height: 23px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-buybar { min-height: 66px; background: var(--mdm-bg); border-color: var(--mdm-line); box-shadow: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toast { background: #18212f; color: #fff; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-error { color: #ff9b9e; }
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-notice a,.catalogue-description a,.description-store a,.path a,.set-item a,.fast-order a,.product-description a,.product-additional a,.contacts-page a,.footer a) { color: #b9dbff; }
  html[data-md-mobile-preview="1"] body.mdm-active .outgoing-list-part .list-item.active { background: var(--mdm-surface); color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .produt-info.message { background: #30291f; border-color: #746243; }
  html[data-md-mobile-preview="1"] body.mdm-active .produt-info.message .product-info-details { color: #ffdfaa; }
  html[data-md-mobile-preview="1"] body.mdm-active .isotope-group button.is-checked { background: var(--mdm-surface); color: var(--mdm-text); border-color: var(--mdm-muted); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-card img { filter: grayscale(1) brightness(0) invert(.85); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-card { min-height: 110px; padding: 8px; font-size: 12px; text-align: center; align-items: center; justify-content: center; border: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-copy { font-size: 12px; line-height: 1.25; font-weight: 400; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-browser { display: grid; grid-template-columns: 86px minmax(0,1fr); gap: 8px; margin: 0; padding: 0 6px 12px 0; height: calc(100dvh - 166px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)); min-height: 300px; overflow: hidden; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-rail { display: flex; flex-direction: column; gap: 2px; background: var(--mdm-card); overflow-y: auto; overscroll-behavior-y: contain; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-rail .mdm-rail-item { display: flex; flex: 0 0 auto; flex-direction: column; align-items: center; gap: 5px; width: 100%; min-height: 70px; padding: 8px 5px; border: 0; border-left: 3px solid transparent; background: transparent; color: var(--mdm-text); font-size: 11px; line-height: 1.25; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-rail-item img { width: 27px; height: 27px; object-fit: contain; filter: grayscale(1) brightness(0) invert(.85); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-category-rail .mdm-rail-item[aria-pressed="true"] { background: var(--mdm-bg); border-left-color: var(--mdm-red); color: var(--mdm-active); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-panel { min-width: 0; overflow-y: auto; overscroll-behavior-y: contain; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-title { display: flex; align-items: center; min-height: 44px; padding: 4px; font-size: 16px; font-weight: 650; color: var(--mdm-text); text-decoration: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-directory-panel .mdm-directory-grid { gap: 4px; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-catalog-directory #mse2_mfilter > h1 { position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip-path: inset(50%); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-caption { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-control .mdm-sort-select { min-height: 44px; height: 44px; padding: 9px 22px 9px 10px; font-size: 13px; border-radius: 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; align-items: stretch; padding: 0 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar .mdm-sort-control { min-width: 0; margin: 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar :is(.mdm-filter-button,.mdm-sort-button) { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; height: 44px; min-width: 0; min-height: 44px; margin: 0; padding: 9px 8px; border: 1px solid var(--mdm-line); border-radius: 22px; color: var(--mdm-text); background: var(--mdm-card); font-size: 13px; font-weight: 500; line-height: 1.2; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-button svg { width: 20px; height: 20px; flex: 0 0 20px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar :is(.mdm-sort-button,.mdm-filter-button) span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-select[hidden] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar .mdm-filter-button[hidden] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-toolbar.mdm-no-filters { grid-template-columns: minmax(0, 170px); }
  /* Override the native .content .row important gutters only around mobile results. */
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-results-row { margin-left: 0 !important; margin-right: 0 !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #mse2_results.mdm-grid { box-sizing: border-box; max-width: 100%; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-results-total { grid-column: 1 / -1; font-size: 11px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-results-total:empty { display: none; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-option { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; gap: 12px; padding: 12px 4px; border: 0; border-bottom: 1px solid var(--mdm-line); color: var(--mdm-text); background: transparent; text-align: left; font-size: 15px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-option::after { content: ''; flex: 0 0 20px; width: 20px; height: 20px; border: 1px solid var(--mdm-muted); border-radius: 50%; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-sort-option[aria-checked="true"]::after { border: 6px solid var(--mdm-red); background: #fff; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search .mdm-search-voice { order: 4; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-search input:not([type="hidden"]) { flex: 1 1 0; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-voice-explanation { color: var(--mdm-muted); font-size: 14px; line-height: 1.5; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-voice-status { min-height: 48px; margin: 16px 0; font-size: 17px; line-height: 1.4; color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-voice-start { gap: 8px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-voice-start svg { width: 22px; height: 22px; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-group { border-bottom: 1px solid var(--mdm-line); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-group summary { min-height: 48px; padding: 12px 2px; color: var(--mdm-text); font-size: 15px; cursor: pointer; }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-group legend { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-filter-group input[type="checkbox"] { flex: 0 0 20px; }
}

/* Keep the existing live-chat launcher above navigation and the product buy bar. */
@media (max-width: 767.98px) {
  /* Native mobile cart already hides this duplicated subtotal. Its legacy
     callback does not update it reliably; the authoritative order total stays visible. */
  html[data-md-mobile-mode="live"][data-mdm-page="cart"] body.mdm-active #msCart .table-footer {
    display: none;
  }
  html[data-md-mobile-preview="1"] body.mdm-active :is(#jvLabelWrap, #jcont) {
    bottom: calc(68px + env(safe-area-inset-bottom)) !important;
  }
  /* A translated, opacity-zero closed Jivo panel still catches taps over the nav. */
  html[data-md-mobile-preview="1"] body.mdm-active #jcont[style*="CLOSE_WIDGET"],
  html[data-md-mobile-preview="1"] body.mdm-active #jcont[style*="CLOSE_WIDGET"] * {
    visibility: hidden !important;
    pointer-events: none !important;
  }
  /* Jivo's desktop-style close control can otherwise sit outside a narrow screen. */
  html[data-md-mobile-preview="1"] body.mdm-active #jcont #jivo_action { z-index: 10 !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #jcont > .wrap__bmq_N { z-index: 1 !important; }
  html[data-md-mobile-preview="1"] body.mdm-active #jcont #jivo_close_button {
    position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important;
    display: flex !important; align-items: center; justify-content: center;
    width: 44px !important; height: 44px !important; margin: 0 !important; transform: none !important; z-index: 3;
  }
  html[data-md-mobile-preview="1"] body.mdm-active #jivo_close_button > * {
    position: static !important; margin: 0 !important; transform: none !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jvLabelWrap,
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed:not(.mdm-chat-open) #jcont {
    display: none !important;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-chat-launcher {
    position: fixed; right: 8px; bottom: calc(70px + env(safe-area-inset-bottom)); z-index: 190;
    min-height: 36px; padding: 8px 12px; border: 1px solid #416154; border-radius: 18px;
    background: #203c31; color: #d9f5e5; font: 500 12px/1.2 sans-serif; box-shadow: 0 2px 8px #0003;
  }
  html[data-md-mobile-preview="1"] body.mdm-active .mdm-chat-launcher::before {
    content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border: 1px solid currentColor; border-radius: 50%;
  }
  html[data-md-mobile-preview="1"] body.mdm-active:is(.mdm-chat-open,.mdm-keyboard-open) .mdm-chat-launcher { display: none; }
  /* Only the opt-in mobile presentation changes; no provider/account settings. */
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont {
    left: 8px !important; right: 8px !important; width: auto !important;
    max-width: 420px !important; margin-left: auto !important; margin-right: auto !important;
    color: var(--mdm-text) !important; color-scheme: dark;
  }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont > :is([class*="main__"],#jivo_action) { width: 100% !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is([class*="input___"],[class*="wrapMargin__"],[class*="inputContainer__"],[class*="tdTextarea__"],textarea) { box-sizing: border-box !important; width: 100% !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont textarea { padding-right: 54px !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is([class*="headerBox__"],[class*="pattern__"]) { background: var(--mdm-card) !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont [class*="leaf__"] { display: none !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont [class*="info__"] { padding-right: 42px !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont [class*="agentName__"] { white-space: normal !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is([class*="bodyWrap__"],[class*="typing__"],[class*="moreBox__"],[class*="popupFull__"]) { background: var(--mdm-bg) !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is([class*="bubble__"] > [class*="wrapper__"],[class*="input___"],[class*="menu__"],[class*="button__"]) { background: var(--mdm-card) !important; border-color: var(--mdm-line) !important; color: var(--mdm-text) !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is([class*="text__"],textarea,input,[class*="button__"] span) { color: var(--mdm-text) !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is([class*="name__"],[class*="status__"],[class*="title__"]) { color: var(--mdm-muted) !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is(textarea,input) { background: transparent !important; caret-color: var(--mdm-text); }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont :is(textarea,input)::placeholder { color: var(--mdm-muted) !important; opacity: 1; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont a { color: #b9dbff !important; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont [class*="sendButton__"] { background: var(--mdm-red) !important; border-radius: 50%; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont [class*="sendButton__"]::after { content: '↑'; display: block; color: white; font: 24px/34px sans-serif; text-align: center; }
  html[data-md-mobile-preview="1"] body.mdm-active.mdm-chat-managed #jcont [class*="sendButton__"][class*="__disabled__"] { background: var(--mdm-line) !important; opacity: .6; }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  html[data-md-mobile-preview="1"] body.mdm-active :is(.mdm-ui, .mdm-ui *, .mdm-card, .mdm-card *) {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}