/* Shared mobile repairs. Desktop styles are intentionally outside this range. */
@media (max-width: 768px) {
 .lc-header { height: 60px; padding: 0 16px; box-sizing: border-box; }
 .lc-header__menu-panel { max-height: calc(100dvh - 80px); overflow-y: auto; }
 .site-footer { padding: 28px 16px 24px; }
 .site-footer .footer-inner { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 12px; }
 .site-footer .footer-brand, .site-footer .footer-contact { grid-column: 1 / -1; }
 .site-footer .footer-col { min-width: 0; }
 .site-footer .footer-col h3 { font-size: 14px; line-height: 22px; }
 .site-footer .footer-col a { display: flex; align-items: center; min-height: 36px; font-size: 12px; line-height: 20px; }
 .site-footer .footer-contact p { overflow-wrap: anywhere; }
 .site-footer .footer-qrcodes { display: none; }
 .site-footer .footer-bottom { margin-top: 24px; font-size: 11px; line-height: 20px; }
 main input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]), main textarea, main select, .product-detail-inquiry-fields input:not([type=checkbox]), .product-detail-inquiry-fields textarea { font-size: 16px; }
 .solutions-hero, .cases-hero, .support-hero, .about-hero { height: auto; min-height: 0; background: #071f42; }
 .solutions-hero-bg, .cases-hero-bg, .support-hero-bg { opacity: .2; }
 .solutions-hero-inner, .cases-hero-inner, .support-hero-inner { height: auto; min-height: 0; padding: 28px 16px; }
 .solutions-hero-copy, .cases-hero-content, .support-hero-copy { position: relative; top: auto; left: auto; width: 100%; max-width: 100%; padding: 0; transform: none; }
 .solutions-page .solutions-hero .solutions-hero-inner .solutions-hero-copy { left: 0 !important; }
 .solutions-hero h1, .cases-hero h1, .support-hero h1, .about-hero h1 { margin: 0 0 12px; font-size: 28px; line-height: 38px; letter-spacing: 0; }
 .solutions-hero-en, .cases-hero-en, .support-hero-en, .about-hero-en, .cases-breadcrumb, .support-hero-badges { display: none; }
 .solutions-hero-desc, .cases-hero-desc, .support-hero-desc { margin: 0; font-size: 13px; line-height: 23px; color: #d0ddeb; }
 .solutions-hero-desc br { display: none; }
 .about-hero-inner { height: auto; min-height: 0; padding: 28px 16px; }
 .about-hero-brand-plate, .about-hero .about-breadcrumb { display: none; }
 .about-hero-content { position: relative; top: auto; transform: none; }
 .about-stats-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .about-intro-section, .about-mission-section, .about-history-section, .about-advantages-section { padding-top: 28px; padding-bottom: 28px; }
 .about-intro-copy h2 { font-size: 23px; line-height: 34px; }
 .support-tabs-section { padding-top: 16px; padding-bottom: 16px; }
 .support-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; background: transparent; box-shadow: none; border: 0; }
 .support-tab { min-width: 0; min-height: 46px; padding: 8px; gap: 8px; border: 1px solid #dbe5ef; border-radius: 6px; background: #fff; font-size: 13px; }
 .support-tab-icon, .support-tab-icon svg { width: 20px; height: 20px; }
 .support-process-section, .support-advantages-section, .support-value-section, .support-help-section, .support-overview-section { padding-top: 28px; padding-bottom: 28px; }
 .support-section-heading { margin-bottom: 20px; }
 .support-section-heading h2 { font-size: 23px; line-height: 32px; }
 .support-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
 .support-process-card { padding: 18px 12px; box-shadow: none; }
 .support-process-card h3 { font-size: 16px; line-height: 24px; }
 .support-process-card .process-icon { width: 40px; height: 40px; margin-bottom: 10px; }
 .support-process-card .process-icon svg { width: 40px; height: 40px; }
 .support-process-card .process-step { width: 30px; height: 30px; margin: 0 auto 10px; font-size: 12px; }
 .solutions-filter, .cases-filter-bar { gap: 8px; padding: 0; border: 0; background: transparent; box-shadow: none; }
 .solution-filter-btn, .case-filter-btn { min-height: 44px; border: 1px solid #dbe5ef; border-radius: 6px; font-size: 12px; }
 .solutions-industry-section, .cases-filter-section { padding-top: 20px; padding-bottom: 20px; }
 .solution-card-content, .case-card-body { padding: 18px 16px; }
 .solution-card h2, .case-card h2, .case-card h3 { font-size: 20px; line-height: 29px; }
 .contact-page .contact-hero { height: 180px; min-height: 0; }
 .contact-page .contact-hero h1 { font-size: 28px; line-height: 38px; }
 .contact-page .contact-hero-en { display: none; }
 .contact-page .contact-panel { margin-top: 0; padding: 24px 16px; }
 .contact-page .contact-info-card { min-width: 0; }
 .contact-page .contact-info-card a { overflow-wrap: anywhere; }
 .contact-page .contact-grid { gap: 24px; }
 .solution-detail-hero, .case-detail-hero { position: relative; isolation: isolate; min-height: 0; padding: 24px 0 28px; }
 .solution-detail-hero::before, .case-detail-hero::before { content: ''; position: absolute; z-index: -1; inset: 0; background: rgba(3, 20, 43, .86); }
 .solution-detail-breadcrumb, .case-detail-breadcrumb { margin: 0 0 18px; font-size: 12px; line-height: 20px; }
 .solution-detail-hero h1, .case-detail-hero h1 { font-size: 28px; line-height: 38px; overflow-wrap: anywhere; }
 .solution-detail-en, .case-detail-en { display: none; }
 .solution-detail-subtitle { font-size: 13px; line-height: 23px; }
 .case-detail-facts { gap: 8px; margin-top: 18px; font-size: 12px; }
 .case-detail-facts span { padding: 8px 10px; }
 .solution-detail-content, .case-detail-content { padding-top: 8px; padding-bottom: 32px; }
 .solution-detail-section, .case-detail-section { padding: 24px 0; }
 .solution-detail-section h2, .case-detail-section h2 { margin-bottom: 16px; font-size: 22px; line-height: 32px; }
 .solution-detail-section p, .case-detail-section p { font-size: 14px; line-height: 25px; overflow-wrap: anywhere; }
 .solution-detail-grid article, .solution-detail-metrics article, .case-detail-metrics article, .case-detail-process li { padding: 18px 16px; }
 .solution-detail-links a, .case-detail-links a { width: 100%; min-height: 44px; padding: 14px; overflow-wrap: anywhere; }
 .product-detail-page { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
 .product-detail-breadcrumb { padding: 14px 16px; gap: 5px; font-size: 11px; }
 .product-detail-hero { padding: 0 16px 24px; }
 .product-detail-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 16px; box-shadow: none; }
 .product-detail-gallery { min-height: 0; height: 210px; padding: 8px 8px 42px; }
 .product-detail-gallery img { width: 100%; height: 160px; max-height: 160px; }
 .product-detail-gallery-note { right: 10px; bottom: 8px; left: 10px; font-size: 10px; line-height: 16px; }
 .product-detail-summary h1 { margin-bottom: 10px; font-size: 26px; line-height: 36px; }
 .product-detail-eyebrow { gap: 8px; margin-bottom: 12px; }
 .product-detail-subtitle { margin-bottom: 10px; font-size: 16px; line-height: 24px; }
 .product-detail-short-description { font-size: 13px; line-height: 23px; }
 .product-detail-facts div { padding: 10px 12px; }
 .product-detail-anchor-nav { position: fixed; z-index: 85; top: auto; right: 0; bottom: 0; left: 0; padding-bottom: env(safe-area-inset-bottom, 0px); background: #fff; box-shadow: 0 -4px 16px rgba(13,45,87,.1); }
 .product-detail-anchor-nav .product-detail-container { min-height: 64px; padding: 8px 12px; }
 .product-detail-section { padding: 24px 16px; }
 .product-detail-copy { padding: 20px 16px; }
 .product-spec-table { width: 100%; min-width: 0; table-layout: fixed; }
 .product-spec-table th, .product-spec-table td { padding: 12px 10px; white-space: normal; overflow-wrap: anywhere; font-size: 13px; line-height: 22px; }
 .product-spec-table th { width: 34%; }
 .product-detail-inquiry-panel { max-height: 92dvh; }
 .product-detail-inquiry-header { min-height: 0; padding: 16px 18px; }
 .product-detail-inquiry-header p { font-size: 12px; line-height: 20px; }
 .product-detail-inquiry-footer { padding-bottom: max(14px, env(safe-area-inset-bottom, 0px)); }
}
