/* Only the mobile homepage. Desktop rules and scene geometry are unchanged. */
html.mobile-home body[data-ui-page="index"] { padding-top: 56px !important; background: #F7F8F9; }
html.mobile-home { scroll-padding-top: 72px !important; }
html.mobile-home #m-header .mh-inner { height: 56px; padding: 0 var(--m-pad); grid-template-columns: 1fr auto; grid-template-areas: "logo act"; }
html.mobile-home #m-header .mh-cat,
html.mobile-home #m-header .mh-search,
html.mobile-home #m-header .mh-tab { display: none; }
html.mobile-home #m-header .mh-logo,
html.mobile-home #m-header .mh-actions { height: 56px; }
html.mobile-home .mobile-home-intro { padding: 28px var(--m-pad) 20px; color: #17191C; }
html.mobile-home body[data-ui-page="index"] .mobile-home-intro h1 { margin: 0 0 12px; font: 600 clamp(29px,8.2vw,34px)/1.06 'IBM Plex Sans',sans-serif !important; letter-spacing: -.025em !important; }
html.mobile-home .mobile-home-intro h1 span { display: block; color: #0B47A8; }
html.mobile-home .mobile-home-intro p { margin: 0 0 22px; font-size: 15px; line-height: 1.45; color: #60666D; }
html.mobile-home .home-mobile-search { display: flex; align-items: center; gap: 8px; min-height: 56px; padding: 5px 6px 5px 16px; border: 1px solid #D8DBDF; border-radius: 12px; background: #FFF; }
html.mobile-home .home-mobile-search:focus-within { border-color: #0B47A8; box-shadow: 0 0 0 2px #0B47A81A; }
html.mobile-home .home-mobile-search input { width: 100%; min-width: 0; border: 0; background: transparent; font: 400 16px/1.3 'IBM Plex Sans',sans-serif; color: #17191C; outline: none; }
html.mobile-home .home-mobile-search button { flex: none; min-height: 44px; padding: 0 16px; border: 0; border-radius: 8px; background: #0B47A8; color: #FFF; font: 500 14px/1 'IBM Plex Sans',sans-serif; cursor: pointer; }
html.mobile-home .home-mobile-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
html.mobile-home .home-mobile-shortcuts a { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 0 12px; border: 1px solid #D8DBDF; border-radius: 10px; color: #17191C; text-decoration: none; font: 500 14px/1.2 'IBM Plex Sans',sans-serif; }
html.mobile-home .home-mobile-shortcuts a span { color: #0B47A8; }
html.mobile-home body[data-ui-page="index"] .m-cat-sec { padding-top: 8px !important; padding-bottom: 32px !important; }
html.mobile-home body[data-ui-page="index"] .m-cat-head { flex-direction: row; align-items: center !important; gap: 12px !important; margin-bottom: 16px !important; }
html.mobile-home .m-cat-head > div > span { display: none !important; }
html.mobile-home .m-cat-head h2 { font-size: 20px !important; line-height: 1.15 !important; letter-spacing: -.015em; }
html.mobile-home .m-cat-head > a { border: 0 !important; padding: 0 !important; color: #0B47A8 !important; font-size: 13px !important; gap: 6px !important; white-space: nowrap; }
html.mobile-home .m-cat-head > a svg { width: 14px; }
html.mobile-home body[data-ui-page="index"] .m-bento { grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-auto-rows: 172px !important; gap: 10px !important; }
html.mobile-home body[data-ui-page="index"] .m-bento > a[data-featured="true"] { grid-column: auto !important; grid-row: auto !important; }
html.mobile-home body[data-ui-page="index"] .m-bento .category-heading { left: 14px !important; top: 14px !important; right: 12px !important; }
html.mobile-home body[data-ui-page="index"] .m-bento .category-heading > span:nth-child(2) { font-size: 15px !important; line-height: 1.12 !important; }
html.mobile-home body[data-ui-page="index"] .m-bento > a.graphite-category .category-art-stage { top: 82px; left: 0; }
html.mobile-home body[data-ui-page="index"] .m-bento > a > span:last-child:not(.category-heading) { width: 24px !important; height: 24px !important; top: 10px !important; right: 8px !important; }
html.mobile-home .home-mobile-dealers { margin-top: 28px; padding-top: 20px; border-top: 1px solid #D8DBDF; color: #60666D; font-size: 13px; line-height: 1.5; }
html.mobile-home .home-mobile-dealers p { margin: 0 0 4px; }
html.mobile-home .home-mobile-dealers a { display: inline-block; padding: 8px 0; color: #0B47A8; text-underline-offset: 3px; }
html.mobile-home #catalog [data-at-rv] { opacity: 1 !important; transform: none !important; }
html.mobile-home #catalog .graphite-category { clip-path: none !important; }
@media (min-width: 768px) {
  html.mobile-home .mobile-home-intro { padding-top: 24px; }
  html.mobile-home .mobile-home-intro h1 span { display: inline; }
  html.mobile-home body[data-ui-page="index"] .m-bento { grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
}