/* Worker mobile layout corrections: never reset the page's outer container. */
.card-header {
  border-bottom: 0 !important;
  box-shadow: none;
}
/* Legacy decorative underline below card headings. */
.card-header::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 767.98px) {
  /* A widget itself should not be a Bootstrap page container. Keep its width
     relative to the CMS column, with no second padding/max-width. */
  body .icms-widget.container,
  body .icms-widget.container-fluid,
  body .icms-widget > .card-body.container,
  body .icms-widget > .card-body.container-fluid,
  body .icms-widget > .card-body > .container,
  body .icms-widget > .card-body > .container-fluid,
  body .kg-ihs-root.container {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* Opt-in class for custom blocks nested inside an already padded column. */
  body .icms-widget.kg-widget-fullwidth,
  body .icms-widget .kg-widget-fullwidth {
    width: 100%;
    max-width: none;
    padding-inline: 0;
    margin-inline: 0;
  }
  /* Box-sizing safeguards for media and columns, without changing Bootstrap .row. */
  .icms-widget, .icms-widget .card-body,
  .kg-ihs-root { min-width: 0; }
  .icms-widget img, .icms-widget video, .icms-widget iframe { max-width: 100%; }
}

/* v21: protect mobile viewport without masking overflow at html/body level.
   Nested Bootstrap containers are content wrappers, not new page gutters. */
@media (max-width: 575.98px) {
  body .container .container:not(.kg-keep-inner-gutter) {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  /* Neutralize the negative Bootstrap row margins only where the wrapper
     itself no longer supplies Bootstrap's compensating gutters. */
  .kg-ihs-root > .row,
  .kg-ihs-root .card-body > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .kg-ihs-root,
  .icms-widget,
  .icms-widget > .card-body,
  .kg-prices-card,
  .ww_faqs { min-width: 0; max-width: 100%; box-sizing: border-box; }
  .icms-widget :is(img, video, iframe, svg) { max-width: 100%; }
  .icms-widget :is(p, h1, h2, h3, h4, h5, h6, li) { overflow-wrap: break-word; }
}

/* Worker 22: isolate legacy animated button glow, which extends 2px outside
   each side and blurs farther; keep the effect within the control footprint. */
@media (max-width: 767.98px) {
  .btn-worker-anim { isolation: isolate; max-width: 100%; box-sizing: border-box; }
  .icms-widget .swiper, .icms-widget .tns-outer,
  .icms-widget .slick-list, .icms-widget .owl-stage-outer {
    min-width: 0; max-width: 100%;
  }
}