@media screen and (min-width: 768px) {
  /* Home Page */
  .plain_abtn svg {
    display: block;
  }
  .arrow_32 .elementor-button-icon svg {
    height: 32px;
  }
  .arrow_19 .elementor-button-icon svg {
    height: 19px;
  }
  .arrow_dark_grey .elementor-button-icon svg path {
    transition: fill 0.3s ease;
  }
  .arrow_dark_grey .elementor-button:hover .elementor-button-icon svg path {
    fill: #2e2e2e;
  }
  .arrow_sandal .elementor-button-icon svg path {
    transition: fill 0.3s ease;
  }
  .arrow_sandal .elementor-button:hover .elementor-button-icon svg path {
    fill: #a49483;
  }
  .arrow_light_grey .elementor-button-icon svg path {
    transition: fill 0.3s ease;
  }
  .arrow_light_grey .elementor-button:hover .elementor-button-icon svg path {
    fill: #949494;
  }
  .arrow_sandal .plain_abtn:hover {
    color: #a49483 !important;
    transition: color 0.3s ease;
  }
  .arrow_sandal .plain_abtn:hover svg path {
    fill: #a49483;
    transition: color 0.3s ease;
  }
  .arrow_dark_grey.elementor-widget-social-icons a svg path {
    fill: white;
    transition: fill 0.3s ease;
  }
  .arrow_dark_grey.elementor-widget-social-icons a:hover svg path {
    fill: #2e2e2e;
  }
  .border_brand,
  .border_exclusive,
  .border_know,
  .border_founding,
  .border_jewel {
    position: relative;
  }
  .border_brand::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 218px;
    background: #a49483;
    z-index: 1;
    top: auto;
    bottom: 15px;
  }
  .border_exclusive::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%; /* move to middle */
    transform: translateY(-50%);
    width: 1px;
    height: 114px;
    background: #a49483;
    z-index: 1;
  }
  .border_know::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 127px;
    background: #a49483;
    z-index: 1;
    top: auto;
    bottom: 22px;
    @media (max-width: 1024px) {
      height: 50px;
      left: -10px;
      bottom: 10px;
    }
  }
  .border_founding::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 127px;
    background: #a49483;
    z-index: 1;
    top: auto;
    bottom: 11px;
  }
  .border_jewel::before {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    height: 66px;
    background: #a49483;
    z-index: 1;
    top: auto;
    bottom: -1px;
  }
  .terms_css ul li::marker,
  .terms_css ol li::marker {
    color: #a49483;
  }
  .terms_css ul,
  .terms_css ol {
    margin-top: -10px;
  }
  .terms_css strong,
  .terms_css b {
    font-weight: 700;
  }
}

@media screen and (max-width: 1199px) {
  html:has(.mobile-fixed-wrapper.active),
  body:has(.mobile-fixed-wrapper.active) {
    overflow-y: hidden;
  }
  /* Mobile Menu */
  .whb-header {
    .whb-main-header {
      .whb-general-header {
        height: 58px;
        padding: 0;
        .container {
          padding: 0 16px;
          height: 100%;
        }
        .wd-tools-count {
          padding: 1.75px 1px 1px;
          width: 16px;
          height: 16px;
          font-size: 12px;
          line-height: 12px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
        a[title="Wishlist products"] {
          .wd-tools-count {
            padding-top: 2px;
          }
        }
        .whb-general-header-inner {
          height: 100%;
          .whb-mobile-center {
            gap: 10px;
          }
          .wd-header-mobile-nav {
            display: none;
          }
          .wd-header-html {
            position: absolute;
          }
          .wd-tools-element > a {
            padding: 0;
            width: 24px;
            height: 24px;
          }
          .mobile_megamenu {
            width: 18px;
            height: 14px !important;
            padding: 0;
            cursor: pointer;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-left: 10px;
            img {
              width: 100%;
              height: 100%;
            }
          }
          .mobile-menu-container {
            position: relative;
            .mobile-fixed-wrapper {
              position: fixed;
              top: 0;
              right: 0;
              transform: translateX(100%);
              transition: 0.5s all;
              background-color: var(--white);
              width: 100%;
              height: 100dvh;
              max-width: 288px;
              z-index: 999;
              overflow-y: scroll;
              -webkit-overflow-scrolling: touch;
              scrollbar-width: none;
              -ms-overflow-style: none;
              scrollbar-color: transparent transparent;
              &.active {
                transform: translateX(0);
                transition: 0.5s all;
              }
              .menu-close-button {
                padding: 12px;
                margin-bottom: 10px;
                text-align: right;
                img {
                  cursor: pointer;
                }
              }
              .mobile-menu-list {
                ul {
                  padding: 0;
                  margin: 0;
                  list-style: none;
                  .menu-item,
                  .menu-section {
                    margin-bottom: 0;
                    > a {
                      font-family: var(--font-skia);
                      font-weight: 400;
                      font-size: 14px;
                      line-height: 18px;
                      color: var(--grey);
                      padding: 0 10px 0 20px;
                      width: 100%;
                      display: inline-block;
                      border-bottom: 0.67px solid #0000001b;
                      margin-bottom: 18px;
                      padding-bottom: 18px;
                      &:hover {
                        color: var(--brown);
                      }
                    }
                  }
                  .menu-item-has-child {
                    > a {
                      display: flex;
                      justify-content: space-between;
                      align-items: center;
                      img {
                        transform: rotate(0deg);
                      }
                    }
                    > .sub-menu {
                      display: none;
                      .sub-menu-wrapper {
                        height: fit-content;
                        margin: 0px 0 20px;
                        .sub-menu-flex-wrapper {
                          flex-wrap: wrap;
                          .sub-menu-col {
                            min-width: 100%;
                            padding: 20px;
                            .sub-items-wrapper {
                              h3 {
                                font-size: 14px;
                                line-height: 100%;
                              }
                              ul {
                                gap: 18px;
                                li {
                                  margin-top: 0;
                                  &:not(:last-child)::after {
                                    height: 37px;
                                  }
                                  a {
                                    &:hover {
                                      span {
                                        color: var(--brown);
                                      }
                                    }
                                    img {
                                      width: 47px;
                                      height: 47px;
                                    }
                                    span {
                                      font-size: 12px;
                                    }
                                  }
                                }
                              }
                            }
                            .brand-title {
                              display: flex;
                              gap: 5px;
                              font-family: var(--font-myriad);
                              font-weight: 400;
                              font-size: 14px;
                              line-height: 100%;
                              color: var(--grey);
                            }
                          }
                          .brand-col {
                            min-width: 100%;
                            align-items: flex-start;
                          }
                          .category-occasion-col {
                            li {
                              &:not(:last-child)::after {
                                height: 20px !important;
                                top: -4px !important;
                                right: -21px !important;
                              }
                            }
                          }
                        }
                      }
                      .gold-price-dropdown-wrapper {
                        .dropdown-wrapper {
                          position: relative;
                          .dropdown-title {
                            display: none;
                          }
                          .dropdown-content {
                            opacity: 1;
                            visibility: visible;
                            position: relative;
                            top: 0;
                            right: 0;
                            box-shadow: 0px 0 0;
                            border: 0;
                            background: var(--white);
                            z-index: unset;
                            width: 100%;
                            max-width: 100%;
                            min-width: 100%;
                            .today-price {
                              display: none;
                            }
                            .date-rate {
                              padding: 2px 20px 12px;
                            }
                            .rates-wrapper {
                              padding: 14px 20px 20px;
                              .rates-row-wrapper {
                                &:not(:last-child) {
                                  border-bottom: 1px solid var(--white3);
                                  padding-bottom: 15px;
                                  margin-bottom: 15px;
                                }
                                .title {
                                  font-family: var(--font-myriad);
                                  font-weight: 400;
                                  font-size: 14px;
                                  line-height: 100%;
                                  color: var(--grey);
                                }
                                .rates-list-wrapper {
                                  display: flex;
                                  flex-wrap: wrap;
                                  list-style: none;
                                  margin: 0;
                                  padding: 0;
                                  gap: 16px;
                                  li {
                                    font-family: var(--font-myriad);
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 100%;
                                    color: #8c8c8c;
                                    position: relative;
                                    margin-bottom: 0;
                                    margin: 0;
                                    strong {
                                      font: inherit;
                                      color: var(--grey);
                                    }
                                    span {
                                      font-family: var(--font-myriad);
                                      font-weight: 400;
                                      font-size: 14px;
                                      line-height: 100%;
                                      color: var(--brown);
                                      margin-left: 10px;
                                    }
                                    &:not(:last-child)::after {
                                      content: "";
                                      display: block;
                                      position: absolute;
                                      top: 0;
                                      right: -8px;
                                      width: 1px;
                                      height: 100%;
                                      border-left: 1px solid #8c8c8c;
                                    }
                                    &:nth-child(even)::after {
                                      display: none;
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                  li:nth-child(3) {
                    > a {
                      margin-bottom: 0px;
                    }
                  }
                  li:nth-child(4) {
                    margin-top: 18px;
                  }
                  li:nth-child(3):has(.sub-menu[style*="display: block"])
                    + li:nth-child(4) {
                    margin-top: 18px;
                  }
                  .menu-item-has-child:has(.sub-menu[style*="display: block"]) {
                    > a {
                      img {
                        transform: rotate(180deg);
                      }
                    }
                  }
                }
              }
            }
          }
          .whb-mobile-right {
            display: none;
          }
        }
      }
    }
  }
  /* Search */
  .mobile-nav {
    width: 100% !important;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-color: transparent transparent;
    .wd-heading {
      border: 0;
    }
    .wd-search-form {
      .searchform {
        box-shadow: 0 0 0 !important;
        margin: 0 13px;
        .wd-search-inited {
          height: 42px;
          border: 1px solid var(--brown);
          font-family: var(--font-myriad);
          font-weight: 300;
          font-size: 14px;
          line-height: 100%;
          color: var(--grey);
          border-radius: 0;
          &::placeholder {
            font: inherit;
            color: inherit;
          }
        }
        .wd-clear-search {
          border-inline-end: 1px solid #d6d6d6;
        }
      }
      .wd-search-results-wrapper {
        .wd-search-results {
          box-shadow: 0 0 0;
          .wd-scroll-content {
            overflow: unset;
            max-height: unset;
            .wd-search-suggestions {
              /* display: block !important; */
              .wd-suggestions-group {
                display: flex;
                flex-direction: column;
                .wd-suggestion {
                  margin-bottom: 0;
                  padding-left: 20px;
                  border-color: #d6d6d6;
                  &.wd-not-found {
                    border: 0;
                    justify-content: center;
                    padding: 10px;
                    box-shadow: 0 0 0;
                    font-family: var(--font-skia);
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 100%;
                    color: var(--grey2);
                    margin-top: 20px;
                  }
                  .wd-suggestion-thumb {
                    width: 92px;
                    height: 92px;
                    max-width: 100%;
                    img {
                      width: 100%;
                      height: 100%;
                      object-fit: contain;
                    }
                  }
                  .wd-suggestion-content {
                    padding-top: 15px;
                    .wd-entities-title {
                      font-family: var(--font-skia);
                      font-weight: 400;
                      font-size: 14px;
                      line-height: 100%;
                      letter-spacing: 0.42px;
                      color: var(--grey);
                    }
                    .price {
                      font-family: var(--font-myriad);
                      font-weight: 700;
                      font-size: 14px;
                      line-height: 14px;
                      color: var(--grey);
                    }
                  }
                  &:hover {
                    .wd-suggestion-content {
                      .wd-entities-title {
                        color: var(--brown);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    #menu-mobile-menu {
      display: none;
    }
  }
  /* Home Page */
  .noha-home-banner {
    .swiper-pagination {
      margin-bottom: 20px;
      .swiper-pagination-bullet {
        width: 16px !important;
        height: 16px !important;
      }
    }
  }
  /* Trust & Certification */
  .exclusive-collection-container {
    position: relative;
    min-height: 600px;
    max-width: 1310px;
    margin: 0 auto;
    & .exclusive-collection-slider {
      position: relative;
      overflow: visible;
      margin: 0;
      min-height: 600px;
      & .slick-prev,
      & .slick-next {
        display: none !important;
      }
      & .slider-banner-image-wrapper {
        position: relative;
        height: 600px;
        outline: none;
        .exclusive_brand {
          display: none;
        }
        & .slider-banner-image {
          inset: 0;
          height: 400px;
          & img {
            width: 100%;
            height: 100%;
            object-position: center top;
            display: block;
          }
        }
        & .category-slider-wrapper {
          position: absolute;
          top: 73%;
          bottom: auto;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 20;
          white-space: nowrap;
          & .category-flex-wrapper {
            display: inline-flex;
            align-items: stretch;
            gap: 10px;
            width: 296px;
            & .image-wrapper {
              display: inline-flex;
              flex-direction: column;
              align-items: center;
              .image {
                width: 141px;
                height: 141px;
              }
              & .image {
                border-radius: 50%;
                overflow: hidden;
                background: var(--white);
                & img {
                  width: 100%;
                  height: 100%;
                  object-fit: contain;
                  display: block;
                }
              }
              & .image-price-wrapper {
                opacity: 1;
                visibility: visible;
                transition: 0.5s ease-in-out;
                margin-top: 8px;
                text-align: left;
                white-space: normal;
                display: flex;
                flex-direction: column;
                text-align: center;
                & .exclusive_metal {
                  font-family: var(--font-myriad);
                  font-weight: 600;
                  font-size: 14px;
                  line-height: 15px;
                  letter-spacing: 0.42px;
                  text-transform: uppercase;
                  color: var(--grey);
                  margin-bottom: 5px;
                }
                & .exclusive_title {
                  font-family: var(--font-myriad);
                  font-weight: 400;
                  font-size: 14px;
                  line-height: 24px;
                  color: var(--grey2);
                  margin-bottom: 5px;
                }
                & .exclusive_price {
                  font-family: var(--font-myriad);
                  font-weight: 700;
                  font-size: 14px;
                  line-height: 100%;
                  text-align: center;
                  color: var(--grey);
                  margin-bottom: 0px;
                  span {
                    font: inherit;
                    color: inherit;
                  }
                }
              }
            }
          }
        }
      }
    }
    & .custom-dots-arrow-wrapper {
      gap: 6px;
      position: relative;
      top: auto;
      left: auto;
      z-index: 30;
      & .prev-button,
      & .next-button {
        pointer-events: all;
        cursor: pointer;
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        opacity: 1;
        transition: opacity 0.2s;
        &:hover {
          opacity: 0.5;
        }
        & img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          filter: brightness(0) saturate(100%) invert(62%) sepia(3%)
            saturate(2042%) hue-rotate(351deg) brightness(96%) contrast(85%);
        }
      }
      & .custom-dots {
        & .slick-dots {
          position: relative;
          bottom: 0;
          display: flex;
          gap: 6px;
          li,
          button {
            padding: 0;
            margin: 0;
            &::before {
              display: none;
            }
          }
          li {
            border: 1px solid var(--brown);
            border-radius: 100%;
            width: 16px;
            height: 16px;
            background: transparent;
            &.slick-active {
              background: var(--brown);
            }
          }
          button {
            width: 100%;
            height: 100%;
            &:hover {
              background: transparent;
            }
          }
        }
      }
    }
  }
  .our-brands-slider-container {
    width: 100%;
    max-width: 450px;
    margin-left: 0px;
    .brands-slider-wrapper {
      margin-bottom: 0;
    }
    .slick-track {
      display: flex;
      gap: 20px;
    }
    .brand-col {
      text-align: center;
      outline: none;
    }
    .product-image-wrapper {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      overflow: hidden;
      background: #ede9e3;
      margin: 0 auto 20px;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
    }
    .brand-image-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 70px;
      width: 100%;
      max-width: 90px;
      margin: 0 auto;
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }
    }
    .custom-dots-arrows-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 10px;
      margin-top: 18px;
      padding-left: 8px;
      .slick-dots {
        position: relative;
        bottom: 0;
        display: flex;
        gap: 6px;
        li,
        button {
          padding: 0;
          margin: 0;

          &::before {
            display: none;
          }
        }
        li {
          border: 1px solid var(--brown);
          border-radius: 100%;
          width: 20px;
          height: 20px;
          background: var(--white);

          &.slick-active {
            background: var(--brown);
          }
        }
        button {
          width: 100%;
          height: 100%;
          &:hover {
            background: transparent;
          }
        }
      }
      .prev-button,
      .next-button {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none;
        padding: 2px 4px;
        font-size: 22px;
        font-weight: 300;
        color: var(--brown);
        line-height: 1;
        transition: opacity 0.2s;
        &:hover {
          opacity: 0.45;
        }
        img {
          width: auto;
          height: auto;
          object-fit: contain;
          display: none;
          &[src]:not([src=""]) {
            display: block;
          }
        }
      }
    }
  }
  /* Product Single Page */
  .noha-single-product-container {
    .wd-single-gallery {
      .woocommerce-product-gallery {
        justify-content: end;
        .wd-gallery-images {
          width: 100%;
          max-width: 100%;
          min-width: 100%;
          height: 491px;
          .woocommerce-product-gallery__image {
            width: 100%;
            height: 491px;
            img {
              width: 100%;
              height: 100%;
              object-fit: contain;
            }
          }
        }
        .wd-gallery-thumb {
          .wd-carousel {
            .wd-carousel-item {
              width: 120px;
              img {
                width: 100%;
                height: 100%;
                object-fit: contain;
              }
            }
          }
          .wd-nav-arrows {
            .wd-btn-arrow {
              .wd-arrow-inner {
                background: var(--brown);
                &::after {
                  color: var(--white);
                }
                &:hover {
                  background: var(--grey);
                }
              }
            }
          }
        }
      }
    }
    .variations_form {
      .variations {
        tbody {
          gap: 20px 30px !important;
          tr {
            .label {
              label {
                font-family: var(--font-myriad);
                font-weight: 300;
                font-size: 16px;
                line-height: 100%;
                letter-spacing: 0px;
                color: var(--grey);
                &::after {
                  content: "*";
                  color: #e22d2d;
                  font: inherit;
                  line-height: inherit;
                  margin-left: 4px;
                }
              }
            }
            .value {
              width: 104px;
              select {
                font-family: var(--font-myriad);
                font-weight: 300;
                font-style: Light;
                font-size: 14px !important;
                line-height: 100% !important;
                color: var(--grey);
                option {
                  font: inherit;
                  color: inherit;
                }
              }
            }
          }
        }
      }
      .single_variation_wrap {
        margin-right: 0px !important;
        .quantity {
          height: 38px;
          input {
            height: 100%;
            min-height: 38px;
          }
        }
      }
    }
    .noha-btn-hover-icon {
      .elementor-button:hover {
        .elementor-button-icon {
          path {
            fill: var(--grey);
          }
        }
      }
    }
    .wd-single-brands {
      .wd-product-brands a {
        pointer-events: none !important;
        opacity: 1 !important;
        cursor: default !important;
        img {
          opacity: 1;
          cursor: default !important;
        }
      }
    }
    .wd-single-meta {
      .posted_in {
        a {
          font-family: var(--font-myriad);
          font-weight: 400;
          font-size: 14px;
          line-height: 22.4px;
          color: var(--grey3);
          margin-left: 10px;
        }
      }
    }
    .single_add_to_cart_button {
      box-shadow: 0 0 0 !important;
      font-family: var(--font-myriad);
      font-weight: 400;
      font-size: 14px;
      line-height: 100%;
      text-transform: uppercase;
      color: var(--white);
      background: var(--brown) !important;
      width: 128px;
      height: 38px;
      min-height: 38px;
      &:hover {
        background: var(--grey) !important;
      }
    }
  }
  /* Jewellery Page */
  .product-list-result-count {
    .woocommerce-result-count {
      line-height: 100%;
    }
  }
  .page-title-breadcrumbs {
    nav.wd-breadcrumbs {
      font-family: var(--font-myriad);
      font-weight: 400;
      font-size: 14px;
      line-height: 100%;
      color: var(--grey);
      a,
      .wd-delimiter {
        color: var(--grey2);
        margin: 0 8px 0 0px;
        &::after {
          position: relative;
          top: 0.5px;
        }
      }
      span.wd-last {
        color: inherit;
        font: inherit;
      }
    }
  }
  .noha-product-list {
    .products {
      gap: 15px 10px;
      .product-grid-item {
        .wd-product-thumb {
          height: 200px !important;
          .labels-rounded {
            justify-content: center;
            .out-of-stock {
              min-height: 32px;
              max-width: 100%;
              min-width: 150px;
              width: 100%;
              border-radius: 0;
              font-family: var(--font-myriad);
              font-weight: 300;
              font-size: 18px;
              line-height: 100%;
              color: var(--grey);
              padding-top: 8px;
            }
          }
          .wrapp-buttons {
            .wd-buttons {
              height: 35px;
              min-height: 35px;
              .wd-add-btn,
              .wd-wishlist-btn {
                .wd-action-icon {
                  width: 14px;
                  height: 14px;
                  .wd-check-icon {
                    &::before {
                      font-size: 8px;
                    }
                  }
                }
              }
              .wd-add-btn {
                .wd-action-icon {
                  &::before {
                    width: 14px;
                    height: 14px;
                    font-size: 14px;
                    min-height: 14px;
                    min-width: 14px;
                    position: absolute;
                    display: block;
                    scale: 1.2;
                    content: url(/wp-content/uploads/2026/04/Icon-2-2.svg);
                  }
                }
              }
            }
          }
        }
        .wd-entities-title {
          padding-top: 10px;
          font-family: var(--font-myriad);
          font-weight: 400 !important;
          font-size: 14px;
          line-height: 100%;
          letter-spacing: 0.42px;
          text-align: center;
          vertical-align: middle;
          color: var(--grey);
          a {
            text-transform: capitalize !important;
            font: inherit !important;
            color: inherit;
            &:hover {
              color: var(--brown);
            }
          }
        }
        .wd-product-cats {
          font-family: var(--font-myriad);
          font-weight: 400;
          font-size: 14px;
          line-height: 100%;
          text-align: center;
          color: var(--grey2);
          a {
            font: inherit;
            color: inherit;
          }
        }
        .price {
          font-family: var(--font-myriad);
          font-weight: 700;
          font-size: 14px;
          line-height: 100%;
          text-align: center;
          color: var(--grey);
          * {
            font: inherit;
            color: inherit;
          }
        }
      }
    }
    &.related-products {
      .wd-entities-title {
        padding-top: 10px !important;
        font-family: var(--font-myriad);
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 100% !important;
        letter-spacing: 0.42px !important;
        text-align: center;
        vertical-align: middle;
        color: var(--grey);
        a {
          text-transform: capitalize !important;
          font: inherit !important;
          color: inherit !important;
          &:hover {
            color: var(--brown);
          }
        }
      }
      .wd-product-cats {
        font-family: var(--font-myriad);
        font-weight: 400 !important;
        font-size: 14px !important;
        line-height: 100% !important;
        text-align: center;
        color: var(--grey2);
        a {
          font: inherit;
          color: inherit;
        }
      }
      .price {
        font-family: var(--font-myriad);
        font-weight: 700 !important;
        font-size: 14px !important;
        line-height: 100% !important;
        text-align: center;
        color: var(--grey);
        * {
          font: inherit;
          color: inherit;
        }
      }
    }
  }
  /* Billing Page */
  .page-title-breadcrumbs {
    .color-scheme-inherit {
      ul {
        gap: 26px;
        li {
          line-height: 100%;
          &:not(:last-child) {
            &::after {
              line-height: 100%;
              top: -2px;
            }
          }
          &:last-child {
            font-size: 14px;
            line-height: 100%;
          }
        }
      }
    }
    .noha-checkout-form {
      .woocommerce-checkout {
        gap: 20px;
        .customer-details {
          flex: 0 0 50%;
        }
        .checkout-order-review {
          flex: 0 0 44%;
        }
      }
    }
  }
  .page-title-breadcrumbs {
    .noha-checkout-form {
      .woocommerce {
        .woocommerce-order {
          .thank-you-main-container {
            .main-wrapper {
              .mobile-order-table {
                display: none;
              }
            }
          }
        }
      }
    }
  }
  .cart-widget-side {
    & .widget_shopping_cart {
      & .widget_shopping_cart_content {
        & .shopping-cart-widget-footer {
          .woocommerce-mini-cart__buttons {
            margin-top: 20px;
          }
        }
      }
    }
  }
  .page-title-breadcrumbs {
    .noha-checkout-form {
      .woocommerce-checkout {
        .checkout-order-review {
          .woocommerce-checkout-review-order {
            .place-order {
              .woocommerce-terms-and-conditions-wrapper {
                p {
                  max-width: 100%;
                }
              }
            }
          }
        }
      }
    }
  }
  .noha-cart-page {
    .cart-content-wrapper {
      .woocommerce-cart-form {
        .shop_table {
          tbody {
            .product-name {
              .brand-logo {
                height: 100%;
              }
            }
            .product-subtotal {
              .danat-certificate-wrapper {
                .danat-button-wrapper {
                  bottom: -40px;
                }
              }
            }
            tr:has(.product-name .variation) {
              .danat-certificate-wrapper {
                .danat-button-wrapper {
                  bottom: -40px;
                }
              }
            }
          }
        }
      }
    }
  }
  /* Product Filter */
  .product-filter-container {
    .wd-col-content-sm {
      .wd-col-offcanvas-lg {
        .filter-widget {
          padding-left: 20px;
          padding-right: 20px;
          &:last-child {
            padding: 10px 20px;
          }
          .filter_reset_button {
            a.wp-block-wd-button {
              max-width: 100%;
              min-width: 130px;
            }
          }
          .filter_apply_button {
            a.wp-block-wd-button {
              max-width: 100%;
              min-width: 130px;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1024px) {
  /* Mobile Menu */
  .home {
    .whb-header {
      .whb-main-header {
        .whb-general-header {
          background-color: #f2ede7;
        }
      }
    }
  }
}

@media screen and (max-width: 991px) {
  /* Billing Page */
  .page-title-breadcrumbs {
    .noha-checkout-form {
      .woocommerce-checkout {
        gap: 20px;
        .customer-details {
          flex: 0 0 100%;
        }
        .checkout-order-review {
          flex: 0 0 100%;
        }
      }
    }
  }
}

@media screen and (max-width: 767px) {
  /* Home Page */
  /* Banner/Hero Section */
  #home-banner {
    .home-banner-slider {
      height: 100%;
      .elementor-widget-image-carousel,
      .swiper,
      figure,
      img {
        height: 100%;
        object-fit: cover;
      }
    }
  }
  #noha-trust-scroll {
    > .e-con-inner {
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
      scrollbar-color: transparent transparent;
      > .e-con.e-child {
        flex: 0 0 45.85%;
      }
    }
  }
  /* Trust & Certification */
  .exclusive-collection-container {
    position: relative;
    min-height: 400px;
    max-width: 1310px;
    margin: 0 auto;
    & .exclusive-collection-slider {
      position: relative;
      overflow: visible;
      margin: 0;
      min-height: 400px;
      & .slick-prev,
      & .slick-next {
        display: none !important;
      }
      & .slider-banner-image-wrapper {
        position: relative;
        height: 400px;
        outline: none;
        .exclusive_brand {
          display: none;
        }
        & .slider-banner-image {
          inset: 0;
          height: 200px;
          & img {
            width: 100%;
            height: 100%;
            object-position: center top;
            display: block;
          }
        }
        & .category-slider-wrapper {
          position: absolute;
          top: 62%;
          bottom: auto;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 20;
          white-space: nowrap;
          & .category-flex-wrapper {
            gap: 10px;
            width: 300px;
            & .image-wrapper {
              .image {
                width: 141px;
                height: 141px;
              }
              & .image {
                border-radius: 50%;
                overflow: hidden;
                background: var(--white);
                & img {
                  object-fit: contain;
                }
              }
              & .image-price-wrapper {
                margin-top: 8px;
                & .exclusive_metal {
                  font-size: 14px;
                  line-height: 100%;
                  letter-spacing: 0.42px;
                  margin-bottom: 8px;
                }
                & .exclusive_title {
                  font-size: 14px;
                  line-height: 100%;
                  margin-bottom: 8px;
                }
                & .exclusive_price {
                  font-size: 14px;
                  line-height: normal;
                  span {
                    font: inherit;
                    color: inherit;
                  }
                }
              }
            }
          }
        }
      }
    }
    & .custom-dots-arrow-wrapper {
      gap: 6px;
      position: relative;
      top: auto;
      left: auto;
      z-index: 30;
      & .prev-button,
      & .next-button {
        pointer-events: all;
        cursor: pointer;
        width: 14px;
        height: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        opacity: 1;
        transition: opacity 0.2s;
        &:hover {
          opacity: 0.5;
        }
        & img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          filter: brightness(0) saturate(100%) invert(62%) sepia(3%)
            saturate(2042%) hue-rotate(351deg) brightness(96%) contrast(85%);
        }
      }
      & .custom-dots {
        & .slick-dots {
          position: relative;
          bottom: 0;
          display: flex;
          gap: 6px;
          li,
          button {
            padding: 0;
            margin: 0;
            &::before {
              display: none;
            }
          }
          li {
            border: 1px solid var(--brown);
            border-radius: 100%;
            width: 16px;
            height: 16px;
            background: transparent;
            &.slick-active {
              background: var(--brown);
            }
          }
          button {
            width: 100%;
            height: 100%;
            &:hover {
              background: transparent;
            }
          }
        }
      }
    }
  }
  .our-brands-slider-container {
    width: 100%;
    max-width: 343px;
    margin-left: 0px;
    margin: 0 auto;
    .brands-slider-wrapper {
      margin-bottom: 0;
    }
    .slick-track {
      display: flex;
      gap: 24px;
    }
    .brand-col {
      text-align: center;
      outline: none;
    }
    .product-image-wrapper {
      width: 96px;
      height: 96px;
      border-radius: 50%;
      overflow: hidden;
      background: #ede9e3;
      margin: 0 auto 20px;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
    }
    .brand-image-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 55px;
      width: 100%;
      max-width: 60px;
      margin: 0 auto;
      img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }
    }
    .custom-dots-arrows-wrapper {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      gap: 6px;
      margin-top: 18px;
      padding-left: 8px;
      .slick-dots {
        position: relative;
        bottom: 0;
        display: flex;
        gap: 6px;
        li,
        button {
          padding: 0;
          margin: 0;

          &::before {
            display: none;
          }
        }
        li {
          border: 1px solid var(--brown);
          border-radius: 100%;
          width: 16px;
          height: 16px;
          background: var(--white);

          &.slick-active {
            background: var(--brown);
          }
        }
        button {
          width: 100%;
          height: 100%;
          &:hover {
            background: transparent;
          }
        }
      }
      .prev-button,
      .next-button {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        user-select: none;
        padding: 2px 4px;
        font-size: 22px;
        width: 18px;
        height: 18px;
        font-weight: 300;
        color: var(--brown);
        line-height: 1;
        transition: opacity 0.2s;
        &:hover {
          opacity: 0.45;
        }
        img {
          width: auto;
          height: auto;
          object-fit: contain;
          display: none;
          &[src]:not([src=""]) {
            display: block;
          }
        }
      }
    }
  }
  /* Jewellery Page */
  .noha-product-list {
    .products {
      .product-grid-item {
        .wd-product-thumb {
          height: 191px;
          .product-image-link {
            width: 100%;
            height: 100%;
            img {
              width: 100%;
              height: 100%;
              object-fit: contain;
            }
          }
          .wrapp-buttons {
            opacity: 1 !important;
            visibility: visible !important;
            transform: translate3d(0, 0, 0) !important;
            .wd-buttons {
              max-width: 130px !important;
              height: 100%;
              box-shadow: 1px 1px 1px 0px #0000001a;
              border-radius: 35px;
              .wd-add-btn,
              .wd-wishlist-btn {
                .wd-action-icon {
                  width: 14px;
                  height: 14px;
                }
              }
              .wd-add-btn {
                .wd-action-icon {
                  &::before {
                    width: 14px;
                    height: 14px;
                    font-size: 14px;
                    min-height: 14px;
                    min-width: 14px;
                    position: absolute;
                    display: block;
                    scale: 1.2;
                    content: url(/wp-content/uploads/2026/04/Icon-2-2.svg);
                  }
                }
              }
            }
          }
        }
      }
    }
    .products-footer {
      .woocommerce-pagination {
        .page-numbers {
          li {
            span,
            a {
              font-family: var(--font-myriad);
              font-weight: 400;
              font-size: 14px;
              line-height: 22.4px;
            }
            .next,
            .prev {
              font-size: 0 !important;
            }
          }
        }
      }
    }
    &.related-products {
      .products {
        .product-grid-item {
          .wd-product-thumb {
            height: 325px;
          }
          .wd-product-cats,
          .price {
            margin-top: 5px;
          }
        }
      }
    }
  }
  .quick-shop-wrapper.wd-quantity-overlap {
    .quick-shop-close {
      position: relative;
      top: 0;
      justify-content: end;
      padding-right: 10px;
      width: 100%;
    }
    .quick-shop-form {
      padding-top: 0;
      padding-bottom: 60px;
      max-height: 40vh;
    }
    .single_add_to_cart_button {
      box-shadow: 0 0 0;
      position: fixed;
      bottom: 0;
      width: 100%;
      left: 0;
    }
    .single_variation_wrap {
      padding-bottom: 90px;
    }
  }
  /* Product Single Page */
  .noha-single-product-container {
    .wd-single-gallery {
      .woocommerce-product-gallery {
        justify-content: end;
        .wd-gallery-images {
          width: 100%;
          max-width: 100%;
          min-width: 100%;
          height: 348px;
          .woocommerce-product-gallery__image {
            width: 100%;
            height: 348px;
            img {
              width: 100%;
              height: 100%;
              object-fit: contain;
            }
          }
        }
        .wd-gallery-thumb {
          .wd-carousel {
            .wd-carousel-item {
              width: 120px;
              height: 110px;
              padding: 0;
              img {
                width: 100%;
                height: 100%;
                object-fit: contain;
              }
            }
          }
          .wd-nav-arrows {
            .wd-btn-arrow {
              .wd-arrow-inner {
                background: var(--brown);
                width: 30px;
                height: 30px;
                &::after {
                  color: var(--white);
                }
                &:hover {
                  background: var(--grey);
                }
              }
            }
          }
        }
      }
    }
    .variations_form {
      .variations {
        tbody {
          gap: 20px 20px !important;
          tr {
            display: flex;
            flex-direction: column;
            gap: 5px;
            .label {
              padding: 0;
              label {
                font-weight: 400;
              }
            }
            .value {
              width: 135px;
              select {
                font-weight: 400;
                font-size: 16px !important;
                option {
                  font: inherit;
                  color: inherit;
                }
              }
            }
          }
        }
      }
      .single_variation_wrap {
        margin-right: 0px !important;
        .quantity {
          height: 42px;
          input {
            height: 100%;
            min-height: 42px;
          }
        }
      }
    }
    .noha-btn-hover-icon {
      .elementor-button:hover {
        .elementor-button-icon {
          path {
            fill: var(--grey);
          }
        }
      }
    }
    .wd-single-brands {
      .wd-product-brands a {
        pointer-events: none !important;
        opacity: 1 !important;
        cursor: default !important;
        img {
          opacity: 1;
          cursor: default !important;
        }
      }
    }
    .wd-single-meta {
      .posted_in {
        a {
          margin-left: 5px;
        }
      }
    }
    .single_add_to_cart_button {
      box-shadow: 0 0 0 !important;
      font-family: var(--font-myriad);
      font-weight: 600;
      font-size: 14px;
      line-height: 100%;
      text-transform: capitalize;
      color: var(--white);
      background: var(--brown) !important;
      width: 128px;
      height: 42px;
      min-height: 42px;
      &:hover {
        background: var(--grey) !important;
      }
    }
  }
  .product-single-tabs {
    .wd-accordion-item {
      .wd-accordion-title {
        .wd-accordion-title-text {
          font-family: var(--font-myriad);
          font-weight: 400;
          font-size: 16px;
          line-height: 25.6px;
          color: var(--grey);
          span {
            font: inherit;
            color: inherit;
          }
        }
        &.wd-active {
          .wd-accordion-title-text {
            color: var(--brown);
            span {
              color: inherit;
            }
          }
        }
        .wd-accordion-opener {
          font-size: 13px;
          color: var(--white3);
          &::before {
            color: inherit;
          }
        }
      }
    }
  }
  .noha-home-jewel {
    .wd-carousel-wrap {
      .wd-carousel-item {
        .wd-product-thumb {
          height: 191px !important;
        }
        .wd-entities-title {
          padding-top: 5px;
          font-size: 14px;
          line-height: 100%;
          letter-spacing: 0.37px;
          a {
            text-transform: capitalize !important;
          }
        }
        .wd-product-cats {
          font-size: 12px;
          line-height: 100%;
          padding-top: 12px;
        }
        .price {
          font-size: 12px;
          line-height: 100%;
          text-transform: uppercase;
          padding-top: 12px;
        }
      }
    }
    .wd-btn-arrow {
      opacity: 1 !important;
      visibility: visible !important;
      transform: translateY(0) !important;
    }
    .wd-nav-pagin-wrap {
      margin-top: 43px;
      .wd-nav-pagin {
        .wd-nav-pagin-item {
          width: 16px;
          height: 16px;
          border-radius: 100%;
          border: 1px solid var(--brown);
          background-color: transparent;
          &.wd-active {
            background-color: var(--brown);
            border: 1px solid var(--brown);
          }
          span {
            display: none;
          }
        }
      }
    }
  }
  /* Cart Widget */
  .cart-widget-side {
    width: 288px !important;
    .wd-heading {
      .title {
        font-family: var(--font-skia);
        font-weight: 1;
        font-size: 18px;
        line-height: 24px;
        color: var(--grey);
      }
      .close-side-widget {
        .wd-action-icon {
          width: 16px;
          height: 16px;
          &::before,
          &::after {
            width: inherit !important;
            font-size: 16px !important;
            top: -0.5px;
            position: relative;
          }
        }
        .wd-action-text {
          font-family: var(--font-myriad);
          font-weight: 400;
          font-size: 14px;
          line-height: 14px;
          color: #333333;
        }
      }
    }
    .widget_shopping_cart {
      .widget_shopping_cart_content {
        .shopping-cart-widget-body {
          .woocommerce-mini-cart-item {
            background: var(--light);
            padding-right: 5px;
            padding-top: 30px;
            padding-bottom: 5px;
            .cart-item-image {
              width: 63px;
              height: 71px;
              margin-inline-end: 5px;
              img {
                width: 100%;
                height: 100%;
                min-width: 100%;
                max-width: 100%;
                object-fit: contain;
              }
            }
            .remove::after {
              font-size: 14px;
            }
            .cart-info {
              display: flex;
              flex-wrap: wrap;
              align-items: center;
              padding: 0;
              gap: 0px 8px;
              .wd-entities-title {
                font-size: 16px;
                line-height: 24px;
                margin: 0;
              }
              ul.variation {
                gap: 5px 0;
                padding: 6px 0;
                margin: 6px 0;
                li {
                  &:not(:last-child) {
                    margin-right: 8px;
                    padding-right: 8px;
                  }
                  span {
                    font-size: 14px;
                    line-height: 22px;
                  }
                }
              }
              span.quantity {
                font-size: 14px;
                line-height: 22px;
                > .woocommerce-Price-amount {
                  font-size: 14px;
                  line-height: 22px;
                }
              }
            }
          }
          .wd-empty-mini-cart {
            &::before {
              content: url("/wp-content/uploads/2026/04/Icon-3-1.svg");
            }
            .woocommerce-mini-cart__empty-message {
              font-size: 14px;
              line-height: 100%;
            }
          }
        }
        .shopping-cart-widget-footer {
          .woocommerce-mini-cart__total {
            padding: 13px 15px;
            strong {
              font-size: 18.2px;
              line-height: 25.48px;
            }
            .woocommerce-Price-amount {
              font-weight: 600;
              font-size: 18px;
              line-height: 21.84px;
            }
          }
          .woocommerce-mini-cart__buttons {
            margin-top: 25px;
            a.button.btn-cart {
              height: 32px;
            }
            a.button.checkout {
              height: 32px;
            }
          }
        }
      }
    }
  }
  /* Cart Page */
  .welcome-wrapper {
    .title {
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0px;
    }
    .time-logged-in {
      font-size: 14px;
      line-height: 100%;
    }
  }
  /* Billing Page */
  .page-title-breadcrumbs {
    .noha-checkout-form {
      .woocommerce-checkout {
        gap: 30px;
        .woocommerce-NoticeGroup {
          display: none;
        }
        .customer-details {
          flex: 0 0 100%;
          .woocommerce-billing-fields {
            > h3 {
              font-size: 18px;
              line-height: 20px;
            }
            .woocommerce-billing-fields__field-wrapper {
              gap: 30px;
              #billing_city_field,
              #billing_state_field,
              #billing_postcode_field,
              #billing_phone_field {
                flex: 1 1 100%;
              }
            }
          }
          .woocommerce-additional-fields {
            .form-row {
              textarea {
                height: 82px;
                &::placeholder {
                  font-family: var(--font-myriad);
                  font-weight: 300;
                  font-size: 14px;
                  line-height: normal;
                  color: var(--grey2);
                }
              }
            }
          }
          .woocommerce-shipping-fields {
            #ship-to-different-address {
              font-size: 16px;
              line-height: 100%;
              font-family: var(--font-myriad);
              font-weight: 300;
            }
            .shipping_address {
              margin-top: 30px;
            }
          }
          #shipping-note {
            margin-top: 5px;
          }
        }
        .checkout-order-review {
          flex: 0 0 100%;
          padding-left: 16px !important;
          padding-right: 16px !important;
          &::before,
          &::after {
            display: none;
          }
          #order_review_heading {
            font-size: 18px;
            line-height: 24px;
          }
          .woocommerce-checkout-review-order {
            .wd-table-wrapper {
              padding-left: 13px;
              padding-right: 13px;
              .shop_table {
                thead {
                  .product-name {
                    font-size: 14px;
                    line-height: 100%;
                  }
                  .product-total {
                    font-family: var(--font-myriad);
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 100%;
                    text-align: right;
                    text-transform: uppercase;
                    color: var(--grey);
                  }
                }
                tbody {
                  .cart_item {
                    border: 0;
                    .wd-checkout-prod {
                      padding-bottom: 8px;
                      align-items: start;
                    }
                  }
                  .wd-checkout-prod-img {
                    width: 74px;
                    min-width: 74px;
                    height: 93px;
                    img {
                      width: 100%;
                      height: 100%;
                      min-width: 74px;
                      object-fit: contain;
                    }
                  }
                  .wd-checkout-prod-cont {
                    position: relative;
                    .wd-checkout-prod-title {
                      row-gap: 10px;
                      .cart-product-label {
                        font-family: var(--font-skia);
                        font-weight: 300;
                        font-size: 14px;
                        line-height: 100%;
                        color: #333333;
                      }
                      .quantity {
                        order: 2;
                        margin: 0;
                        height: 38px;
                        input[type="number"] {
                          pointer-events: none;
                        }
                      }
                      .variation {
                        order: 3;
                        display: flex;
                        flex-wrap: wrap;
                        padding: 10px 0;
                        margin: 10px 0 8px;
                        border-top: 1px solid #ececec;
                        border-bottom: 1px solid #ececec;
                        li {
                          font-family: var(--font-myriad);
                          font-weight: 300;
                          font-size: 14px;
                          line-height: 22px;
                          color: var(--grey);
                          position: relative;
                          margin-bottom: 0;
                          * {
                            font: inherit;
                          }
                          &:not(:last-child) {
                            margin-right: 10px;
                            padding-right: 10px;
                          }
                          &:not(:last-child)::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0px;
                            width: 1px;
                            height: 100%;
                            border-right: 1px solid #e6e2e2;
                          }
                        }
                      }
                    }
                    .wd-checkout-prod-total {
                      top: 28%;
                      font-family: var(--font-myriad);
                      font-weight: 400;
                      font-size: 16px;
                      line-height: 100%;
                      color: var(--brown);
                    }
                  }
                }
                tfoot {
                  tr {
                    border: 0;
                  }
                  th,
                  td {
                    border: 0;
                    padding: 0;
                  }
                  .woocommerce-shipping-destination {
                    display: none;
                  }
                  th {
                    font-family: var(--font-myriad);
                    font-weight: 300;
                    font-size: 18px;
                    line-height: 100%;
                    color: #595757;
                    padding-left: 0px;
                    padding-bottom: 15px;
                    width: 70%;
                  }
                  td {
                    font-family: var(--font-myriad);
                    font-weight: 300;
                    font-size: 16px;
                    line-height: 100%;
                    text-align: right;
                    color: var(--grey);
                    padding-right: 0px;
                    padding-bottom: 15px;
                    width: 30%;
                    .woocommerce-shipping-methods {
                      li {
                        display: flex;
                        gap: 10px;
                        align-items: flex-start;
                        flex-direction: row-reverse;
                        label {
                          width: auto;
                          line-height: normal;
                        }
                        input {
                          accent-color: var(--grey);
                          width: 17px;
                          height: 17px;
                          min-width: 17px;
                        }
                      }
                    }
                    * {
                      color: inherit;
                      font: inherit;
                    }
                  }
                  .order-total {
                    td,
                    th {
                      padding-top: 15px;
                      border-top: 1px solid var(--white2);
                    }
                  }
                }
              }
            }
            .woocommerce-checkout-payment {
              .wc_payment_methods {
                .wc_payment_method {
                  input {
                    accent-color: var(--grey);
                    width: 13px;
                    height: 13px;
                    min-width: 13px;
                    margin-top: 0;
                  }
                  label {
                    font-size: 14px;
                  }
                  .payment_box {
                    padding: 8px;
                    p {
                      font-family: var(--font-myriad);
                      font-weight: 300;
                      font-size: 14px;
                      line-height: 100%;
                      color: var(--grey3);
                    }
                  }
                  img {
                    margin-top: 10px;
                  }
                }
              }
            }
            .place-order {
              .woocommerce-terms-and-conditions-wrapper {
                input[type="checkbox"] {
                  margin-top: 2px;
                }
                p {
                  a {
                    color: #333333;
                    font-size: 14px;
                    line-height: 100%;
                  }
                  .checkout-inline-error-message {
                    color: #ca1919;
                  }
                  .woocommerce-terms-and-conditions-checkbox-text {
                    font-size: 14px;
                    line-height: 100%;
                  }
                  .required {
                    position: relative;
                    top: 4px;
                  }
                }
              }
              button[type="submit"]#place_order {
                font-size: 18px;
                line-height: 22px;
                &::after {
                  top: 16px;
                  right: -3px;
                }
                &:hover {
                  color: var(--brown);
                }
              }
            }
          }
        }
      }
    }
  }
  /* Thank You Page / Order Success */
  .page-title-breadcrumbs {
    .noha-checkout-form {
      .woocommerce {
        .woocommerce-order {
          width: 100%;
          max-width: 897px;
          margin: 0 auto;
          .woocommerce-notice {
            font-size: 18px;
            line-height: 100%;
            padding: 16px 37px;
            margin-bottom: 30px;
          }
          .thank-you-main-container {
            .common-title {
              font-size: 18px;
              line-height: 100%;
              font-weight: 400;
            }
            .main-wrapper {
              .invoice-table-wrapper {
                display: none;
              }
              .mobile-order-table {
                display: block;
                margin-top: 24px;
                .header {
                  display: flex;
                  flex-wrap: wrap;
                  align-items: center;
                  padding: 0;
                  margin: 0;
                  li {
                    flex-basis: 50%;
                    font-family: var(--font-myriad);
                    font-weight: 300;
                    font-size: 16px;
                    line-height: 100%;
                    color: var(--grey);
                    list-style: none;
                    margin: 0;
                    &:last-child {
                      text-align: right;
                    }
                  }
                }
                .product-container {
                  .product-item {
                    margin-top: 10px;
                    padding-top: 10px;
                    border-top: 1px solid #e4e4e4;
                    .flex-item {
                      display: flex;
                      flex-wrap: wrap;
                      align-items: center;
                      padding: 0;
                      margin-bottom: 10px;
                      li {
                        flex-basis: 50%;
                        font-family: var(--font-myriad);
                        font-weight: 300;
                        font-size: 16px;
                        line-height: 100%;
                        color: var(--grey);
                        list-style: none;
                        margin: 0;
                        * {
                          color: inherit;
                          font: inherit;
                        }
                        &:last-child {
                          text-align: right;
                        }
                      }
                    }
                  }
                }
                .product-total-items-container {
                  margin-top: 5px;
                  padding-top: 5px;
                  border-top: 1px solid #e4e4e4;
                  .flex-total-items {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    margin-top: 5px;
                    padding-top: 5px;
                    margin-bottom: 8px;
                    padding-bottom: 8px;
                    border-bottom: 1px solid #e4e4e4;
                    padding-left: 0;
                    li {
                      flex-basis: 50%;
                      font-family: var(--font-myriad);
                      font-weight: 300;
                      font-size: 16px;
                      line-height: 100%;
                      color: var(--grey);
                      list-style: none;
                      margin: 0;
                      * {
                        color: inherit;
                        font: inherit;
                      }
                      &:last-child {
                        text-align: right;
                      }
                    }
                  }
                }
              }
              .download-invoice-wrapper {
                text-align: center;
                margin-top: 15px;
                .download-invoice {
                  font-family: var(--font-myriad);
                  font-weight: 600;
                  font-size: 14px;
                  line-height: 14px;
                  text-align: center;
                  vertical-align: middle;
                  text-transform: uppercase;
                  text-decoration: underline;
                  color: var(--brown);
                  &:hover {
                    color: var(--grey);
                  }
                  img {
                    margin-left: 5px;
                  }
                }
              }
            }
            .order-id-details {
              margin-top: 30px;
              .detailed-wrapper {
                .order-details-flex-wrapper {
                  display: flex;
                  flex-wrap: wrap;
                  margin-top: 20px;
                  row-gap: 0px;
                  .order-item {
                    display: flex;
                    flex-wrap: wrap;
                    flex: 0 0 100%;
                    gap: 20px;
                    position: relative;
                    &:not(:last-child)::after {
                      display: none;
                    }
                    &:nth-child(even)::after {
                      display: none;
                    }
                    &:not(:last-child) {
                      margin-bottom: 10px;
                      padding-bottom: 10px;
                      border-bottom: 1px solid #e4e4e4;
                    }
                    .item-no {
                      .id-no {
                        font-family: var(--font-skia);
                        font-weight: 300;
                        font-size: 20px;
                        line-height: 24px;
                        color: var(--grey);
                        margin: 15px 0 0 0;
                      }
                    }
                    .item-image {
                      width: 74px;
                      height: 93px;
                      min-width: 74px;
                      img {
                        width: 100%;
                        height: 100%;
                      }
                    }
                    .product-detail-wrapper {
                      display: flex;
                      flex-wrap: wrap;
                      gap: 10px;
                      flex-direction: column;
                      .product-title {
                        font-family: var(--font-myriad);
                        font-weight: 300;
                        font-size: 16px;
                        line-height: 100%;
                        color: var(--grey);
                        margin: 0;
                      }
                      .product-order-number {
                        font-family: var(--font-myriad);
                        font-weight: 300;
                        font-size: 16px;
                        line-height: 100%;
                        color: var(--grey);
                        margin: 0;
                      }
                      .product-image-logo {
                        margin: 0;
                        width: 74px;
                        height: 18.96px;
                        img {
                          width: 100%;
                          height: 100%;
                        }
                      }
                    }
                  }
                }
              }
            }
            .billing-address-wrapper {
              .billing-address-item,
              p {
                font-size: 14px;
                line-height: 20px;
              }
            }
          }
        }
      }
    }
  }
  /* Product Filter */
  .product-filter-container {
    .wd-action-btn .wd-action-icon {
      img {
        width: 16px;
        height: 16px;
      }
      &::after {
        width: 16px;
        height: 16px;
      }
    }
    .wd-col-content-sm {
      .wd-col-offcanvas-lg {
        max-width: 288px;
        .wd-heading {
          padding: 10px 15px;
          a {
            font-size: 14px;
            line-height: 12.62px;
          }
        }
        .filter-widget {
          padding-left: 20px;
          padding-right: 20px;
          padding-bottom: 25px;
          margin-bottom: 25px;
          &:last-child {
            padding: 10px 20px;
            max-width: 288px;
          }
          .wp-block-columns {
            flex-wrap: nowrap !important;
            gap: 0;
            justify-content: space-between;
          }
          .filter_reset_button {
            max-width: 113px;
            min-width: 113px;
            height: 31.5px;
            a.wp-block-wd-button {
              max-width: 113px;
              min-width: 113px;
              height: 100%;
              min-height: 100%;
              font-weight: 600;
              font-size: 14px;
              line-height: 100%;
              letter-spacing: 0px;
              text-align: center;
              color: #051f34;
              text-transform: capitalize;
            }
          }
          .filter_apply_button {
            max-width: 113px;
            min-width: 113px;
            height: 31.5px;
            a.wp-block-wd-button {
              max-width: 113px;
              min-width: 113px;
              height: 100%;
              min-height: 100%;
              font-weight: 600;
              font-size: 14px;
              line-height: 100%;
              letter-spacing: 0px;
              text-align: center;
              text-transform: capitalize;
            }
          }
          .woocommerce-widget-layered-nav-list,
          .product-categories,
          .wd-filter-list {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 10px;
            li {
              flex-basis: 41%;
              margin: 0;
              padding: 0;
              a {
                padding: 0;
                font-family: var(--font-myriad);
                font-weight: 400;
                font-size: 14px;
                line-height: 100%;
                color: #051f34;
                &::before {
                  width: 12.75px;
                  height: 12.75px;
                  border: 2px solid #838383;
                  border-radius: 2px;
                }
                &:hover {
                  color: var(--brown);
                }
              }
              .count {
                display: none;
              }
              &.chosen,
              &.wd-active {
                a {
                  color: var(--grey);
                  &::before {
                    background-color: var(--brown);
                    border: 2px solid var(--brown);
                  }
                }
              }
            }
          }
          .widgettitle,
          .widget-title,
          .wp-block-heading {
            font-size: 20px;
            line-height: 100%;
            color: #051f34;
          }
          .wc-block-product-filter-price-slider__left,
          .wc-block-product-filter-price-slider__right {
            input[type="text"] {
              height: 100% !important;
            }
          }
        }
      }
    }
    .wc-block-product-filters__overlay {
      position: relative !important;
      .wc-block-product-filters__overlay-dialog {
        flex-direction: unset !important;
        position: relative !important;
        inset: auto !important;
        transform: unset !important;
        .wc-block-product-filters__overlay-header,
        .wc-block-product-filters__overlay-footer {
          display: none !important;
        }
        .wc-block-product-filters__overlay-content {
          padding: 0;
          overflow: hidden;
          .wp-block-wd-container {
            margin: 0 !important;
          }
        }
      }
    }
  }
  .select-address-container {
    .select-address-fixed-wrapper {
      max-width: 288px;
      .select-header-wrapper {
        padding: 24px 16px;
        .title {
          font-size: 18px;
          line-height: 24px;
        }
      }
      .select-address-item-wrapper {
        height: calc(100% - 175px);
        overflow-y: scroll;
        .select-address-item {
          padding: 20px 15px 20px 18px;
          .address-wrapper {
            flex: 0 0 74%;
            p {
              font-size: 14px;
              line-height: 100%;
            }
          }
          .options-wrapper {
            position: relative;
            width: 10px;
            text-align: center;
            .edit-delete-wrapper {
              > div {
                font-size: 16px;
                line-height: 100%;
              }
              &.active {
                opacity: 1;
                visibility: visible;
              }
            }
          }
        }
      }
      .add-new-address-wrapper {
        padding: 15px 30px 15px 30px;
        border-bottom: 1px solid #f0f0f0;
      }
      .update-address-button {
        text-align: center;
        padding-bottom: 30px;
        #update-selected-address {
          font-size: 18px;
          line-height: 22px;
          img {
            margin-left: 15px;
          }
        }
      }
    }
  }
  .checkout-add-address-form {
    max-width: 288px !important;
  }
  .select-address-list {
    p {
      margin: 0;
      font-size: 18px;
      line-height: 20px;
    }
  }
  /* Form Success Inline Message */
  .form-success-alert-message {
    margin: 12px 0px 12px;
    padding: 13px 0 13px 50px;
    font-size: 14px;
    line-height: 100%;
    &::before {
      left: 20px;
      top: 48%;
    }
  }
  #noha-delivery-wrapper {
    padding: 18px 18px !important;
    > div {
      flex-wrap: wrap;
      > label {
        flex: 0 0 100% !important;
      }
    }
    #noha-insurance-info-link {
      flex: 0 0 100% !important;
    }
  }
}

@media screen and (max-width: 769px) {
  .noha-cart-page {
    .cart-content-wrapper {
      .woocommerce-cart-form {
        .shop_table {
          tbody {
            tr.cart_item {
              padding-bottom: 55px;
            }
            tr:has(.product-name .variation) {
              .danat-certificate-wrapper {
                .danat-button-wrapper {
                  bottom: -48px;
                }
              }
            }
            td {
              &::before {
                font-family: var(--font-myriad);
                font-weight: 300;
                font-size: 14px;
                line-height: 100%;
                color: var(--grey3);
              }
            }
            .product-remove {
              a {
                &::before {
                  width: 8px;
                  height: 8px;
                  font-size: 8px;
                }
              }
            }
            .product-thumbnail {
              a {
                width: 100px;
                height: 115px;
              }
            }
            .product-name {
              flex-direction: column;
              align-items: flex-start;
              padding: 0;
              a {
                font-size: 16px;
              }
              .brand-logo {
                width: 74px;
                height: 100%;
              }
              .variation {
                padding: 8px 0;
                row-gap: 7px;
                li {
                  font-size: 14px;
                  line-height: 22px;
                  margin-bottom: 0;
                  &:not(:last-child) {
                    margin-right: 8px;
                    padding-right: 8px;
                  }
                }
              }
            }
            .product-category {
              font-weight: 300;
              font-size: 14px;
              line-height: 100%;
              color: var(--grey3);
              border-bottom: 0.67px dashed #0000001b;
              padding: 10px 0;
            }
            .product-price {
              font-weight: 300;
              font-size: 14px;
              line-height: 100%;
              color: var(--grey3);
              border-bottom: 0.67px dashed #0000001b;
              padding: 10px 0;
            }
            .product-quantity {
              border-bottom: 0.67px dashed #0000001b;
              padding: 10px 0;
              .quantity {
                height: 36px;
                width: 80px;
              }
              input[type="number"] {
                pointer-events: none;
              }
            }
            .product-subtotal {
              position: relative;
              padding: 10px 0;
              border-bottom: 0.67px dashed #0000001b;
              .amount {
                font-weight: 300;
                font-size: 14px;
                line-height: 100%;
                color: var(--grey3);
              }
              .danat-certificate-wrapper {
                position: relative;
                .danat-button-wrapper {
                  position: absolute;
                  right: 0;
                  bottom: -48px;
                  width: 205px;
                  .open-danat-popup {
                    font-size: 16px;
                    line-height: 100%;
                  }
                }
                .danat-popup-wrapper {
                  position: relative;
                  .popup-fixed-wrapper {
                    max-width: calc(100% - 132px);
                    .popup-close-button {
                      text-align: right;
                      display: flex;
                      justify-content: end;
                      .close-popup {
                        text-align: right;
                        cursor: pointer;
                      }
                    }
                    .certificate-image-wrapper {
                      height: auto;
                    }
                  }
                }
              }
            }
          }
        }
      }
      .cart_totals {
        .cart-totals-inner {
          border: 2px solid #00000013;
          padding: 0;
          > h2 {
            font-size: 22px;
            line-height: 100%;
            color: #242424;
            padding: 12px 10px;
          }
          table {
            margin: 0;
            th,
            td {
              border: 0;
              padding: 0;
              display: block;
            }
            .woocommerce-shipping-destination {
              display: none;
            }
            tr {
              flex-direction: unset;
              border-bottom: 0;
              margin-bottom: 8px;
              padding-bottom: 8px;
            }
            th {
              font-family: var(--font-myriad);
              font-weight: 300;
              font-size: 16px;
              line-height: 100%;
              color: var(--grey2);
              padding-left: 10px;
              padding-bottom: 0px;
              width: 50%;
            }
            td {
              font-family: var(--font-myriad);
              font-weight: 300;
              font-size: 14px;
              line-height: 100%;
              text-align: right;
              color: var(--grey);
              padding-right: 10px;
              padding-bottom: 0px;
              width: 50%;
              &::before {
                display: none;
              }
              .woocommerce-shipping-methods {
                li {
                  display: flex;
                  gap: 10px;
                  align-items: flex-start;
                  flex-direction: row-reverse;
                  label {
                    width: auto;
                    line-height: normal;
                  }
                  input {
                    accent-color: var(--grey);
                    width: 17px;
                    height: 17px;
                    min-width: 17px;
                  }
                }
              }
              * {
                color: inherit;
                font: inherit;
              }
            }
            .order-total {
              gap: 0;
              td,
              th {
                padding-top: 15px;
                border-top: 1px solid var(--white2);
              }
            }
          }
          .wc-proceed-to-checkout {
            text-align: center;
            padding-bottom: 0px;
            .checkout-button {
              font-size: 18px;
              line-height: 22px;
              &:hover {
                color: var(--brown);
              }
              &::after {
                top: 11px;
                right: 30px;
              }
            }
          }
        }
      }
    }
  }
  .mobile-slider .spotlight-wrapper-container {
    & .spotlight-flex-wrapper {
      .left-column-wrapper {
        flex: 0 0 100%;
        max-width: 100%;
        & .left-column-content {
          position: relative;
          padding-left: 0px;
          &::before {
            display: none;
          }
          & .section-title {
            margin-bottom: 10px;
            padding-left: 10px;
            position: relative;
            border-left: 1px solid var(--brown);
          }
          & .section-sub-title {
            font-size: 27.28px;
            line-height: 40.92px;
            letter-spacing: 1.76px;
          }
          & .description {
            font-size: 16px;
            line-height: 100%;
            color: var(--grey);
            width: 100%;
            & .plain_abtn {
              font-size: 14.74px !important;
              letter-spacing: 0px;
              line-height: 19.65px;
              margin: 5px 0 0;
              width: 100%;
              display: block;
              text-align: left;
              &:hover {
                img {
                  filter: brightness(0) saturate(100%) invert(62%) sepia(1%)
                    saturate(4991%) hue-rotate(346deg) brightness(98%)
                    contrast(79%);
                }
              }
            }
          }
        }
        .flex-mobile-wrapper {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
        }
        & .left-column-slider-wrapper {
          position: relative;
          width: 35%;
          flex: 1 0 auto;
          margin-left: 0px;
          flex: 0 0 0%;
          & .jewellery-left-slide-wrapper {
            margin-bottom: 0px;
            & .slick-list {
              overflow: hidden;
            }
            & .slick-track {
              display: flex;
              align-items: center;
              gap: 50px;
              justify-content: flex-start;
            }
            & .image-wrapper {
              cursor: pointer;
              outline: none;
              display: flex;
              text-align: right;
              & img {
                width: 110px;
                height: 110px;
                border-radius: 50%;
                object-fit: contain;
                display: block;
                transition:
                  border-color 0.25s ease,
                  transform 0.25s ease;
                &:hover {
                  transform: scale(1.01);
                }
              }
            }
          }
        }
        .right-column-wrapper {
          flex: 1 0 50%;
          max-width: 65%;
          display: block;
          padding-left: 0px;
          height: 190px;
          min-height: 190px;
          & .product-price {
            display: none;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 3px;
            animation: fadeInProduct 0.35s ease;
            &.visible {
              display: flex;
            }
            & .price-image {
              width: 155px;
              height: 110px;
              & img {
                width: 100%;
                height: 100%;
                object-fit: contain;
                display: block;
              }
            }
            & .price-details {
              margin-top: 8px;
              & .title {
                font-family: var(--font-myriad);
                font-weight: 600;
                font-size: 14px;
                line-height: 100%;
                letter-spacing: 0.42px;
                margin-bottom: 8px;
              }
              & .type {
                font-family: var(--font-myriad);
                font-weight: 400;
                font-size: 14px;
                line-height: 100%;
                margin-bottom: 8px;
              }
              & .price {
                font-family: var(--font-myriad);
                font-weight: 700;
                font-size: 14px;
                line-height: 100%;
              }
            }
          }
        }
        .custom-dots-arrows-wrapper {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          flex: 0 0 100%;
          gap: 5px;
          margin-top: 18px;
          padding-left: 8px;
          & .slick-dots {
            position: relative;
            bottom: 0;
            display: flex;
            gap: 6px;
            li,
            button {
              padding: 0;
              margin: 0;
              &::before {
                display: none;
              }
            }
            li {
              border: 1px solid var(--brown);
              border-radius: 100%;
              width: 16px;
              height: 16px;
              background: var(--white);
              &.slick-active {
                background: var(--brown);
              }
            }
            button {
              width: 100%;
              height: 100%;
              &:hover {
                background: transparent;
              }
            }
          }
          & .prev-button,
          & .next-button {
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            user-select: none;
            padding: 2px 4px;
            font-size: 22px;
            width: 18px;
            height: 18px;
            font-weight: 300;
            color: var(--brown);
            line-height: 1;
            transition: opacity 0.2s;
            &:hover {
              opacity: 0.45;
            }
            & img {
              width: auto;
              height: auto;
              object-fit: contain;
              display: none;
              &[src]:not([src=""]) {
                display: block;
              }
            }
          }
          & .custom-dots {
            display: flex;
            align-items: center;
            gap: 7px;
          }
        }
      }
    }
  }
  .product-filter-container .woocommerce-ordering.wd-style-underline select {
    font-size: 0;
  }
}

@media screen and (max-width: 767px) {
  .arrow_dark_grey .elementor-button:hover .elementor-button-icon svg path {
    fill: #2e2e2e;
  }
  .arrow_sandal .elementor-button-icon svg path {
    transition: fill 0.3s ease;
  }
  .arrow_sandal .elementor-button:hover .elementor-button-icon svg path {
    fill: #a49483;
  }
  .arrow_light_grey .elementor-button-icon svg path {
    transition: fill 0.3s ease;
  }
  .arrow_light_grey .elementor-button:hover .elementor-button-icon svg path {
    fill: #949494;
  }
  .arrow_sandal .plain_abtn:hover {
    color: #a49483 !important;
    transition: color 0.3s ease;
  }
  .arrow_sandal .plain_abtn:hover svg path {
    fill: #a49483;
    transition: color 0.3s ease;
  }
  .arrow_dark_grey.elementor-widget-social-icons a svg path {
    fill: white;
    transition: fill 0.3s ease;
  }
  .arrow_dark_grey.elementor-widget-social-icons a:hover svg path {
    fill: #2e2e2e;
  }
}

@media screen and (max-width: 425px) {
  .page-title-breadcrumbs {
    .noha-checkout-form {
      .woocommerce-checkout {
        .checkout-order-review {
          .woocommerce-checkout-review-order {
            .place-order {
              .woocommerce-terms-and-conditions-wrapper {
                p {
                  .woocommerce-terms-and-conditions-checkbox-text {
                    .woocommerce-terms-and-conditions-link {
                      display: inline-block;
                      margin-left: 21px;
                      margin-top: 5px;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (min-width: 1024px) {
  .wd-page-content.main-page-wrapper {
    padding-top: 94px;
  }
}
@media (max-width: 1024px) {
  .wd-page-content.main-page-wrapper {
    padding-top: 58px;
  }
}