.appBack { min-height:44px; padding:0 10px; border:0; border-radius:8px; background:#e5efe7; color:#153831; font-weight:700; white-space:nowrap }
#catalogBack { margin-bottom:8px }
#product .modalHead .appBack { order:-1; font-size:14px }
#basket .modalHead { justify-content:flex-start }
.appNav .appContact { display:grid; place-items:center; padding:0 10px; border:1px solid #47756a; border-radius:9px; color:white; font-size:13px; font-weight:700 }
.appNav button { min-width:0 }
#imagePreview { box-sizing:border-box; width:min(100%,960px); height:100dvh; max-width:100%; max-height:100dvh; margin:auto; padding:0; border:0; border-radius:0; background:#edf2ed; color:#153831; overflow:hidden }
#imagePreview[open] { display:flex; flex-direction:column }
.previewHeader { flex:none; display:flex; align-items:center; gap:12px; padding:calc(8px + env(safe-area-inset-top)) 12px 8px; background:#143e36; color:white }
.previewHeader h2 { font-size:15px; margin:0; overflow-wrap:anywhere }
#previewScroll { flex:1; overflow:auto; padding:8px 8px max(8px,env(safe-area-inset-bottom)); }
#previewImage { display:block; width:auto; max-width:100%; height:auto; margin:auto }


#previewBack { flex:none; min-width:84px; font-size:16px; background:#ddf28e; color:#143e36 }
#previewBack:focus-visible { outline:2px solid #fff; outline-offset:3px }
.waCopy { min-height:44px; padding:7px 12px; border:1px solid #b9cbc0; border-radius:8px; color:#143e36; background:#fff; font:inherit; font-weight:600 }
#result .waCopy { margin-top:8px; width:100% }
#waCopyDialog { width:min(92vw,400px) }
#waCopyDialog textarea { box-sizing:border-box; width:100%; margin:8px 0 16px; font:inherit }