@media(max-width:768px){
    *{max-width:100vw!important}
    body{font-size:16px!important;overflow-x:hidden!important}
    .container{flex-direction:column!important;padding:8px!important;margin:5px!important;gap:10px!important}
    .panel{width:100%!important;min-width:auto!important;flex:auto!important}
    .panel-left{width:100%!important;max-height:none!important;padding:10px!important}
    .panel-center{width:100%!important;padding:8px!important}
    .header{padding:8px 10px!important;flex-wrap:wrap!important;gap:4px!important}
    .header h2{font-size:14px!important}
    .header a{font-size:10px!important;margin-right:3px!important;padding:3px 6px!important}
    input,select,textarea,button{font-size:16px!important;padding:12px!important}
    table{font-size:11px!important;width:100%!important;display:block;overflow-x:auto}
    th,td{padding:5px!important;white-space:nowrap}
    .btn-group{flex-direction:column!important;gap:6px!important}
    .btn-group button,.btn-group a{width:100%!important;margin:0!important}
    .form-box,.result-box{padding:12px!important;margin-bottom:10px!important}
    .card,.logo-card,.email-card,.script-card,.seo-card,.doc-card,.report{width:100%!important;max-width:100%!important}
    .cards,.logo-grid{grid-template-columns:1fr!important;gap:10px!important}
    .vk-card{max-width:100%!important}
    img{max-width:100%!important;height:auto!important}
    .layout{flex-direction:column!important}
    .preview-container{max-width:100%!important}
    .actions{flex-wrap:wrap!important}
    .actions button{flex:auto!important;min-width:45%}
    h1{font-size:18px!important}
    h2{font-size:16px!important}
    h3{font-size:14px!important}
    .badge{font-size:9px!important;padding:2px 6px!important}
    .price{font-size:24px!important}
    .module-intro h2{font-size:16px!important}
    .module-intro p{font-size:12px!important}
    iframe,canvas,video{max-width:100%!important}
    pre{font-size:11px!important;max-width:100%!important;overflow-x:auto!important}
}