/* Roya Mazloom Salon responsive layer */
html, body { max-width: 100%; }
body { overflow-x: hidden; }
#SITE_HEADER { transform: none !important; }
img, video, iframe, svg { max-width: 100%; }

.roya-mobile-toggle,
.roya-mobile-nav { display: none; }

@media (max-width: 900px) {
  html, body, #SITE_CONTAINER, #main_MF, #site-root, #masterPage, #masterPageinlineContent,
  #SITE_HEADER_WRAPPER, #SITE_HEADER, #PAGES_CONTAINER, #SITE_PAGES,
  #SITE_PAGES_TRANSITION_GROUP, #SITE_FOOTER_WRAPPER, #SITE_FOOTER,
  .SITE_PAGES, .wixui-page {
    width: 100vw !important;
    inline-size: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    box-sizing: border-box !important;
  }

  #main_MF, #site-root {
    width: 100vw !important;
    inline-size: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  [id^="pageBackground_"], [id^="bgLayers_pageBackground_"], [id^="bgMedia_pageBackground_"] {
    width: 100vw !important;
    inline-size: 100vw !important;
    min-width: 0 !important;
    max-width: 100vw !important;
  }

  #SITE_HEADER {
    height: 76px !important;
    min-height: 76px !important;
    overflow: visible !important;
    background: #fff !important;
    position: relative !important;
    z-index: 9999 !important;
  }
  #SITE_HEADER > div,
  #SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent"],
  #SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    left: 0 !important;
  }
  #SITE_HEADER .wixui-column-strip {
    width: 100% !important;
    min-width: 0 !important;
    height: 76px !important;
    min-height: 76px !important;
    margin: 0 !important;
    left: 0 !important;
  }
  #SITE_HEADER .Ak0vpt,
  #SITE_HEADER .wixui-column-strip__column {
    width: 100% !important;
    min-width: 0 !important;
    height: 76px !important;
    min-height: 76px !important;
  }
  #SITE_HEADER [data-mesh-id$="inlineContent-gridContainer"] {
    width: 100% !important;
    min-width: 0 !important;
    height: 76px !important;
    min-height: 76px !important;
    display: block !important;
  }
  #SITE_HEADER ._c_gnD {
    width: 100vw !important;
    min-width: 0 !important;
    left: 0 !important;
    right: auto !important;
  }
  #SITE_HEADER .wixui-vector-image {
    width: 205px !important;
    max-width: 58vw !important;
    height: 47px !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    margin: 14px 0 0 16px !important;
    grid-area: auto !important;
    justify-self: auto !important;
  }
  #SITE_HEADER .wixui-vector-image > a,
  #SITE_HEADER .wixui-vector-image > div,
  #SITE_HEADER .wixui-vector-image svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }
  #SITE_HEADER .wixui-dropdown-menu { display: none !important; }

  .roya-mobile-toggle {
    display: flex !important;
    position: absolute;
    right: 14px;
    top: 15px;
    width: 46px;
    height: 46px;
    border: 0;
    background: transparent;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    z-index: 10002;
    cursor: pointer;
    padding: 9px;
  }
  .roya-mobile-toggle span {
    display: block;
    width: 25px;
    height: 1.5px;
    background: #231f20;
    transition: transform .25s ease, opacity .2s ease;
  }
  .roya-mobile-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .roya-mobile-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .roya-mobile-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
  .roya-mobile-nav {
    display: block !important;
    position: absolute;
    top: 76px;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,.98);
    border-top: 1px solid rgba(35,31,32,.10);
    box-shadow: 0 14px 30px rgba(0,0,0,.10);
    z-index: 10001;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
    pointer-events: none !important;
    transition: opacity .2s ease, transform .25s ease, visibility .2s ease;
  }
  .roya-mobile-nav.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
  .roya-mobile-nav a {
    display: block;
    color: #231f20;
    text-decoration: none;
    padding: 16px 24px;
    border-bottom: 1px solid rgba(35,31,32,.08);
    font: 400 16px/1.25 Arial, sans-serif;
    letter-spacing: .03em;
  }
  .roya-mobile-nav a[aria-current="page"] { color: #85753d; }

  #masterPage, #SITE_PAGES_TRANSITION_GROUP {
    width: 100vw !important;
    inline-size: 100vw !important;
    max-width: 100vw !important;
    grid-template-columns: minmax(0, 100vw) !important;
    min-width: 0 !important;
  }
  [id^="Container"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #PAGES_CONTAINER, #SITE_PAGES, #SITE_PAGES_TRANSITION_GROUP { overflow-x: hidden !important; }
  #PAGES_CONTAINER { margin-top: 0 !important; overflow: hidden !important; }
  #PAGES_CONTAINER > *, #SITE_PAGES > *, #SITE_PAGES_TRANSITION_GROUP > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
  }

  #PAGES_CONTAINER .wixui-section,
  #PAGES_CONTAINER .wixui-column-strip,
  #PAGES_CONTAINER .wixui-column-strip__column {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    right: auto !important;
    box-sizing: border-box !important;
  }
  #PAGES_CONTAINER .wixui-section,
  #PAGES_CONTAINER .wixui-column-strip {
    height: auto !important;
    min-height: 0 !important;
  }
  #PAGES_CONTAINER .Ak0vpt {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  #PAGES_CONTAINER [data-mesh-id$="inlineContent"],
  #PAGES_CONTAINER [data-mesh-id$="inlineContent-gridContainer"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }
  #PAGES_CONTAINER [data-mesh-id$="inlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-rows: auto !important;
  }
  #PAGES_CONTAINER [data-mesh-id$="inlineContent-gridContainer"] > [id^="comp-"]:not(.wixui-section):not(.wixui-column-strip):not(.wixui-column-strip__column) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    grid-area: auto !important;
    align-self: auto !important;
    justify-self: auto !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  #PAGES_CONTAINER .wixui-rich-text {
    width: calc(100% - 40px) !important;
    max-width: 680px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px auto !important;
    text-align: center !important;
  }
  #PAGES_CONTAINER .wixui-rich-text h1,
  #PAGES_CONTAINER .wixui-rich-text h2 {
    font-size: clamp(34px, 11vw, 52px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
  }
  #PAGES_CONTAINER .wixui-rich-text h3 { font-size: clamp(25px, 7.5vw, 36px) !important; line-height: 1.18 !important; }
  #PAGES_CONTAINER .wixui-rich-text p,
  #PAGES_CONTAINER .wixui-rich-text li { font-size: clamp(15px, 4.2vw, 18px) !important; line-height: 1.6 !important; }
  #PAGES_CONTAINER .wixui-rich-text p[style*="justify"],
  #PAGES_CONTAINER .wixui-rich-text div[style*="justify"] {
    text-align: left !important;
    text-align-last: auto !important;
  }

  #PAGES_CONTAINER .wixui-image,
  #PAGES_CONTAINER .wixui-vector-image {
    width: calc(100% - 32px) !important;
    max-width: 680px !important;
    height: auto !important;
    margin: 12px auto !important;
  }
  #PAGES_CONTAINER .wixui-image img,
  #PAGES_CONTAINER .wixui-image picture,
  #PAGES_CONTAINER .wixui-image [data-testid="imageWrapper"],
  #PAGES_CONTAINER .wixui-image [data-testid="image"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  #PAGES_CONTAINER .wixui-button,
  #PAGES_CONTAINER [role="button"] {
    max-width: calc(100% - 40px) !important;
  }

  #PAGES_CONTAINER .pro-gallery-parent-container,
  #PAGES_CONTAINER .gallery-slider,
  #PAGES_CONTAINER [class*="pro-gallery"],
  #PAGES_CONTAINER [class*="gallery-item-container"],
  #PAGES_CONTAINER .gallery-item-wrapper,
  #PAGES_CONTAINER .gallery-item-content {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #PAGES_CONTAINER .pro-gallery-parent-container,
  #PAGES_CONTAINER .gallery-slider {
    width: 100% !important;
    overflow: hidden !important;
  }
  #PAGES_CONTAINER .gallery-item-container,
  #PAGES_CONTAINER .gallery-item-wrapper,
  #PAGES_CONTAINER .gallery-item-content,
  #PAGES_CONTAINER .gallery-item-content img {
    width: 100% !important;
    max-width: 100% !important;
  }

  #SITE_FOOTER ._c_gnD {
    width: 100vw !important;
    min-width: 0 !important;
    left: 0 !important;
    right: auto !important;
  }
  #SITE_FOOTER {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  #SITE_FOOTER .wixui-column-strip,
  #SITE_FOOTER .wixui-column-strip__column,
  #SITE_FOOTER .Ak0vpt,
  #SITE_FOOTER [data-mesh-id$="inlineContent"],
  #SITE_FOOTER [data-mesh-id$="inlineContent-gridContainer"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    left: 0 !important;
  }
  #SITE_FOOTER .Ak0vpt,
  #SITE_FOOTER [data-mesh-id$="inlineContent-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  #SITE_FOOTER [data-mesh-id$="inlineContent-gridContainer"] > [id^="comp-"]:not(.wixui-column-strip):not(.wixui-column-strip__column) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    grid-area: auto !important;
    width: calc(100% - 40px) !important;
    max-width: 680px !important;
    height: auto !important;
    margin: 10px auto !important;
    box-sizing: border-box !important;
  }
  #SITE_FOOTER .wixui-rich-text { text-align: center !important; }
}

@media (min-width: 901px) and (max-width: 1100px) {
  #SITE_HEADER .wixui-column-strip,
  #PAGES_CONTAINER .wixui-section,
  #PAGES_CONTAINER .wixui-column-strip,
  #SITE_FOOTER .wixui-column-strip {
    min-width: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  #SITE_HEADER [data-mesh-id="SITE_HEADERinlineContent-gridContainer"],
  #PAGES_CONTAINER [data-mesh-id$="inlineContent-gridContainer"],
  #SITE_FOOTER [data-mesh-id$="inlineContent-gridContainer"] {
    max-width: 100% !important;
  }
}