/** Mobile layout shields — keep template Tailwind flex/grid intact on tenant + preview. */
@media (max-width: 767px) {
  html[data-slotivo-template-ready] body[class*='slotivo-kostur-'] {
    overflow-x: hidden;
    max-width: 100%;
  }

  html[data-slotivo-template-ready] body[class*='slotivo-kostur-'] nav > [class~='flex'] {
    flex-wrap: nowrap !important;
  }
}
