/* MarkasIM responsive hardening — 2026-08-24 r2
   Keeps desktop layout intact while preventing fixed-width content from
   forcing a desktop viewport on phones. */

html,body{max-width:100%}
img,svg,video,canvas{max-width:100%}

@media (max-width: 768px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body{background-attachment:scroll!important}
  body *{min-width:0}

  body .container,
  body .page-wrap,
  body .page-wrap-premium,
  body .mkclean-page,
  body .mpb-page,
  body .asb-page,
  body .smg-page,
  body .pcb-page,
  body .drf-page,
  body .msr-page,
  body .wa-admin-page{
    width:100%!important;
    max-width:100%!important;
  }

  body .site-header .container,
  body .site-header-premium .container{
    width:100%!important;
    max-width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }

  body .page-wrap,
  body .page-wrap-premium{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  body.mk-reader-page .page-wrap,
  body.mk-reader-page .page-wrap-premium{
    padding-left:0!important;
    padding-right:0!important;
  }

  img,svg,video,canvas{
    max-width:100%!important;
    height:auto;
  }

  iframe{
    max-width:100%!important;
  }

  .rich-content,
  .mkp-content,
  .content,
  .card,
  .panel,
  .mkclean-card,
  .mpb-card,
  .asb-card,
  .smg-card,
  .pcb-card,
  .drf-card,
  .msr-card{
    max-width:100%!important;
    overflow-wrap:anywhere;
    word-break:normal;
  }

  .rich-content img,
  .rich-content video,
  .rich-content iframe,
  .mkp-content img,
  .mkp-content video,
  .mkp-content iframe{
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
  }

  .rich-content table,
  .mkp-content table,
  table{
    max-width:100%!important;
  }

  .table-scroll,
  .msr-table-wrap,
  .asb-table-wrap,
  .smg-table-wrap,
  .pcb-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  pre,code{
    max-width:100%!important;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  .mkclean-layout,
  .mkclean-product-grid,
  .mkclean-stat-grid,
  .mkclean-filter,
  .mkclean-form-grid,
  .mkp-product-hero,
  .mpb-layout,
  .mpb-product-grid,
  .mpb-stat-grid,
  .asb-layout,
  .asb-stat-grid,
  .asb-form-grid,
  .asb-filter,
  .smg-layout,
  .smg-stat-grid,
  .smg-form-grid,
  .smg-steps,
  .pcb-layout,
  .pcb-stat-grid,
  .drf-layout,
  .msr-admin-grid,
  .msr-form-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .msr-file-item{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .msr-file-actions,
  .mkclean-hero-actions,
  .mkclean-product-actions,
  .mpb-hero-actions,
  .mpb-product-actions{
    width:100%;
  }

  .wa-float,
  .salesproof,
  .promo-board{
    max-width:calc(100vw - 24px)!important;
  }
}

@media (max-width: 480px){
  body .page-wrap,
  body .page-wrap-premium{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  body.mk-reader-page .page-wrap,
  body.mk-reader-page .page-wrap-premium{
    padding-left:0!important;
    padding-right:0!important;
  }

  .mkclean-card,
  .mpb-card,
  .asb-card,
  .smg-card,
  .pcb-card,
  .drf-card,
  .msr-card{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}