/* Murastakah | clean responsive foundation */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow-x: hidden;
}

img,
picture,
video,
canvas,
svg {
  max-width: 100%;
}

main,
.site-header,
.site-footer,
.section,
.order-section,
.catalogue-section,
.daily-order-section,
.dish-showcase,
.events-inner,
.customer-feedback-section {
  min-width: 0;
  max-width: 100%;
}

.dish-showcase {
  overflow: hidden;
}

.dish-showcase-grid {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

@media (min-width: 701px) and (max-width: 980px) {
  .dish-showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .plans-grid,
  .site-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .dish-showcase {
    padding-inline: 16px;
  }

  .dish-showcase-grid,
  .plans-grid,
  .meal-grid,
  .daily-menu-grid,
  .site-footer {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* rtl-viewport-anchor-start */
html {
  direction: ltr !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overscroll-behavior-x: none !important;
}

body {
  direction: rtl !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overscroll-behavior-x: none !important;
}

@media (hover: none) and (pointer: coarse) {
  body,
  main,
  .site-header,
  .site-footer {
    touch-action: pan-y !important;
  }
}
/* rtl-viewport-anchor-end */

/* touch-render-stability-start */
@media (hover: none) and (pointer: coarse) {
  .site-header {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #fff9f2 !important;
  }
}
/* touch-render-stability-end */

