/* Native layout in CSS pixels: text and controls stay usable on a phone. */
#mobile-home{font-family:AlibabaPuHui,Arial,sans-serif;color:#202020;background:#fff;overflow:hidden}
#mobile-home *{box-sizing:border-box}
#mobile-home img{display:block;max-width:100%}
#mobile-home a{text-decoration:none}
#mobile-home button{font:inherit;cursor:pointer}
.mh-header{height:70px;padding:0 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}
.mh-brand{display:flex;gap:8px;align-items:center;color:#ff5400;font-weight:800;font-size:18px;letter-spacing:.2px}
.mh-brand img{width:30px;height:30px;object-fit:contain}
.mh-menu summary{list-style:none;display:flex;width:44px;height:44px;border-radius:8px;background:#ff5400;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.mh-menu summary::-webkit-details-marker{display:none}
.mh-menu summary span{width:20px;height:2px;background:#fff;border-radius:3px}
.mh-menu nav{position:absolute;top:70px;left:20px;right:20px;display:grid;padding:0 12px;background:transparent;text-align:center}
.mh-menu nav a,.mh-menu nav button{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:0;border-bottom:1px dashed #d3b7a5;background:none;color:#222;font-size:15px;line-height:1.3}
.mh-menu nav button{justify-self:center;min-width:120px;min-height:40px;margin:12px auto 0;padding:7px 20px;border:1px solid #ff5400;border-radius:99px;color:#f45113;font-weight:700}
.mh-hero:has(.mh-menu[open]) .mh-hero-inner::after{content:'';position:absolute;inset:0;background:#fff5edb3;z-index:2;pointer-events:none}
.mh-hero:has(.mh-menu[open]) .mh-hero-inner h1{visibility:hidden}
.mh-hero{background:linear-gradient(180deg,#ffd4b4 0%,#fff2e9 62%,#fff 100%)}
.mh-hero-inner{position:relative;max-width:520px;margin:auto;height:min(118vw,490px);min-height:350px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.mh-bear{height:100%;width:100%;object-fit:contain;object-position:center bottom}
.mh-hero h1{position:absolute;left:10px;right:10px;top:37%;z-index:1;margin:0;text-align:center;font-size:clamp(28px,8vw,42px);line-height:1.3;letter-spacing:-.03em;font-weight:900;color:#111;text-shadow:0 1px 10px #fff8}
.mh-ticker{display:flex;gap:24px;box-sizing:border-box;width:100%;height:80px;overflow-x:auto;scrollbar-width:none;background:rgba(255,243,232,.2);border:3px solid rgba(244,70,23,.3);white-space:nowrap;color:#555;font-size:12px}
.mh-ticker::-webkit-scrollbar{display:none}
.mh-ticker span{display:flex;align-items:center;gap:6px}
.mh-ticker img{width:20px;height:20px;object-fit:contain}
.mh-section{padding:64px 20px}
.mh-inner{max-width:620px;margin:auto}
.mh-tint{background:#fff8f4}
.mh-heading{text-align:center;margin-bottom:30px}
.mh-heading h2{margin:0;font-size:27px;line-height:1.35;letter-spacing:-.02em}
.mh-heading p{margin:12px 0 0;color:#f45113;font-size:15px;line-height:1.6;font-weight:700}
.mh-about-photo{width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:18px}
.mh-about h3{color:#f45113;font-size:17px;line-height:1.5;margin:22px 0 16px}
.mh-about-grid,.mh-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mh-about-grid article,.mh-stats article{padding:18px 14px;background:#fff;border-radius:14px;box-shadow:0 3px 12px #0000000e;text-align:center}
.mh-about-grid strong{font-size:14px;line-height:1.4}
.mh-about-grid p{font-size:12px;line-height:1.5;color:#666;margin:8px 0 0}
.mh-copy{font-size:14px;line-height:1.8;color:#555;margin:18px 0 0}
.mh-solution-grid{display:grid;gap:16px}
.mh-solution{background:#fff;padding:22px;border-radius:18px;box-shadow:0 4px 18px #47332412}
.mh-pill{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:160px;height:40px;max-width:100%;margin:0 auto;padding:0 12px;border-radius:45px;background:linear-gradient(180deg,rgba(249,152,96,.8) 0%,rgba(244,74,27,.8) 18%,rgba(244,70,23,.8) 96%);color:white;font-size:14px;font-weight:700}
.mh-solution .mh-pill.mh-pill-popular{margin-left:auto;margin-right:auto}
.mh-solution h3{font-size:19px;line-height:1.4;margin:15px 0 8px}
.mh-solution p{font-size:14px;line-height:1.7;color:#5c5c5c;min-height:48px;margin:0}
.mh-actions{display:flex;gap:10px;margin-top:20px}
.mh-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;border:1px solid #f45113;border-radius:99px;background:#f45113;color:#fff;font-size:14px!important;font-weight:700;text-align:center}
.mh-actions .mh-button{flex:1}
.mh-button.outline{color:#333;background:#fff;border-color:#aaa}
.mh-stats article{background:#fff4ec;min-height:102px;display:flex;flex-direction:column;justify-content:center}
.mh-stats strong{font-size:25px;line-height:1.3;color:#111}
.mh-stats span{font-size:12px;color:#666;line-height:1.5;margin-top:7px}
.mh-services{display:grid;gap:14px}
.mh-services article{display:flex;gap:14px;padding:20px;background:#fff;border-radius:17px;box-shadow:0 4px 15px #47332412}
.mh-services article>span{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;background:#f45113;color:#fff;font-size:13px;font-weight:700}
.mh-services h3,.mh-applications h3,.mh-oem h3{margin:0 0 7px;font-size:16px;line-height:1.45}
.mh-services p,.mh-applications p,.mh-oem p,.mh-oem li{margin:0;font-size:14px;line-height:1.7;color:#555}
.mh-applications{display:grid;gap:16px}
.mh-applications article{overflow:hidden;border-radius:17px;background:white;box-shadow:0 4px 16px #00000012}
.mh-applications img{width:100%;aspect-ratio:1.8;object-fit:cover}
.mh-applications article>div{padding:17px 18px 20px}
.mh-oem{display:grid;gap:16px}
.mh-oem .mh-oem-intro{text-align:center;margin:-15px 0 6px}
.mh-oem-card,.mh-odm{padding:24px 20px;background-position:center;background-size:cover;border-radius:18px;box-shadow:0 4px 16px #00000012;text-align:center}
.mh-oem-card .mh-oem-audience,.mh-odm .mh-oem-audience{color:#f45113;font-weight:700;margin:10px 0}
.mh-oem ul{list-style:none;margin:14px 0 20px;padding:0}
.mh-oem li{padding:5px;border-bottom:1px dashed #ddd}
.mh-odm{background:#fff}
.mh-odm>.mh-button{margin-top:16px}
#mobile-cms-gallery{margin:18px 0}
.mobile-cms-gallery-controls{display:flex;align-items:center;gap:8px}
.mobile-cms-gallery-controls button{flex:0 0 30px;width:30px;height:40px;padding:0;border:0;background:transparent url('/assets/odm-arrow.png') center/30px 30px no-repeat;cursor:pointer}
.mobile-cms-gallery-controls .mobile-cms-gallery-prev{transform:rotate(180deg)}
.mobile-cms-gallery-track,.mobile-cms-gallery{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory}
.mobile-cms-gallery-track{flex:1;min-width:0;scrollbar-width:none;touch-action:pan-x pan-y}
.mobile-cms-gallery-track::-webkit-scrollbar{display:none}
.mobile-cms-gallery-track figure,.mobile-cms-gallery figure{margin:0;min-width:145px;max-width:190px;flex:1;scroll-snap-align:start}
.mobile-cms-gallery-track img,.mobile-cms-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#f6f3f1}
.mobile-cms-gallery-track figcaption,.mobile-cms-gallery figcaption{font-size:13px;line-height:1.4;padding:7px;overflow-wrap:anywhere}
.mobile-cms-catalogue{display:none}
.mobile-cms-section{margin:0 0 28px}
.mobile-cms-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}
.mobile-cms-heading h3{font-size:18px;line-height:1.4;margin:0}
.mobile-cms-heading a{color:#f45113;font-size:14px;white-space:nowrap}
.mobile-cms-cards{display:grid;gap:14px}
.mobile-cms-card{display:block;overflow:hidden;color:#222;border-radius:16px;background:#fff;box-shadow:0 4px 16px #00000012}
.mobile-cms-card img{width:100%;aspect-ratio:1.8;object-fit:cover}
.mobile-cms-card h4,.mobile-cms-card p,.mobile-cms-card time{margin:12px 16px;line-height:1.5}
.mobile-cms-card h4{font-size:16px}
.mobile-cms-card p,.mobile-cms-card time{font-size:14px;color:#666}
.mobile-cms-news{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000012;padding:4px 16px}
.mobile-cms-news-row{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:15px 0;border-bottom:1px solid #eee;color:#333;line-height:1.5}
.mobile-cms-news-row:last-child{border:0}
.mobile-cms-news-row time{font-size:12px;color:#888}
.mobile-cms-news-row .news-type{font-size:12px;color:#f45113}
.mobile-cms-news-row strong{grid-column:1/-1;font-size:14px;font-weight:500}
.mobile-cms-empty{padding:20px;border-radius:14px;background:#fff8f4;color:#a2775e;font-size:14px;line-height:1.6}
#mobile-home .contact-region{padding:45px 20px 25px}
#mobile-home .contact-card{display:block;padding:24px;margin-bottom:40px}
#mobile-home .contact-intro h2{font-size:25px;line-height:1.4;margin:0 0 22px}
#mobile-home .contact-qr{gap:25px;margin-bottom:25px}
#mobile-home .contact-qr img{width:90px;height:90px}
#mobile-home .contact-qr figcaption{font-size:14px;line-height:1.5;margin-top:8px}
#mobile-home .contact-fields{gap:12px}
#mobile-home .contact-field{padding:14px 18px;border-radius:14px}
#mobile-home .contact-field span{font-size:12px;line-height:1.5}
#mobile-home .contact-field strong{font-size:16px;line-height:1.5}
#mobile-home .site-legal{font-size:12px;line-height:1.6;flex-wrap:wrap}
@media(min-width:600px){.mh-solution-grid,.mh-applications{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mobile-cms-card .mobile-cms-meta{display:block;margin:0 16px 16px;color:#888;font-size:12px;line-height:1.5}
.mobile-cms-news-row .mobile-cms-meta{grid-column:1/-1;color:#888;font-size:12px}
.mobile-cms-retry{min-height:44px;padding:8px 18px;border:1px solid #f45113;border-radius:99px;background:#fff;color:#f45113;font-size:14px;font-weight:700}

/* Two identical rows make a seamless, continuous ticker. */
.mh-ticker{display:block;overflow:hidden;padding:0}
.mh-ticker-track{display:flex;align-items:center;width:max-content;height:100%;animation:mh-ticker-loop 32s linear infinite}
.mh-ticker-row{display:flex;flex:none;align-items:center;gap:24px;padding-right:24px}
@keyframes mh-ticker-loop{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mh-ticker{overflow-x:auto}.mh-ticker-track{animation:none}.mh-ticker-row[aria-hidden=true]{display:none}}