/* The mobile storefront owns its layout; no rules are loaded on the PC storefront. */
body[data-app="mall-mobile"] { --mo-accent:#e64c45;--mo-text:#272c36;--mo-muted:#78808e;--mo-line:#e9ecf1;--store-accent:var(--mo-accent);margin:0 auto;max-width:600px;padding:0 0 calc(72px + env(safe-area-inset-bottom));background:#f5f6f8;color:var(--mo-text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:0; }
body[data-app="mall-mobile"] * { box-sizing:border-box;letter-spacing:0; }
body[data-app="mall-mobile"] [hidden] { display:none!important; }
body[data-app="mall-mobile"] :focus-visible { outline:2px solid #2468da;outline-offset:3px; }
body[data-app="mall-mobile"] :is(button,input,select,textarea) { font:inherit; }
body[data-app="mall-mobile"] :is(button,a,input,select,textarea) { -webkit-tap-highlight-color:transparent; }
body[data-app="mall-mobile"] a { color:inherit;text-decoration:none; }
body[data-app="mall-mobile"] button { cursor:pointer; }
body[data-app="mall-mobile"] button:disabled { opacity:.45;cursor:not-allowed; }
body[data-app="mall-mobile"] :is(p,h1,h2,h3,h4) { overflow-wrap:anywhere; }
body[data-app="mall-mobile"] svg { width:22px;height:22px;flex-shrink:0; }
body[data-app="mall-mobile"] .store-background-layer { display:none; }
body[data-app="mall-mobile"] .mobile-header { position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;height:58px;min-height:58px;margin:0;padding:6px 16px;border:0;background:#fff;box-shadow:0 1px 0 #e9ecf1; }
body[data-app="mall-mobile"] .mobile-brand { display:flex;align-items:center;min-width:0;gap:8px;color:#272c36; }
body[data-app="mall-mobile"] .mobile-brand strong { font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
body[data-app="mall-mobile"] #storeLogo { max-width:110px;width:auto;height:40px;object-fit:contain; }
body[data-app="mall-mobile"] .mobile-header-actions { display:flex;align-items:center;gap:2px;flex-shrink:0; }
body[data-app="mall-mobile"] .mobile-header-actions :is(a,button) { position:relative;display:flex;align-items:center;justify-content:center;width:40px;min-height:44px;background:transparent;border:0;color:#454c59;font-size:13px; }
body[data-app="mall-mobile"] #accountLink { width:auto;max-width:84px;margin-left:4px; }
body[data-app="mall-mobile"] > .supplier-entry { display:none; }
body[data-app="mall-mobile"] main { width:100%;margin:0;padding:0; }
body[data-app="mall-mobile"] #storeContent { padding:12px 14px 20px; }
body[data-app="mall-mobile"] .mobile-intro { display:none; }
body[data-app="mall-mobile"] #mobileCatalogSearchForm { display:flex;align-items:center;gap:10px;width:100%;height:46px;margin:0 0 12px;padding:4px 6px 4px 12px;border:1px solid #e4e7ed;border-radius:8px;background:#fff; }
body[data-app="mall-mobile"] #mobileCatalogSearchForm svg { display:block;width:18px;color:#969da8; }
body[data-app="mall-mobile"] #mobileCatalogSearchForm input { flex:1;width:0;min-width:0;height:36px;margin:0;padding:0;border:0;background:transparent;font-size:14px;box-shadow:none; }
body[data-app="mall-mobile"] #mobileCatalogSearchForm button { width:60px;min-height:36px;padding:4px 10px;border:0;border-radius:5px;background:var(--mo-accent);color:#fff;font-size:14px; }
body[data-app="mall-mobile"] .mps-sections { gap:14px;padding:0;width:100%;margin:0; }
body[data-app="mall-mobile"] .mps-band { margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none; }
body[data-app="mall-mobile"] .mps-inner { margin:0;padding:0;max-width:100%; }
body[data-app="mall-mobile"] .mps-band h2 { margin:0 0 10px;padding:0;background:transparent;border:0;color:#272c36;font-size:17px;line-height:1.5; }
body[data-app="mall-mobile"] .mps-band h2::before,body[data-app="mall-mobile"] .mps-band h2::after { display:none; }
body[data-app="mall-mobile"] .mps-carousel { aspect-ratio:2.15;height:auto;min-height:0;overflow:hidden;border-radius:8px; }
body[data-app="mall-mobile"] .mps-carousel :is(.mps-carousel-track,.mps-carousel-slide,.mps-media,a) { height:100%;min-height:0; }
body[data-app="mall-mobile"] .mps-carousel img { height:100%;width:100%;object-fit:fill; }
body[data-app="mall-mobile"] .mps-carousel-controls { gap:6px; }
body[data-app="mall-mobile"] .mps-carousel-controls button { width:28px;height:28px;min-height:28px;padding:3px; }
body[data-app="mall-mobile"] .mps-benefits-grid { display:flex;justify-content:space-between;gap:8px; }
body[data-app="mall-mobile"] .mps-benefit-card { display:flex;align-items:center;gap:5px;min-height:34px;padding:0;border:0;background:none;box-shadow:none; }
body[data-app="mall-mobile"] .mps-benefit-card :is(strong,h3) { font-size:12px;color:#757b85; }
body[data-app="mall-mobile"] .mps-benefit-card p { display:none; }
body[data-app="mall-mobile"] .mps-benefit-card svg { width:17px;height:17px;min-width:17px;padding:0;border:0;border-radius:0;background:none;color:#e65d51;box-shadow:none;transform:none; }
body[data-app="mall-mobile"] .mps-benefit-card::after { display:none; }
body[data-app="mall-mobile"] .mps-shortcuts { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px 0 14px; }
body[data-app="mall-mobile"] .mps-shortcuts a { display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;min-height:70px;padding:0;color:#454c59;font-size:12px;line-height:1.5; }
body[data-app="mall-mobile"] .mps-shortcut-icon { display:grid;place-items:center;width:42px;height:42px;margin:0;border:0;border-radius:12px;background:#e5f0ff;color:#3582e8;box-shadow:0 3px 6px #387ed215; }
body[data-app="mall-mobile"] .mps-shortcuts a:nth-child(2) .mps-shortcut-icon { background:#ffebe8;color:#e65d51; }
body[data-app="mall-mobile"] .mps-shortcuts a:nth-child(3) .mps-shortcut-icon { background:#f0eaff;color:#8963db; }
body[data-app="mall-mobile"] .mps-shortcuts a:nth-child(4) .mps-shortcut-icon { background:#e2f6f1;color:#1e9e85; }
body[data-app="mall-mobile"] .mps-shortcuts a:nth-child(5) .mps-shortcut-icon { background:#fff2d9;color:#c98c26; }
body[data-app="mall-mobile"] .mps-shop-grid[data-layout="rail"] { display:grid;grid-auto-columns:118px;grid-auto-flow:column;grid-template-columns:none;gap:10px;padding-bottom:10px;overflow-x:auto;scroll-snap-type:x proximity; }
body[data-app="mall-mobile"] .mps-shop-product { min-width:0;padding:10px;border:0;border-radius:8px;background:#fff;box-shadow:none;scroll-snap-align:start; }
body[data-app="mall-mobile"] .mps-shop-product :is(h3,strong) { font-size:14px; }
body[data-app="mall-mobile"] .mps-shop-product p { font-size:12px; }
body[data-app="mall-mobile"] .mps-shop-product img { width:100%;height:88px;object-fit:contain; }
body[data-app="mall-mobile"] .mps-shop-product button { min-height:36px;font-size:12px; }
body[data-app="mall-mobile"] .mps-shop-info { min-width:0;padding:8px 0 0;display:flex;flex-direction:column;gap:6px; }.mps-shop-info .mps-shop-category { display:none; }
body[data-app="mall-mobile"] .mps-shop-product h3 { min-height:40px;margin:0;font-size:13px;line-height:1.5; }.mps-shop-info strong { color:#e6544c; }
body[data-app="mall-mobile"] .mps-shop-cover { aspect-ratio:1;max-height:98px;border-radius:5px; }
.mo-category-groups { display:grid;gap:12px; }
body[data-app="mall-mobile"] .mps-ad-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:none; }
body[data-app="mall-mobile"] .mps-ad-card { min-width:0;overflow:hidden;border-radius:6px; }
body[data-app="mall-mobile"] .mps-ad-card img { display:block;width:100%;height:auto;object-fit:contain; }
.mo-category-group { background:#fff;padding:12px;border-radius:8px; }
.mo-category-group header,.mo-member-section header { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px; }
.mo-category-group h3,.mo-member-section h3 { margin:0;font-size:15px;color:#272c36; }
.mo-text-button { padding:4px 0;min-height:32px;background:none;border:0;color:#808693;font-size:12px!important; }
.mo-category-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px; }
.mo-category { display:flex;align-items:center;gap:6px;min-height:50px;min-width:0;padding:4px 0;border:0;border-radius:0;background:transparent;text-align:left;color:#343a45;font-size:12px!important;line-height:1.4; }
.mo-category>span:last-child { min-width:0;overflow-wrap:anywhere; }
.mo-category-image,.mo-cart-image { position:relative;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:6px;background:#edf1f6;color:#8b96a7;font-size:16px;overflow:hidden; }
.mo-category-image img,.mo-cart-image img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff; }
.mo-page-heading { display:flex;align-items:center;justify-content:space-between;height:52px;background:#fff;border-bottom:1px solid var(--mo-line); }
.mo-page-heading h1 { margin:0;font-size:17px;font-weight:600; }
.mo-page-heading a { display:grid;place-items:center;width:48px;height:48px; }
.mo-directory { display:grid;grid-template-columns:86px minmax(0,1fr);min-height:calc(100dvh - 185px);background:#fff; }
.mo-directory>nav { display:flex;flex-direction:column;background:#f3f4f7; }
.mo-root-category { min-height:58px;padding:12px 8px;border:0;border-left:3px solid transparent;background:transparent;color:#6f7480;font-size:13px!important;overflow-wrap:anywhere; }
.mo-root-category[aria-current="true"] { border-left-color:var(--mo-accent);background:#fff;color:var(--mo-accent);font-weight:600; }
.mo-directory-content { min-width:0;padding:14px 10px; }
.mo-directory-content section { margin:0 0 24px; }
.mo-directory-content h3 { margin:10px 0 15px;font-size:14px; }
.mo-directory-content .mo-category { flex-direction:column;text-align:center;gap:8px; }
.mo-directory-content .mo-category-image { width:42px;height:42px;font-size:20px; }
.mo-directory-all { width:100%;min-height:38px;margin-bottom:12px;border:0;border-radius:5px;background:#fff2ee;color:#bc5146;font-size:12px!important; }
.mo-button,.mo-primary,.mo-secondary { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid var(--mo-line);border-radius:6px;background:#fff;color:#444c59; }
.mo-primary { background:var(--mo-accent);border-color:var(--mo-accent);color:#fff!important; }
.mo-secondary { color:var(--mo-accent);border-color:#f5c8c3;background:#fff5f3; }
.mo-empty { padding:36px 14px;text-align:center;color:#8a909a;font-size:14px; }
.mo-error { color:#bd463f!important; }
.mo-member-retry { display:block;width:calc(100% - 28px);margin:10px 14px;padding:10px;border:1px solid #f0c5a4;border-radius:6px;background:#fff3e5;color:#975d22;font-size:12px!important; }
#mobileProductSort { max-width:150px;min-height:40px;margin-left:auto;padding:4px 8px;border:1px solid var(--mo-line);border-radius:5px;background:#fff;color:#535c68;font-size:12px; }
body[data-app="mall-mobile"] .mobile-category-meta { display:flex;align-items:center;gap:10px; }
.mo-pagination { display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;color:#7d8592;font-size:13px; }
body[data-app="mall-mobile"] .mobile-catalog { margin:0;padding:0;border:0;background:transparent; }
body[data-app="mall-mobile"] .mobile-catalog-heading h2 { margin:0;color:#272c36;font-size:18px; }
body[data-app="mall-mobile"] .mobile-catalog-heading p { display:none; }
body[data-app="mall-mobile"] .mobile-catalog-heading button { min-height:40px;padding:6px 14px;font-size:13px; }
body[data-app="mall-mobile"] .mobile-category-meta { margin:10px 0;font-size:12px; }
body[data-app="mall-mobile"] .mobile-category-rail { margin:0 0 10px;padding:0 0 8px; }
body[data-app="mall-mobile"] .mobile-category-rail button { min-height:40px;font-size:13px; }
body[data-app="mall-mobile"] .mobile-catalog .product-list { display:grid;grid-template-columns:1fr;gap:10px; }
body[data-app="mall-mobile"] .mobile-catalog .product-card { position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto;gap:12px;min-height:112px;padding:12px;border:0;border-radius:8px; }
body[data-app="mall-mobile"] .mobile-catalog .product-visual { height:88px;min-height:88px;border-radius:6px; }
body[data-app="mall-mobile"] .mobile-catalog .product-visual img { object-fit:contain; }
body[data-app="mall-mobile"] .mobile-catalog .product-body { display:flex;flex-direction:column;gap:4px;min-height:88px;padding:0; }
body[data-app="mall-mobile"] .mobile-catalog .product-label { display:none; }
body[data-app="mall-mobile"] .mobile-catalog .product-card h3 { margin:0;font-size:14px;white-space:normal;line-height:1.45; }
body[data-app="mall-mobile"] .mobile-catalog .product-card p { margin:0;min-height:0;font-size:12px;line-height:1.5; }
body[data-app="mall-mobile"] .mobile-catalog .product-meta { display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto; }
body[data-app="mall-mobile"] .mobile-catalog .product-meta strong { color:#e75249;font-size:16px; }
body[data-app="mall-mobile"] .mobile-catalog .product-meta button { width:auto;min-height:34px;padding:3px 9px;font-size:12px;border-color:#efcac5;color:#da564c;background:#fff5f2; }
body[data-app="mall-mobile"] .bottom-nav { position:fixed;z-index:60;left:50%;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;max-width:600px;min-height:62px;margin:0;padding:6px 4px calc(5px + env(safe-area-inset-bottom));transform:translateX(-50%);border-top:1px solid #eceef2;border-radius:0;background:#fff;box-shadow:0 -3px 12px #27334506; }
body[data-app="mall-mobile"] .bottom-nav a { position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:48px;padding:0;font-size:11px;color:#7d8390;background:none; }
body[data-app="mall-mobile"] .bottom-nav a.is-active { color:var(--mo-accent); }
body[data-app="mall-mobile"] .bottom-nav :is(svg,img) { width:24px;height:24px;object-fit:contain; }
body[data-app="mall-mobile"] .quick-badge { position:absolute;right:9px;top:2px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#ed554d;color:#fff;font:10px/15px sans-serif;text-align:center; }
.mo-messages { margin:12px 14px;padding:8px 0;border-radius:8px;background:#fff; }
.mo-message-row { display:flex;align-items:center;gap:12px;padding:16px;min-height:82px; }
.mo-message-row>span:nth-child(2) { display:grid;gap:3px;flex:1;min-width:0; }
.mo-message-row strong { color:#363b45;font-size:14px;font-weight:500; }.mo-message-row small { color:#8a8f99;font-size:12px; }
.mo-message-row>svg { color:#b1b6bf;width:16px; }
.mo-articles { margin:14px;background:#fff;border-radius:8px; }.mo-article-link { display:block;padding:16px;border-bottom:1px solid #eef0f4; }.mo-article-link strong { font-size:15px; }.mo-article-link p { margin:6px 0 0;font-size:13px;color:#8b929d; }
body[data-app="mall-mobile"] #footerArticle { background:#fff;padding:18px;border-radius:8px; }#footerArticle h1 { font-size:20px; }#footerArticle img { max-width:100%;height:auto; }#footerArticle .sf-prose { font-size:14px;line-height:1.8;overflow-wrap:anywhere; }
body[data-app="mall-mobile"]:not([data-footer-article="true"]) #footerArticle { display:none; }
.mo-service-icon { display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ecf2ff;color:#4989e9;flex-shrink:0; }
.mo-service-icon.coral,.mo-service-icon.tone-2 { background:#ffebe6;color:#e56753; }.mo-service-icon.pink { background:#ffe7f1;color:#d9608f; }.mo-service-icon.teal,.mo-service-icon.tone-3 { background:#e0f6ef;color:#1b9c83; }.mo-service-icon.violet,.mo-service-icon.tone-1 { background:#eee8fc;color:#8763d5; }
.mo-cart { padding:12px 14px 86px; }.mo-cart-empty { min-height:55dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px; }.mo-cart-empty>svg { width:70px!important;height:70px!important;padding:18px;border-radius:50%;background:#ffebe4;color:#ef8d70; }.mo-cart-empty h2 { margin:8px 0 0;font-size:16px;font-weight:500; }.mo-cart-empty p { margin:0 0 8px;color:#959aa3;font-size:13px; }
.mo-cart-item { display:grid;grid-template-columns:66px minmax(0,1fr);gap:12px;margin-bottom:10px;padding:14px;border-radius:8px;background:#fff; }.mo-cart-image { width:66px;height:66px; }.mo-cart-item h3 { margin:0;font-size:14px; }.mo-cart-item p { margin:3px 0 8px;color:#969ca6;font-size:12px; }.mo-cart-item strong { color:var(--mo-accent); }.mo-cart-controls { display:flex;align-items:center;gap:4px;margin-top:8px; }.mo-cart-controls input { width:50px;height:36px;border:1px solid var(--mo-line);border-radius:4px;text-align:center; }.mo-icon-button { display:grid;place-items:center;width:36px;min-height:40px;padding:6px;border:0;background:#f5f6f8;color:#777e8a;border-radius:4px; }.mo-cart-controls .mo-icon-button:last-child { margin-left:auto;background:none; }
.mo-cart-total { position:fixed;z-index:50;bottom:calc(63px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;padding:12px 16px;background:#fff;border-top:1px solid var(--mo-line); }.mo-cart-total>div { display:flex;align-items:baseline;gap:12px;color:#858c98;font-size:12px; }.mo-cart-total strong { color:var(--mo-accent);font-size:19px; }.mo-cart-total .mo-primary { min-width:112px; }
body[data-app="mall-mobile"] .account-view { width:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0; }
body[data-app="mall-mobile"] .account-heading { display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff; }.account-heading p { display:none; }
body[data-app="mall-mobile"] .account-heading h1 { font-size:17px;margin:4px 0; }.account-heading .back-link { font-size:12px; }
body[data-app="mall-mobile"] .member-welcome,body[data-app="mall-mobile"] .member-dashboard>p,body[data-app="mall-mobile"] .account-tabs { display:none; }
body[data-app="mall-mobile"] .member-dashboard { padding:0; }.member-dashboard>#mobileMemberOverview { margin:0;padding:0;border:0;background:transparent; }
body[data-app="mall-mobile"][data-store-view="overview"] .account-heading { display:none; }
body[data-app="mall-mobile"] #memberCurrentLevel { display:none!important; }
body[data-app="mall-mobile"] .member-panel:not(.is-active) { display:none!important; }
body[data-app="mall-mobile"] #memberDashboard.member-dashboard :is([data-member-panel="subsite"],[data-member-panel="orders"],[data-member-panel="records"],.mp-log-panel,.mns-mobile-panel) { margin:0; padding:0; border:0; border-radius:0; }
body[data-app="mall-mobile"] #memberDashboard .mobile-member-topbar { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:8px; min-height:58px; margin:0; padding:7px 12px; border-bottom:1px solid #e7e9ed; background:#fff; }
body[data-app="mall-mobile"] #memberDashboard .mobile-member-topbar h2 { margin:0; padding:0; border:0; text-align:center; color:#30343e; font-size:17px; line-height:1.4; }
body[data-app="mall-mobile"] #memberDashboard .mobile-member-topbar p { display:none; }
body[data-app="mall-mobile"] #memberDashboard .mobile-member-topbar :is(a,button) { display:grid; place-items:center; width:44px; min-height:44px; margin:0; padding:0; border:0; background:none; color:#30343e; text-decoration:none; }
body[data-app="mall-mobile"] #memberDashboard .mobile-member-topbar svg { width:20px; height:20px; }
body[data-app="mall-mobile"] #memberDashboard .mobile-member-topbar #reloadSubsite span { display:none; }
body[data-app="mall-mobile"] #subsiteContent { padding:16px 14px; }
body[data-app="mall-mobile"] #memberRecords { margin:0 14px; }
.mobile-login-list { list-style:none; margin:0; padding:0 16px; }
.mobile-login-list li { padding:16px 0; border-bottom:1px solid #edf0f3; }
.mobile-login-list header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.mobile-login-list strong { font-size:14px; font-weight:600; }
.mobile-login-list time { display:block; margin-top:5px; color:#76818e; font-size:12px; }
.mobile-login-list dl { display:grid; gap:7px; margin:12px 0 0; font-size:12px; }
.mobile-login-list dl>div { display:grid; grid-template-columns:64px minmax(0,1fr); gap:8px; }
.mobile-login-list dt { color:#7a8490; }
.mobile-login-list dd { margin:0; color:#414b57; overflow-wrap:anywhere; }
body[data-app="mall-mobile"] .mp-log-pager { padding:20px 12px; }
body[data-app="mall-mobile"] #priceUpdatesMobileEntry { display:none; }
.mo-member-identity { display:flex;align-items:center;gap:12px;padding:24px 18px 18px;background:#fff4f0; }.mo-avatar { position:relative;display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border:2px solid #fff;border-radius:50%;background:#f0f2f5;color:#a0a7b3;overflow:hidden; }.mo-avatar img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }.mo-member-identity h2 { margin:0 0 4px;font-size:18px; }.mo-member-identity>div:nth-child(2) { min-width:0;flex:1; }.mo-member-identity>a { display:grid;place-items:center;width:44px;height:44px; }.mo-level { display:inline-block;padding:1px 8px;border-radius:3px;background:#ffe7c8;color:#936528;font-size:11px; }.mo-member-identity small { margin-left:8px;font-size:10px;color:#9a9597; }
.mo-member-balances { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 14px;padding:18px 0;background:#353746;color:#fff;border-radius:8px; }.mo-member-balances a { display:grid;text-align:center;gap:3px;border-right:1px solid #ffffff18; }.mo-member-balances a:last-child { border:0; }.mo-member-balances strong { font-size:18px;font-weight:600; }.mo-member-balances span { font-size:11px;color:#d3c39e; }
.mo-subsite-banner { display:flex;align-items:center;gap:10px;margin:12px 14px;padding:12px;background:#f6e5c4;border-radius:6px;color:#8b622d!important;font-size:12px; }.mo-subsite-banner b { display:flex;align-items:center;margin-left:auto;font-size:11px; }.mo-subsite-banner b svg { width:14px!important;height:14px!important; }
.mo-member-section { margin:12px 0 0;padding:16px;background:#fff; }.mo-member-section header>a { display:flex;align-items:center;color:#989da6;font-size:12px; }.mo-member-section header>a svg { width:14px!important; }
.mo-order-shortcuts,.mo-member-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px; }.mo-order-shortcuts button,.mo-member-grid a { position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;min-height:64px;padding:0;border:0;background:transparent;color:#525966;font-size:12px!important; }.mo-order-shortcuts svg { color:#e67452; }.mo-order-shortcuts b { position:absolute;top:0;right:12px;min-width:15px;padding:0 3px;border-radius:7px;background:#fff0ea;color:#d77652;font-size:10px;line-height:15px; }
.mo-member-links { margin:12px 0;background:#fff;padding:0 16px; }.mo-member-links a { display:flex;align-items:center;gap:12px;min-height:54px;border-bottom:1px solid #f2f3f6;color:#657181; }.mo-member-links a>span { flex:1;font-size:13px; }.mo-member-links svg:first-child { color:#27a29d; }.mo-member-links svg:last-child { width:15px!important; }
body[data-app="mall-mobile"] .member-panel:not(#mobileMemberOverview) { margin:12px;padding:14px;border:0;border-radius:8px;background:#fff; }
body[data-app="mall-mobile"] .panel-heading h2 { font-size:17px; }.panel-heading p { font-size:12px; }
.mo-order-tabs { display:flex;gap:18px;overflow-x:auto;padding:0 2px 10px;margin-bottom:10px;border-bottom:1px solid var(--mo-line);scrollbar-width:none; }.mo-order-tabs::-webkit-scrollbar { display:none; }.mo-order-tabs button,.mo-preview-order-tab { flex:0 0 auto;min-height:40px;padding:0 1px;border:0;border-radius:0;background:none;color:#7d8490;font-size:13px!important;white-space:nowrap; }.mo-order-tabs button[aria-pressed="true"],.mo-preview-order-tab.is-active { color:var(--mo-accent);border-bottom:2px solid var(--mo-accent);font-weight:600; }
.mo-order-card { margin:0 0 10px;padding:14px 12px;background:#fff;border:1px solid #edf0f3;border-radius:10px;box-shadow:0 3px 12px #25324a08; }.mo-order-card header { display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #f0f2f5; }.mo-order-card header>div { min-width:0;display:grid;gap:4px; }.mo-order-card header strong { color:#2b3038;font-size:12px;overflow-wrap:anywhere; }.mo-order-card header time { color:#9aa1ac;font-size:11px; }.mo-order-status { flex:none;padding:4px 8px;border-radius:999px;background:#f2f5f8;color:#657080;font-size:11px;font-weight:600; }.mo-order-status.pending_payment { background:#fff3df;color:#a56b20; }.mo-order-status.paid { background:#edf3ff;color:#3769af; }.mo-order-status.processing { background:#fff0e9;color:#c05a31; }.mo-order-status.completed { background:#eaf8f2;color:#27825a; }.mo-order-status.refunding,.mo-order-status.refunded { background:#f8edff;color:#8650a7; }.mo-order-status.cancelled,.mo-order-status.closed,.mo-order-status.attention { background:#f3f4f6;color:#7f8791; }
.mo-order-main { display:flex;align-items:center;gap:10px;padding:13px 0; }.mo-order-product-image { position:relative;display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:8px;background:linear-gradient(135deg,#fff1eb,#ffe0d5);color:#d26b4c;font-size:20px;font-weight:700;overflow:hidden; }.mo-order-product-image img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff; }.mo-order-copy { min-width:0;flex:1;display:grid;gap:4px; }.mo-order-copy h3 { margin:0;color:#303640;font-size:14px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mo-order-copy p,.mo-order-copy span { margin:0;color:#8c949f;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.mo-order-amount { flex:none;color:#262b34;font-size:16px; }.mo-order-card footer { display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end; }.mo-order-card footer :is(button,a) { min-height:34px;padding:5px 10px;font-size:12px!important; }.mo-order-empty { padding:46px 16px;text-align:center;color:#969eaa;font-size:13px; }.mo-preview-hint { color:#99a1ad;font-size:11px; }
.mo-orders-preview { padding:12px;background:#f7f8fa; }.mo-orders-preview .mo-order-tabs { margin-bottom:12px; }.mo-orders-preview .mo-order-card { pointer-events:none; }
body[data-app="mall-mobile"] .order-row { border-color:var(--mo-line);padding:12px;margin-bottom:12px; }.order-row header { gap:8px; }.order-row header strong { font-size:12px;overflow-wrap:anywhere; }.order-row header span { font-size:11px; }.order-row-body strong { font-size:17px; }.order-row footer { display:flex;gap:8px;flex-wrap:wrap; }.order-row footer :is(button,a) { min-height:36px;padding:5px 10px;font-size:12px!important; }
body[data-app="mall-mobile"] .member-auth { display:block;margin:16px;padding:0;border:0;background:transparent; }.auth-intro { padding:12px 0;background:transparent; }.auth-intro .auth-kicker,.auth-intro p { display:none; }.auth-intro h2 { font-size:21px; }.auth-panel { padding:20px 16px;background:#fff;border-radius:8px; }.auth-tabs button { min-height:44px;font-size:15px!important; }
body[data-app="mall-mobile"] .member-form { font-size:14px; }.member-form label { font-size:14px; }.member-form input { width:100%;height:46px;padding:10px;border:1px solid #e1e5eb;border-radius:5px;font-size:14px; }.member-form .form-grid { display:grid;grid-template-columns:1fr;gap:14px; }.member-form .primary-action { width:100%;min-height:46px;background:var(--mo-accent);font-size:15px!important; }
body[data-app="mall-mobile"] .product-detail-dialog { top:0;left:0;bottom:0;width:100%;max-width:600px;max-height:100dvh;height:100dvh;margin:0 auto;padding:0;border:0;border-radius:0;transform:none;background:#f6f7f9; }.product-detail-dialog>div { padding:16px; }.product-detail-dialog header h2 { font-size:18px; }.product-detail-content { max-height:calc(100dvh - 160px); }.mo-product-cover { position:relative;display:grid;place-items:center;height:190px;background:#fff;border-radius:8px;color:#cbd1dc;font-size:40px;overflow:hidden; }.mo-product-cover img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
body[data-app="mall-mobile"] .product-sku-list { background:#fff;padding:0 12px;border:0;border-radius:8px; }.product-sku-list li { min-height:70px; }.product-sku-list strong { font-size:14px; }.product-sku-list span { font-size:12px; }.product-sku-list b { font-size:17px; }.product-detail-summary,.product-purchase-notice { font-size:13px; }
body[data-app="mall-mobile"] .product-purchase-panel { display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff; }.product-purchase-panel label { display:flex;align-items:center;gap:8px;width:100%;font-size:14px; }.product-purchase-panel input { width:85px;height:42px; }.product-purchase-panel button { flex:1;min-height:44px!important;font-size:14px!important; }
body[data-app="mall-mobile"] :is(.mf-balances,.mp-edit-grid,.mp-grid) { grid-template-columns:repeat(2,minmax(0,1fr)); }.mf-heading { flex-wrap:wrap; }.mf-heading h2 { font-size:17px; }.mf-actions { flex-wrap:wrap; }.mf-tabs { overflow-x:auto; }.mf-tabs button { white-space:nowrap; }.mp-shell { padding:0; }.mp-form { max-width:none; }
@media(prefers-reduced-motion:reduce) { body[data-app="mall-mobile"] * { animation:none!important;transition:none!important;scroll-behavior:auto!important; } }
body[data-app="mall-mobile"] .product-detail-dialog .product-purchase-panel { position:fixed;bottom:0;left:0;right:0;z-index:2;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--mo-line);border-radius:0;box-shadow:0 -4px 14px #26323e08; }
body[data-app="mall-mobile"] .product-detail-dialog .product-detail-content { max-height:calc(100dvh - 230px);padding-bottom:16px; }
body[data-app="mall-mobile"] .product-detail-dialog>div>footer { display:none; }
body[data-app="mall-mobile"] .product-detail-dialog>div>header button { display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#eaedf1;color:#626b77; }
body[data-app="mall-mobile"] .product-detail-dialog .product-purchase-panel .primary-action { background:var(--mo-accent); }
