/* Mobile Fix CSS for ProdClerk AI */
*,*::before,*::after{box-sizing:border-box;}
html,body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;margin:0;padding:0;}
img,svg,video,canvas{max-width:100%;height:auto;display:block;}
p,li,h1,h2,h3,h4,h5,h6,a,span,code,pre{overflow-wrap:anywhere;word-break:break-word;}
.container,.wrapper,.content,main{max-width:1200px;width:100%;margin-inline:auto;padding-inline:1rem;}
h1{font-size:clamp(1.6rem,4.5vw,2.6rem);line-height:1.15;}
h2{font-size:clamp(1.3rem,3.6vw,2rem);line-height:1.2;}
h3{font-size:clamp(1.15rem,3.2vw,1.5rem);line-height:1.25;}
body,p,li{font-size:clamp(.98rem,2.6vw,1.1rem);line-height:1.6;}
@media(max-width:768px){
  .grid,.grid-2,.columns,[class*="grid-cols-2"]{display:grid!important;grid-template-columns:1fr!important;gap:1rem;}
  .row,.flex-row,.cols,.two-col{display:flex!important;flex-direction:column!important;gap:1rem;}
  .table-wrap,table{width:100%;display:block;overflow-x:auto;}
  nav ul{flex-direction:column;align-items:flex-start;}
}
nav ul{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;margin:0;list-style:none;}
button,.btn,a.button,.cta{min-height:44px;padding:.75rem 1rem;display:inline-flex;align-items:center;text-align:center;}
.hero{min-height:100svh;}
input,select,textarea{font-size:16px;}
.fixed-top{padding-top:env(safe-area-inset-top);}
.fixed-bottom{padding-bottom:env(safe-area-inset-bottom);}