/* ITmerce main domain mobile hardening - additive overrides only */
@media (max-width: 900px) {
 html, body {max-width:100%; overflow-x:clip}
 img, video, svg {max-width:100%}
 .tiles {grid-template-columns:repeat(2,minmax(0,1fr))}
 .demo {grid-template-columns:1fr}
 .it-header {padding-inline:16px!important}
 .it-menu-toggle {min-width:44px;min-height:44px;touch-action:manipulation}
 .it-drop-panel a, .menuMobile a {min-height:44px;display:flex;align-items:center}
 .analysis {width:calc(100% - 24px)!important;max-width:100%;padding:12px!important}
 .analysisRow {display:flex;flex-wrap:wrap;gap:8px}
 .analysis textarea {width:100%;min-width:0;flex:1 1 100%;font-size:16px!important}
 .analysisRow button {min-height:44px!important;white-space:normal}
 .itv2-panel, .it-universal-chat {max-width:100vw}
}
@media (max-width: 600px) {
 .sectionTitle {font-size:clamp(30px,9vw,46px);overflow-wrap:anywhere}
 section.content {padding:72px 18px}
 .tiles,.steps,.demo {grid-template-columns:1fr}
 .tile {min-height:auto;padding:22px}
 .ctaPanel {padding:26px 20px}
 .footer, .new-footer {overflow-wrap:anywhere}
 .analysis:not(.morphed) {left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
 .analysis:not(.morphed) .analysisRow button {flex:1 1 auto;padding-inline:9px!important}
 .analysis.morphed {right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important}
 .chat:not(.hidden), .it-universal-chat:not(.hidden) {position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding-bottom:env(safe-area-inset-bottom)!important;z-index:1100!important;display:flex;flex-direction:column}
 .chatLog, .it-uc-log {min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .chatForm, .it-uc-form {flex-shrink:0}
 .chatForm input, .it-uc-form textarea {font-size:16px!important}
 .itv2-overlay {padding:12px!important}
 .itv2-dialog {max-height:calc(100dvh - 24px)!important;overflow-y:auto}
 .ft-grid {grid-template-columns:1fr!important;gap:26px!important}
 .ft-bottom {flex-direction:column;gap:12px}
}
@media (max-width: 380px) {
 .analysis:not(.morphed) .analysisRow button {font-size:11px!important;min-width:0}
 .tile,.ctaPanel {padding:20px 16px}
}
@media (prefers-reduced-motion:reduce) { .tile, .analysis, .it-drop-panel {transition:none!important} }