@media (min-width: 1025px) {
  .header-left-menu-dropdown .mm-navbar.navbar {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
  }

  .header-left-menu-dropdown:hover .mm-navbar.navbar {
    opacity: 1;
    visibility: visible;
  }
}

.megamenu-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  --mm-radius: 6px;
  --mm-radius-lg: 10px;
  --mm-rail-bg: #f5f5f5;
  --mm-column-divider: #eeeeee;
  --mm-shadow-panel: 0 4px 24px rgba(0, 0, 0, 0.1);
  --mm-shadow-soft: 0 4px 18px rgba(58, 61, 63, 0.08);
}

@media (min-width: 1025px) {
  .megamenu-wrapper {
    position: relative;
    flex-wrap: nowrap;
    gap: clamp(12px, 2vw, 28px);
    align-items: flex-start;
  }
}

.mm-navbar a {
  color: var(--dark-grey);
}

  .mm-navbar a:hover,
  .mm-navbar a:focus {
    color: var(--theme-color);
  }

.header-left-menu-dropdown {
  display: inline-block;
}

  .header-left-menu-dropdown .header-left-menu-button {
    box-sizing: border-box;
    font-family: var(--primary-font);
    color: var(--black);
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 16px;
    padding-inline-start: 0;
    min-height: 40px;
    width: 280px;
    border: 0;
    border-radius: var(--mm-radius);
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .15s ease;
  }

    .header-left-menu-dropdown .header-left-menu-button:focus-visible {
      outline: 2px solid var(--secondary);
      outline-offset: 2px;
    }

    .header-left-menu-dropdown .header-left-menu-button::before {
      content: "\e99c";
      font-family: "icomoon" !important;
      font-style: normal;
      font-weight: normal;
      margin-inline-end: 10px;
      color: inherit;
    }

@media (max-width: 1024px) {
  .header-left-menu-dropdown .header-left-menu-button::before {
    display: none;
  }

  .header-left-menu-dropdown .header-left-menu-button {
    display: none;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-left-menu-dropdown:not(.tuwayq-drawer-cat-mount) .header-left-menu-button {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: none;
    min-height: 40px;
    padding: 10px 20px;
    margin: 0;
    border-radius: 0;
    border-bottom: 1px solid var(--light-grey, #ebebeb);
    background: transparent;
    font-weight: 600;
  }

    body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-left-menu-dropdown:not(.tuwayq-drawer-cat-mount) .header-left-menu-button::after {
      content: "\e932";
      font-family: "icomoon" !important;
      font-size: 18px;
      opacity: 0.45;
    }
}

@media (min-width: 1025px) {
  .header-left-menu-dropdown .mm-navbar {
    position: absolute;
    z-index: 100;
    background: #f5f5f5;
    width: 280px;
    margin-top: 10px;
    border-radius: var(--mm-radius-lg);
    border: 1px solid var(--mm-column-divider);
    box-shadow: var(--mm-shadow-panel);
    overflow: visible;
  }

  html:not(.megamenu-grid-view) .header-left-menu-dropdown .mm-navbar::after {
    content: '';
    position: absolute;
    top: -6px;
    inset-inline-start: 22px;
    width: 11px;
    height: 11px;
    margin-inline-start: -5.5px;
    background-color: #f5f5f5;
    border-inline-start: 1px solid var(--mm-column-divider);
    border-block-start: 1px solid var(--mm-column-divider);
    transform: rotate(45deg);
    border-radius: 2px 0 0 0;
    box-shadow: -2px -2px 6px rgba(0, 76, 132, 0.1);
    pointer-events: none;
    z-index: 0;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
  }

  html:not(.megamenu-grid-view) .header-left-menu-dropdown .mm-navbar > .nav-navbar {
    position: relative;
    z-index: 1;
  }

    .header-left-menu-dropdown .mm-navbar .has-children .has-children > a {
      font-weight: 700;
    }

  html:not(.megamenu-grid-view) .header-left-menu-dropdown .mm-navbar:has(.nav-menu > .mm-nav-item.has-children:hover),
  html:not(.megamenu-grid-view) .header-left-menu-dropdown .mm-navbar:has(.nav-menu > .mm-nav-item.has-children:focus-within) {
    border-end-end-radius: 0;
  }
}

.header-left-menu-dropdown .mm-navbar li {
  list-style-type: none;
  text-align: start;
}

.header-left-menu-dropdown .mm-navbar li:not(:last-child) {
  border-bottom: none;
}

  .header-left-menu-dropdown .mm-navbar li a {
    position: relative;
  }

    .header-left-menu-dropdown .mm-navbar li a .right-arrow {
      position: absolute;
      inset-inline-end: 10px;
      top: 50%;
      transform: translateY(-50%);
      opacity: 0.55;
    }

    .header-left-menu-dropdown .mm-navbar li a .right-arrow::before {
      content: "\e932";
      font-family: "icomoon" !important;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      font-size: 20px;
      speak: never;
      text-transform: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

  .header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li {
    border: none;
  }

    .header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .right-arrow {
      display: none;
    }

    .header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist {
      margin-bottom: 15px;
    }

      .header-left-menu-dropdown .mm-navbar li .sublist .sublist-list li .sublist li {
        display: block;
        width: 100%;
      }

  .header-left-menu-dropdown .mm-navbar li .sublist .nav-icon ~ .category-name {
    padding-inline-start: 20px;
  }

  .header-left-menu-dropdown .mm-navbar li:hover .sublist {
    visibility: visible;
    opacity: 1;
  }

.header-left-menu-dropdown .mm-navbar a {
  color: var(--dark-grey);
  text-decoration: none;
  display: block;
  padding: 10px 15px;
  font-family: var(--primary-font);
  font-size: 14px;
  line-height: 20px;
  transition: background-color 0.18s ease, color 0.18s ease;
}

  .header-left-menu-dropdown .mm-navbar a:hover,
  .header-left-menu-dropdown .mm-navbar a:focus {
    color: var(--theme-color);
    background-color: rgba(0, 0, 0, 0.03);
  }

@media (min-width: 1025px) {
  .header-left-menu-dropdown .mm-navbar .nav-menu > li > a:hover,
  .header-left-menu-dropdown .mm-navbar .nav-menu > li > a:focus {
    color: var(--dark-grey);
    background-color: transparent;
  }

  .header-left-menu-dropdown .mm-navbar .nav-menu > li:hover > a,
  .header-left-menu-dropdown .mm-navbar .nav-menu > li:focus-within > a {
    background-color: var(--theme-color);
    color: var(--white);
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
  }

  .header-left-menu-dropdown .mm-navbar .nav-menu > li:hover > a .right-arrow,
  .header-left-menu-dropdown .mm-navbar .nav-menu > li:focus-within > a .right-arrow {
    opacity: 1;
  }

  .header-left-menu-dropdown .mm-navbar .nav-menu > li:hover > a .right-arrow::before,
  .header-left-menu-dropdown .mm-navbar .nav-menu > li:focus-within > a .right-arrow::before {
    color: var(--white);
  }
}

  .header-left-menu-dropdown .mm-navbar a.mm-nav-image {
    padding-inline-start: 40px;
  }

.header-left-menu-dropdown .nav-icon {
  position: absolute;
  inset-inline-start: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

@media (min-width: 1025px) {
  .header-left-menu-dropdown .nav-menu > li > a {
    padding: 12px 15px;
    font-size: 14px;
    line-height: 20px;
    padding-inline-start: 40px;
    font-weight: 600;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist {
    position: absolute !important;
    top: 0;
    inset-inline-start: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease;
    background: var(--white);
    min-height: 100%;
    padding-inline-end: 0;
    margin-bottom: 0;
    margin-inline-start: 0;
    border-start-start-radius: 0;
    border-start-end-radius: var(--mm-radius-lg);
    border-end-end-radius: var(--mm-radius-lg);
    border-end-start-radius: 0;
    border: 1px solid var(--mm-column-divider);
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist .sublist-list {
    padding: 0 6px 22px;
  }
}

@media (min-width: 1025px) {
  .header-left-menu-dropdown .nav-menu > li > .sublist {
    width: 697px;
  }
}

@media (min-width: 1200px) {
  .header-left-menu-dropdown .nav-menu > li > .sublist {
    width: 905px;
  }
}

@media (min-width: 1600px) {
  .header-left-menu-dropdown .nav-menu > li > .sublist {
    width: 1110px;
  }
}

@media (min-width: 1025px) {
  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding-inline: 10px;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li:last-child {
    border-inline-end: none;
  }
}

@media (min-width: 1200px) {
  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li {
    width: 33%;
  }
}

@media (min-width: 1600px) {
  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li {
    width: 24%;
  }
}

@media (min-width: 1025px) {
  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li > a {
    font-weight: 600;
    color: var(--theme-color);
    border-radius: 4px;
    margin: 2px 0;
    padding: 8px 12px;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li.has-children > a {
    font-weight: 700;
    color: var(--theme-color);
    background: transparent;
    margin-bottom: 6px;
    padding-top: 4px;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist .has-children .sublist-list > li > a {
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-grey);
    padding-inline-start: 12px;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist .has-children .sublist-list > li > a span.category-name {
    font-weight: 400;
    font-size: 14px;
    color: var(--dark-grey);
    padding-inline-start: 0;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li:not(.has-children) > a:hover,
  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li:not(.has-children) > a:focus,
  .header-left-menu-dropdown .nav-menu > li > .sublist .has-children .sublist-list > li > a:hover,
  .header-left-menu-dropdown .nav-menu > li > .sublist .has-children .sublist-list > li > a:focus {
    background-color: rgba(0, 0, 0, 0.04);
    color: var(--dark-grey);
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li.has-children > a:hover,
  .header-left-menu-dropdown .nav-menu > li > .sublist > .sublist-list > li.has-children > a:focus {
    background-color: rgba(246, 53, 56, 0.08);
    color: var(--theme-color);
  }

  .header-left-menu-dropdown .nav-menu > li:hover > .sublist {
    visibility: visible;
    opacity: 1;
  }

  /* Nested mega columns (e.g. Kitchen → Carpets): keep third layer inline, not absolute flyout */
  .header-left-menu-dropdown .nav-menu > li > .sublist .sublist-list > li.has-children > .sublist {
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: none !important;
    animation: none !important;
    display: block;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist .sublist-list > li.has-children > .sublist .sublist-list {
    display: block;
    padding: 0 0 6px 0;
    margin: 0;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist .sublist-list > li.has-children > .sublist .mobile-menu-head {
    display: none !important;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist .sublist-list > li.has-children > a .right-arrow {
    display: none;
  }

  .header-left-menu-dropdown .nav-menu > li > .sublist .sublist-list > li.has-children::after {
    display: none;
  }
}

@media (min-width: 1025px) {
  .megamenu-wrapper .header-right-menu {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-inline-end: 310px;
  }

  .megamenu-wrapper .header-right-menu .mm-navbar {
    width: auto;
    max-width: 100%;
  }

  .header-right-menu .grid-view.no-view .nav-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 2px 2px;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .header-right-menu .grid-view.no-view .mm-nav-item {
    display: inline-flex;
    vertical-align: middle;
  }

  .header-right-menu .grid-view.no-view .nav-menu .mm-nav-item a {
    padding: 10px 14px;
    height: auto;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    border-radius: var(--mm-radius);
    transition: background-color 0.18s ease, color 0.18s ease;
  }

  .header-right-menu .grid-view.no-view .nav-menu .mm-nav-item a:hover,
  .header-right-menu .grid-view.no-view .nav-menu .mm-nav-item a:focus {
    color: var(--theme-color);
    background-color: rgba(246, 53, 56, 0.08);
  }
}

@media (min-width: 1025px) {
  .header-right-menu .nav-menu .mm-nav-item {
    display: inline-block;
  }

    .header-right-menu .nav-menu .mm-nav-item .nav-icon {
      max-width: 20px;
      display: inline-block;
      vertical-align: middle;
      margin-inline-end: 4px;
    }
}

@media (min-width: 1025px) {
  .header-right-menu .nav-menu .mm-nav-item a {
    display: block;
    padding: 10px 20px;
    height: 38px;
    text-decoration: none;
  }

  .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children a {
    display: inline-flex;
    align-items: center;
    gap: 2px;
  }

  .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children a > span {
    vertical-align: middle;
  }

  .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .right-arrow,
  .header-right-menu .grid-view.no-view .nav-menu .mm-nav-item.has-children .right-arrow {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: static;
    transform: rotate(90deg);
    margin-inline-start: 4px;
    opacity: 0.65;
    font-size: 0;
    line-height: 1;
  }

  .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .right-arrow::before,
  .header-right-menu .grid-view.no-view .nav-menu .mm-nav-item.has-children .right-arrow::before {
    content: "\e932";
    font-family: "icomoon" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 16px;
    line-height: 1;
    color: var(--black);
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist {
    display: none;
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    background: var(--white);
    z-index: 1000;
    color: var(--dark-grey);
    width: 100%;
    animation-name: sublistFadeInUp;
    animation-duration: 0.3s;
    padding: 15px;
    border-radius: var(--mm-radius-lg);
    border: 1px solid var(--light-grey);
    box-shadow: var(--mm-shadow-panel);
  }

    .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .right-arrow {
      display: none;
    }

    .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist a {
      padding: 5px;
      position: relative;
    }

    .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .sublist-list {
      display: flex;
      flex-wrap: wrap;
    }

      .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .sublist-list > .mm-nav-item {
        width: 20%;
      }

    .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .sublist {
      position: static;
      opacity: 1;
      visibility: visible;
      margin: 0;
      box-shadow: none;
      padding: 0;
      display: block;
    }

      .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .sublist .sublist-list {
        display: block;
      }

        .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .sublist .sublist-list .mm-nav-item a {
          font-weight: 500;
        }

    .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .mm-nav-item {
      display: block;
    }

      .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .sublist .mm-nav-item a {
        color: var(--dark-grey);
      }

  .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children:hover > .sublist {
    display: block;
  }
}

@media (min-width: 1025px) {
  .header-right-menu .header-left-menu-button {
    box-sizing: border-box;
    font-family: var(--primary-font);
    color: var(--white);
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 16px;
    min-height: 40px;
    width: 280px;
    background: var(--theme-color);
    border: none;
    text-decoration: none;
    margin-inline-start: auto;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

    .header-right-menu .header-left-menu-button:hover,
    .header-right-menu .header-left-menu-button:focus {
      background: var(--active-color);
      color: var(--white);
    }

    .header-right-menu .header-left-menu-button:focus-visible {
      outline: 2px solid var(--secondary);
      outline-offset: 2px;
    }

    .header-right-menu .header-left-menu-button::before {
      content: "\e92c";
      font-family: "icomoon" !important;
      font-style: normal;
      font-weight: normal;
      margin-inline-end: 15px;
      color: inherit;
    }
}

@media (min-width: 1025px) {
  .header-right-menu .list-view {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    width: 100%;
    z-index: 100;
    background: var(--white);
    display: none;
  }

    .header-right-menu .list-view .mm-nav-item {
      display: block;
      position: relative;
    }

      .header-right-menu .list-view .mm-nav-item .right-arrow {
        position: absolute;
        inset-inline-end: 10px;
        top: 50%;
        transform: translateY(-50%) rotateZ(90deg);
      }

      .header-right-menu .list-view .mm-nav-item a {
        display: block;
        color: var(--dark-grey);
      }

      .header-right-menu .list-view .mm-nav-item.has-children .sublist {
        position: absolute;
        inset-inline-end: 100%;
        top: 0;
        overflow: visible;
        background: var(--white);
        z-index: 1000;
        color: var(--dark-grey);
        width: 100%;
        animation-name: sublistFadeInUp;
        animation-duration: 0.3s;
        padding: 15px;
        border-radius: var(--mm-radius-lg);
        border: 1px solid var(--light-grey);
        box-shadow: var(--mm-shadow-panel);
        display: none;
      }

        .header-right-menu .list-view .mm-nav-item.has-children .sublist .sublist-list {
          display: block;
        }

          .header-right-menu .list-view .mm-nav-item.has-children .sublist .sublist-list > .mm-nav-item {
            width: 100%;
          }

      .header-right-menu .list-view .mm-nav-item.has-children:hover > .sublist {
        display: block;
      }

  .header-right-menu:hover > .list-view {
    display: block;
  }
}

@media (max-width: 1024px) {
  .header-right-menu .header-left-menu-button {
    display: none;
  }
}

@keyframes sublistFadeInUp {
  0% {
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
  }

  100% {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
  }
}

@media (min-width: 1025px) {
  .right-menu-list-view .header-right-menu {
    position: relative;
  }

    .right-menu-list-view .header-right-menu .nav-navbar {
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    }
}

@media (min-width: 1025px) {
  .mobile-menu-trigger,
  .menu-overlay,
  .mobile-mm-navbar .mobile-menu-head {
    display: none;
  }

  .megamenu-wrapper .header-link-top {
    display: none;
  }
}

@media (min-width: 1025px) {
  .megamenu-grid-view .header-left-menu-dropdown .header-left-menu-button {
    display: none;
  }

  .megamenu-grid-view .header-left-menu-dropdown .mm-navbar {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: auto;
    background: none;
  }

    .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu {
      display: flex;
    }

      .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li {
        border-bottom: none;
      }

        .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a {
          position: relative;
          color: var(--dark-grey);
          padding: 12px 25px;
          font-weight: 700;
          font-family: var(--primary-font);
          font-size: 17px;
          line-height: 20px;
        }

          .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a:hover,
          .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a:focus {
            color: var(--theme-color);
          }

          .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .nav-icon {
            display: inline-block;
            vertical-align: middle;
            position: static;
            transform: translate(0);
            font-size: 0;
            margin-inline-end: 4px;
          }

          .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .category-name {
            vertical-align: middle;
          }

          .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .right-arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%) rotateZ(90deg);
            line-height: 6px;
            inset-inline-end: 5px;
          }

        .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > .sublist {
          inset-inline-start: 0;
          top: 100%;
          border-radius: var(--mm-radius-lg);
          border: 1px solid var(--light-grey);
          box-shadow: var(--mm-shadow-panel);
        }
}

@media (min-width: 1025px) {
  .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > .sublist {
    width: 977px;
  }
}

@media (min-width: 1200px) {
  .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > .sublist {
    width: 1185px;
  }
}

@media (min-width: 1600px) {
  .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > .sublist {
    width: 1645px;
  }
}

.megamenu-right-image {
  width: 25%;
  text-align: center;
  padding: 20px 15px;
}

.no-icon .nav-icon {
  display: none !important;
}

@media (max-width: 1024px) {
  .master-wrapper-page .header-menu {
    padding: 0 !important;
    background: var(--white);
  }

    .master-wrapper-page .header-menu .container {
      width: 100%;
      max-width: 100%;
      padding: 0;
    }

    .master-wrapper-page .header-menu > .mobile-menu-close {
      position: absolute;
      inset-inline-start: 100%;
      top: 0;
      background: var(--red);
      color: var(--white);
      height: 36px;
      width: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 28px;
      box-shadow: 0px 0px 25px rgba(107, 113, 123, 0.35);
    }

    .master-wrapper-page .header-menu .header-selectors-wrapper {
      display: inline-flex;
      justify-content: center;
      border-bottom: 1px solid var(--dark-grey);
      width: calc(100% - 40px);
      min-height: 36px;
    }

      .master-wrapper-page .header-menu .header-selectors-wrapper div {
        width: 50%;
        text-align: center;
      }

        .master-wrapper-page .header-menu .header-selectors-wrapper div:nth-child(2) {
          border-inline-start: 1px solid var(--dark-grey);
        }

        .master-wrapper-page .header-menu .header-selectors-wrapper div select {
          border: none;
          height: 35px;
        }

    .master-wrapper-page .header-menu .megamenu-wrapper,
    body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper {
      display: block;
      max-height: calc(100vh - 51px);
      overflow: auto;
    }

      .master-wrapper-page .header-menu .megamenu-wrapper .header-left-menu-dropdown,
      body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper .header-left-menu-dropdown {
        display: block;
      }

    .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item,
    #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item,
    .master-wrapper-page .header-menu .header-right-menu .mm-nav-item,
    body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item {
      display: block;
      border-bottom: 1px solid var(--light-grey);
    }

      .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .nav-icon,
      #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .nav-icon,
      .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .nav-icon,
      body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .nav-icon {
        position: absolute;
        inset-inline-start: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 20px;
      }

      .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item a,
      #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item a,
      .master-wrapper-page .header-menu .header-right-menu .mm-nav-item a,
      body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item a {
        padding: 18px;
        padding-block: 8px;
        min-height: 40px;
        color: var(--dark-grey);
        font-family: var(--primary-font);
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
        padding-inline-start: 20px;
        text-decoration: none;
        display: block;
        position: relative;
      }

      .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .right-arrow,
      #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .right-arrow,
      .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .right-arrow,
      body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .right-arrow {
        position: absolute;
        inset-inline-end: 10px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 7px;
        height: 100%;
        display: flex !important;
        justify-content: center;
        align-items: center;
      }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .right-arrow::before,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .right-arrow::before,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .right-arrow::before,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .right-arrow::before {
          content: "\e932";
          font-family: "icomoon" !important;
          font-style: normal;
          font-weight: normal;
          font-size: 18px;
          line-height: 1;
          color: var(--medium-grey);
          speak: never;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }

        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item.has-children .right-arrow {
          font-size: 0;
        }

      .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist,
      #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist,
      .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist,
      body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist {
        position: absolute;
        top: 0;
        inset-inline-start: -120%;
        transition: all 0.3s;
        visibility: visible;
        opacity: 1;
        background: var(--white);
        z-index: 10000;
        width: 100%;
        height: 100%;
        overflow: auto;
      }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .sublist-list,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .sublist-list,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .sublist-list,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .sublist-list {
          position: static !important;
        }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist.show,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist.show,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist.show,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist.show {
          inset-inline-start: 0;
        }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .mobile-menu-head,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .mobile-menu-head,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .mobile-menu-head,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .mobile-menu-head {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          padding: 10px;
          background: var(--theme-color);
          color: var(--white);
          font-weight: 700;
        }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .current-menu-title,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .current-menu-title,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .current-menu-title,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .current-menu-title {
          text-align: center;
          width: 100%;
        }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .go-back,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .go-back,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .go-back,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .go-back {
          margin-inline-end: 0;
          font-size: 0;
        }

          .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .go-back::before,
          #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .go-back::before,
          .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .go-back::before,
          body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .go-back::before {
            content: "\e910";
            display: inline-block;
            font-size: 20px;
            font-weight: 500;
            font-family: "icomoon" !important;
          }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .mobile-menu-close,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .mobile-menu-close,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .mobile-menu-close,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .mobile-menu-close {
          margin-inline-start: auto;
          font-size: 0;
        }

          .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .mobile-menu-close::before,
          #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .mobile-menu-close::before,
          .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .mobile-menu-close::before,
          body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .mobile-menu-close::before {
            content: "\ea22";
            display: inline-block;
            font-size: 20px;
            font-family: "icomoon" !important;
          }

        .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .mm-nav-item,
        #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .mm-nav-item,
        .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .mm-nav-item,
        body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .mm-nav-item {
          position: static !important;
          border-bottom: 1px solid var(--light-grey);
        }

    .master-wrapper-page .header-menu .header-link-top a img {
      max-width: 18px;
      vertical-align: middle;
    }
}

/* Mega menu relocated into Tuwayq #side-menu (≤1024px — matches Tuwayq mobile header + theme.js) */
@media (max-width: 1024px) {
  body.tuwayq-megamenu-in-drawer .master-header .header-menu-wrapper {
    display: none !important;
  }

  body.tuwayq-megamenu-in-drawer #side-menu:not(.side-menu-mm-grid-mode):not(.side-menu-categories-open) #side-menu-mega-mount .header-left-menu-dropdown:not(.tuwayq-drawer-cat-mount) .mm-navbar.navbar {
    display: none !important;
  }

  body.tuwayq-megamenu-in-drawer #side-menu.side-menu-mm-grid-mode #side-menu-mega-mount .header-left-menu-dropdown:not(.tuwayq-drawer-cat-mount) .mm-navbar.navbar {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper.tuwayq-mm-in-drawer {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
    max-height: none;
    overflow: visible;
    width: 100%;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper.tuwayq-mm-in-drawer .header-right-menu {
    flex: 0 0 auto;
    width: 100%;
    display: block;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper.tuwayq-mm-in-drawer .header-right-menu .mm-navbar {
    display: block;
    width: 100%;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper.tuwayq-mm-in-drawer .header-right-menu .nav-navbar,
  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper.tuwayq-mm-in-drawer .header-right-menu .nav-menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: stretch;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .megamenu-wrapper.tuwayq-mm-in-drawer .header-right-menu .nav-menu > .mm-nav-item {
    flex: 0 0 auto;
    width: 100%;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body {
    position: relative;
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }

  /* When a sublist is open: fill the panel below the category toolbar (not full inset:0 — keeps bar visible) */
  body.tuwayq-megamenu-in-drawer #side-menu-category-body:has(.sublist.show) {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    top: var(--side-menu-category-content-top, 53px);
    z-index: 38;
    background: var(--white);
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    pointer-events: auto;
    visibility: visible;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount {
    position: absolute;
    inset: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .mm-navbar.navbar {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-height: none !important;
  }

  /* Mega mount (right column in drawer): rows need a positioning context for `.sublist` */
  body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .mm-nav-item.has-children {
    position: relative;
  }

  /*
    Category drawer: root `li` must NOT be `position: relative` or `height: 100%` on `.sublist`
    resolves to one row (~55px) and nested drill-down panels are clipped / invisible.
    Keep root `li` static so the first `.sublist` anchors to `.tuwayq-drawer-cat-mount` (absolute; inset:0).
  */
  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .mm-navbar {
    min-height: 100%;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .mm-navbar .nav-menu > .mm-nav-item.has-children {
    position: static;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .mm-navbar .nav-menu > .mm-nav-item > .sublist {
    top: 0;
    bottom: 0;
    inset-inline-start: -120%;
    height: auto;
    min-height: 100%;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .mm-nav-item > .sublist {
    z-index: 10050;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .mm-nav-item > .sublist .mm-nav-item > .sublist {
    z-index: 10060;
  }

  /*
    Drill-down: hide sibling rows while a `.sublist.show` exists at that list level so the open panel
    sits at the top visually and previous-level links do not remain below the fold.
  */
  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .mm-navbar .nav-menu:has(> .mm-nav-item > .sublist.show) > .mm-nav-item:not(:has(> .sublist.show)) {
    display: none;
  }

  body.tuwayq-megamenu-in-drawer #side-menu-category-body .tuwayq-drawer-cat-mount .sublist-list:has(> .mm-nav-item > .sublist.show) > .mm-nav-item:not(:has(> .sublist.show)) {
    display: none;
  }
}


/* --- RTL (Tuwayq `html[dir="rtl"]`): layout + chevrons; base rules use logical properties above --- */
@media (min-width: 1025px) {
  [dir="rtl"] .header-right-menu .grid-view.no-view .nav-menu {
    justify-content: flex-start;
  }

  [dir="rtl"] .header-right-menu .header-left-menu-button {
    margin-inline-end: auto;
    margin-inline-start: 0;
  }

  [dir="rtl"] .header-right-menu .grid-view .nav-menu .mm-nav-item.has-children .right-arrow {
    transform: rotateZ(90deg);
  }

  [dir="rtl"] .header-right-menu .list-view .mm-nav-item .right-arrow {
    transform: translateY(-50%) rotateZ(-90deg);
  }

  [dir="rtl"] .megamenu-grid-view .header-left-menu-dropdown .mm-navbar .nav-menu > li > a .right-arrow {
    transform: translateY(-50%) rotateZ(-90deg);
  }

  /* Left-rail desktop: chevron opens toward inline-end (same glyph as mobile; flip for RTL) */
  [dir="rtl"] .header-left-menu-dropdown .mm-navbar li a .right-arrow {
    transform: translateY(-50%) scaleX(-1);
  }
}


/* Mobile + drawer (≤1024): row chevrons + drill arrows mirror for RTL */
@media (max-width: 1024px) {
  [dir="rtl"] .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .right-arrow,
  [dir="rtl"] #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .right-arrow,
  [dir="rtl"] .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .right-arrow,
  [dir="rtl"] body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .right-arrow {
    transform: translateY(-50%) scaleX(-1);
  }

  [dir="rtl"] body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-left-menu-dropdown:not(.tuwayq-drawer-cat-mount) .header-left-menu-button::after {
    display: inline-block;
    transform: scaleX(-1);
  }
}

/* Back chevron: point toward inline-start in RTL */
[dir="rtl"] .master-wrapper-page .header-menu .header-left-menu-dropdown .mm-nav-item .sublist .go-back::before,
[dir="rtl"] #side-menu #side-menu-category-body .tuwayq-drawer-cat-mount .mm-nav-item .sublist .go-back::before,
[dir="rtl"] .master-wrapper-page .header-menu .header-right-menu .mm-nav-item .sublist .go-back::before,
[dir="rtl"] body.tuwayq-megamenu-in-drawer #side-menu-mega-mount .header-right-menu .mm-nav-item .sublist .go-back::before {
  display: inline-block;
  transform: scaleX(-1);
}