.zm-mobile-home { display: none; }

@media (max-width: 767px) {
    body.zm-home-page { background: radial-gradient(ellipse at 52% 26%, #e4efff, #f6f9ff 75%); }
    .zm-home-page .zt-header, .zm-home-page .zt-nav, .zm-home-page .zt-footer,
    .zm-home-page .zm-mini-top, .zm-home-page .zm4 { display: none; }
    body.zm-home-page #main-content.wrap { width: min(100% - 24px, 570px); }
    .zm-mobile-home { display: block; padding: 12px 0 calc(104px + env(safe-area-inset-bottom)); color: #0a1743; }
    .zm-mobile-home .zu-icon { width: 23px; height: 23px; }
    .zmh-top { display: grid; grid-template-columns: 40px minmax(0,1fr) 40px; align-items: center; gap: 8px; margin: 0 0 12px; min-height: 44px; }
    .zmh-brand { justify-self: center; display: flex; gap: 7px; align-items: center; font-size: 26px; font-weight: 900; letter-spacing: -1px; white-space: nowrap; }
    .zmh-brand > span { display: grid; place-items: center; width: 33px; height: 36px; color: #fff; border-radius: 9px; background: linear-gradient(145deg,#28b5ff,#0052ed 66%,#0138a5); box-shadow: inset 0 1px 2px #fff9,0 4px 9px #0057da32; }
    .zmh-menu { position: relative; z-index: 3; }
    .zmh-menu summary, .zmh-cart { position: relative; display: grid; place-items: center; width: 40px; height: 42px; cursor: pointer; list-style: none; }
    .zmh-menu summary::-webkit-details-marker { display: none; }
    .zmh-menu nav { position: absolute; top: 45px; left: 0; width: 180px; padding: 8px; border: 1px solid #dae8ff; border-radius: 16px; background: white; box-shadow: 0 8px 18px #14346b24; }
    .zmh-menu nav a { display: block; padding: 9px; border-radius: 8px; font-weight: 700; }
    .zmh-menu nav a:focus-visible, .zmh-menu nav a:hover { background: #ecf4ff; }
    .zmh-cart { color: #064dda; }
    .zmh-cart b { position: absolute; top: 0; right: -1px; min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 3px; border-radius: 12px; background: #f51c3e; color: white; font-size: 10px; }
    .zmh-search { display: flex; min-width: 0; border: 1px solid #e1edff; border-radius: 24px; background: white; box-shadow: 0 6px 13px #3b7ad22c; overflow: hidden; margin-bottom: 15px; }
    .zmh-search button { display: grid; place-items: center; width: 46px; background: transparent; border: 0; color: #005aff; flex: 0 0 46px; }
    .zmh-search input { flex: 1; min-width: 0; min-height: 43px; border: 0; background: transparent; padding: 0 11px 0 0; color: #172755; font-size: 14px; }
    .zmh-mobile-hero { isolation: isolate; position: relative; display: flex; align-items: center; min-height: clamp(156px, 47vw, 228px); overflow: hidden; padding: 16px; border-radius: 25px; color: white; background: radial-gradient(ellipse at 87% 92%, #8accff, transparent 49%), linear-gradient(152deg,#28a4ff,#0068ee 38%,#0345bf); box-shadow: inset 0 2px 4px #b4ecff8c,0 7px 13px #3488e627; }
    .zmh-mobile-hero::before { content: ''; position: absolute; inset: 7% -18% -35% 28%; border: 1px solid #b0edff99; border-radius: 50%; transform: rotate(-30deg); }
    .zmh-mobile-hero > div { position: relative; z-index: 1; width: 56%; }
    .zmh-mobile-hero h1 { margin: 0 0 7px; font-size: clamp(24px, 6.9vw, 42px); line-height: .98; letter-spacing: -.65px; color: white; }
    .zmh-mobile-hero p { margin: 0 0 11px; font-size: clamp(10px, 3vw, 15px); line-height: 1.3; }
    .zmh-mobile-hero a { display: inline-block; background: linear-gradient(white,#e4efff); border-radius: 20px; color: #0036b4; padding: 7px 13px; font-weight: 800; font-size: 12px; box-shadow: 0 4px 7px #052f8533; }
    .zmh-mobile-hero img { position: absolute; bottom: 2%; right: -4%; width: 63%; height: 98%; object-fit: contain; object-position: right bottom; }
    .zmh-scroll { display: flex; overflow-x: auto; scrollbar-width: thin; scroll-snap-type: x proximity; gap: 8px; padding: 2px 2px 11px; }
    .zmh-scroll > * { scroll-snap-align: start; }
    .zmh-quick { margin-top: 13px; }
    .zmh-quick a, .zmh-category-grid a { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; min-width: 0; border: 1px solid #d9e8ff; border-radius: 15px; background: linear-gradient(#fff,#f0f6ff); box-shadow: 0 5px 9px #5f8fd83b,inset 0 1px 1px white; overflow: hidden; }
    .zmh-quick a { flex: 0 0 calc((100% - 32px)/5); }
    .zmh-art { display: block; width: 100%; aspect-ratio: 1.22; background: url('mock/categories.png') no-repeat; background-size: 300% 200%; border-radius: 12px 12px 0 0; }
    .zmh-art-1 { background-position: 0 0; } .zmh-art-2 { background-position: 50% 0; } .zmh-art-3 { background-position: 100% 0; }
    .zmh-art-4 { background-position: 0 100%; } .zmh-art-5 { background-position: 50% 100%; }
    .zmh-quick strong, .zmh-category-grid strong { display: grid; align-content: center; flex: 1; padding: 6px 3px; font-size: clamp(9px, 2.5vw, 13px); line-height: 1.15; }
    .zmh-heading { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin: 12px 0 9px; }
    .zmh-heading h2 { margin: 0; font-size: clamp(17px, 4.7vw, 24px); line-height: 1.16; letter-spacing: -.4px; }
    .zmh-heading a, .zmh-all-deals { color: #0051df; font-weight: 750; font-size: 11px; white-space: nowrap; }
    .zmh-clock { padding: 4px 7px; white-space: nowrap; border: 1px solid #ffd1e1; border-radius: 20px; background: #fff0f4; color: #c70834; font-size: clamp(9px, 2.5vw, 12px); font-weight: 750; font-variant-numeric: tabular-nums; }
    .zmh-deal { flex: 0 0 max(96px,calc((100% - 16px)/3)); border: 1px solid #dce9ff; border-radius: 15px; background: linear-gradient(white,#f5f9ff); box-shadow: 0 5px 9px #6795d63b; padding: 6px; min-width: 0; }
    .zmh-deal-image { position: relative; display: block; aspect-ratio: 1.05; }
    .zmh-deal-image img { width: 100%; height: 100%; object-fit: contain; }
    .zmh-deal-image span { position: absolute; top: 2px; right: 0; background: linear-gradient(#ff5a73,#ee002c); border-radius: 16px; color: white; font-weight: 800; padding: 2px 5px; font-size: 10px; }
    .zmh-deal-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; margin: 5px 0; height: 2.5em; line-height: 1.25; font-size: 10px; font-weight: 750; }
    .zmh-deal-price { display: flex; justify-content: space-between; align-items: center; gap: 3px; }
    .zmh-deal-price strong, .zmh-deal-price del { display: block; line-height: 1.2; white-space: nowrap; }
    .zmh-deal-price strong { color: #d30a29; font-size: clamp(11px, 3.3vw, 16px); }
    .zmh-deal-price del { color: #4a5c7e; font-size: 9px; }
    .zmh-add { display: grid; place-items: center; border: 0; color: white; width: 28px; height: 29px; border-radius: 8px; background: linear-gradient(#009aff,#0047d5); cursor: pointer; }
    .zmh-add .zu-icon { width: 16px; height: 16px; }
    .zmh-all-deals { display: inline-block; margin-bottom: 5px; }
    .zmh-empty { margin: 0; padding: 12px; background: white; border-radius: 12px; font-size: 12px; }
    .zmh-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
    .zmh-category-grid a { background: linear-gradient(#eef6ff,#dcecff); }
    .zmh-category-grid strong { min-height: 33px; }
    .zmh-dock { position: fixed; z-index: 10; inset: auto 0 calc(8px + env(safe-area-inset-bottom)) 0; width: min(100% - 16px, 560px); margin-inline: auto; min-height: 62px; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); align-items: center; background: linear-gradient(#fff,#f3f8ff); border: 1px solid #e4edfd; border-radius: 23px; box-shadow: 0 5px 22px #264e9938; }
    .zmh-dock a { display: grid; justify-items: center; gap: 4px; font-size: 9px; font-weight: 700; min-width: 0; }
    .zmh-dock a[aria-current] { color: #0058ef; }
    .zmh-dock a[aria-current] .zu-icon { box-sizing: content-box; padding: 5px 10px; margin-top: -3px; background: linear-gradient(#249dff,#0056ef); color: white; border-radius: 15px; }
    .zmh-dock .zmh-dock-cart { align-self: start; justify-self: center; margin-top: -10px; width: 54px; height: 54px; place-items: center; background: linear-gradient(145deg,#24aaff,#0044d8); color: white; border: 2px solid white; border-radius: 50%; box-shadow: 0 5px 10px #1559bc50,inset 0 2px 2px #fff6; }
    .zmh-dock-cart .zu-icon { width: 29px; height: 29px; }
    .zm-mobile-home :focus-visible { outline: 2px solid #0754e4; outline-offset: 2px; }
}

@media (max-width: 767px) {
    .zmh-deal-price { flex-wrap: wrap; }
    .zmh-deal-price strong, .zmh-deal-price del { overflow-wrap: anywhere; white-space: normal; }
    #mobile-categories { scroll-margin-top: 12px; }
}