/* SANATE Mobile Fix v2.0 — iPhone 15 Pro Max (430x932) */
html{touch-action:pan-y;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{overflow-x:hidden;overscroll-behavior-x:none;-webkit-overflow-scrolling:touch}

@media(max-width:480px){
html,body,#root,#root>div{max-width:100vw!important;overflow-x:hidden!important}

/* HEADER */
.em-header{padding:8px 10px!important;gap:6px!important;min-height:52px!important}
.em-logo{font-size:18px!important;font-weight:700!important;white-space:nowrap!important}
.em-logo svg,.em-logo img{width:22px!important;height:22px!important}
.em-header-title{font-size:11px!important;opacity:.7;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:160px!important}

/* COINS */
.em-coins-badge,#em-coins-badge{font-size:14px!important;padding:6px 12px!important;min-width:65px!important;border-radius:20px!important;font-weight:700!important;flex-shrink:0!important}
.em-coins-badge span,#em-coins-badge span{font-size:14px!important}
.em-coins-badge svg,#em-coins-badge svg{width:18px!important;height:18px!important}

/* BODY FULL WIDTH */
.em-body{max-width:100%!important;width:100%!important;padding:12px 8px 30px!important;margin:0!important;box-sizing:border-box!important}

/* TITLE */
.em-body h2,.em-body h1,h2[style*="Generador"]{font-size:22px!important;margin-bottom:4px!important;line-height:1.2!important}
.em-body h2+p,.em-subtitle,.em-body>p:first-of-type{font-size:13px!important;margin-bottom:12px!important}

/* CARDS FULL WIDTH */
.em-card,[class*="em-card"]{max-width:100%!important;width:100%!important;padding:10px!important;margin-left:0!important;margin-right:0!important;margin-bottom:8px!important;box-sizing:border-box!important;border-radius:12px!important}
.em-card fieldset,fieldset{padding:8px!important;margin:0!important}

/* GALLERY FULL WIDTH */
.em-gal-wrap,[class*="gal-wrap"]{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}
.em-gal-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0!important}

/* MOCKUP GRID */
#em-mockup-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}

/* SETTINGS ROW */
.em-row{grid-template-columns:1fr!important;gap:6px!important}
select,.em-select{max-width:100%!important;font-size:13px!important;padding:8px!important}

/* VARIANTS */
#em-var-wrap-v2{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important}

/* INSTRUCTIONS */
#em-instructions-wrap{max-width:100%!important;margin:0!important}
#em-instructions-wrap input{font-size:14px!important;padding:12px 14px!important}

/* GENERATE BTN */
#em-gen-btn,[id*="gen-btn"]{font-size:16px!important;padding:14px!important;width:100%!important;box-sizing:border-box!important;border-radius:12px!important}

/* ADVANCED */
.em-adv-grid{grid-template-columns:1fr!important}

/* TEMPLATE MODAL */
.em-overlay{padding:4px!important;overflow-x:hidden!important}
.em-overlay>div{max-width:100%!important;width:100%!important;margin:0!important;border-radius:10px!important;padding:10px!important;box-sizing:border-box!important}
.em-tpl-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
.em-tab-list{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px!important}
.em-tab-list::-webkit-scrollbar{display:none}
.em-tab-list button,.em-tab-list .em-tab{white-space:nowrap!important;font-size:11px!important;padding:5px 10px!important;flex-shrink:0!important}

/* PREVIEW */
.em-preview-container{max-width:100vw!important;padding:6px!important}
.em-preview-main img{max-width:100%!important;height:auto!important}

/* RESIZE */
.em-resize-grid{grid-template-columns:repeat(3,1fr)!important}

/* LABELS */
.em-label{font-size:12px!important}

/* IMAGES */
img{max-width:100%!important;height:auto!important}

/* SIDEBAR */
.sidebar,[class*="sidebar"],[class*="Sidebar"]{z-index:9999!important}
}

/* EXTRA SMALL */
@media(max-width:380px){
.em-tpl-grid{grid-template-columns:repeat(2,1fr)!important}
.em-gal-grid{grid-template-columns:repeat(2,1fr)!important}
.em-header-title{display:none!important}
.em-body h2,.em-body h1{font-size:19px!important}
}