.blog-post .post-details .post-stats {
      padding-inline: initial;
      margin-inline: initial;
      white-space: nowrap;
      overflow-x: auto;
      padding-bottom: 12px;
      margin-bottom: -12px;
      --scrollbar-width: auto;
      scrollbar-width: auto;
      scrollbar-color: var(--scrollbar-thumb-color, silver) var(--scrollbar-track-color, #f9f9f9);
      -webkit-overflow-scrolling: touch;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .blog-post .post-details .post-stats .p-category {
      flex-wrap: nowrap;
      display: inline-flex
    }

    .blog-post .post-details .post-stats::-webkit-scrollbar {
      -webkit-appearance: none;
      height: 0;
      width: autopx;
      height: autopx;
      background-color: var(--scrollbar-track-color, silver)
    }

    .blog-post .post-details .post-stats>span+span {
      margin-left: var(--j-gap-spacing-gap-1);
      --element-margin-left: var(--j-gap-spacing-gap-1)
    }

    .blog-post .post-details .post-stats::-webkit-scrollbar-thumb {
      background-color: var(--scrollbar-thumb-color, silver);
      --scrollbar-thumb-color-hover: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      --scrollbar-thumb-color-active: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      border-width: 2px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-radius: 20px;
      --element-border-radius: 20px
    }

    .blog-post .post-details .post-stats.mac.desktop {
      --scrollW: 15px
    }

    .blog-post .post-details .post-stats,
    .blog-post .post-details .post-stats::-webkit-scrollbar {
      --scrollbar-track-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .blog-post .post-details .post-stats,
    .blog-post .post-details .post-stats::-webkit-scrollbar-thumb {
      --scrollbar-thumb-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .blog-post .post-details .post-stats :before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .blog-post .post-details .post-stats-wrapper {
      margin-top: var(--j-gap-spacing---7);
      --element-margin-top: var(--j-gap-spacing---7);
      margin-bottom: var(--j-gap-spacing-vertical-l);
      --element-margin-bottom: var(--j-gap-spacing-vertical-l);
      padding-bottom: var(--j-gap-spacing---6);
      --element-padding-bottom: var(--j-gap-spacing---6);
      border-width: 0;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .blog-post .post-details .post-stats .p-posted {
      display: inline-flex
    }

    .blog-post .post-details .post-stats .p-author {
      display: inline-flex
    }

    .blog-post .post-details .p-date {
      display: inline-flex
    }

    .p-date-image {
      --p-date-size: var(--j-gap-spacing----12);
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-700);
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      margin: var(--j-gap-spacing---5);
      --element-margin: var(--j-gap-spacing---5);
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .blog-post .post-details .p-date-image {
      top: 0;
      left: 0;
      right: auto;
      bottom: auto
    }

    .p-date-image em {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*0.7));
      line-height: 1.1
    }

    .blog-post .post-details .post-stats .p-comment {
      display: inline-flex
    }

    .blog-post .post-details .post-stats .p-view {
      display: inline-flex
    }

    .post-stats .p-category a:not(:only-child) {
      margin-left: var(--j-gap-spacing---2);
      --element-margin-left: var(--j-gap-spacing---2)
    }

    .post-image {
      display: block;
      text-align: left;
      float: none
    }

    .post-image img {
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .post-content {
      column-count: initial;
      column-rule-style: none
    }

    .blog-post .tags {
      justify-content: flex-start;
      gap: var(--j-gap-spacing-gap-1);
      justify-content: flex-start;
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l);
      margin-bottom: var(--j-gap-spacing-vertical-l);
      --element-margin-bottom: var(--j-gap-spacing-vertical-l)
    }

    .blog-post .tags b {
      display: none
    }

    .blog-post .tags a {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px;
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3);
      padding-right: var(--j-gap-spacing---4);
      --element-padding-right: var(--j-gap-spacing---4);
      padding-left: var(--j-gap-spacing---4);
      --element-padding-left: var(--j-gap-spacing---4)
    }

    .no-touchevents .blog-post .tags a:hover {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .blog-post .tags a,
    .blog-post .tags a:visited {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.25
    }

    .reply-btn.btn,
    .reply-btn.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-200) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      letter-spacing: 0 !important;
      line-height: 1 !important
    }

    .reply-btn.btn {
      border-style: none;
      padding: .7em;
      --element-padding: .7em;
      padding-right: .8em;
      --element-padding-right: .8em;
      padding-left: .8em;
      --element-padding-left: .8em
    }

    .reply-btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .post-comment {
      margin-bottom: 40px;
      padding-bottom: var(--j-gap-spacing-vertical-l);
      --element-padding-bottom: var(--j-gap-spacing-vertical-l);
      border-width: 0;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .post-reply {
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l);
      padding-top: var(--j-gap-spacing-vertical-l);
      --element-padding-top: var(--j-gap-spacing-vertical-l);
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .user-avatar {
      display: block;
      filter: grayscale(1);
      border-radius: 99%;
      --element-border-radius: 99%
    }

    .module-blog_comments .side-image {
      display: block
    }

    .no-touchevents .user-avatar:hover {
      filter: grayscale(0)
    }

    .post-comment .user-data,
    .post-comment .user-name {
      margin-top: var(--j-gap-spacing---3);
      --element-margin-top: var(--j-gap-spacing---3);
      margin-left: var(--j-gap-spacing----14);
      --element-margin-left: var(--j-gap-spacing----14)
    }

    .post-comment .user-name {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .post-comment .user-data div {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .post-comment .user-date:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .post-comment .user-time:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .post-comment .user-site {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .post-comment .user-site:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .post-comment .comment p {
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .post-comments>.title {
      margin-bottom: var(--j-gap-spacing-vertical-l) !important;
      --element-margin-bottom: var(--j-gap-spacing-vertical-l) !important
    }

    .reply-form {
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl)
    }

    .user-site.p-site {
      margin-top: var(--j-gap-spacing---1);
      --element-margin-top: var(--j-gap-spacing---1)
    }

    .post-comment .user-data .user-date {
      display: inline-flex
    }

    .post-comment .user-data .user-time {
      display: inline-flex
    }

    .comment-form .form-group:not(.required) {
      display: flex
    }

    .user-data .user-site {
      display: inline-flex
    }

    .main-posts.post-grid.flex-grid>.post-layout {
      flex-grow: 0
    }

    .main-posts.post-grid.auto-grid {
      --grid-min-width: 260px;
      --grid-min-col: 1.2;
      --grid-gap: var(--j-gap-spacing-gap-3);
      --auto-grow-type: auto-fill;
      --item-width: var(--item-fill);
      --grid-min-width: 400px
    }

    .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 3*20px)/4 - .01px)
    }

    .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/4 - .01px)
    }

    .one-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 2*20px)/3 - .01px)
    }

    .one-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/3 - .01px)
    }

    .two-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 1*20px)/2 - .01px)
    }

    .two-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/2 - .01px)
    }

    .side-column .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 0*20px)/1 - .01px)
    }

    .side-column .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/1 - .01px)
    }

    .post-grid .post-thumb {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents .post-grid .post-thumb:hover {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .post-grid .post-thumb .image a {
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: none
    }

    .post-grid .post-thumb .image a:before {
      display: none
    }

    .post-grid .post-thumb .image img {
      --scale-speed: .7s
    }

    .no-touchevents .post-grid .post-thumb:hover .image img {
      transform: scale(var(--scale-factor, 1.1))
    }

    .post-grid .post-layout .post-thumb {
      --stack: 250px
    }

    .post-grid .post-thumb .caption {
      padding: var(--j-gap-spacing---8);
      --element-padding: var(--j-gap-spacing---8);
      padding-bottom: var(--j-gap-spacing---9);
      --element-padding-bottom: var(--j-gap-spacing---9)
    }

    .post-grid .post-thumb .name {
      display: flex;
      width: 100%;
      margin-inline-start: 0;
      margin-inline-end: 0;
      justify-content: flex-start;
      margin-inline-start: 0;
      margin-inline-end: auto
    }

    .post-grid .post-thumb .name a {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-line-clamp: 2;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4
    }

    .no-touchevents .post-grid .post-thumb .name a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .post-grid .post-thumb .description {
      display: var(--display);
      --display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: var(--description-lines, 2);
      overflow: hidden;
      --description-lines: 3;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.6;
      margin-top: var(--j-gap-spacing---5);
      --element-margin-top: var(--j-gap-spacing---5)
    }

    .post-grid .post-thumb .button-group {
      justify-content: flex-start;
      margin-top: var(--j-gap-spacing---7);
      --element-margin-top: var(--j-gap-spacing---7);
      margin-left: -5px;
      --element-margin-left: -5px
    }

    .post-grid .post-thumb .btn-read-more:before {
      display: inline-flex
    }

    .post-grid .post-thumb .btn-read-more:after {
      display: inline-flex;
      content: '\f105' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .post-grid .post-thumb .btn-read-more .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .post-grid .post-thumb .btn-read-more.btn,
    .post-grid .post-thumb .btn-read-more.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents .post-grid .post-thumb .btn-read-more.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .post-grid .post-thumb .btn-read-more.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .post-grid .post-thumb .btn-read-more.btn,
    .post-grid .post-thumb .btn-read-more.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .post-grid .post-thumb .btn-read-more.btn:active,
    .no-touchevents .post-grid .post-thumb .btn-read-more.btn:hover:active,
    .post-grid .post-thumb .btn-read-more.btn:focus:active,
    .no-touchevents .post-grid .post-thumb .btn-read-more.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .post-grid .post-thumb .btn-read-more.btn:focus,
    .post-grid .post-thumb .btn-read-more.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .post-grid .post-thumb .btn-read-more.btn:active,
    .no-touchevents .post-grid .post-thumb .btn-read-more.btn:hover:active,
    .post-grid .post-thumb .btn-read-more.btn:focus:active {
      box-shadow: none
    }

    .post-grid .post-thumb .btn-read-more.btn:focus {
      box-shadow: none
    }

    .post-grid .post-thumb .btn-read-more.btn.btn.disabled:after {
      font-size: 1em
    }

    .post-grid .post-thumb .post-stats {
      display: flex;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      justify-content: flex-start;
      --post-stats-gap: 12px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      transform: translateY(-100%);
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*0.8));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*0.8));
      -webkit-backdrop-filter: blur(4px);
      backdrop-filter: blur(4px);
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-left: var(--j-gap-spacing---7);
      --element-padding-left: var(--j-gap-spacing---7)
    }

    .post-grid .post-thumb .p-date-image {
      --p-date-size: var(--j-gap-spacing----11);
      inset: 0 auto auto 0;
      width: var(--p-date-size, auto);
      height: var(--p-date-size, auto);
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-600);
      text-transform: none;
      line-height: 1.3;
      margin: var(--j-gap-spacing---4);
      --element-margin: var(--j-gap-spacing---4);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .post-grid .post-thumb .post-stats span:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .post-grid .post-thumb .post-stats .p-comment:before {
      transform: translate3d(0px, -1px, 0)
    }

    .post-grid .post-thumb .post-stats .p-author {
      display: flex
    }

    .post-grid .post-thumb .image {
      display: block
    }

    .post-grid .post-thumb .p-date {
      display: flex
    }

    .post-grid .post-thumb .post-stats .p-comment {
      display: flex
    }

    .post-grid .post-thumb .post-stats .p-view {
      display: flex
    }

    .post-grid .post-thumb .btn-read-more {
      padding-bottom: 2px !important;
      --element-padding-bottom: 2px !important
    }

    .post-grid div.post-thumb .btn-read-more.btn,
    .post-grid div.post-thumb .btn-read-more.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .post-list.post-list .post-layout {
      --post-list-spacing: var(--j-gap-spacing-vertical-xl)
    }

    .post-list.post-list .post-thumb .image {
      --list-image: 40%
    }

    .post-list .post-thumb {
      --details-stack: 300px
    }

    .post-list.post-list .post-thumb .caption {
      justify-content: center
    }

    .post-list .post-thumb .post-stats {
      --post-stats-gap: 10px;
      display: flex;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3;
      justify-content: flex-start;
      margin-bottom: var(--j-gap-spacing---6);
      --element-margin-bottom: var(--j-gap-spacing---6)
    }

    .post-list .post-layout {
      --details-gap: var(--j-gap-spacing-gap-4)
    }

    .post-list .post-thumb .p-date-image {
      --p-date-size: var(--j-gap-spacing----11);
      top: 0;
      left: 0;
      right: auto;
      bottom: auto;
      font-size: var(--j-font_size-font-size-400);
      margin: var(--j-gap-spacing---4);
      --element-margin: var(--j-gap-spacing---4)
    }

    .post-list .post-thumb .image {
      display: block
    }

    .post-list .post-thumb .image a {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents .post-list .post-thumb:hover .image img {
      transform: scale(1.15)
    }

    .post-list .post-thumb .name {
      display: flex;
      width: auto;
      margin-inline-start: auto;
      margin-inline-end: auto;
      justify-content: flex-start;
      margin-inline-start: 0;
      margin-inline-end: auto
    }

    .post-list .post-thumb .name a {
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: 2;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4
    }

    .no-touchevents .post-list .post-thumb .name a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .post-list .post-thumb .description {
      display: block;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-600);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.7;
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .post-list .post-thumb .button-group {
      display: flex;
      justify-content: flex-start;
      margin-top: var(--j-gap-spacing---7);
      --element-margin-top: var(--j-gap-spacing---7);
      margin-left: -4px;
      --element-margin-left: -4px
    }

    .post-list .post-thumb .btn-read-more:before {
      display: inline-block
    }

    .post-list .post-thumb .btn-read-more .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .post-list .post-thumb .btn-read-more:after {
      content: '\e93f' !important;
      font-family: icomoon !important
    }

    .post-list .post-thumb .btn-read-more.btn,
    .post-list .post-thumb .btn-read-more.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents .post-list .post-thumb .btn-read-more.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .post-list .post-thumb .btn-read-more.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .post-list .post-thumb .btn-read-more.btn,
    .post-list .post-thumb .btn-read-more.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .post-list .post-thumb .btn-read-more.btn:active,
    .no-touchevents .post-list .post-thumb .btn-read-more.btn:hover:active,
    .post-list .post-thumb .btn-read-more.btn:focus:active,
    .no-touchevents .post-list .post-thumb .btn-read-more.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .post-list .post-thumb .btn-read-more.btn:focus,
    .post-list .post-thumb .btn-read-more.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .post-list .post-thumb .btn-read-more.btn:active,
    .no-touchevents .post-list .post-thumb .btn-read-more.btn:hover:active,
    .post-list .post-thumb .btn-read-more.btn:focus:active {
      box-shadow: none
    }

    .post-list .post-thumb .btn-read-more.btn:focus {
      box-shadow: none
    }

    .post-list .post-thumb .btn-read-more.btn.btn.disabled:after {
      font-size: 1em
    }

    .post-list .post-thumb .post-stats .p-author {
      display: block
    }

    .post-list .post-thumb .p-date {
      display: flex
    }

    .post-list .post-thumb .post-stats .p-comment {
      display: block
    }

    .post-list .post-thumb .post-stats .p-view {
      display: flex
    }

    .post-list .post-thumb .p-date-image em {
      font-size: var(--j-font_size-font-size-100)
    }

    .blog-feed span {
      display: block;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important
    }

    .blog-feed {
      display: inline-flex
    }

    .blog-feed:before {
      content: '\f143' !important;
      font-family: icomoon !important;
      font-size: 14px;
      color: rgba(242, 119, 99, 1)
    }

    .countdown>div {
      font-size: var(--j-font_size-font-size-700);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      justify-content: center
    }

    .countdown>div>span {
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .countdown {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .countdown>div+div {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .boxed-layout:not(.popup) body:before {
      --left: 0%;
      --right: 0%;
      --left-h: 0%;
      --right-h: 100%;
      --left-v: 70%;
      --right-v: 30%;
      clip-path: polygon(100% 0, 100% var(--right, 50%), var(--right-h, 50%) var(--right-v, 100%), var(--left-h, 50%) var(--left-v, 100%), 0 var(--left, 50%), 0 0)
    }

    :not(.boxed-layout) .global-wrapper:before {
      max-height: 400px
    }

    body {
      --content-top-spacing: var(--j-gap-spacing-vertical-xxl);
      --content-bottom-spacing: var(--j-gap-spacing-vertical-xxl);
      --content-max-width: 1540px;
      --side-cols-gap: var(--j-gap-spacing-gap-6);
      --col-l-width: 260px;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-600);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.7
    }

    body,
    .module-slider,
    .grid-row:before {
      --content-gutter: var(--j-gap-spacing-gap-general-1)
    }

    .grid-col {
      flex-basis: calc((500px + 1px - (100*var(--unit, 1%)))*9999);
      --unit: 1%;
      flex-grow: 1
    }

    .side-column>.grid-rows>.grid-row>.grid-cols-wrapper>.grid-cols>.grid-col>.grid-items>.grid-item:not(:first-child):not(:only-child):not(:empty) {
      margin-top: var(--j-gap-spacing-vertical-xl)
    }

    .boxed-layout body:after {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    html:not(.popup) .global-wrapper,
    .module-header_notice {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    html:not(.popup) #column-left>.grid-rows {
      position: sticky;
      top: var(--sticky-top-distance, 0)
    }

    html:not(.popup).mobile-header-active #column-left>.grid-rows {
      position: sticky;
      z-index: 90;
      top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px));
      position: sticky;
      z-index: 90;
      top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px))
    }

    html:not(.popup) #column-right>.grid-rows {
      position: sticky;
      top: var(--sticky-top-distance, 0)
    }

    html {
      font-size: 10px;
      --popup-height-margin: 40px;
      --popup-width-margin: 20px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .no-touchevents a:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    p+* {
      margin-top: var(--j-gap-spacing-vertical-l)
    }

    h1,
    .h1 {
      font-family: 'Noto Kufi Arabic';
      font-weight: 700;
      letter-spacing: -1px;
      word-spacing: 1px;
      line-height: 1.2;
      margin-bottom: var(--j-gap-spacing---9);
      --element-margin-bottom: var(--j-gap-spacing---9);
      display: block
    }

    h2,
    .h2 {
      font-family: 'Noto Kufi Arabic';
      font-weight: 700;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      letter-spacing: -.5px;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---7);
      --element-margin-bottom: var(--j-gap-spacing---7);
      display: block
    }

    h3,
    .h3 {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: var(--j-gap-spacing---7);
      --element-margin-bottom: var(--j-gap-spacing---7);
      display: block
    }

    h4,
    .h4 {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      text-transform: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---6);
      --element-margin-bottom: var(--j-gap-spacing---6);
      display: block
    }

    h5,
    .h5 {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-700);
      line-height: 1.7
    }

    h6,
    .h6 {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-600);
      line-height: 1.7;
      display: inline-flex
    }

    blockquote {
      font-size: var(--j-font_size-font-size-600);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      font-style: italic;
      line-height: 1.5;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---9);
      --element-padding: var(--j-gap-spacing---9);
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l);
      margin-bottom: var(--j-gap-spacing-vertical-l);
      --element-margin-bottom: var(--j-gap-spacing-vertical-l);
      border-width: 0;
      border-left-width: 5px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      float: none;
      display: block
    }

    blockquote:before {
      margin-inline-start: auto;
      margin-inline-end: auto;
      float: left;
      content: '\e9af' !important;
      font-family: icomoon !important;
      font-size: 50px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      margin-right: 20px;
      --element-margin-right: 20px
    }

    hr {
      background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l);
      margin-bottom: var(--j-gap-spacing-vertical-l);
      --element-margin-bottom: var(--j-gap-spacing-vertical-l);
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      overflow: visible
    }

    .drop-cap {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 700 !important;
      font-size: 50px !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1 !important;
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5)
    }

    .amp:before {
      content: '\e901' !important;
      font-family: icomoon !important;
      font-size: 50px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    *+.video-responsive {
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l);
      margin-bottom: var(--j-gap-spacing-vertical-l);
      --element-margin-bottom: var(--j-gap-spacing-vertical-l)
    }

    ::selection {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .dropdown.drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .dropdown.drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .dropdown.drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .dropdown.dropdown>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .dropdown.mega-custom>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .dropdown.mega-custom:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .dropdown.mega-custom:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .dropdown.drop-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    .dropdown.mega-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    .dropdown.drop-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .dropdown.drop-menu .dropdown>a:after,
    .dropdown.drop-menu .dropdown>button:after,
    .dropdown.drop-menu .desktop-language-wrapper .dropdown .dropdown-toggle:after,
    .dropdown.drop-menu .desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    .dropdown.drop-menu .mobile-language-wrapper .dropdown .dropdown-toggle:after,
    .dropdown.drop-menu .mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .4;
      left: 8px
    }

    .no-touchevents .dropdown.drop-menu .dropdown:hover>a:after,
    .no-touchevents .dropdown.drop-menu .dropdown:hover>button:after,
    .no-touchevents .dropdown.drop-menu .desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .dropdown.drop-menu .desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .dropdown.drop-menu .mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .dropdown.drop-menu .mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
      opacity: 1
    }

    .dropdown.drop-menu .menu-item>a>.links-text,
    .dropdown.drop-menu.language-currency .currency-title,
    .dropdown.drop-menu.language-currency .language-title {
      --menu-max-width: 200px
    }

    .dropdown.drop-menu .menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    .dropdown.drop-menu.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .dropdown.drop-menu.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .dropdown.drop-menu .menu-item>a:before {
      font-size: 1.2em
    }

    .dropdown.drop-menu .menu-item>a:before,
    .dropdown.drop-menu .menu-item>a .links-text em {
      margin-right: .5em;
      --element-margin-right: .5em
    }

    .dropdown.drop-menu .menu-item:not(:first-child),
    .dropdown.drop-menu.accordion-menu .menu-item>a+div,
    .dropdown.drop-menu .accordion-menu .menu-item>a+div {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .dropdown.drop-menu .menu-item>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6);
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6)
    }

    .dropdown.drop-menu .menu-item.has-image>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6)
    }

    .dropdown.drop-menu .menu-item {
      --menu-item-gap: 0px
    }

    .dropdown.drop-menu .menu-item>a>.count-badge {
      display: none;
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --x: 8px
    }

    .no-touchevents .dropdown.dropdown .j-menu>li:hover>a,
    .no-touchevents .dropdown.dropdown .j-menu>li:hover>a>.links-text {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1))
    }

    .no-touchevents .dropdown.dropdown .j-menu>li:hover>a,
    .no-touchevents .dropdown.dropdown .j-menu>li:hover>a {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .dropdown.dropdown .j-menu>li {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .dropdown .j-menu {
      --dropdown-padding: var(--j-gap-spacing---4)
    }

    .dropdown .j-menu .j-menu {
      --dropdown-padding: 0px
    }

    .dropdown.dropdown:not(.mega-menu):not(#search) .j-dropdown .j-menu {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .dropdown.dropdown:not(.mega-menu):not(#search)>.j-dropdown {
      --dropdown-width: 100px;
      width: 100px
    }

    .dropdown.dropdown:not(.mega-menu):not(#search):not(.flyout).main-menu-item .j-dropdown .menu-item>a {
      min-width: 100px
    }

    .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li {
      min-height: 50px;
      --dropdown-main-menu-min-height: 50px
    }

    .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li>a {
      min-height: 50px
    }

    .dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu {
      box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%);
      border-radius: 0;
      --element-border-radius: 0px
    }

    .dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu .j-menu {
      border-top-left-radius: 0;
      --element-border-top-left-radius: 0px
    }

    .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:not(#cart-content):before {
      display: block;
      opacity: 1
    }

    .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content {
      --triangle-size: 10px;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content:before {
      top: var(--triangle-size-overlay, 0px);
      height: calc(100% - var(--triangle-size-overlay, 0px))
    }

    .dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before {
      display: block;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
      display: block
    }

    .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:before,
    .dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before,
    .dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --triangle-left-offset: 3px;
      top: 2px
    }

    .dropdown.dropdown:not(.mega-fullwidth) {
      --triangle-top-distance: -2px
    }

    .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item {
      --triangle-top-distance: -10px
    }

    .dropdown.multi-level>.j-dropdown>.j-menu {
      --dropdown-cols: 2
    }

    .j-menu>.menu-item>a,
    .j-menu>.menu-item>a>.links-text,
    .j-menu>.desktop-language-wrapper button,
    .j-menu>.desktop-currency-wrapper button,
    .j-menu>.mobile-language-wrapper button,
    .j-menu>.mobile-currency-wrapper button,
    .j-menu>#cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .no-touchevents .j-menu>.menu-item:hover>a,
    .no-touchevents .j-menu>.menu-item:hover>a>.links-text,
    .j-menu>.menu-item.active>a>.links-text,
    .j-menu>.menu-item.open>a>.links-text,
    .j-menu>.menu-item.panel-active>a>.links-text,
    .no-touchevents .j-menu>#cart:hover>a,
    .no-touchevents .j-menu>.desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .j-menu>.desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .j-menu>.mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .j-menu>.mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .j-menu>.menu-item>a>.links-text>s {
      display: none;
      --display: block;
      margin: .1em 0
    }

    .j-menu>.menu-item.main-menu-item>a>.links-text {
      --display: inline-block
    }

    .j-menu>.dropdown>a:after,
    .j-menu>.dropdown>button:after,
    .j-menu>.desktop-language-wrapper .dropdown .dropdown-toggle:after,
    .j-menu>.desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    .j-menu>.mobile-language-wrapper .dropdown .dropdown-toggle:after,
    .j-menu>.mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .7
    }

    .no-touchevents .j-menu>.dropdown:hover>a:after,
    .no-touchevents .j-menu>.dropdown:hover>button:after,
    .no-touchevents .j-menu>.desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .j-menu>.desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .j-menu>.mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .j-menu>.mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
      opacity: 1
    }

    .j-menu>.menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    .j-menu>.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .j-menu>.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .j-menu>.menu-item>a>span>s {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.1
    }

    .j-menu>.menu-item>a:before {
      font-size: 1em
    }

    .j-menu>.menu-item>a:before,
    .j-menu>.menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .j-menu>.menu-item {
      --menu-item-gap: var(--j-gap-spacing---3)
    }

    .j-menu>.menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --margin-top: -1px
    }

    .j-menu>.menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .j-menu>.menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    legend {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    legend:after {
      display: none;
      display: none;
      margin-top: .7em
    }

    legend .page-title-text:after {
      display: none;
      display: none;
      margin-top: .7em
    }

    legend .filter-title-text:after {
      display: none;
      display: none;
      margin-top: .7em
    }

    .title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .title:after {
      display: none;
      margin-top: .7em
    }

    .title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .title:after,
    .title .page-title-text:after,
    .title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    html:not(.mobile) .swiper-container {
      overflow: hidden !important
    }

    .swiper-buttons.auto-carousel-buttons span:before,
    .swiper-buttons.swiper-buttons>div:before,
    .swiper-buttons.scroll-top em:before,
    .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .swiper-buttons.auto-carousel-buttons span:active:before,
    .swiper-buttons.swiper-buttons>div:active:before,
    .swiper-buttons.scroll-top em:active:before,
    .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .swiper-buttons.auto-carousel-buttons span,
    .swiper-buttons.swiper-buttons>div,
    .swiper-buttons.scroll-top em,
    .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents .swiper-buttons.scroll-top em:hover,
    .no-touchevents .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .swiper-buttons.auto-carousel-buttons span:active,
    .swiper-buttons.swiper-buttons>div:active,
    .swiper-buttons.scroll-top em:active,
    .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .swiper-button-prev:before {
      transform: scaleX(-1)
    }

    .swiper-buttons:not(.slider-navigation) {
      display: flex;
      top: 50%;
      width: calc(100% - (10px*2))
    }

    .touchevents .swiper-buttons:not(.slider-navigation) {
      display: none
    }

    .swiper-button-prev {
      left: 0;
      right: auto;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .swiper-button-next {
      left: auto;
      right: 0;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .swiper-buttons:not(.slider-navigation) div {
      --width: 28px;
      --height: 28px
    }

    .swiper-button-disabled {
      opacity: 0
    }

    .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
      opacity: 0;
      --disabled-scale: 0
    }

    .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
      --disabled-scale: 0
    }

    .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .swiper-wrapper {
      cursor: auto
    }

    .swiper {
      padding-bottom: 15px
    }

    .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
    }

    .swiper-pagination>span+span {
      margin-inline-start: 8px
    }

    .no-touchevents .swiper-pagination-bullet:hover {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .swiper-pagination>span {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    .auto-grid {
      --scrollbar-top-space: 0px;
      --scrollbar-bottom-space: 0px;
      --scrollbar-top-spacing: 28px;
      --scroll-padding: var(--scroll-padding-custom, var(--element-padding, 0px));
      --auto-carousel-button-width: 28px;
      --auto-carousel-button-height: 28px;
      --auto-carousel-button-gap: 6px;
      --grid-min-width: 260px;
      --grid-min-col: 1.2;
      --grid-gap: var(--j-gap-spacing-gap-3);
      --auto-grow-type: auto-fill;
      --item-width: var(--item-fill)
    }

    .auto-carousel-bar {
      display: none;
      margin: 0;
      --auto-carousel-height: 1px;
      margin-inline-start: max(0px, var(--scroll-padding auto));
      max(0px, var(--scroll-padding auto));
      background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      --auto-carousel-thumb-height: 3px
    }

    .auto-carousel-controls.auto-carousel-bar {
      max-height: 0
    }

    .auto-carousel-thumb {
      display: flex;
      background-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.6));
      --background-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.6));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents .auto-carousel-thumb:hover {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - -5%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - -5%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .auto-carousel-thumb:active {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 10%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 10%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .auto-carousel-fill {
      display: none;
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .auto-carousel-buttons.auto-carousel-buttons span:before,
    .auto-carousel-buttons.swiper-buttons>div:before,
    .auto-carousel-buttons.scroll-top em:before,
    .auto-carousel-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .auto-carousel-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .auto-carousel-buttons.scroll-top em:hover:before,
    .no-touchevents .auto-carousel-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .auto-carousel-buttons.auto-carousel-buttons span:active:before,
    .auto-carousel-buttons.swiper-buttons>div:active:before,
    .auto-carousel-buttons.scroll-top em:active:before,
    .auto-carousel-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .auto-carousel-buttons.auto-carousel-buttons span,
    .auto-carousel-buttons.swiper-buttons>div,
    .auto-carousel-buttons.scroll-top em,
    .auto-carousel-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .auto-carousel-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .auto-carousel-buttons.swiper-buttons>div:hover,
    .no-touchevents .auto-carousel-buttons.scroll-top em:hover,
    .no-touchevents .auto-carousel-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .auto-carousel-buttons.auto-carousel-buttons span:active,
    .auto-carousel-buttons.swiper-buttons>div:active,
    .auto-carousel-buttons.scroll-top em:active,
    .auto-carousel-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .auto-carousel-prev span:before {
      transform: scaleX(-1);
      font-size: 16px
    }

    .auto-carousel-buttons {
      visibility: visible;
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      position: absolute;
      top: 50%;
      height: auto;
      transform: translate3d(0, -50%, 0);
      margin-top: var(--buttons-offset, 0px)
    }

    .auto-grid-items:before,
    .auto-grid-items:after {
      --fader-width-right: 120px
    }

    .auto-carousel-buttons .auto-carousel-prev {
      order: 0;
      transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
    }

    .auto-carousel-buttons .auto-carousel-next {
      order: 2;
      transform: translate3d(calc(var(--auto-carousel-button-x, 0px)*-1), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
    }

    .no-scroll-prev .auto-carousel-prev,
    .no-scroll-next .auto-carousel-next {
      opacity: 0;
      --scale: 0
    }

    .auto-carousel-next span:before {
      font-size: 16px
    }

    .auto-grid-items {
      --cursor: grab
    }

    .auto-grid-items:active {
      --cursor: grabbing
    }

    html:not(.popup) .page-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 700;
      font-size: var(--j-font_size-font-size--title-section);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      letter-spacing: -.5px;
      line-height: 1.3;
      border-width: 0;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    html:not(.popup) .page-title:after {
      content: '';
      display: block;
      position: relative;
      margin-top: var(--j-gap-spacing-gap-3)
    }

    html:not(.popup) .page-title .page-title-text:after {
      content: '';
      display: block;
      position: relative;
      margin-top: var(--j-gap-spacing-gap-3)
    }

    html:not(.popup) .page-title .filter-title-text:after {
      content: '';
      display: block;
      position: relative;
      margin-top: var(--j-gap-spacing-gap-3)
    }

    html:not(.popup) .page-title:after,
    html:not(.popup) .page-title .page-title-text:after,
    html:not(.popup) .page-title .filter-title-text:after {
      width: 50px;
      height: 2px
    }

    .breadcrumbs {
      min-height: var(--min-height);
      display: flex;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 0;
      border-top-width: 1px;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      --min-height: 44px
    }

    html:not(.popup) .site-wrapper>.page-title .page-title-text {
      padding-inline-start: var(--content-gutter, 0px);
      padding-inline-end: var(--content-gutter-right, var(--content-gutter, 0px));
      max-width: var(--content-max-width, 100%);
      text-align: center;
      background: inherit
    }

    .site-wrapper>.page-title {
      order: initial;
      z-index: unset
    }

    .site-wrapper>.page-title:before {
      opacity: .3
    }

    html:not(.popup) .site-wrapper>.page-title {
      text-align: center;
      margin: 0 !important;
      --element-margin: 0px !important;
      margin-top: var(--j-gap-spacing-vertical-xl) !important;
      --element-margin-top: var(--j-gap-spacing-vertical-xl) !important
    }

    html:not(.popup) .site-wrapper>.page-title .page-title-text:after {
      margin-inline: auto
    }

    .site-wrapper>.page-title+.breadcrumbs {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .menu-label {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: rgba(255, 255, 255, 1);
      text-transform: none;
      line-height: 1.1;
      background-color: rgba(242, 119, 99, 1);
      --background-color: rgba(242, 119, 99, 1);
      background-size: contain;
      border-radius: 3px;
      --element-border-radius: 3px;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-right: 6px;
      --element-padding-right: 6px;
      padding-left: 6px;
      --element-padding-left: 6px;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
      --label-margin: 3px;
      --offset-y: -4px;
      position: absolute;
      transform: translate3d(calc(-100% + var(--offset-x, 0px)), calc(-150% + var(--sticky-offset-y, var(--offset-y, 0px))), 0) scale(var(--label-scale, 1));
      opacity: var(--label-opacity, 1);
      margin: 0
    }

    .no-touchevents :hover .menu-label {
      background-size: contain
    }

    .menu-label:before {
      border-right-color: transparent;
      --display: block
    }

    .menu-label:after {
      border-top-color: currentColor;
      --display: block
    }

    .module-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .module-title:after {
      display: none
    }

    .module-title .page-title-text:after {
      display: none
    }

    .module-title .filter-title-text:after {
      display: none
    }

    .side-column .module-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .side-column .module-title:after {
      display: none
    }

    .side-column .module-title .page-title-text:after {
      display: none
    }

    .side-column .module-title .filter-title-text:after {
      display: none
    }

    .btn,
    .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn:active,
    .no-touchevents .btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .btn,
    .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn:active,
    .no-touchevents .btn:hover:active,
    .btn:focus:active,
    .no-touchevents .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn:focus,
    .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-primary.btn,
    .btn-primary.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .btn-primary.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn-primary.btn:active,
    .no-touchevents .btn-primary.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .btn-primary.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .btn-primary.btn,
    .btn-primary.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-primary.btn:active,
    .no-touchevents .btn-primary.btn:hover:active,
    .btn-primary.btn:focus:active,
    .no-touchevents .btn-primary.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn-primary.btn:focus,
    .btn-primary.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .btn-primary.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-lg.btn,
    .btn-lg.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-600) !important;
      text-transform: none !important;
      line-height: 1 !important
    }

    .btn-lg.btn {
      justify-content: center;
      padding: 1.2em;
      --element-padding: 1.2em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em
    }

    .btn-lg.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-sm.btn,
    .btn-sm.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-200) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      letter-spacing: 0 !important;
      line-height: 1 !important
    }

    .btn-sm.btn {
      border-style: none;
      padding: .7em;
      --element-padding: .7em;
      padding-right: .8em;
      --element-padding-right: .8em;
      padding-left: .8em;
      --element-padding-left: .8em
    }

    .btn-sm.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-secondary.btn,
    .btn-secondary.btn:visited {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
    }

    .no-touchevents .btn-secondary.btn:hover {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-secondary.btn:active,
    .no-touchevents .btn-secondary.btn:hover:active {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
    }

    .btn-secondary.btn {
      --focus-color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
      border-style: none
    }

    .btn-secondary.btn,
    .btn-secondary.tooltip {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-secondary.btn:active,
    .no-touchevents .btn-secondary.btn:hover:active,
    .btn-secondary.btn:focus:active,
    .no-touchevents .btn-secondary.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-secondary.btn:focus,
    .btn-secondary.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important
    }

    .btn-secondary.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-success.btn,
    .btn-success.btn:visited {
      color: rgba(255, 255, 255, .9) !important
    }

    .no-touchevents .btn-success.btn:hover {
      color: rgba(255, 255, 255, 1) !important;
      background-color: rgba(72, 166, 111, 1);
      --background-color: rgba(72, 166, 111, 1)
    }

    .btn-success.btn:active,
    .no-touchevents .btn-success.btn:hover:active {
      color: rgba(255, 255, 255, 1) !important
    }

    .btn-success.btn {
      --focus-color: rgba(255, 255, 255, 1) !important;
      border-style: none
    }

    .btn-success.btn,
    .btn-success.tooltip {
      background-color: rgba(64, 148, 99, 1);
      --background-color: rgba(64, 148, 99, 1)
    }

    .btn-success.btn:active,
    .no-touchevents .btn-success.btn:hover:active,
    .btn-success.btn:focus:active,
    .no-touchevents .btn-success.btn:focus:hover:active {
      background-color: rgba(64, 148, 99, 1);
      --background-color: rgba(64, 148, 99, 1)
    }

    .btn-success.btn:focus,
    .btn-success.btn[disabled] {
      background-color: rgba(72, 166, 111, 1) !important;
      --background-color: rgba(72, 166, 111, 1) !important
    }

    .btn-success.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-danger.btn,
    .btn-danger.btn:visited {
      color: rgba(255, 255, 255, 1) !important
    }

    .no-touchevents .btn-danger.btn:hover {
      color: rgba(255, 255, 255, 1) !important
    }

    .btn-danger.btn:active,
    .no-touchevents .btn-danger.btn:hover:active {
      color: rgba(255, 255, 255, 1) !important
    }

    .btn-danger.btn {
      --focus-color: rgba(255, 255, 255, 1) !important;
      border-style: none
    }

    .btn-danger.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-default.btn,
    .btn-default.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .btn-default.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn-default.btn:active,
    .no-touchevents .btn-default.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .btn-default.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .btn-default.btn,
    .btn-default.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-default.btn:active,
    .no-touchevents .btn-default.btn:hover:active,
    .btn-default.btn:focus:active,
    .no-touchevents .btn-default.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn-default.btn:focus,
    .btn-default.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .btn-default.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-warning.btn,
    .btn-warning.btn:visited {
      color: rgba(255, 255, 255, 1) !important
    }

    .no-touchevents .btn-warning.btn:hover {
      color: rgba(255, 255, 255, 1) !important
    }

    .btn-warning.btn:active,
    .no-touchevents .btn-warning.btn:hover:active {
      color: rgba(255, 255, 255, 1) !important
    }

    .btn-warning.btn {
      --focus-color: rgba(255, 255, 255, 1) !important;
      border-style: none
    }

    .btn-warning.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-info.btn,
    .btn-info.btn:visited {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
    }

    .no-touchevents .btn-info.btn:hover {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-info.btn:active,
    .no-touchevents .btn-info.btn:hover:active {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
    }

    .btn-info.btn {
      --focus-color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
      border-style: none
    }

    .btn-info.btn,
    .btn-info.tooltip {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-info.btn:active,
    .no-touchevents .btn-info.btn:hover:active,
    .btn-info.btn:focus:active,
    .no-touchevents .btn-info.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-info.btn:focus,
    .btn-info.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important
    }

    .btn-info.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-light.btn,
    .btn-light.btn:visited {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
    }

    .no-touchevents .btn-light.btn:hover {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-light.btn:active,
    .no-touchevents .btn-light.btn:hover:active {
      color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important
    }

    .btn-light.btn {
      --focus-color: hsla(var(--j-color-scheme-neutral-foreground-h), var(--j-color-scheme-neutral-foreground-s), calc(var(--j-color-scheme-neutral-foreground-l) - 0%), calc(var(--j-color-scheme-neutral-foreground-a)*1)) !important;
      border-style: none
    }

    .btn-light.btn,
    .btn-light.tooltip {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 0%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-light.btn:active,
    .no-touchevents .btn-light.btn:hover:active,
    .btn-light.btn:focus:active,
    .no-touchevents .btn-light.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 7%), calc(var(--j-color-scheme-neutral-background-a)*1))
    }

    .btn-light.btn:focus,
    .btn-light.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-neutral-background-h), var(--j-color-scheme-neutral-background-s), calc(var(--j-color-scheme-neutral-background-l) - 5%), calc(var(--j-color-scheme-neutral-background-a)*1)) !important
    }

    .btn-light.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-dark.btn,
    .btn-dark.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .btn-dark.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn-dark.btn:active,
    .no-touchevents .btn-dark.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .btn-dark.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .btn-dark.btn,
    .btn-dark.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-dark.btn:active,
    .no-touchevents .btn-dark.btn:hover:active,
    .btn-dark.btn:focus:active,
    .no-touchevents .btn-dark.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .btn-dark.btn:focus,
    .btn-dark.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .btn-dark.btn.btn.disabled:after {
      font-size: 1em
    }

    .buttons {
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl);
      --page-buttons-width: 500px;
      --page-buttons-gap: 14px
    }

    .buttons .pull-left .btn,
    .buttons .pull-left .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .buttons .pull-left .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .buttons .pull-left .btn:active,
    .no-touchevents .buttons .pull-left .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .buttons .pull-left .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .buttons .pull-left .btn,
    .buttons .pull-left .tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .buttons .pull-left .btn:active,
    .no-touchevents .buttons .pull-left .btn:hover:active,
    .buttons .pull-left .btn:focus:active,
    .no-touchevents .buttons .pull-left .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .buttons .pull-left .btn:focus,
    .buttons .pull-left .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .buttons .pull-left .btn:hover,
    .no-touchevents .buttons .pull-left .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .buttons .pull-left .btn:active,
    .no-touchevents .buttons .pull-left .btn:hover:active,
    .buttons .pull-left .btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .buttons .pull-left .btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .buttons .pull-left .btn.btn.disabled:after {
      font-size: 1em
    }

    .buttons .pull-right .btn,
    .buttons .pull-right .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .buttons .pull-right .btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .buttons .pull-right .btn:active,
    .no-touchevents .buttons .pull-right .btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .buttons .pull-right .btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .buttons .pull-right.btn {
      justify-content: center
    }

    .buttons .pull-right .btn,
    .buttons .pull-right .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .buttons .pull-right .btn:active,
    .no-touchevents .buttons .pull-right .btn:hover:active,
    .buttons .pull-right .btn:focus:active,
    .no-touchevents .buttons .pull-right .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .buttons .pull-right .btn:focus,
    .buttons .pull-right .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .buttons .pull-right .btn.btn.disabled:after {
      font-size: 1em
    }

    .buttons>div {
      flex-grow: 0
    }

    .buttons .pull-right:only-child {
      max-width: 100%
    }

    .buttons .pull-right:only-child .btn {
      width: 100%
    }

    .buttons .pull-right input[type=checkbox] {
      order: -1
    }

    .buttons input+.btn,
    .buttons .pull-right>span+.btn {
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .tags {
      justify-content: flex-start;
      gap: var(--j-gap-spacing-gap-1)
    }

    .tags b {
      display: none
    }

    .tags a {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px;
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3);
      padding-right: var(--j-gap-spacing---4);
      --element-padding-right: var(--j-gap-spacing---4);
      padding-left: var(--j-gap-spacing---4);
      --element-padding-left: var(--j-gap-spacing---4)
    }

    .no-touchevents .tags a:hover {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .tags a,
    .tags a:visited {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.25
    }

    .nav-tabs>li>a:not(.item-all-link),
    .nav-tabs>li.active>a:not(.item-all-link),
    .no-touchevents .nav-tabs>li.active>a:not(.item-all-link):hover,
    .nav-tabs>li.active>a:not(.item-all-link):focus {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents .nav-tabs>li:hover>a:not(.item-all-link),
    .nav-tabs>li.active>a:not(.item-all-link) {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .nav-tabs>li.active>a:not(.item-all-link),
    .no-touchevents .nav-tabs>li.active>a:not(.item-all-link):hover,
    .nav-tabs>li.active>a:not(.item-all-link):focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .nav-tabs>li {
      border-width: 0;
      border-bottom-width: 2px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0)
    }

    .no-touchevents .nav-tabs>li:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .nav-tabs>li.active,
    .no-touchevents .nav-tabs>li:hover.active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    ul.nav-tabs>li {
      border-radius: 0;
      --element-border-radius: 0px;
      flex-grow: 0
    }

    .nav-tabs>li.active:after {
      display: none;
      border-top-width: 10px
    }

    .nav-tabs>li>a:not(.item-all-link) {
      justify-content: center;
      white-space: nowrap;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: .25em;
      --element-padding-bottom: .25em
    }

    .nav-tabs li .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .nav-tabs li .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .nav-tabs>li>a:not(.item-all-link):before {
      font-size: 18px
    }

    .nav-tabs+.tab-content {
      --spacing: var(--j-gap-spacing-gap-general-2);
      margin-block-start: var(--spacing, 0px);
      margin-inline-start: 0
    }

    ul.nav-tabs {
      --tabs-gap: var(--j-gap-spacing-gap-4);
      --page-tabs-scroll: var(--content-gutter, 0px);
      flex-wrap: nowrap;
      --pb: 1px;
      --overflow-x-scroll: auto;
      --overflow-y-scroll: hidden;
      --max-width-display: var(--max-width, 100vw);
      scrollbar-width: none
    }

    .nav-tabs {
      --page-tabs-scroll-padding: var(--page-tabs-scroll-direction, 0px);
      min-width: initial;
      max-width: var(--max-width-display, 100vw);
      max-height: none;
      --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px);
      --tab-align: auto;
      flex-direction: row;
      align-items: center;
      padding-bottom: var(--pb);
      overflow-x: var(--overflow-x-scroll);
      overflow-y: var(--overflow-y-scroll)
    }

    .full-tabs-bg {
      --full-bg-display: block
    }

    .tab-content:before {
      --full-content-bg-display: block
    }

    .tab-content {
      flex-basis: 100%;
      max-height: none;
      overflow-y: initial;
      overflow-x: initial
    }

    ul.nav-tabs>li:first-child {
      margin-inline-start: 0
    }

    ul.nav-tabs>li:last-child {
      margin-inline-end: 0
    }

    ul.nav-tabs::-webkit-scrollbar {
      display: none
    }

    ul.nav-tabs.desktop {
      --scrollW: 0px
    }

    ul.nav-tabs.desktop.mac.firefox {
      --scrollW: 0px
    }

    .alert {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      line-height: 1.4;
      border-radius: 4px;
      --element-border-radius: 4px;
      margin-bottom: var(--j-gap-spacing---5);
      --element-margin-bottom: var(--j-gap-spacing---5)
    }

    .breadcrumb em.fa-home:after {
      content: 'Home'
    }

    .breadcrumb {
      text-align: left;
      padding-inline-start: var(--content-gutter, 0px);
      padding-inline-end: var(--content-gutter-right, var(--content-gutter, 0px));
      max-width: var(--content-max-width, 100%);
      white-space: nowrap;
      flex-wrap: nowrap;
      overflow-x: auto;
      overflow-y: hidden
    }

    ul.breadcrumb {
      padding-top: var(--j-gap-spacing---3);
      --element-padding-top: var(--j-gap-spacing---3);
      padding-bottom: var(--j-gap-spacing---3);
      --element-padding-bottom: var(--j-gap-spacing---3);
      scrollbar-width: none
    }

    .breadcrumb li:first-of-type a .fa:before {
      content: '\ea3c' !important;
      font-family: icomoon !important;
      font-size: 1em;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      transform: translate3d(0px, -1px, 0);
      margin-right: 7px;
      --element-margin-right: 7px
    }

    .no-touchevents .breadcrumb li:first-of-type a:hover .fa:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .breadcrumb li a,
    .breadcrumb em.fa-home:after {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .no-touchevents .breadcrumb li:hover a,
    .no-touchevents .breadcrumb li:hover em.fa-home:after {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .breadcrumb>li:first-child em.fa-home:after {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .breadcrumb li:last-of-type a {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .breadcrumb>li+li:before {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .breadcrumbs~#top {
      order: initial
    }

    ul.breadcrumb::-webkit-scrollbar {
      display: none
    }

    ul.breadcrumb.desktop {
      --scrollW: 0px
    }

    ul.breadcrumb.desktop.mac.firefox {
      --scrollW: 0px
    }

    .panel-group .panel-heading a:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      font-size: 1.1em;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      order: 10;
      margin: 0 0 0 auto
    }

    .no-touchevents .panel-group .panel-heading:hover a:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .panel-group .panel-active .panel-heading a:before,
    .no-touchevents .panel-group .panel-active .panel-heading:hover a:before {
      content: '\e40a' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .panel-group .panel-heading a {
      justify-content: flex-start;
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      padding-top: 1.2em;
      --element-padding-top: 1.2em;
      padding-bottom: 1.2em;
      --element-padding-bottom: 1.2em
    }

    .no-touchevents .panel-group .panel-heading:hover a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .no-touchevents .panel-group .panel-active .panel-heading:hover a,
    .panel-group .panel-active .panel-heading a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .panel-group .panel {
      --panel-spacing: var(--j-gap-spacing---2)
    }

    .panel-body {
      margin-top: var(--j-gap-spacing---5) !important
    }

    .panel-group .panel:not(:only-child):not(:last-child):after {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .panel-group .panel:last-child .panel-heading {
      border-width: 0 !important;
      border-bottom-width: 0 !important
    }

    .panel-group .panel-heading a.has-image {
      padding-top: .7em;
      --element-padding-top: .7em;
      padding-bottom: .7em;
      --element-padding-bottom: .7em
    }

    .panel-group .panel-body {
      padding-bottom: var(--j-gap-spacing---7);
      --element-padding-bottom: var(--j-gap-spacing---7)
    }

    .panel-group .panel-heading+.panel-collapse .panel-body {
      border-width: 0
    }

    .panel-group .panel .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .panel-group .panel .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .count-badge {
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.6));
      border-radius: 99px;
      --element-border-radius: 99px;
      min-width: min(20px, 100%);
      min-height: min(20px, 100%)
    }

    .product-label strong {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.25;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      background-repeat: no-repeat;
      background-size: contain;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 3px;
      --element-border-radius: 3px;
      --scale-active: .98
    }

    .product-label strong,
    .product-label strong>a {
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-right: var(--j-gap-spacing---3);
      --element-padding-right: var(--j-gap-spacing---3);
      padding-left: var(--j-gap-spacing---3);
      --element-padding-left: var(--j-gap-spacing---3)
    }

    .product-label.product-label {
      margin: 3px;
      --element-margin: 3px
    }

    .product-label.product-label strong:before {
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .tooltip-inner {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
      line-height: 1.25;
      background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      padding: .4em;
      --element-padding: .4em;
      padding-right: .7em;
      --element-padding-right: .7em;
      padding-left: .7em;
      --element-padding-left: .7em;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .tooltip.top .tooltip-arrow {
      border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .tooltip.right .tooltip-arrow {
      border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .tooltip.bottom .tooltip-arrow {
      border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .tooltip.left .tooltip-arrow {
      border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .hotspot-tooltip .tooltip-inner {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      text-align: left;
      text-transform: none;
      line-height: 1.4;
      background: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      padding: var(--j-gap-spacing-gap-2);
      --element-padding: var(--j-gap-spacing-gap-2)
    }

    .hotspot-tooltip.tooltip.top .tooltip-arrow {
      border-top-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .hotspot-tooltip.tooltip.right .tooltip-arrow {
      border-right-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .hotspot-tooltip.tooltip.bottom .tooltip-arrow {
      border-bottom-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .hotspot-tooltip.tooltip.left .tooltip-arrow {
      border-left-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    table td {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.4
    }

    table {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    table td,
    table th {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    table thead td {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 600 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    table thead {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    table thead td,
    table thead th {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    table tfoot td {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .table-responsive {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .table-responsive.table-scroll:before {
      display: block;
      content: 'Scroll →	';
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-width: 0;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    table td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th.table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
      white-space: normal
    }

    label,
    .form-group .control-label,
    .form-label {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .has-error+.text-danger,
    .text-danger,
    .invalid-feedback {
      font-size: 12px !important;
      color: rgba(180, 33, 39, 1) !important
    }

    .form-group,
    .form-label {
      --form-label-width: 25%
    }

    .form-group,
    .control-label,
    .form-label {
      --label-gap: 6px
    }

    .form-group .control-label,
    .form-label {
      justify-content: flex-start;
      align-items: center
    }

    legend:after,
    legend .page-title-text:after,
    legend .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .has-error .form-control,
    .has-error .g-recaptcha iframe,
    .is-invalid {
      border-style: solid !important
    }

    .required .control-label:after,
    .required .control-label:before,
    .required .control-label+div:before {
      font-size: 18px;
      color: rgba(180, 33, 39, 1)
    }

    .form-group {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    form>fieldset>.row {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    form>fieldset>.row+.row {
      margin-top: var(--input-group-spacing, 0px)
    }

    .form-group:not(:first-child) {
      margin-top: var(--input-group-spacing, 0px) !important
    }

    .form-group+.checkbox {
      margin-top: var(--j-gap-spacing---6)
    }

    .form-group~.payment {
      margin-top: var(--j-gap-spacing---6)
    }

    form>#account {
      margin-bottom: var(--j-gap-spacing---6)
    }

    form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .panel .radio+p {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .panel p+.radio {
      margin-top: var(--j-gap-spacing---6) !important
    }

    fieldset:not(:last-of-type) {
      margin-bottom: var(--j-gap-spacing---6)
    }

    fieldset>legend {
      margin-top: var(--j-gap-spacing---6)
    }

    #collapse-shipping .btn {
      margin-top: var(--j-gap-spacing---6);
      width: 100%
    }

    .payment-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .shipping-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    fieldset {
      --fieldset-spacing: var(--j-gap-spacing-vertical-l)
    }

    input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 40px
    }

    .no-touchevents input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    input.form-control:focus,
    input.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    input.form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .control-label {
      max-height: 42px
    }

    textarea.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---4);
      --element-padding: var(--j-gap-spacing---4);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 100px
    }

    .no-touchevents textarea.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    textarea.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    textarea.form-control:focus,
    textarea.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    select {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents select:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    select:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    select:focus,
    select:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    select::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    select,
    select.form-control,
    select.form-select {
      height: 40px
    }

    .radio {
      width: auto
    }

    input[type=radio] {
      margin-inline-end: 10px !important
    }

    .form-group .radio>label,
    .form-group .radio-inline,
    .form-check-label {
      margin: calc(7px/2)
    }

    .form-radio {
      --radio-gap: 7px
    }

    input[type=radio],
    input[type=checkbox] {
      min-width: 16px;
      min-height: 16px
    }

    .checkbox,
    .checkbox-inline {
      width: 100%
    }

    .form-group .checkbox>label,
    .form-group .checkbox-inline {
      margin: calc(6px/2)
    }

    .form-checkbox {
      --checkbox-gap: 6px
    }

    input[type=checkbox] {
      margin-inline-end: 6px !important
    }

    .input-group .form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents .input-group .form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .input-group .form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .input-group .form-control:focus,
    .input-group .form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .input-group .form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .input-group-btn .btn,
    .input-group-btn .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .input-group-btn .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .input-group-btn .btn:active,
    .no-touchevents .input-group-btn .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .input-group-btn .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .input-group-btn.btn {
      justify-content: center
    }

    .input-group-btn .btn,
    .input-group-btn .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .input-group-btn .btn:active,
    .no-touchevents .input-group-btn .btn:hover:active,
    .input-group-btn .btn:focus:active,
    .no-touchevents .input-group-btn .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .input-group-btn .btn:focus,
    .input-group-btn .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .input-group-btn .btn.btn.disabled:after {
      font-size: 1em
    }

    .input-group .btn,
    .input-group-btn .btn {
      min-width: 36px;
      padding: .8em !important;
      --element-padding: .8em !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 36px
    }

    .input-group,
    .input-group-btn {
      --input-group-gap: 8px
    }

    .bootstrap-datetimepicker-widget .btn,
    .bootstrap-datetimepicker-widget .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .bootstrap-datetimepicker-widget .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents .bootstrap-datetimepicker-widget .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .bootstrap-datetimepicker-widget .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .bootstrap-datetimepicker-widget.btn {
      justify-content: center
    }

    .bootstrap-datetimepicker-widget .btn,
    .bootstrap-datetimepicker-widget .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents .bootstrap-datetimepicker-widget .btn:hover:active,
    .bootstrap-datetimepicker-widget .btn:focus:active,
    .no-touchevents .bootstrap-datetimepicker-widget .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .bootstrap-datetimepicker-widget .btn:focus,
    .bootstrap-datetimepicker-widget .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .bootstrap-datetimepicker-widget .btn.btn.disabled:after {
      font-size: 1em
    }

    .bootstrap-datetimepicker-widget a.btn {
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .upload-btn.btn,
    .upload-btn.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .upload-btn.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .upload-btn.btn:active,
    .no-touchevents .upload-btn.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .upload-btn.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .upload-btn.btn,
    .upload-btn.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .upload-btn.btn:active,
    .no-touchevents .upload-btn.btn:hover:active,
    .upload-btn.btn:focus:active,
    .no-touchevents .upload-btn.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .upload-btn.btn:focus,
    .upload-btn.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .upload-btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .product-option-file .btn i:before,
    .btn.upload-btn i:before {
      content: '\ebd8' !important;
      font-family: icomoon !important
    }

    .product-option-file .control-label+button {
      max-width: max-content
    }

    .btn.upload-btn {
      width: auto
    }

    .pagination-results {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      line-height: 1.4;
      margin-top: var(--j-gap-spacing-vertical-1);
      --element-margin-top: var(--j-gap-spacing-vertical-1);
      justify-content: space-between;
      flex-direction: row
    }

    .pagination-results .text-right {
      display: block
    }

    ul.pagination>li>a,
    ul.pagination>li>span {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents ul.pagination>li>a:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    ul.pagination>li.active>span,
    .no-touchevents ul.pagination>li.active>span:hover,
    ul.pagination>li>a:focus {
      color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    ul.pagination>li a,
    ul.pagination>li span {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    ul.pagination>li.active a {
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    ul.pagination>li>* {
      border-radius: 9999px !important;
      --element-border-radius: 9999px !important
    }

    ul.pagination>li:first-child a:before,
    ul.pagination>li:last-child a:before {
      content: '\eb23' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    ul.pagination>li .prev:before,
    ul.pagination>li .next:before {
      content: '\f104' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    .pagination {
      --pagination-gap: 8px
    }

    .rating .fa-stack {
      font-size: 13px;
      width: 1.2em
    }

    .rating .fa-star,
    .rating .fa-star+.fa-star-o {
      color: rgba(242, 199, 81, 1)
    }

    .rating .fa-star-o:only-child {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.7))
    }

    .popup-bg {
      background-color: rgba(0, 0, 0, .8);
      --background-color: rgba(0, 0, 0, .8)
    }

    .popup-inner-body,
    .popup {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .popup-content,
    .popup-inner-body>.grid-rows,
    .popup .site-wrapper {
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m)
    }

    .popup-inner-body {
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    .popup-dont-show {
      justify-content: start;
      position: absolute;
      inset-inline-end: auto
    }

    .popup-buttons+.popup-dont-show {
      margin-top: 0
    }

    .popup-container .popup-close:before {
      content: '\e9c7' !important;
      font-family: icomoon !important;
      font-size: 13px
    }

    .popup-container .popup-close {
      width: 30px;
      height: 30px;
      margin-inline-end: -10px;
      margin-top: 25px
    }

    div.popup-container .btn.popup-close {
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .popup-container .popup-close.btn,
    .popup-container .popup-close.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .no-touchevents .popup-container .popup-close.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .popup-container .popup-close.btn:active,
    .no-touchevents .popup-container .popup-close.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .popup-container .popup-close.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-container .popup-close.btn,
    .popup-container .popup-close.tooltip {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .popup-container .popup-close.btn:active,
    .no-touchevents .popup-container .popup-close.btn:hover:active,
    .popup-container .popup-close.btn:focus:active,
    .no-touchevents .popup-container .popup-close.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .popup-container .popup-close.btn:focus,
    .popup-container .popup-close.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
    }

    .no-touchevents .popup-container .popup-close.btn:hover,
    .no-touchevents .popup-container .popup-close.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .popup-container .popup-close.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-header {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      margin: 0 !important;
      --element-margin: 0px !important;
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      padding-left: var(--j-gap-spacing---8);
      --element-padding-left: var(--j-gap-spacing---8);
      border-width: 0;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-header:after {
      display: none
    }

    .popup-header .page-title-text:after {
      display: none
    }

    .popup-header .filter-title-text:after {
      display: none
    }

    .popup-footer {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      padding-top: 18px;
      --element-padding-top: 18px;
      padding-bottom: 18px;
      --element-padding-bottom: 18px;
      border-width: 0;
      border-top-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .btn-popup-1.btn,
    .btn-popup-1.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .btn-popup-1.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-popup-1.btn:active,
    .no-touchevents .btn-popup-1.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .btn-popup-1.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .btn-popup-1.btn,
    .btn-popup-1.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-popup-1.btn:active,
    .no-touchevents .btn-popup-1.btn:hover:active,
    .btn-popup-1.btn:focus:active,
    .no-touchevents .btn-popup-1.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-popup-1.btn:focus,
    .btn-popup-1.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .btn-popup-1.btn.btn.disabled:after {
      font-size: 1em
    }

    .btn-popup-2.btn,
    .btn-popup-2.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .btn-popup-2.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-popup-2.btn:active,
    .no-touchevents .btn-popup-2.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .btn-popup-2.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .btn-popup-2.btn,
    .btn-popup-2.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-popup-2.btn:active,
    .no-touchevents .btn-popup-2.btn:hover:active,
    .btn-popup-2.btn:focus:active,
    .no-touchevents .btn-popup-2.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .btn-popup-2.btn:focus,
    .btn-popup-2.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .btn-popup-2.btn.btn.disabled:after {
      font-size: 1em
    }

    .scroll-top.auto-carousel-buttons span:before,
    .scroll-top.swiper-buttons>div:before,
    .scroll-top.scroll-top em:before,
    .scroll-top.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .scroll-top.auto-carousel-buttons span:hover:before,
    .no-touchevents .scroll-top.swiper-buttons>div:hover:before,
    .no-touchevents .scroll-top.scroll-top em:hover:before,
    .no-touchevents .scroll-top.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .scroll-top.auto-carousel-buttons span:active:before,
    .scroll-top.swiper-buttons>div:active:before,
    .scroll-top.scroll-top em:active:before,
    .scroll-top.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .scroll-top.auto-carousel-buttons span,
    .scroll-top.swiper-buttons>div,
    .scroll-top.scroll-top em,
    .scroll-top.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .scroll-top.auto-carousel-buttons span:hover,
    .no-touchevents .scroll-top.swiper-buttons>div:hover,
    .no-touchevents .scroll-top.scroll-top em:hover,
    .no-touchevents .scroll-top.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .scroll-top.auto-carousel-buttons span:active,
    .scroll-top.swiper-buttons>div:active,
    .scroll-top.scroll-top em:active,
    .scroll-top.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    div.scroll-top.scroll-top em:before {
      content: '\f106' !important;
      font-family: icomoon !important;
      font-size: 22px
    }

    .scroll-top {
      left: auto;
      right: 0;
      --translate-x: 0px;
      --scroll-top-side-offset: 18px;
      --scroll-top-bottom-offset: 24px;
      --scroll-top-width: 38px;
      --scroll-top-height: 38px
    }

    .journal-loading>em:before,
    .ias-spinner>em:before,
    .btn.disabled:after {
      content: '\ea26' !important;
      font-family: icomoon !important;
      font-size: 40px;
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .journal-loading>.fa-spin,
    .ias-spinner>em:before,
    .btn.disabled:after {
      animation: fa-spin infinite linear
    }

    .journal-loading>.fa-spin,
    .ias-spinner>em,
    .ias-spinner>em:before,
    .btn.disabled:after {
      animation-duration: .4s
    }

    .mobile-header-active .menu-trigger .menu-icon:before,
    .header div.menu-trigger .j-menu>li>a:before {
      content: '\eb13' !important;
      font-family: icomoon !important
    }

    .header-search>button:before,
    .header .mini-search .search-trigger .menu-icon:before {
      content: '\e910' !important;
      font-family: icomoon !important
    }

    .btn-cart:before,
    .fa-shopping-cart:before,
    div.cart-has-items .fa-shopping-cart:before {
      content: '\eb3e' !important;
      font-family: icomoon !important
    }

    .btn-wishlist:before {
      content: '\ea93' !important;
      font-family: icomoon !important
    }

    .btn-compare:before,
    .compare-btn:before {
      content: '\ead0' !important;
      font-family: icomoon !important
    }

    .fa-refresh:before {
      content: '\e976' !important;
      font-family: icomoon !important
    }

    .td-remove .fa:before,
    [data-original-title=Remove] .fa:before,
    .btn-danger .fa:before {
      content: '\ea0a' !important;
      font-family: icomoon !important
    }

    .fa-times-circle:before,
    .fa-times:before,
    .reset-filter:before,
    .notification-close:before,
    .popup-close:before,
    .hn-close:before {
      content: '\e981' !important;
      font-family: icomoon !important
    }

    .fa-eye:before {
      content: '\eb54' !important;
      font-family: icomoon !important
    }

    .fa-reply:before {
      content: '\ea1b' !important;
      font-family: icomoon !important
    }

    .p-author:before {
      content: '\eaaa' !important;
      font-family: icomoon !important;
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .p-date:before {
      content: '\ea2d' !important;
      font-family: icomoon !important;
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .p-time:before {
      content: '\eb29' !important;
      font-family: icomoon !important;
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .p-comment:before {
      content: '\f27b' !important;
      font-family: icomoon !important;
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .p-view:before {
      content: '\eb54' !important;
      font-family: icomoon !important;
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .p-category:before {
      content: '\e97a' !important;
      font-family: icomoon !important;
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .user-site:before {
      content: '\e321' !important;
      font-family: icomoon !important;
      transform: translate3d(-1px, 1px, 0);
      margin-right: 5px;
      --element-margin-right: 5px
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar {
      display: block;
      width: thinpx;
      height: thinpx;
      background-color: var(--scrollbar-track-color, silver)
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items) {
      scrollbar-width: var(--scrollbar-width, auto);
      --scrollbar-width: thin;
      scrollbar-width: thin;
      scrollbar-color: var(--scrollbar-thumb-color, silver) var(--scrollbar-track-color, #f9f9f9)
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items).desktop {
      --scrollW: 15px
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items).mac.desktop.firefox {
      --scrollW: 11px
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar-thumb {
      background-color: var(--scrollbar-thumb-color, silver);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items).mac.desktop {
      --scrollW: 11px
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items),
    *:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar {
      --scrollbar-track-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    *:not(html, body, .popup-wrapper, .auto-grid-items),
    *:not(html, body, .popup-wrapper, .auto-grid-items)::-webkit-scrollbar-thumb {
      --scrollbar-thumb-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .expand-content {
      max-height: 70px
    }

    .block-expand.btn,
    .block-expand.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .block-expand.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .block-expand.btn:active,
    .no-touchevents .block-expand.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .block-expand.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-200) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      letter-spacing: 0 !important;
      line-height: 1 !important;
      padding: .6em !important;
      --element-padding: .6em !important;
      padding-right: .8em !important;
      --element-padding-right: .8em !important;
      padding-left: .8em !important;
      --element-padding-left: .8em !important
    }

    .block-expand.btn,
    .block-expand.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .block-expand.btn:active,
    .no-touchevents .block-expand.btn:hover:active,
    .block-expand.btn:focus:active,
    .no-touchevents .block-expand.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .block-expand.btn:focus,
    .block-expand.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .block-expand.btn:hover,
    .no-touchevents .block-expand.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .block-expand.btn:active,
    .no-touchevents .block-expand.btn:hover:active,
    .block-expand.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .block-expand.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .block-expand.btn.btn.disabled:after {
      font-size: 1em
    }

    .block-expand:after {
      content: 'Show More'
    }

    .block-expanded .block-expand:after {
      content: 'Show Less'
    }

    .block-expand:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      font-size: 1em;
      order: 0;
      margin-inline-end: var(--expand-spacing, 0);
      --expand-spacing: 4px
    }

    .block-expanded .block-expand:before {
      content: '\e40a' !important;
      font-family: icomoon !important
    }

    .block-expand-overlay {
      --expand-overlay: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .old-browser {
      color: rgba(68, 68, 68, 1);
      background-color: rgba(255, 255, 255, 1);
      --background-color: rgba(255, 255, 255, 1)
    }

    .j-loader .journal-loading>i:before {
      margin-top: -2px;
      --element-margin-top: -2px
    }

    .modal .modal-header {
      position: sticky
    }

    .modal-header .modal-title {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .modal {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .modal-header {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .modal .modal-content {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    :root {
      --browser-theme-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .notification-cart.notification {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    .notification-cart .notification-close {
      display: block;
      width: 28px;
      height: 28px;
      margin-inline-end: 4px;
      margin-top: 4px
    }

    .notification-cart .notification-close:before {
      content: '\e5cd' !important;
      font-family: icomoon !important;
      font-size: 16px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .notification-cart .btn.notification-close {
      border-radius: 99px !important;
      --element-border-radius: 99px !important
    }

    .no-touchevents .notification-cart .notification-close:hover:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .notification-cart .notification-close.btn,
    .notification-cart .notification-close.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-cart .notification-close.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .notification-cart .notification-close.btn:active,
    .no-touchevents .notification-cart .notification-close.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .notification-cart .notification-close.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none
    }

    .notification-cart .notification-close.btn,
    .notification-cart .notification-close.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-cart .notification-close.btn:active,
    .no-touchevents .notification-cart .notification-close.btn:hover:active,
    .notification-cart .notification-close.btn:focus:active,
    .no-touchevents .notification-cart .notification-close.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-cart .notification-close.btn:focus,
    .notification-cart .notification-close.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .notification-cart .notification-close.btn:active,
    .no-touchevents .notification-cart .notification-close.btn:hover:active,
    .notification-cart .notification-close.btn:focus:active {
      box-shadow: none
    }

    .notification-cart .notification-close.btn:focus {
      box-shadow: none
    }

    .notification-cart .notification-close.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-cart .notification-content {
      display: block
    }

    .notification-cart .notification-content img {
      float: left;
      display: block;
      margin-right: var(--j-gap-spacing---6);
      --element-margin-right: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .notification-cart .notification-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.5
    }

    .notification-cart .notification-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .notification-cart .notification-buttons {
      display: flex;
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .notification-cart .notification-view-cart.btn,
    .notification-cart .notification-view-cart.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .notification-cart .notification-view-cart.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-cart .notification-view-cart.btn:active,
    .no-touchevents .notification-cart .notification-view-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-cart .notification-view-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .notification-cart .notification-view-cart.btn,
    .notification-cart .notification-view-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-cart .notification-view-cart.btn:active,
    .no-touchevents .notification-cart .notification-view-cart.btn:hover:active,
    .notification-cart .notification-view-cart.btn:focus:active,
    .no-touchevents .notification-cart .notification-view-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .notification-cart .notification-view-cart.btn:focus,
    .notification-cart .notification-view-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .notification-cart .notification-view-cart.btn:hover,
    .no-touchevents .notification-cart .notification-view-cart.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-cart .notification-view-cart.btn:active,
    .no-touchevents .notification-cart .notification-view-cart.btn:hover:active,
    .notification-cart .notification-view-cart.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-cart .notification-view-cart.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-cart .notification-view-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-cart .notification-view-cart {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .notification-cart .notification-view-cart:before {
      content: none !important
    }

    .notification-cart .notification-buttons .btn {
      padding: .8em !important;
      --element-padding: .8em !important
    }

    .notification-cart .notification-checkout.btn,
    .notification-cart .notification-checkout.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-cart .notification-checkout.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-cart .notification-checkout.btn:active,
    .no-touchevents .notification-cart .notification-checkout.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .notification-cart .notification-checkout.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .notification-cart .notification-checkout.btn,
    .notification-cart .notification-checkout.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .notification-cart .notification-checkout.btn:active,
    .no-touchevents .notification-cart .notification-checkout.btn:hover:active,
    .notification-cart .notification-checkout.btn:focus:active,
    .no-touchevents .notification-cart .notification-checkout.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-cart .notification-checkout.btn:focus,
    .notification-cart .notification-checkout.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .notification-cart .notification-checkout.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-cart .notification-checkout {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .notification-wishlist.notification {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    .notification-wishlist .notification-close {
      display: block;
      width: 28px;
      height: 28px;
      margin-inline-end: 4px;
      margin-top: 4px
    }

    .notification-wishlist .notification-close:before {
      content: '\e5cd' !important;
      font-family: icomoon !important;
      font-size: 16px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .notification-wishlist .btn.notification-close {
      border-radius: 99px !important;
      --element-border-radius: 99px !important
    }

    .no-touchevents .notification-wishlist .notification-close:hover:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .notification-wishlist .notification-close.btn,
    .notification-wishlist .notification-close.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-wishlist .notification-close.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .notification-wishlist .notification-close.btn:active,
    .no-touchevents .notification-wishlist .notification-close.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .notification-wishlist .notification-close.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none
    }

    .notification-wishlist .notification-close.btn,
    .notification-wishlist .notification-close.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-wishlist .notification-close.btn:active,
    .no-touchevents .notification-wishlist .notification-close.btn:hover:active,
    .notification-wishlist .notification-close.btn:focus:active,
    .no-touchevents .notification-wishlist .notification-close.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-wishlist .notification-close.btn:focus,
    .notification-wishlist .notification-close.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .notification-wishlist .notification-close.btn:active,
    .no-touchevents .notification-wishlist .notification-close.btn:hover:active,
    .notification-wishlist .notification-close.btn:focus:active {
      box-shadow: none
    }

    .notification-wishlist .notification-close.btn:focus {
      box-shadow: none
    }

    .notification-wishlist .notification-close.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-wishlist .notification-content {
      display: block
    }

    .notification-wishlist .notification-content img {
      float: left;
      display: block;
      margin-right: var(--j-gap-spacing---6);
      --element-margin-right: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .notification-wishlist .notification-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.5
    }

    .notification-wishlist .notification-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .notification-wishlist .notification-buttons {
      display: flex;
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .notification-wishlist .notification-view-cart.btn,
    .notification-wishlist .notification-view-cart.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .notification-wishlist .notification-view-cart.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-wishlist .notification-view-cart.btn:active,
    .no-touchevents .notification-wishlist .notification-view-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-wishlist .notification-view-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .notification-wishlist .notification-view-cart.btn,
    .notification-wishlist .notification-view-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-wishlist .notification-view-cart.btn:active,
    .no-touchevents .notification-wishlist .notification-view-cart.btn:hover:active,
    .notification-wishlist .notification-view-cart.btn:focus:active,
    .no-touchevents .notification-wishlist .notification-view-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .notification-wishlist .notification-view-cart.btn:focus,
    .notification-wishlist .notification-view-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .notification-wishlist .notification-view-cart.btn:hover,
    .no-touchevents .notification-wishlist .notification-view-cart.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-wishlist .notification-view-cart.btn:active,
    .no-touchevents .notification-wishlist .notification-view-cart.btn:hover:active,
    .notification-wishlist .notification-view-cart.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-wishlist .notification-view-cart.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-wishlist .notification-view-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-wishlist .notification-view-cart {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .notification-wishlist .notification-view-cart:before {
      content: none !important
    }

    .notification-wishlist .notification-buttons .btn {
      padding: .8em !important;
      --element-padding: .8em !important
    }

    .notification-wishlist .notification-checkout.btn,
    .notification-wishlist .notification-checkout.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-wishlist .notification-checkout.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-wishlist .notification-checkout.btn:active,
    .no-touchevents .notification-wishlist .notification-checkout.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .notification-wishlist .notification-checkout.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .notification-wishlist .notification-checkout.btn,
    .notification-wishlist .notification-checkout.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .notification-wishlist .notification-checkout.btn:active,
    .no-touchevents .notification-wishlist .notification-checkout.btn:hover:active,
    .notification-wishlist .notification-checkout.btn:focus:active,
    .no-touchevents .notification-wishlist .notification-checkout.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-wishlist .notification-checkout.btn:focus,
    .notification-wishlist .notification-checkout.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .notification-wishlist .notification-checkout.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-wishlist .notification-checkout {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .notification-compare.notification {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    .notification-compare .notification-close {
      display: block;
      width: 28px;
      height: 28px;
      margin-inline-end: 4px;
      margin-top: 4px
    }

    .notification-compare .notification-close:before {
      content: '\e5cd' !important;
      font-family: icomoon !important;
      font-size: 16px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .notification-compare .btn.notification-close {
      border-radius: 99px !important;
      --element-border-radius: 99px !important
    }

    .no-touchevents .notification-compare .notification-close:hover:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .notification-compare .notification-close.btn,
    .notification-compare .notification-close.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-compare .notification-close.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .notification-compare .notification-close.btn:active,
    .no-touchevents .notification-compare .notification-close.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .notification-compare .notification-close.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none
    }

    .notification-compare .notification-close.btn,
    .notification-compare .notification-close.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-compare .notification-close.btn:active,
    .no-touchevents .notification-compare .notification-close.btn:hover:active,
    .notification-compare .notification-close.btn:focus:active,
    .no-touchevents .notification-compare .notification-close.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-compare .notification-close.btn:focus,
    .notification-compare .notification-close.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .notification-compare .notification-close.btn:active,
    .no-touchevents .notification-compare .notification-close.btn:hover:active,
    .notification-compare .notification-close.btn:focus:active {
      box-shadow: none
    }

    .notification-compare .notification-close.btn:focus {
      box-shadow: none
    }

    .notification-compare .notification-close.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-compare .notification-content {
      display: block
    }

    .notification-compare .notification-content img {
      float: left;
      display: block;
      margin-right: var(--j-gap-spacing---6);
      --element-margin-right: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .notification-compare .notification-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.5
    }

    .notification-compare .notification-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .notification-compare .notification-buttons {
      display: flex;
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .notification-compare .notification-view-cart.btn,
    .notification-compare .notification-view-cart.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .notification-compare .notification-view-cart.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-compare .notification-view-cart.btn:active,
    .no-touchevents .notification-compare .notification-view-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-compare .notification-view-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .notification-compare .notification-view-cart.btn,
    .notification-compare .notification-view-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-compare .notification-view-cart.btn:active,
    .no-touchevents .notification-compare .notification-view-cart.btn:hover:active,
    .notification-compare .notification-view-cart.btn:focus:active,
    .no-touchevents .notification-compare .notification-view-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .notification-compare .notification-view-cart.btn:focus,
    .notification-compare .notification-view-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .notification-compare .notification-view-cart.btn:hover,
    .no-touchevents .notification-compare .notification-view-cart.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-compare .notification-view-cart.btn:active,
    .no-touchevents .notification-compare .notification-view-cart.btn:hover:active,
    .notification-compare .notification-view-cart.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-compare .notification-view-cart.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-compare .notification-view-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-compare .notification-view-cart {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .notification-compare .notification-view-cart:before {
      content: none !important
    }

    .notification-compare .notification-buttons .btn {
      padding: .8em !important;
      --element-padding: .8em !important
    }

    .notification-compare .notification-checkout.btn,
    .notification-compare .notification-checkout.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-compare .notification-checkout.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-compare .notification-checkout.btn:active,
    .no-touchevents .notification-compare .notification-checkout.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .notification-compare .notification-checkout.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .notification-compare .notification-checkout.btn,
    .notification-compare .notification-checkout.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .notification-compare .notification-checkout.btn:active,
    .no-touchevents .notification-compare .notification-checkout.btn:hover:active,
    .notification-compare .notification-checkout.btn:focus:active,
    .no-touchevents .notification-compare .notification-checkout.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-compare .notification-checkout.btn:focus,
    .notification-compare .notification-checkout.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .notification-compare .notification-checkout.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-compare .notification-checkout {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .notification-wrapper-message>div.notification {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    .notification-wrapper-message>div .notification-close {
      display: block;
      width: 28px;
      height: 28px;
      margin-inline-end: 4px;
      margin-top: 4px
    }

    .notification-wrapper-message>div .notification-close:before {
      content: '\e5cd' !important;
      font-family: icomoon !important;
      font-size: 16px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .notification-wrapper-message>div .btn.notification-close {
      border-radius: 99px !important;
      --element-border-radius: 99px !important
    }

    .no-touchevents .notification-wrapper-message>div .notification-close:hover:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .notification-wrapper-message>div .notification-close.btn,
    .notification-wrapper-message>div .notification-close.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-wrapper-message>div .notification-close.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .notification-wrapper-message>div .notification-close.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-close.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .notification-wrapper-message>div .notification-close.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none
    }

    .notification-wrapper-message>div .notification-close.btn,
    .notification-wrapper-message>div .notification-close.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-wrapper-message>div .notification-close.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-close.btn:hover:active,
    .notification-wrapper-message>div .notification-close.btn:focus:active,
    .no-touchevents .notification-wrapper-message>div .notification-close.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .notification-wrapper-message>div .notification-close.btn:focus,
    .notification-wrapper-message>div .notification-close.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .notification-wrapper-message>div .notification-close.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-close.btn:hover:active,
    .notification-wrapper-message>div .notification-close.btn:focus:active {
      box-shadow: none
    }

    .notification-wrapper-message>div .notification-close.btn:focus {
      box-shadow: none
    }

    .notification-wrapper-message>div .notification-close.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-wrapper-message>div .notification-content {
      display: block
    }

    .notification-wrapper-message>div .notification-content img {
      float: left;
      display: block;
      margin-right: var(--j-gap-spacing---6);
      --element-margin-right: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .notification-wrapper-message>div .notification-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.5
    }

    .notification-wrapper-message>div .notification-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .notification-wrapper-message>div .notification-buttons {
      display: flex;
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .notification-wrapper-message>div .notification-view-cart.btn,
    .notification-wrapper-message>div .notification-view-cart.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-wrapper-message>div .notification-view-cart.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-wrapper-message>div .notification-view-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .notification-wrapper-message>div .notification-view-cart.btn,
    .notification-wrapper-message>div .notification-view-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .notification-wrapper-message>div .notification-view-cart.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover:active,
    .notification-wrapper-message>div .notification-view-cart.btn:focus:active,
    .no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .notification-wrapper-message>div .notification-view-cart.btn:focus,
    .notification-wrapper-message>div .notification-view-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover,
    .no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-wrapper-message>div .notification-view-cart.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-view-cart.btn:hover:active,
    .notification-wrapper-message>div .notification-view-cart.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .notification-wrapper-message>div .notification-view-cart.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .notification-wrapper-message>div .notification-view-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-wrapper-message>div .notification-view-cart {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .notification-wrapper-message>div .notification-view-cart:before {
      content: none !important
    }

    .notification-wrapper-message>div .notification-buttons .btn {
      padding: .8em !important;
      --element-padding: .8em !important
    }

    .notification-wrapper-message>div .notification-checkout.btn,
    .notification-wrapper-message>div .notification-checkout.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .notification-wrapper-message>div .notification-checkout.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-wrapper-message>div .notification-checkout.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-checkout.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .notification-wrapper-message>div .notification-checkout.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .notification-wrapper-message>div .notification-checkout.btn,
    .notification-wrapper-message>div .notification-checkout.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .notification-wrapper-message>div .notification-checkout.btn:active,
    .no-touchevents .notification-wrapper-message>div .notification-checkout.btn:hover:active,
    .notification-wrapper-message>div .notification-checkout.btn:focus:active,
    .no-touchevents .notification-wrapper-message>div .notification-checkout.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .notification-wrapper-message>div .notification-checkout.btn:focus,
    .notification-wrapper-message>div .notification-checkout.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .notification-wrapper-message>div .notification-checkout.btn.btn.disabled:after {
      font-size: 1em
    }

    .notification-wrapper-message>div .notification-checkout {
      display: inline-flex;
      flex-grow: 1;
      margin: var(--j-gap-spacing---2);
      --element-margin: var(--j-gap-spacing---2)
    }

    .stepper input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-width: 0 !important;
      border-style: none !important;
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      box-shadow: none
    }

    .no-touchevents .stepper input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .stepper input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .stepper {
      --stepper-max-width: 110px;
      --stepper-border: 0;
      max-width: var(--stepper-max-width, 100%);
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .stepper button {
      position: static;
      width: calc(var(--stepper-button-width, 30)*1px*3);
      height: 100%;
      min-height: 36px;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .stepper button.fa-angle-up {
      border-inline-width: var(--stepper-border, 0) 0;
      border-block-width: 0
    }

    .stepper button.fa-angle-down {
      border-inline-width: 0 var(--stepper-border, 0);
      border-block-width: 0
    }

    .stepper .form-control {
      max-width: 100% !important
    }

    .stepper .fa-angle-down:before {
      content: '\eb85' !important;
      font-family: icomoon !important;
      font-size: 18px
    }

    .stepper .fa-angle-up:before {
      content: '\eba0' !important;
      font-family: icomoon !important;
      font-size: 18px
    }

    .stepper button:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .stepper button:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .stepper button:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .no-touchevents .stepper button:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - -3%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .stepper button:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 4%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
    }

    .popup-quickview html {
      --popup-height-margin: 40px;
      --popup-width-margin: 20px
    }

    .popup-quickview .popup-bg {
      background-color: rgba(0, 0, 0, .8);
      --background-color: rgba(0, 0, 0, .8)
    }

    .popup-quickview .popup-inner-body,
    .popup-quickview .popup {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .popup-quickview .popup-content,
    .popup-quickview .popup-inner-body>.grid-rows,
    .popup-quickview .popup .site-wrapper {
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m)
    }

    .popup-quickview .popup-inner-body {
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    .popup-quickview .popup-dont-show {
      justify-content: start;
      position: absolute;
      inset-inline-end: auto
    }

    .popup-quickview .popup-buttons+.popup-dont-show {
      margin-top: 0
    }

    .popup-quickview .popup-container .popup-close:before {
      content: '\e9c7' !important;
      font-family: icomoon !important;
      font-size: 13px
    }

    .popup-quickview .popup-container .popup-close {
      width: 30px;
      height: 30px;
      margin-inline-end: -10px;
      margin-top: 25px
    }

    .popup-quickview div.popup-container .btn.popup-close {
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .popup-quickview .popup-container .popup-close.btn,
    .popup-quickview .popup-container .popup-close.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .no-touchevents .popup-quickview .popup-container .popup-close.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .popup-quickview .popup-container .popup-close.btn:active,
    .no-touchevents .popup-quickview .popup-container .popup-close.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .popup-quickview .popup-container .popup-close.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-quickview .popup-container .popup-close.btn,
    .popup-quickview .popup-container .popup-close.tooltip {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .popup-quickview .popup-container .popup-close.btn:active,
    .no-touchevents .popup-quickview .popup-container .popup-close.btn:hover:active,
    .popup-quickview .popup-container .popup-close.btn:focus:active,
    .no-touchevents .popup-quickview .popup-container .popup-close.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .popup-quickview .popup-container .popup-close.btn:focus,
    .popup-quickview .popup-container .popup-close.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
    }

    .no-touchevents .popup-quickview .popup-container .popup-close.btn:hover,
    .no-touchevents .popup-quickview .popup-container .popup-close.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .popup-quickview .popup-container .popup-close.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-quickview .popup-header {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      margin: 0 !important;
      --element-margin: 0px !important;
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      padding-left: var(--j-gap-spacing---8);
      --element-padding-left: var(--j-gap-spacing---8);
      border-width: 0;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-quickview .popup-header:after {
      display: none
    }

    .popup-quickview .popup-header .page-title-text:after {
      display: none
    }

    .popup-quickview .popup-header .filter-title-text:after {
      display: none
    }

    .popup-quickview .popup-footer {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      padding-top: 18px;
      --element-padding-top: 18px;
      padding-bottom: 18px;
      --element-padding-bottom: 18px;
      border-width: 0;
      border-top-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-quickview .btn-popup-1.btn,
    .popup-quickview .btn-popup-1.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .popup-quickview .btn-popup-1.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-quickview .btn-popup-1.btn:active,
    .no-touchevents .popup-quickview .btn-popup-1.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .popup-quickview .btn-popup-1.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .popup-quickview .btn-popup-1.btn,
    .popup-quickview .btn-popup-1.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-quickview .btn-popup-1.btn:active,
    .no-touchevents .popup-quickview .btn-popup-1.btn:hover:active,
    .popup-quickview .btn-popup-1.btn:focus:active,
    .no-touchevents .popup-quickview .btn-popup-1.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-quickview .btn-popup-1.btn:focus,
    .popup-quickview .btn-popup-1.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .popup-quickview .btn-popup-1.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-quickview .btn-popup-2.btn,
    .popup-quickview .btn-popup-2.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .popup-quickview .btn-popup-2.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-quickview .btn-popup-2.btn:active,
    .no-touchevents .popup-quickview .btn-popup-2.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .popup-quickview .btn-popup-2.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .popup-quickview .btn-popup-2.btn,
    .popup-quickview .btn-popup-2.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-quickview .btn-popup-2.btn:active,
    .no-touchevents .popup-quickview .btn-popup-2.btn:hover:active,
    .popup-quickview .btn-popup-2.btn:focus:active,
    .no-touchevents .popup-quickview .btn-popup-2.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-quickview .btn-popup-2.btn:focus,
    .popup-quickview .btn-popup-2.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .popup-quickview .btn-popup-2.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-quickview .popup-container {
      width: 1100px
    }

    .route-product-product.popup-quickview #product-product {
      --product-page-split: 55%;
      --product-page-split-gap: var(--j-gap-spacing---9)
    }

    .route-product-product.popup-quickview h1.page-title {
      display: none
    }

    .route-product-product.popup-quickview div.page-title {
      display: block
    }

    .route-product-product.popup-quickview #content .page-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .route-product-product.popup-quickview #content .page-title:after {
      display: none;
      margin-top: .7em
    }

    .route-product-product.popup-quickview #content .page-title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-product-product.popup-quickview #content .page-title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-product-product.popup-quickview #content .page-title:after,
    .route-product-product.popup-quickview #content .page-title .page-title-text:after,
    .route-product-product.popup-quickview #content .page-title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-product.popup-quickview #content .title.page-title {
      margin-bottom: 1em !important;
      --element-margin-bottom: 1em !important
    }

    .route-product-product.popup-quickview .product-left-wrapper,
    .route-product-product.popup-quickview .product-right-wrapper {
      position: sticky;
      z-index: 90;
      top: var(--j-gap-spacing-padding-m)
    }

    html:not(.mobile) .route-product-product.popup-quickview .product-left .product-image .swiper-container {
      overflow: visible !important
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:before,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:before,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:before,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:active:before,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:active:before,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:active:before,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:hover,
    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.auto-carousel-buttons span:active,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.swiper-buttons>div:active,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.scroll-top em:active,
    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-button-prev:before {
      transform: scaleX(-1)
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons:not(.slider-navigation) {
      display: flex;
      top: 50%
    }

    .touchevents .route-product-product.popup-quickview .product-left .product-image .swiper-buttons:not(.slider-navigation) {
      display: none
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-button-prev {
      left: 0;
      right: auto;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-button-next {
      left: auto;
      right: 0;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-buttons:not(.slider-navigation) div {
      --width: 32px;
      --height: 32px
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-button-disabled {
      opacity: 0
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
      opacity: 0
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-wrapper {
      cursor: auto
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper {
      padding-bottom: 24px
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-pagination>span+span {
      margin-inline-start: 8px
    }

    .no-touchevents.route-product-product.popup-quickview .product-left .product-image .swiper-pagination-bullet:hover {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-left .product-image .swiper-pagination>span {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    .route-product-product.popup-quickview .product-image .swiper.swiper-has-pages .swiper-controls {
      display: block
    }

    .route-product-product.popup-quickview .product-image .swiper.swiper-has-pages .swiper-buttons {
      display: block
    }

    .route-product-product.popup-quickview .swiper .swiper-slide {
      cursor: zoom-in
    }

    html:not(.mobile) .route-product-product.popup-quickview .additional-images .swiper-container {
      overflow: hidden !important
    }

    .route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:before,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:before,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:before,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:active:before,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:active:before,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:hover,
    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-buttons.auto-carousel-buttons span:active,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.swiper-buttons>div:active,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.scroll-top em:active,
    .route-product-product.popup-quickview .additional-images .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-button-prev:before {
      transform: scaleX(-1)
    }

    .route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation) {
      display: flex;
      top: 50%;
      width: calc(100% - (10px*2))
    }

    .touchevents .route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation) {
      display: none
    }

    .route-product-product.popup-quickview .additional-images .swiper-button-prev {
      left: 0;
      right: auto;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-button-next {
      left: auto;
      right: 0;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation) div {
      --width: 28px;
      --height: 28px
    }

    .route-product-product.popup-quickview .additional-images .swiper-button-disabled {
      opacity: 0
    }

    .route-product-product.popup-quickview .additional-images .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
      opacity: 0;
      --disabled-scale: 0
    }

    .route-product-product.popup-quickview .additional-images .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
      --disabled-scale: 0
    }

    .route-product-product.popup-quickview .additional-images .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .route-product-product.popup-quickview .additional-images .swiper-wrapper {
      cursor: auto
    }

    .route-product-product.popup-quickview .additional-images .swiper {
      padding-bottom: 15px
    }

    .route-product-product.popup-quickview .additional-images .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
    }

    .route-product-product.popup-quickview .additional-images .swiper-pagination>span+span {
      margin-inline-start: 8px
    }

    .no-touchevents.route-product-product.popup-quickview .additional-images .swiper-pagination-bullet:hover {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .additional-images .swiper-pagination>span {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    html:not(.mobile) .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-container {
      overflow: hidden !important
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:before,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:before,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:before,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active:before,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:active:before,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:hover,
    .no-touchevents.route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.scroll-top em:active,
    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) {
      display: flex;
      top: 0
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-button-prev {
      left: auto;
      right: 0;
      transform: translate(-110%, -100%) scale(var(--disabled-scale, 1))
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-button-next {
      transform: translate(0, -100%) scale(var(--disabled-scale, 1))
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div {
      --width: 60px;
      --height: 16px
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div:before {
      content: '\e408' !important;
      font-family: icomoon !important
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) .swiper-button-next:before {
      content: '\e409' !important;
      font-family: icomoon !important
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination {
      display: none;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      bottom: 0;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper {
      padding-bottom: 0;
      padding-bottom: 0
    }

    .touchevents .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination {
      display: none
    }

    .touchevents .route-product-product.popup-quickview .direction-vertical .additional-images .swiper {
      padding-bottom: 0
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-wrapper {
      cursor: auto
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination-bullet {
      width: 4px;
      height: 4px
    }

    .route-product-product.popup-quickview .direction-vertical .additional-images .swiper-pagination>span+span {
      margin-inline-start: 6px
    }

    .route-product-product.popup-quickview .product-info {
      --sections-gap: var(--j-gap-spacing-gap-4)
    }

    .route-product-product.popup-quickview .product-info .product-details .product-stats {
      border-width: 1px;
      border-style: solid;
      order: 3
    }

    .route-product-product.popup-quickview .product-info .product-stats ul {
      width: 100%
    }

    .route-product-product.popup-quickview .product-stats .product-views:before {
      content: '\f06e' !important;
      font-family: icomoon !important
    }

    .route-product-product.popup-quickview .product-stats .product-sold:before {
      content: '\e99a' !important;
      font-family: icomoon !important
    }

    .route-product-product.popup-quickview .product-info .product-labels-outside {
      display: none;
      justify-content: flex-start;
      --label-grow: 0;
      order: 2
    }

    .route-product-product.popup-quickview .product-info .custom-stats {
      justify-content: flex-start
    }

    .route-product-product.popup-quickview .product-info .product-details .rating {
      justify-content: flex-start
    }

    .route-product-product.popup-quickview .product-info .product-details .countdown-wrapper {
      display: block
    }

    .route-product-product.popup-quickview .product-info .product-details .product-price-group {
      order: 1;
      text-align: left;
      display: flex
    }

    .route-product-product.popup-quickview .product-info .product-details .price-group {
      justify-content: flex-start;
      flex-direction: row;
      align-items: center
    }

    .route-product-product.popup-quickview .product-info .product-details .price-group .product-price,
    .route-product-product.popup-quickview .product-info .product-details .price-group .product-price-new {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-800);
      line-height: 1
    }

    .route-product-product.popup-quickview .product-info .product-details .product-price {
      margin: 0;
      --element-margin: 0px
    }

    .route-product-product.popup-quickview .product-info .product-details .product-price-new {
      order: -1
    }

    .route-product-product.popup-quickview .product-info .product-details .price-group .product-price-old {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: 90%;
      color: rgba(242, 119, 99, 1);
      text-decoration: line-through;
      -webkit-text-decoration: line-through;
      letter-spacing: 0;
      line-height: 1
    }

    .route-product-product.popup-quickview .product-info .product-details .product-points {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      display: block
    }

    .route-product-product.popup-quickview .product-info .product-details .product-tax {
      display: none;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .product-details .discounts {
      display: block
    }

    .route-product-product.popup-quickview .product-info .product-details .product-discount {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .product-details .product-options {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      padding: 0;
      --element-padding: 0px;
      order: 4
    }

    .route-product-product.popup-quickview .product-info .product-details .product-options>.options-title {
      display: none
    }

    .route-product-product.popup-quickview .product-info .product-details .product-options>h3:not(.options-title) {
      display: block
    }

    .route-product-product.popup-quickview div.product-options .form-group {
      --input-group-spacing: var(--j-gap-spacing-gap-1)
    }

    .route-product-product.popup-quickview .product-info .product-details .product-options .push-option label input:checked+.push-option-image img {
      box-shadow: inset 0 0 8px rgba(0, 0, 0, .7)
    }

    .route-product-product.popup-quickview .product-info .product-details .button-group-page {
      position: fixed;
      width: 100%;
      z-index: 1000;
      margin: 0;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*0.8));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*0.8));
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      margin-top: var(--j-gap-spacing---5);
      --element-margin-top: var(--j-gap-spacing---5);
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .route-product-product.popup-quickview body {
      padding-bottom: var(--popup-fixed-buttons, 0)
    }

    .route-product-product.popup-quickview .site-wrapper {
      padding-bottom: 0
    }

    .route-product-product.popup-quickview .product-info .button-group-page .stepper {
      display: flex;
      height: 44px;
      max-width: 100px
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart {
      display: inline-flex;
      height: 44px;
      min-height: 44px
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart:before,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart .btn-text {
      display: inline-block
    }

    .route-product-product.popup-quickview .product-info .product-details .stepper-group {
      flex-grow: 1
    }

    .route-product-product.popup-quickview .product-info .product-details .stepper-group .btn-cart {
      flex-grow: 1
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart:before {
      font-size: 16px
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:hover:active,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:focus:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn:focus,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details {
      display: inline-flex;
      flex-grow: 0;
      flex-basis: auto;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      margin: var(--j-gap-spacing---4);
      --element-margin: var(--j-gap-spacing---4);
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      margin-left: var(--j-gap-spacing---5);
      --element-margin-left: var(--j-gap-spacing---5)
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details:before,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details .btn-text {
      display: inline-block
    }

    .route-product-product.popup-quickview .product-info .button-group-page #button-cart {
      padding: 1em !important;
      --element-padding: 1em !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist {
      width: 44px;
      height: 44px;
      min-height: 44px;
      padding: 1em !important;
      --element-padding: 1em !important;
      display: inline-flex;
      margin-left: auto;
      --element-margin-left: auto
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare {
      width: 44px;
      height: 44px;
      min-height: 44px;
      padding: 1em !important;
      --element-padding: 1em !important;
      display: inline-flex
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details:after {
      content: '\e5c8' !important;
      font-family: icomoon !important;
      margin-left: 5px;
      --element-margin-left: 5px
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover:active,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:hover:active,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus:active {
      box-shadow: none
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn:focus {
      box-shadow: none
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-product.popup-quickview .product-info .product-details .button-group-page .wishlist-compare {
      flex-grow: 0 !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .wishlist-compare {
      min-width: auto;
      margin: 0 auto 0 auto
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist .btn-text {
      display: none
    }

    .route-product-product.popup-quickview .product-info .button-group-page .wishlist-compare .btn-wishlist {
      flex-grow: 1 !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist:before {
      font-size: 18px
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover:active,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:hover:active,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare .btn-text {
      display: none
    }

    .route-product-product.popup-quickview .product-info .button-group-page .wishlist-compare .btn-compare {
      flex-grow: 1 !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare:before {
      font-size: 18px
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:active,
    .no-touchevents.route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:hover:active,
    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-product.popup-quickview .product-info .product-details .buttons-wrapper {
      --quickview-buttons-gap: 4px
    }

    .popup-quickview .product-right .description {
      order: 100
    }

    .popup-quickview .expand-content {
      max-height: 100%;
      overflow: visible;
      max-height: 100px
    }

    .header-logo {
      display: block
    }

    .header-logo-alternate {
      display: none
    }

    .mobile-header .header-logo {
      display: block
    }

    .mobile-header .header-logo-alternate {
      display: none
    }

    .login-box>div {
      flex-basis: 300px;
      padding: calc(60px/2)
    }

    .login-box>div:first-child {
      order: 2;
      display: block
    }

    .route-account-login .site-wrapper>.container,
    html:not(.popup).route-account-login .site-wrapper>.page-title .page-title-text,
    .route-account-login .breadcrumb {
      max-width: 1000px
    }

    .route-account-logout .site-wrapper>.container,
    html:not(.popup).route-account-logout .site-wrapper>.page-title .page-title-text,
    .route-account-login .breadcrumb {
      max-width: 1000px
    }

    .route-account-forgotten .site-wrapper>.container,
    html:not(.popup).route-account-forgotten .site-wrapper>.page-title .page-title-text,
    .route-account-login .breadcrumb {
      max-width: 1000px
    }


    .route-account-login .site-wrapper>.container>.row {
      margin: 0
    }

    .route-account-logout .site-wrapper>.container>.row {
      margin: 0
    }

    .route-account-forgotten .site-wrapper>.container>.row {
      margin: 0
    }

    .route-account-register .site-wrapper>.container>.row {
      margin: 0
    }

    #account-forgotten #content {
      margin: 0;
      width: 100%
    }

    #account-login #content {
      margin: 0;
      width: 100%
    }

    .route-account-logout #common-success #content {
      margin: 0;
      width: 100%
    }

    #account-register #content {
      margin: 0;
      width: 100%
    }

    #account-login .side-column {
      display: none
    }

    #account-forgotten .side-column {
      display: none
    }

    .route-account-logout #common-success .side-column {
      display: none
    }

    #account-register .side-column {
      display: none
    }

    .login-box {
      margin: calc(0px - 60px/2)
    }

    .login-box .well {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .popup-login .title {
      margin-bottom: var(--j-gap-spacing-vertical-l) !important;
      --element-margin-bottom: var(--j-gap-spacing-vertical-l) !important
    }

    .popup-login html {
      --popup-height-margin: 40px;
      --popup-width-margin: 20px
    }

    .popup-login .popup-bg {
      background-color: rgba(0, 0, 0, .8);
      --background-color: rgba(0, 0, 0, .8)
    }

    .popup-login .popup-inner-body,
    .popup-login .popup {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .popup-login .popup-content,
    .popup-login .popup-inner-body>.grid-rows,
    .popup-login .popup .site-wrapper {
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m)
    }

    .popup-login .popup-inner-body {
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    .popup-login .popup-dont-show {
      justify-content: start;
      position: absolute;
      inset-inline-end: auto
    }

    .popup-login .popup-buttons+.popup-dont-show {
      margin-top: 0
    }

    .popup-login .popup-container .popup-close:before {
      content: '\e9c7' !important;
      font-family: icomoon !important;
      font-size: 13px
    }

    .popup-login .popup-container .popup-close {
      width: 30px;
      height: 30px;
      margin-inline-end: -10px;
      margin-top: 25px
    }

    .popup-login div.popup-container .btn.popup-close {
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .popup-login .popup-container .popup-close.btn,
    .popup-login .popup-container .popup-close.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .no-touchevents .popup-login .popup-container .popup-close.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .popup-login .popup-container .popup-close.btn:active,
    .no-touchevents .popup-login .popup-container .popup-close.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .popup-login .popup-container .popup-close.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-login .popup-container .popup-close.btn,
    .popup-login .popup-container .popup-close.tooltip {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .popup-login .popup-container .popup-close.btn:active,
    .no-touchevents .popup-login .popup-container .popup-close.btn:hover:active,
    .popup-login .popup-container .popup-close.btn:focus:active,
    .no-touchevents .popup-login .popup-container .popup-close.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .popup-login .popup-container .popup-close.btn:focus,
    .popup-login .popup-container .popup-close.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
    }

    .no-touchevents .popup-login .popup-container .popup-close.btn:hover,
    .no-touchevents .popup-login .popup-container .popup-close.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .popup-login .popup-container .popup-close.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-login .popup-header {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      margin: 0 !important;
      --element-margin: 0px !important;
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      padding-left: var(--j-gap-spacing---8);
      --element-padding-left: var(--j-gap-spacing---8);
      border-width: 0;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-login .popup-header:after {
      display: none
    }

    .popup-login .popup-header .page-title-text:after {
      display: none
    }

    .popup-login .popup-header .filter-title-text:after {
      display: none
    }

    .popup-login .popup-footer {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      padding-top: 18px;
      --element-padding-top: 18px;
      padding-bottom: 18px;
      --element-padding-bottom: 18px;
      border-width: 0;
      border-top-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .popup-login .btn-popup-1.btn,
    .popup-login .btn-popup-1.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .popup-login .btn-popup-1.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-login .btn-popup-1.btn:active,
    .no-touchevents .popup-login .btn-popup-1.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .popup-login .btn-popup-1.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .popup-login .btn-popup-1.btn,
    .popup-login .btn-popup-1.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-login .btn-popup-1.btn:active,
    .no-touchevents .popup-login .btn-popup-1.btn:hover:active,
    .popup-login .btn-popup-1.btn:focus:active,
    .no-touchevents .popup-login .btn-popup-1.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-login .btn-popup-1.btn:focus,
    .popup-login .btn-popup-1.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .popup-login .btn-popup-1.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-login .btn-popup-2.btn,
    .popup-login .btn-popup-2.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .popup-login .btn-popup-2.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-login .btn-popup-2.btn:active,
    .no-touchevents .popup-login .btn-popup-2.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .popup-login .btn-popup-2.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .popup-login .btn-popup-2.btn,
    .popup-login .btn-popup-2.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-login .btn-popup-2.btn:active,
    .no-touchevents .popup-login .btn-popup-2.btn:hover:active,
    .popup-login .btn-popup-2.btn:focus:active,
    .no-touchevents .popup-login .btn-popup-2.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .popup-login .btn-popup-2.btn:focus,
    .popup-login .btn-popup-2.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .popup-login .btn-popup-2.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-login .popup-container {
      width: 520px
    }

    .popup-register .popup-container {
      width: 520px
    }

    a.forgot-password {
      margin-bottom: var(--j-gap-spacing-vertical-l);
      --element-margin-bottom: var(--j-gap-spacing-vertical-l)
    }

    .account-list>li>a {
      font-size: 1.2rem;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.2;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      padding: 12%;
      --element-padding: 12%;
      padding-top: 14%;
      --element-padding-top: 14%;
      padding-bottom: 14%;
      --element-padding-bottom: 14%;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      flex-direction: column;
      width: 100%;
      text-align: center;
      --scale-hover: 1.05;
      --scale-active: 1
    }

    .no-touchevents .account-list>li>a:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      border-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .account-list>li>a:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      font-size: 3.8rem;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4);
      margin-inline-end: 0;
      margin-inline-start: 0
    }

    .no-touchevents .account-list>li>a:hover:before {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1))
    }

    .account-list .edit-info {
      display: flex
    }

    .route-information-sitemap .site-edit {
      display: block
    }

    .account-list .edit-pass {
      display: flex
    }

    .route-information-sitemap .site-pass {
      display: block
    }

    .account-list .edit-address {
      display: flex
    }

    .route-information-sitemap .site-address {
      display: block
    }

    .account-list .edit-wishlist {
      display: flex
    }

    .my-cards {
      display: block
    }

    .account-list>li.edit-payment-method {
      display: flex
    }

    .account-list .edit-order {
      display: flex
    }

    .route-information-sitemap .site-history {
      display: block
    }

    .account-list .edit-downloads {
      display: none
    }

    .route-information-sitemap .site-download {
      display: none
    }

    .account-list .edit-rewards {
      display: flex
    }

    .account-list .edit-returns {
      display: flex
    }

    .account-list .edit-transactions {
      display: flex
    }

    .account-list .edit-recurring,
    .account-list>li.edit-subscription>a:before {
      display: none
    }

    .my-affiliates {
      display: block
    }

    .my-newsletter .account-list {
      display: flex
    }

    .my-affiliates .title {
      display: block
    }

    .my-newsletter .title {
      display: block
    }

    .my-account .title {
      display: block
    }

    .my-orders .title {
      display: block
    }

    .my-cards .title {
      display: block
    }

    .account-page .title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .account-page .title:after {
      display: none
    }

    .account-page .title .page-title-text:after {
      display: none
    }

    .account-page .title .filter-title-text:after {
      display: none
    }

    .account-list>li {
      width: calc(100%/6);
      padding: 10px;
      margin: 0
    }

    .account-list {
      margin: 0 -10px -10px;
      flex-direction: row
    }

    .account-list>.edit-info>a:before {
      content: '\e90d' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-pass>a:before {
      content: '\eac4' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-address>a:before {
      content: '\e956' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-wishlist>a:before {
      content: '\e955' !important;
      font-family: icomoon !important;
      font-size: 4.2rem
    }

    .my-cards .account-list>li>a:before,
    .account-list>li.edit-payment-method>a:before {
      content: '\e950' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-order>a:before {
      content: '\ead5' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-downloads>a:before {
      content: '\eb4e' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-rewards>a:before {
      content: '\e952' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-returns>a:before {
      content: '\f112' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-transactions>a:before {
      content: '\eab6' !important;
      font-family: icomoon !important
    }

    .account-list>.edit-recurring>a:before,
    .account-list>li.edit-subscription>a:before {
      content: '\e8b3' !important;
      font-family: icomoon !important;
      font-size: 4.2rem
    }

    .account-list>.affiliate-add>a:before {
      content: '\e95a' !important;
      font-family: icomoon !important
    }

    .account-list>.affiliate-edit>a:before {
      content: '\e95a' !important;
      font-family: icomoon !important
    }

    .account-list>.affiliate-track>a:before {
      content: '\e93c' !important;
      font-family: icomoon !important
    }

    .my-newsletter .account-list>li>a:before {
      content: '\e94c' !important;
      font-family: icomoon !important
    }

    .account-page>div .title {
      margin-bottom: .8em !important;
      --element-margin-bottom: .8em !important
    }

    .route-account-register .account-customer-group label:after {
      display: none !important
    }

    #account .account-firstname label:after {
      display: none !important
    }

    #account .account-lastname label:after {
      display: none !important
    }

    #account .account-telephone label:after {
      display: none !important
    }

    #account .account-fax label:after {
      display: none !important
    }

    .route-account-register .address-company label:after {
      display: none !important
    }

    #account-address .address-company label:after {
      display: none !important
    }

    .route-account-register .address-address-2 label:after {
      display: none !important
    }

    #account-address .address-address-2 label:after {
      display: none !important
    }

    .route-account-order-info td .btn-primary.btn,
    .route-account-order-info td .btn-primary.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-account-order-info td .btn-primary.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-order-info td .btn-primary.btn:active,
    .no-touchevents.route-account-order-info td .btn-primary.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-account-order-info td .btn-primary.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-account-order-info td .btn-primary.btn,
    .route-account-order-info td .btn-primary.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-account-order-info td .btn-primary.btn:active,
    .no-touchevents.route-account-order-info td .btn-primary.btn:hover:active,
    .route-account-order-info td .btn-primary.btn:focus:active,
    .no-touchevents.route-account-order-info td .btn-primary.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-order-info td .btn-primary.btn:focus,
    .route-account-order-info td .btn-primary.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-account-order-info td .btn-primary.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-order-info td .btn-primary i:before {
      content: '\e936' !important;
      font-family: icomoon !important
    }

    .route-account-order-info td .btn-primary {
      padding: .5em !important;
      --element-padding: .5em !important
    }

    .route-account-order td .btn-info.btn,
    .route-account-order td .btn-info.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-account-order td .btn-info.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-order td .btn-info.btn:active,
    .no-touchevents.route-account-order td .btn-info.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-account-order td .btn-info.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-account-order td .btn-info.btn,
    .route-account-order td .btn-info.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-account-order td .btn-info.btn:active,
    .no-touchevents.route-account-order td .btn-info.btn:hover:active,
    .route-account-order td .btn-info.btn:focus:active,
    .no-touchevents.route-account-order td .btn-info.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-order td .btn-info.btn:focus,
    .route-account-order td .btn-info.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-account-order td .btn-info.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-order td .btn-info {
      padding: .5em !important;
      --element-padding: .5em !important
    }

    .route-account-order-info td .btn-danger.btn,
    .route-account-order-info td .btn-danger.btn:visited {
      color: rgba(255, 255, 255, 1) !important
    }

    .no-touchevents.route-account-order-info td .btn-danger.btn:hover {
      color: rgba(255, 255, 255, 1) !important
    }

    .route-account-order-info td .btn-danger.btn:active,
    .no-touchevents.route-account-order-info td .btn-danger.btn:hover:active {
      color: rgba(255, 255, 255, 1) !important
    }

    .route-account-order-info td .btn-danger.btn {
      --focus-color: rgba(255, 255, 255, 1) !important;
      border-style: none
    }

    .route-account-order-info td .btn-danger.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-order-info td .btn-danger {
      padding: .5em !important;
      --element-padding: .5em !important
    }

    .route-account-order td .btn {
      width: 36px;
      height: 36px
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn,
    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn:active,
    .route-account-address .table-responsive td .btn.btn-info,
    .no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info.btn {
      justify-content: center
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn,
    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn:active,
    .route-account-address .table-responsive td .btn.btn-info,
    .no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:hover:active,
    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn:focus:active,
    .route-account-address .table-responsive td .btn.btn-info,
    .no-touchevents.route-account-address-delete .table-responsive td .btn.btn-info .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn:focus,
    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-account-address .table-responsive td .btn.btn-info,
    .route-account-address-delete .table-responsive td .btn.btn-info .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-address .table-responsive td .btn-info,
    .route-account-address-delete .table-responsive td .btn-info {
      padding: 1em !important;
      --element-padding: 1em !important
    }

    .route-account-address .table-responsive td .btn-info:before,
    .route-account-address-delete .table-responsive td .btn-info:before {
      content: '\e92d' !important;
      font-family: icomoon !important;
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .route-account-address .table-responsive td .btn-danger.btn,
    .route-account-address-delete .table-responsive td .btn-danger.btn .btn,
    .route-account-address .table-responsive td .btn-danger.btn,
    .route-account-address-delete .table-responsive td .btn-danger.btn .btn:visited {
      color: rgba(255, 255, 255, 1) !important
    }

    .route-account-address .table-responsive td .btn-danger.btn,
    .no-touchevents.route-account-address-delete .table-responsive td .btn-danger.btn .btn:hover {
      color: rgba(255, 255, 255, 1) !important
    }

    .route-account-address .table-responsive td .btn-danger.btn,
    .route-account-address-delete .table-responsive td .btn-danger.btn .btn:active,
    .route-account-address .table-responsive td .btn-danger.btn,
    .no-touchevents.route-account-address-delete .table-responsive td .btn-danger.btn .btn:hover:active {
      color: rgba(255, 255, 255, 1) !important
    }

    .route-account-address .table-responsive td .btn-danger.btn,
    .route-account-address-delete .table-responsive td .btn-danger.btn .btn {
      --focus-color: rgba(255, 255, 255, 1) !important;
      border-style: none
    }

    .route-account-address .table-responsive td .btn-danger.btn,
    .route-account-address-delete .table-responsive td .btn-danger.btn .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-address .table-responsive td .btn-danger,
    .route-account-address-delete .table-responsive td .btn-danger {
      padding: 1em !important;
      --element-padding: 1em !important
    }

    .route-account-address .table-responsive td .btn-danger:before,
    .route-account-address-delete .table-responsive td .btn-danger:before {
      content: '\e9c9' !important;
      font-family: icomoon !important;
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .route-checkout-cart .cart-table table td {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.4
    }

    .route-checkout-cart .cart-table table {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    .route-checkout-cart .cart-table table td,
    .route-checkout-cart .cart-table table th {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    .route-checkout-cart .cart-table table thead td {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 600 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    .route-checkout-cart .cart-table table thead {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-checkout-cart .cart-table table thead td,
    .route-checkout-cart .cart-table table thead th {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    .route-checkout-cart .cart-table table tfoot td {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-checkout-cart .cart-table .table-responsive {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .route-checkout-cart .cart-table .table-responsive.table-scroll:before {
      display: block;
      content: 'Scroll →	';
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-width: 0;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .route-checkout-cart .cart-table table td,
    .route-checkout-cart .cart-table .table-responsive>.table>tbody>tr>td,
    .route-checkout-cart .cart-table .table-responsive>.table>tbody>tr>th,
    .route-checkout-cart .cart-table .table-responsive>.table>tfoot>tr>td,
    .route-checkout-cart .cart-table .table-responsive>.table>tfoot>tr>th,
    .route-checkout-cart .cart-table .table-responsive>.table>thead>tr>td,
    .route-checkout-cart .cart-table .table-responsive>.table>thead>tr>th.table-responsive>.table>tbody>tr>td,
    .route-checkout-cart .cart-table .table-responsive>.table>tbody>tr>th,
    .route-checkout-cart .cart-table .table-responsive>.table>tfoot>tr>td,
    .route-checkout-cart .cart-table .table-responsive>.table>tfoot>tr>th,
    .route-checkout-cart .cart-table .table-responsive>.table>thead>tr>td,
    .route-checkout-cart .cart-table .table-responsive>.table>thead>tr>th {
      white-space: normal
    }

    .route-checkout-cart .td-qty .stepper input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-width: 0 !important;
      border-style: none !important;
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      box-shadow: none
    }

    .no-touchevents.route-checkout-cart .td-qty .stepper input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .route-checkout-cart .td-qty .stepper input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .route-checkout-cart .td-qty .stepper {
      --stepper-border: 0;
      max-width: var(--stepper-max-width, 100%);
      --stepper-height: 38px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .route-checkout-cart .td-qty .stepper button {
      position: static;
      width: calc(var(--stepper-button-width, 30)*1px*3);
      height: 100%;
      min-height: 36px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .route-checkout-cart .td-qty .stepper button.fa-angle-up {
      border-inline-width: var(--stepper-border, 0) 0;
      border-block-width: 0
    }

    .route-checkout-cart .td-qty .stepper button.fa-angle-down {
      border-inline-width: 0 var(--stepper-border, 0);
      border-block-width: 0
    }

    .route-checkout-cart .td-qty .stepper .form-control {
      max-width: 100% !important
    }

    .route-checkout-cart .td-qty .stepper .fa-angle-down:before {
      content: '\eb85' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .route-checkout-cart .td-qty .stepper .fa-angle-up:before {
      content: '\eba0' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .no-touchevents.route-checkout-cart .td-qty .stepper:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-checkout-cart .td-qty .stepper button:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents.route-checkout-cart .td-qty .stepper button:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents.route-checkout-cart .td-qty .stepper button:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-checkout-cart .td-qty .stepper button:active {
      background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
    }

    .cart-page .td-qty .btn-update.btn,
    .cart-page .td-qty .btn-update.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .cart-page .td-qty .btn-update.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .cart-page .td-qty .btn-update.btn:active,
    .no-touchevents .cart-page .td-qty .btn-update.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .cart-page .td-qty .btn-update.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .cart-page .td-qty .btn-update.btn,
    .cart-page .td-qty .btn-update.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .cart-page .td-qty .btn-update.btn:active,
    .no-touchevents .cart-page .td-qty .btn-update.btn:hover:active,
    .cart-page .td-qty .btn-update.btn:focus:active,
    .no-touchevents .cart-page .td-qty .btn-update.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .cart-page .td-qty .btn-update.btn:focus,
    .cart-page .td-qty .btn-update.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .cart-page .td-qty .btn-update.btn:hover,
    .no-touchevents .cart-page .td-qty .btn-update.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .cart-page .td-qty .btn-update.btn:active,
    .no-touchevents .cart-page .td-qty .btn-update.btn:hover:active,
    .cart-page .td-qty .btn-update.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .cart-page .td-qty .btn-update.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .cart-page .td-qty .btn-update.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-cart #content td .btn {
      border-radius: 99px !important;
      --element-border-radius: 99px !important
    }

    .cart-page .td-qty .btn-remove.btn,
    .cart-page .td-qty .btn-remove.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .cart-page .td-qty .btn-remove.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .cart-page .td-qty .btn-remove.btn:active,
    .no-touchevents .cart-page .td-qty .btn-remove.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .cart-page .td-qty .btn-remove.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .cart-page .td-qty .btn-remove.btn,
    .cart-page .td-qty .btn-remove.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .cart-page .td-qty .btn-remove.btn:active,
    .no-touchevents .cart-page .td-qty .btn-remove.btn:hover:active,
    .cart-page .td-qty .btn-remove.btn:focus:active,
    .no-touchevents .cart-page .td-qty .btn-remove.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .cart-page .td-qty .btn-remove.btn:focus,
    .cart-page .td-qty .btn-remove.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .cart-page .td-qty .btn-remove.btn:hover,
    .no-touchevents .cart-page .td-qty .btn-remove.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .cart-page .td-qty .btn-remove.btn:active,
    .no-touchevents .cart-page .td-qty .btn-remove.btn:hover:active,
    .cart-page .td-qty .btn-remove.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .cart-page .td-qty .btn-remove.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .cart-page .td-qty .btn-remove.btn.btn.disabled:after {
      font-size: 1em
    }

    .cart-table .td-name a,
    .cart-section .td-product a {
      -webkit-line-clamp: 2;
      display: -webkit-box !important;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-bottom: 1px
    }

    .no-touchevents.route-checkout-cart #content tbody .td-name a:hover,
    .no-touchevents.route-checkout-checkout .table-responsive .td-product a:hover,
    .no-touchevents.route-checkout-checkout .table-responsive table tr td.text-left:first-child a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-checkout-cart #content tbody .td-name a,
    .route-checkout-checkout .table-responsive .td-product a,
    .route-checkout-checkout .table-responsive table tr td.text-left:first-child a {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-checkout-cart #content tbody .td-name small {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .route-checkout-cart #content tbody .td-model {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .route-checkout-cart #content tbody .td-price,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table .td-price {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1
    }

    .route-checkout-cart #content tbody .td-total,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table .td-total {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1
    }

    .route-checkout-cart .cart-page #shopping-cart {
      width: calc(100% - var(--cart-bottom-width, 35%) - var(--cart-bottom-space, 0px)/2)
    }

    .route-checkout-cart .cart-page>.cart-bottom {
      width: calc(var(--cart-bottom-width, 35%) - var(--cart-bottom-space, 0px)/2)
    }

    .route-checkout-cart .cart-page .cart-bottom,
    .route-checkout-cart #shopping-cart .table-responsive {
      position: sticky;
      top: var(--sticky-top-distance-custom, 0);
      z-index: 90
    }

    .route-checkout-cart .cart-page {
      --sticky-top-distance-custom: 170px;
      --cart-bottom-width: 33%;
      --cart-bottom-space: 32px;
      gap: var(--cart-bottom-space)
    }

    .cart-bottom {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .panels-total {
      flex-direction: column
    }

    .panels-total .cart-total {
      margin-top: 20px;
      --element-margin-top: 20px;
      align-items: flex-start
    }

    .cart-table .td-image {
      display: table-cell
    }

    .cart-table .td-qty .stepper,
    .cart-section .stepper,
    .cart-table .td-qty .btn-update.btn,
    .cart-section .td-qty .btn-primary.btn {
      display: inline-flex
    }

    .cart-table .td-name {
      display: table-cell
    }

    .cart-table .td-model {
      display: table-cell
    }

    .route-account-order-info .table-responsive .table-order thead>tr>td:nth-child(2) {
      display: table-cell
    }

    .route-account-order-info .table-responsive .table-order tbody>tr>td:nth-child(2) {
      display: table-cell
    }

    .route-account-order-info .table-responsive .table-order tfoot>tr>td:last-child {
      display: table-cell
    }

    .cart-table .td-price {
      display: table-cell
    }

    .route-checkout-cart .cart-panels .panel-group .panel-heading a:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      font-size: 1.1em;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      order: 10;
      margin: 0 0 0 auto
    }

    .no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-heading:hover a:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading a:before,
    .no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading:hover a:before {
      content: '\e40a' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-checkout-cart .cart-panels .panel-group .panel-heading a {
      justify-content: flex-start;
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      padding-top: 1.2em;
      --element-padding-top: 1.2em;
      padding-bottom: 1.2em;
      --element-padding-bottom: 1.2em
    }

    .no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-heading:hover a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .no-touchevents.route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading:hover a,
    .route-checkout-cart .cart-panels .panel-group .panel-active .panel-heading a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-checkout-cart .cart-panels .panel-group .panel {
      --panel-spacing: var(--j-gap-spacing---2)
    }

    .route-checkout-cart .cart-panels .panel-body {
      margin-top: var(--j-gap-spacing---5) !important
    }

    .route-checkout-cart .cart-panels .panel-group .panel:not(:only-child):not(:last-child):after {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .route-checkout-cart .cart-panels .panel-group .panel:last-child .panel-heading {
      border-width: 0 !important;
      border-bottom-width: 0 !important
    }

    .route-checkout-cart .cart-panels .panel-group .panel-heading a.has-image {
      padding-top: .7em;
      --element-padding-top: .7em;
      padding-bottom: .7em;
      --element-padding-bottom: .7em
    }

    .route-checkout-cart .cart-panels .panel-group .panel-body {
      padding-bottom: var(--j-gap-spacing---7);
      --element-padding-bottom: var(--j-gap-spacing---7)
    }

    .route-checkout-cart .cart-panels .panel-group .panel-heading+.panel-collapse .panel-body {
      border-width: 0
    }

    .route-checkout-cart .cart-panels .panel-group .panel .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .route-checkout-cart .cart-panels .panel-group .panel .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .route-checkout-cart .cart-panels label,
    .route-checkout-cart .cart-panels .form-group .control-label,
    .route-checkout-cart .cart-panels .form-label {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .route-checkout-cart .cart-panels .has-error+.text-danger,
    .route-checkout-cart .cart-panels .text-danger,
    .route-checkout-cart .cart-panels .invalid-feedback {
      font-size: 12px !important;
      color: rgba(180, 33, 39, 1) !important
    }

    .route-checkout-cart .cart-panels .form-group,
    .route-checkout-cart .cart-panels .form-label {
      --form-label-width: 25%
    }

    .route-checkout-cart .cart-panels .form-group,
    .route-checkout-cart .cart-panels .control-label,
    .route-checkout-cart .cart-panels .form-label {
      --label-gap: 6px
    }

    .route-checkout-cart .cart-panels .form-group .control-label,
    .route-checkout-cart .cart-panels .form-label {
      justify-content: flex-start;
      align-items: center
    }

    .route-checkout-cart .cart-panels legend {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .route-checkout-cart .cart-panels legend:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-cart .cart-panels legend .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-cart .cart-panels legend .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-cart .cart-panels legend:after,
    .route-checkout-cart .cart-panels legend .page-title-text:after,
    .route-checkout-cart .cart-panels legend .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-checkout-cart .cart-panels .has-error .form-control,
    .route-checkout-cart .cart-panels .has-error .g-recaptcha iframe,
    .route-checkout-cart .cart-panels .is-invalid {
      border-style: solid !important
    }

    .route-checkout-cart .cart-panels .required .control-label:after,
    .route-checkout-cart .cart-panels .required .control-label:before,
    .route-checkout-cart .cart-panels .required .control-label+div:before {
      font-size: 18px;
      color: rgba(180, 33, 39, 1)
    }

    .route-checkout-cart .cart-panels .form-group {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels form>fieldset>.row {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels form>fieldset>.row+.row {
      margin-top: var(--input-group-spacing, 0px)
    }

    .route-checkout-cart .cart-panels .form-group:not(:first-child) {
      margin-top: var(--input-group-spacing, 0px) !important
    }

    .route-checkout-cart .cart-panels .form-group+.checkbox {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels .form-group~.payment {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels form>#account {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .route-checkout-cart .cart-panels .panel .radio+p {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .route-checkout-cart .cart-panels .panel p+.radio {
      margin-top: var(--j-gap-spacing---6) !important
    }

    .route-checkout-cart .cart-panels fieldset:not(:last-of-type) {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels fieldset>legend {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels #collapse-shipping .btn {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels .payment-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels .shipping-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels fieldset {
      --fieldset-spacing: var(--j-gap-spacing-vertical-l)
    }

    .route-checkout-cart .cart-panels input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 40px
    }

    .no-touchevents.route-checkout-cart .cart-panels input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-cart .cart-panels input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-cart .cart-panels input.form-control:focus,
    .route-checkout-cart .cart-panels input.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels input.form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .control-label {
      max-height: 42px
    }

    .route-checkout-cart .cart-panels textarea.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---4);
      --element-padding: var(--j-gap-spacing---4);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 100px
    }

    .no-touchevents.route-checkout-cart .cart-panels textarea.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-cart .cart-panels textarea.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels textarea.form-control:focus,
    .route-checkout-cart .cart-panels textarea.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels select {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents.route-checkout-cart .cart-panels select:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-cart .cart-panels select:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-cart .cart-panels select:focus,
    .route-checkout-cart .cart-panels select:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels select::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels select,
    .route-checkout-cart .cart-panels select.form-control,
    .route-checkout-cart .cart-panels select.form-select {
      height: 40px
    }

    .route-checkout-cart .cart-panels .radio {
      width: auto
    }

    .route-checkout-cart .cart-panels input[type=radio] {
      margin-inline-end: 10px !important
    }

    .route-checkout-cart .cart-panels .form-group .radio>label,
    .route-checkout-cart .cart-panels .form-group .radio-inline,
    .route-checkout-cart .cart-panels .form-check-label {
      margin: calc(7px/2)
    }

    .route-checkout-cart .cart-panels .form-radio {
      --radio-gap: 7px
    }

    .route-checkout-cart .cart-panels input[type=radio],
    .route-checkout-cart .cart-panels input[type=checkbox] {
      min-width: 16px;
      min-height: 16px
    }

    .route-checkout-cart .cart-panels .checkbox,
    .route-checkout-cart .cart-panels .checkbox-inline {
      width: 100%
    }

    .route-checkout-cart .cart-panels .form-group .checkbox>label,
    .route-checkout-cart .cart-panels .form-group .checkbox-inline {
      margin: calc(6px/2)
    }

    .route-checkout-cart .cart-panels .form-checkbox {
      --checkbox-gap: 6px
    }

    .route-checkout-cart .cart-panels input[type=checkbox] {
      margin-inline-end: 6px !important
    }

    .route-checkout-cart .cart-panels .input-group .form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents.route-checkout-cart .cart-panels .input-group .form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-cart .cart-panels .input-group .form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-cart .cart-panels .input-group .form-control:focus,
    .route-checkout-cart .cart-panels .input-group .form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .input-group .form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .input-group-btn .btn,
    .route-checkout-cart .cart-panels .input-group-btn .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .input-group-btn .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .input-group-btn .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-cart .cart-panels .input-group-btn.btn {
      justify-content: center
    }

    .route-checkout-cart .cart-panels .input-group-btn .btn,
    .route-checkout-cart .cart-panels .input-group-btn .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .input-group-btn .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:hover:active,
    .route-checkout-cart .cart-panels .input-group-btn .btn:focus:active,
    .no-touchevents.route-checkout-cart .cart-panels .input-group-btn .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .input-group-btn .btn:focus,
    .route-checkout-cart .cart-panels .input-group-btn .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .input-group-btn .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-cart .cart-panels .input-group .btn,
    .route-checkout-cart .cart-panels .input-group-btn .btn {
      min-width: 36px;
      padding: .8em !important;
      --element-padding: .8em !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 36px
    }

    .route-checkout-cart .cart-panels .input-group,
    .route-checkout-cart .cart-panels .input-group-btn {
      --input-group-gap: 8px
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn,
    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget.btn {
      justify-content: center
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn,
    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:hover:active,
    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:focus:active,
    .no-touchevents.route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn:focus,
    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-cart .cart-panels .bootstrap-datetimepicker-widget a.btn {
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .route-checkout-cart .cart-panels .upload-btn.btn,
    .route-checkout-cart .cart-panels .upload-btn.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .upload-btn.btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .upload-btn.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-cart .cart-panels .upload-btn.btn,
    .route-checkout-cart .cart-panels .upload-btn.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .upload-btn.btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:hover:active,
    .route-checkout-cart .cart-panels .upload-btn.btn:focus:active,
    .no-touchevents.route-checkout-cart .cart-panels .upload-btn.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .upload-btn.btn:focus,
    .route-checkout-cart .cart-panels .upload-btn.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .upload-btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-cart .cart-panels .product-option-file .btn i:before,
    .route-checkout-cart .cart-panels .btn.upload-btn i:before {
      content: '\ebd8' !important;
      font-family: icomoon !important
    }

    .route-checkout-cart .cart-panels .product-option-file .control-label+button {
      max-width: max-content
    }

    .route-checkout-cart .cart-panels .btn.upload-btn {
      width: auto
    }

    .route-checkout-cart .cart-panels .buttons {
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl);
      --page-buttons-width: 500px;
      --page-buttons-gap: 14px
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn,
    .route-checkout-cart .cart-panels .buttons .pull-left .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn,
    .route-checkout-cart .cart-panels .buttons .pull-left .tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover:active,
    .route-checkout-cart .cart-panels .buttons .pull-left .btn:focus:active,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn:focus,
    .route-checkout-cart .cart-panels .buttons .pull-left .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-left .btn:hover:active,
    .route-checkout-cart .cart-panels .buttons .pull-left .btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-left .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-cart .cart-panels .buttons .pull-right .btn,
    .route-checkout-cart .cart-panels .buttons .pull-right .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-right .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .buttons .pull-right .btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-cart .cart-panels .buttons .pull-right.btn {
      justify-content: center
    }

    .route-checkout-cart .cart-panels .buttons .pull-right .btn,
    .route-checkout-cart .cart-panels .buttons .pull-right .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-right .btn:active,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:hover:active,
    .route-checkout-cart .cart-panels .buttons .pull-right .btn:focus:active,
    .no-touchevents.route-checkout-cart .cart-panels .buttons .pull-right .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-checkout-cart .cart-panels .buttons .pull-right .btn:focus,
    .route-checkout-cart .cart-panels .buttons .pull-right .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-checkout-cart .cart-panels .buttons .pull-right .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-cart .cart-panels .buttons>div {
      flex-grow: 0
    }

    .route-checkout-cart .cart-panels .buttons .pull-right:only-child {
      max-width: 100%
    }

    .route-checkout-cart .cart-panels .buttons .pull-right:only-child .btn {
      width: 100%
    }

    .route-checkout-cart .cart-panels .buttons .pull-right input[type=checkbox] {
      order: -1
    }

    .route-checkout-cart .cart-panels .buttons input+.btn,
    .route-checkout-cart .cart-panels .buttons .pull-right>span+.btn {
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-cart .cart-panels .title {
      display: block
    }

    .route-checkout-cart .cart-panels>p {
      display: none
    }

    .route-checkout-cart .cart-panels .panel-reward {
      display: none
    }

    .route-checkout-cart .cart-panels .panel-coupon {
      display: block
    }

    .route-checkout-cart .cart-panels .panel-shipping {
      display: none
    }

    .route-checkout-cart .cart-panels .panel-voucher {
      display: block
    }

    .route-checkout-cart .cart-panels .panel-reward .collapse {
      display: none
    }

    .route-checkout-cart .cart-panels .panel-reward .collapse.in {
      display: block
    }

    .route-checkout-cart .cart-panels .panel-reward .panel-heading {
      pointer-events: auto
    }

    .route-checkout-cart .cart-panels .panel-coupon .collapse {
      display: none
    }

    .route-checkout-cart .cart-panels .panel-coupon .collapse.in {
      display: block
    }

    .route-checkout-cart .cart-panels .panel-coupon .panel-heading {
      pointer-events: auto
    }

    .route-checkout-cart .cart-panels .panel-shipping .collapse {
      display: none
    }

    .route-checkout-cart .cart-panels .panel-shipping .collapse.in {
      display: block
    }

    .route-checkout-cart .cart-panels .panel-shipping .panel-heading {
      pointer-events: auto
    }

    .route-checkout-cart .cart-panels .panel-voucher .collapse {
      display: none
    }

    .route-checkout-cart .cart-panels .panel-voucher .collapse.in {
      display: block
    }

    .route-checkout-cart .cart-panels .panel-voucher .panel-heading {
      pointer-events: auto
    }

    .cart-total table td strong,
    .cart-section table td strong {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      font-style: normal;
      line-height: 1.4
    }

    .cart-total table td,
    .cart-section table td {
      font-size: var(--j-font_size-font-size-600);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      font-weight: 700;
      line-height: 1.5
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn,
    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-checkout-cart .cart-bottom .buttons .pull-left .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:active,
    .no-touchevents.route-checkout-cart .cart-bottom .buttons .pull-left .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn,
    .route-checkout-cart .cart-bottom .buttons .pull-left .tooltip {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:active,
    .no-touchevents.route-checkout-cart .cart-bottom .buttons .pull-left .btn:hover:active,
    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:focus:active,
    .no-touchevents.route-checkout-cart .cart-bottom .buttons .pull-left .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:focus,
    .route-checkout-cart .cart-bottom .buttons .pull-left .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-checkout-cart .cart-bottom .buttons .pull-left .btn:hover,
    .no-touchevents.route-checkout-cart .cart-bottom .buttons .pull-left .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:active,
    .no-touchevents.route-checkout-cart .cart-bottom .buttons .pull-left .btn:hover:active,
    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-checkout-cart .cart-bottom .buttons .pull-left .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-cart tbody .out-of-stock td {
      color: rgba(242, 119, 99, 1) !important
    }

    .route-product-category .page-title {
      display: block
    }

    .refine-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .refine-title:after {
      display: none
    }

    .refine-title .page-title-text:after {
      display: none
    }

    .refine-title .filter-title-text:after {
      display: none
    }

    .route-product-category .category-description {
      order: 0
    }

    .category-image {
      float: left
    }

    .category-text {
      position: static;
      bottom: auto;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .category-description>img {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .refine-categories .ipr-grid .refine-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .one-column #content .refine-categories .ipr-grid .refine-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .one-column #content .refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .two-column #content .refine-categories .ipr-grid .refine-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .two-column #content .refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .side-column .refine-categories .ipr-grid .refine-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .side-column .refine-categories .ipr-grid .refine-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .refine-categories .swiper-container {
      padding-top: 10px;
      --element-padding-top: 10px;
      padding-bottom: 30px;
      --element-padding-bottom: 30px
    }

    .refine-links {
      --refine-spacing: 10px
    }

    html:not(.mobile) .refine-categories .swiper-container {
      overflow: hidden !important
    }

    .refine-categories .swiper-buttons.auto-carousel-buttons span:before,
    .refine-categories .swiper-buttons.swiper-buttons>div:before,
    .refine-categories .swiper-buttons.scroll-top em:before,
    .refine-categories .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .refine-categories .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .refine-categories .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .refine-categories .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents .refine-categories .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .swiper-buttons.auto-carousel-buttons span:active:before,
    .refine-categories .swiper-buttons.swiper-buttons>div:active:before,
    .refine-categories .swiper-buttons.scroll-top em:active:before,
    .refine-categories .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .swiper-buttons.auto-carousel-buttons span,
    .refine-categories .swiper-buttons.swiper-buttons>div,
    .refine-categories .swiper-buttons.scroll-top em,
    .refine-categories .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .refine-categories .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .refine-categories .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents .refine-categories .swiper-buttons.scroll-top em:hover,
    .no-touchevents .refine-categories .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .swiper-buttons.auto-carousel-buttons span:active,
    .refine-categories .swiper-buttons.swiper-buttons>div:active,
    .refine-categories .swiper-buttons.scroll-top em:active,
    .refine-categories .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .swiper-button-prev:before {
      transform: scaleX(-1)
    }

    .refine-categories .swiper-buttons:not(.slider-navigation) {
      display: flex;
      top: 50%;
      width: calc(100% - (10px*2))
    }

    .touchevents .refine-categories .swiper-buttons:not(.slider-navigation) {
      display: none
    }

    .refine-categories .swiper-button-prev {
      left: 0;
      right: auto;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .refine-categories .swiper-button-next {
      left: auto;
      right: 0;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .refine-categories .swiper-buttons:not(.slider-navigation) div {
      --width: 28px;
      --height: 28px
    }

    .refine-categories .swiper-button-disabled {
      opacity: 0
    }

    .refine-categories .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
      opacity: 0;
      --disabled-scale: 0
    }

    .refine-categories .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
      --disabled-scale: 0
    }

    .refine-categories .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .refine-categories .swiper-wrapper {
      cursor: auto
    }

    .refine-categories .swiper {
      padding-bottom: 15px
    }

    .refine-categories .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
    }

    .refine-categories .swiper-pagination>span+span {
      margin-inline-start: 8px
    }

    .no-touchevents .refine-categories .swiper-pagination-bullet:hover {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .swiper-pagination>span {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    .refine-item a .refine-name {
      margin-top: var(--j-gap-spacing---3);
      --element-margin-top: var(--j-gap-spacing---3);
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4);
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .refine-item a img {
      display: block;
      width: 100%;
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .refine-item a {
      flex-direction: column
    }

    .refine-item .refine-name {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.2
    }

    .no-touchevents .refine-item a:hover .refine-name .links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .refine-items.flex-grid>.refine-item {
      flex-grow: 0
    }

    .refine-items {
      --grid-min-width: 260px;
      --grid-min-col: 1.2;
      --grid-gap: var(--j-gap-spacing-gap-3);
      --auto-grow-type: auto-fill;
      --item-width: var(--item-fill)
    }

    .refine-categories .auto-grid {
      margin-inline-start: unset;
      margin-inline-end: unset;
      --fr: 1fr;
      --scrollbar-top-space: 0px;
      --scrollbar-bottom-space: 0px;
      --scrollbar-top-spacing: 24px;
      --auto-carousel-button-width: 22px;
      --auto-carousel-button-height: 22px;
      --auto-carousel-button-gap: 4px
    }

    .refine-categories .auto-grid .auto-grid-items {
      grid-auto-flow: row dense;
      overflow-x: initial;
      padding-inline-start: unset;
      padding-inline-end: unset;
      --scroll-by: 3
    }

    .refine-categories .auto-grid .auto-carousel-controls {
      display: none
    }

    .refine-categories .auto-grid .auto-carousel-items:after {
      display: none
    }

    .refine-categories .auto-grid .auto-grid-items.is-gliding a {
      pointer-events: auto
    }

    .refine-categories .auto-carousel-bar {
      display: none;
      margin: 0
    }

    .refine-categories .auto-carousel-controls.auto-carousel-bar {
      max-height: 0
    }

    .refine-categories .auto-carousel-controls {
      --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
    }

    .refine-categories .auto-grid-items:before {
      --fader-status: 1;
      display: block
    }

    .refine-categories .auto-grid-items:after {
      --fader-status: 1;
      display: block
    }

    .refine-categories {
      margin-bottom: var(--j-gap-spacing-vertical-l);
      order: initial
    }

    .refine-categories .auto-carousel-buttons.auto-carousel-buttons span:before,
    .refine-categories .auto-carousel-buttons.swiper-buttons>div:before,
    .refine-categories .auto-carousel-buttons.scroll-top em:before,
    .refine-categories .auto-carousel-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .refine-categories .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .refine-categories .auto-carousel-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .refine-categories .auto-carousel-buttons.scroll-top em:hover:before,
    .no-touchevents .refine-categories .auto-carousel-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .auto-carousel-buttons.auto-carousel-buttons span:active:before,
    .refine-categories .auto-carousel-buttons.swiper-buttons>div:active:before,
    .refine-categories .auto-carousel-buttons.scroll-top em:active:before,
    .refine-categories .auto-carousel-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .auto-carousel-buttons.auto-carousel-buttons span,
    .refine-categories .auto-carousel-buttons.swiper-buttons>div,
    .refine-categories .auto-carousel-buttons.scroll-top em,
    .refine-categories .auto-carousel-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .refine-categories .auto-carousel-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .refine-categories .auto-carousel-buttons.swiper-buttons>div:hover,
    .no-touchevents .refine-categories .auto-carousel-buttons.scroll-top em:hover,
    .no-touchevents .refine-categories .auto-carousel-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .auto-carousel-buttons.auto-carousel-buttons span:active,
    .refine-categories .auto-carousel-buttons.swiper-buttons>div:active,
    .refine-categories .auto-carousel-buttons.scroll-top em:active,
    .refine-categories .auto-carousel-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .refine-categories .auto-carousel-prev span:before {
      transform: scaleX(-1);
      font-size: 12px
    }

    .refine-categories .auto-carousel-buttons {
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      position: absolute;
      top: 50%;
      height: auto;
      transform: translate3d(0, -50%, 0);
      margin-top: var(--buttons-offset, 0px)
    }

    .refine-categories .auto-carousel-buttons .auto-carousel-prev {
      order: 0;
      transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
    }

    .refine-categories .auto-carousel-buttons .auto-carousel-next {
      order: 2;
      transform: translate3d(calc(var(--auto-carousel-button-x, 0px)*-1), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
    }

    .refine-categories .no-scroll-prev .auto-carousel-prev,
    .refine-categories .no-scroll-next .auto-carousel-next {
      opacity: 0;
      --scale: 0
    }

    .refine-categories .auto-carousel-next span:before {
      font-size: 12px
    }

    .refine-name .count-badge {
      display: inline-flex;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.6));
      border-radius: 99px;
      --element-border-radius: 99px;
      min-width: min(20px, 100%);
      min-height: min(20px, 100%)
    }

    .refine-name {
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center
    }

    .refine-name .links-text {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-line-clamp: 2
    }

    #checkout-checkout #content {
      max-width: 1200px;
      margin: 0 auto
    }

    html:not(.popup).route-checkout-checkout .site-wrapper>.page-title .page-title-text,
    .route-checkout-checkout .site-wrapper>.breadcrumbs .breadcrumb,
    html:not(.popup).route-checkout-checkout .site-wrapper>.container {
      max-width: calc(1200px + var(--content-gutter, 0px)*2)
    }

    .route-checkout-checkout #content .panel-group .panel-heading a:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      font-size: 1em;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      order: 10;
      margin: 0 0 0 auto
    }

    .no-touchevents.route-checkout-checkout #content .panel-group .panel-heading:hover a:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-checkout-checkout #content .panel-group .panel-active .panel-heading a:before,
    .no-touchevents.route-checkout-checkout #content .panel-group .panel-active .panel-heading:hover a:before {
      content: '\e40a' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-checkout-checkout #content .panel-group .panel-heading a {
      justify-content: flex-start;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      padding-top: 1.2em;
      --element-padding-top: 1.2em;
      padding-bottom: 1.2em;
      --element-padding-bottom: 1.2em
    }

    .no-touchevents.route-checkout-checkout #content .panel-group .panel-heading:hover a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .no-touchevents.route-checkout-checkout #content .panel-group .panel-active .panel-heading:hover a,
    .route-checkout-checkout #content .panel-group .panel-active .panel-heading a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-checkout-checkout #content .panel-group .panel {
      --panel-spacing: var(--j-gap-spacing---5)
    }

    .route-checkout-checkout #content .panel-body {
      margin-top: var(--j-gap-spacing---5) !important
    }

    .route-checkout-checkout #content .panel-group .panel:not(:only-child):not(:last-child):after {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .route-checkout-checkout #content .panel-group .panel:last-child .panel-heading {
      border-width: 0 !important;
      border-bottom-width: 0 !important
    }

    .route-checkout-checkout #content .panel-group .panel-heading a.has-image {
      padding-top: .7em;
      --element-padding-top: .7em;
      padding-bottom: .7em;
      --element-padding-bottom: .7em
    }

    .route-checkout-checkout #content .panel-group .panel-body {
      padding-bottom: var(--j-gap-spacing---6);
      --element-padding-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .panel-group .panel-heading+.panel-collapse .panel-body {
      border-width: 0
    }

    .route-checkout-checkout #content .panel-group .panel .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .route-checkout-checkout #content .panel-group .panel .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .quick-checkout-wrapper .checkout-section.section-login {
      display: block
    }

    .quick-checkout-wrapper div .title.section-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .quick-checkout-wrapper div .title.section-title:after {
      display: none
    }

    .quick-checkout-wrapper div .title.section-title .page-title-text:after {
      display: none
    }

    .quick-checkout-wrapper div .title.section-title .filter-title-text:after {
      display: none
    }

    .quick-checkout-wrapper .checkout-section {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      margin-bottom: 32px
    }

    .quick-checkout-wrapper>div .right {
      padding-inline-start: 40px;
      width: calc(100% - 40%)
    }

    .quick-checkout-wrapper .login-active .left .checkout-section:not(.section-login) {
      display: none
    }

    .quick-checkout-wrapper .login-active .left {
      position: static;
      z-index: initial
    }

    .quick-checkout-wrapper>div .left {
      width: 40%
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .has-error+.text-danger,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .text-danger,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .invalid-feedback {
      font-size: 12px !important;
      color: rgba(180, 33, 39, 1) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
      --form-label-width: 25%
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
      --label-gap: 6px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
      justify-content: flex-start;
      align-items: center
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend:after,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .page-title-text:after,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login legend .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .has-error .form-control,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .has-error .g-recaptcha iframe,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .is-invalid {
      border-style: solid !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .required .control-label:after,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .required .control-label:before,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .required .control-label+div:before {
      font-size: 18px;
      color: rgba(180, 33, 39, 1)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>fieldset>.row {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>fieldset>.row+.row {
      margin-top: var(--input-group-spacing, 0px)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group:not(:first-child) {
      margin-top: var(--input-group-spacing, 0px) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group+.checkbox {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group~.payment {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>#account {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .panel .radio+p {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .panel p+.radio {
      margin-top: var(--j-gap-spacing---6) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login fieldset:not(:last-of-type) {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login fieldset>legend {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login #collapse-shipping .btn {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .payment-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .shipping-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login fieldset {
      --fieldset-spacing: var(--j-gap-spacing-vertical-l)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 40px
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input.form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .control-label {
      max-height: 42px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---4);
      --element-padding: var(--j-gap-spacing---4);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 100px
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login textarea.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select.form-control,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login select.form-select {
      height: 40px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .radio {
      width: auto
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=radio] {
      margin-inline-end: 10px !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .radio>label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .radio-inline,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-check-label {
      margin: calc(7px/2)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-radio {
      --radio-gap: 7px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=radio],
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=checkbox] {
      min-width: 16px;
      min-height: 16px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .checkbox,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .checkbox-inline {
      width: 100%
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .checkbox>label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .checkbox-inline {
      margin: calc(6px/2)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-checkbox {
      --checkbox-gap: 6px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login input[type=checkbox] {
      margin-inline-end: 6px !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn.btn {
      justify-content: center
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:hover:active,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:focus:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn .btn {
      min-width: 36px;
      padding: .8em !important;
      --element-padding: .8em !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 36px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .input-group-btn {
      --input-group-gap: 8px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget.btn {
      justify-content: center
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:hover:active,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:focus:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .bootstrap-datetimepicker-widget a.btn {
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:hover:active,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:focus:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .upload-btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .product-option-file .btn i:before,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .btn.upload-btn i:before {
      content: '\ebd8' !important;
      font-family: icomoon !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .product-option-file .control-label+button {
      max-width: max-content
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .btn.upload-btn {
      width: auto
    }

    .shipping-payment {
      --section-shipping-gap: var(--j-gap-spacing-gap-1);
      --section-shipping-stack: 700px
    }

    .section-shipping {
      min-width: calc(25% - var(--section-shipping-gap, 0px)/2);
      display: block
    }

    .section-payment {
      min-width: calc(100% - 25% - var(--section-shipping-gap, 0px)/2);
      display: block
    }

    .quick-checkout-wrapper .right .section-cvr {
      display: none
    }

    .quick-checkout-wrapper .right .section-cvr .control-label {
      display: flex
    }

    .quick-checkout-wrapper .right .section-cvr .form-coupon {
      display: flex
    }

    .quick-checkout-wrapper .right .section-cvr .form-voucher {
      display: none
    }

    .quick-checkout-wrapper .right .section-cvr .form-reward {
      display: none
    }

    .quick-checkout-wrapper .right .checkout-payment-details legend {
      display: block
    }

    .cart-section .td-image {
      display: table-cell
    }

    .cart-section .td-model {
      display: none
    }

    .route-checkout-checkout #content .cart-section .input-group-btn .btn {
      border-radius: 99px !important;
      --element-border-radius: 99px !important
    }

    .quick-checkout-wrapper .confirm-section .checkbox+.checkbox {
      margin-top: 5px
    }

    .quick-checkout-wrapper .right .cart-section {
      padding: 0;
      --element-padding: 0px;
      border-width: 0;
      border-style: none
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table td {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.4
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table th {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead td {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 600 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table thead th {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table tfoot td {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive.table-scroll:before {
      display: block;
      content: 'Scroll →	';
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-width: 0;
      border-bottom-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tbody>tr>td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tbody>tr>th,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>th,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>th.table-responsive>.table>tbody>tr>td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tbody>tr>th,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>tfoot>tr>th,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>td,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section .table-responsive>.table>thead>tr>th {
      white-space: normal
    }

    .quick-checkout-wrapper .cart-section .table-responsive+table {
      margin-top: -2px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .has-error+.text-danger,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .text-danger,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .invalid-feedback {
      font-size: 12px !important;
      color: rgba(180, 33, 39, 1) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
      --form-label-width: 25%
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
      --label-gap: 6px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
      justify-content: flex-start;
      align-items: center
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend:after,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .page-title-text:after,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section legend .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .has-error .form-control,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .has-error .g-recaptcha iframe,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .is-invalid {
      border-style: solid !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .required .control-label:after,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .required .control-label:before,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .required .control-label+div:before {
      font-size: 18px;
      color: rgba(180, 33, 39, 1)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>fieldset>.row {
      --input-group-spacing: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>fieldset>.row+.row {
      margin-top: var(--input-group-spacing, 0px)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group:not(:first-child) {
      margin-top: var(--input-group-spacing, 0px) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group+.checkbox {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group~.payment {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>#account {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review):not(.input-group) {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .panel .radio+p {
      margin-bottom: var(--j-gap-spacing---6) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .panel p+.radio {
      margin-top: var(--j-gap-spacing---6) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section fieldset:not(:last-of-type) {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section fieldset>legend {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section #collapse-shipping .btn {
      margin-top: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .payment-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .shipping-address .section-body>div {
      margin-bottom: var(--j-gap-spacing---6)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section fieldset {
      --fieldset-spacing: var(--j-gap-spacing-vertical-l)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 40px
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input.form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .control-label {
      max-height: 42px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---4);
      --element-padding: var(--j-gap-spacing---4);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 100px
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section textarea.form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select.form-control,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section select.form-select {
      height: 40px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .radio {
      width: auto
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=radio] {
      margin-inline-end: 10px !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .radio>label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .radio-inline,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-check-label {
      margin: calc(7px/2)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-radio {
      --radio-gap: 7px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=radio],
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=checkbox] {
      min-width: 16px;
      min-height: 16px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .checkbox,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .checkbox-inline {
      width: 100%
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .checkbox>label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .checkbox-inline {
      margin: calc(6px/2)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-checkbox {
      --checkbox-gap: 6px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section input[type=checkbox] {
      margin-inline-end: 6px !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      line-height: 1.4 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2);
      padding-left: var(--j-gap-spacing---5);
      --element-padding-left: var(--j-gap-spacing---5);
      border-width: 1px !important;
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control:active {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 5%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .form-control::placeholder {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn.btn {
      justify-content: center
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:hover:active,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:focus:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn .btn {
      min-width: 36px;
      padding: .8em !important;
      --element-padding: .8em !important;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      min-height: 36px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .input-group-btn {
      --input-group-gap: 8px
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget.btn {
      justify-content: center
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:hover:active,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:focus:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .bootstrap-datetimepicker-widget a.btn {
      border-radius: 4px !important;
      --element-border-radius: 4px !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:hover:active,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:focus:active,
    .no-touchevents.route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn:focus,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .upload-btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .product-option-file .btn i:before,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .btn.upload-btn i:before {
      content: '\ebd8' !important;
      font-family: icomoon !important
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .product-option-file .control-label+button {
      max-width: max-content
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .btn.upload-btn {
      width: auto
    }

    .quick-checkout-wrapper .confirm-section textarea {
      display: block
    }

    .quick-checkout-wrapper .section-comments label:after {
      display: none !important
    }

    .quick-checkout-wrapper .left .section-login .title {
      display: block
    }

    .quick-checkout-wrapper .left .section-register .title {
      display: block
    }

    .quick-checkout-wrapper .left .payment-address .title {
      display: block
    }

    .quick-checkout-wrapper .left .shipping-address .title {
      display: block
    }

    .quick-checkout-wrapper .right .shipping-payment .title {
      display: block
    }

    .quick-checkout-wrapper .right .section-cvr .title {
      display: none
    }

    .quick-checkout-wrapper .right .checkout-payment-details .title {
      display: block
    }

    .quick-checkout-wrapper .right .cart-section .title {
      display: none
    }

    .quick-checkout-wrapper .right .confirm-section .title {
      display: none
    }

    .quick-checkout-wrapper .account-customer-group label:after {
      display: none !important
    }

    .quick-checkout-wrapper .account-telephone label:after {
      display: none !important
    }

    .quick-checkout-wrapper .account-fax label:after {
      display: none !important
    }

    .quick-checkout-wrapper .address-company {
      display: none !important
    }

    .quick-checkout-wrapper .address-address-2 label:after {
      display: none !important
    }

    .quick-checkout-wrapper .address-postcode label:after {
      display: none !important
    }

    .quick-checkout-wrapper .section-body .address-firstname {
      order: 1
    }

    .quick-checkout-wrapper .section-body .address-lastname {
      order: 2
    }

    .quick-checkout-wrapper .section-body .address-company {
      order: 6
    }

    .quick-checkout-wrapper .section-body .address-address-1 {
      order: 8
    }

    .quick-checkout-wrapper .section-body .address-address-2 {
      order: 9
    }

    .quick-checkout-wrapper .section-body .address-city {
      order: 7
    }

    .quick-checkout-wrapper .section-body .address-country {
      order: 4
    }

    .quick-checkout-wrapper .section-body .address-zone {
      order: 5
    }

    .quick-checkout-wrapper .section-body .address-postcode {
      order: 10
    }

    .quick-checkout-wrapper .shipping-payment .shippings p {
      display: none;
      font-weight: 700
    }

    .quick-checkout-wrapper .shipping-payment .ship-wrapper p {
      display: none
    }

    .shipping-payment .section-body>div {
      margin-bottom: 14px
    }

    .section-shipping .section-body>div:first-child:before {
      content: '\eab8' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, -1px, 0)
    }

    .section-shipping .section-body>div:nth-child(2):before {
      content: '\eab9' !important;
      font-family: icomoon !important;
      color: rgba(242, 199, 81, 1)
    }

    .section-payment .section-body>div:first-child:before {
      content: '\e95f' !important;
      font-family: icomoon !important
    }

    .section-payment .section-body>div:nth-child(2):before {
      content: '\e952' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, -1px, 0)
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-width: 0 !important;
      border-style: none !important;
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      box-shadow: none
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper {
      --stepper-border: 0;
      max-width: var(--stepper-max-width, 100%);
      --stepper-height: 38px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper button {
      position: static;
      width: calc(var(--stepper-button-width, 30)*1px*3);
      height: 100%;
      min-height: 36px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper button.fa-angle-up {
      border-inline-width: var(--stepper-border, 0) 0;
      border-block-width: 0
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper button.fa-angle-down {
      border-inline-width: 0 var(--stepper-border, 0);
      border-block-width: 0
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper .form-control {
      max-width: 100% !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper .fa-angle-down:before {
      content: '\eb85' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper .fa-angle-up:before {
      content: '\eba0' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper button:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper button:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .stepper button:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .stepper button:active {
      background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn,
    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn,
    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover:active,
    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus,
    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:hover:active,
    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-primary.btn.btn.disabled:after {
      font-size: 1em
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn,
    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn,
    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover:active,
    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus,
    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:active,
    .no-touchevents .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:hover:active,
    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .quick-checkout-wrapper .cart-section .td-qty .btn-danger.btn.btn.disabled:after {
      font-size: 1em
    }

    .popup-checkout-payment .popup-container {
      width: 750px
    }

    #button-confirm.btn,
    #button-confirm.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents #button-confirm.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    #button-confirm.btn:active,
    .no-touchevents #button-confirm.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    #button-confirm.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    #button-confirm.btn,
    #button-confirm.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    #button-confirm.btn:active,
    .no-touchevents #button-confirm.btn:hover:active,
    #button-confirm.btn:focus:active,
    .no-touchevents #button-confirm.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    #button-confirm.btn:focus,
    #button-confirm.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    #button-confirm.btn.btn.disabled:after {
      font-size: 1em
    }

    #quick-checkout-button-confirm.btn,
    #quick-checkout-button-confirm.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents #quick-checkout-button-confirm.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    #quick-checkout-button-confirm.btn:active,
    .no-touchevents #quick-checkout-button-confirm.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    #quick-checkout-button-confirm.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98;
      width: 100%
    }

    #quick-checkout-button-confirm.btn,
    #quick-checkout-button-confirm.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    #quick-checkout-button-confirm.btn:active,
    .no-touchevents #quick-checkout-button-confirm.btn:hover:active,
    #quick-checkout-button-confirm.btn:focus:active,
    .no-touchevents #quick-checkout-button-confirm.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    #quick-checkout-button-confirm.btn:focus,
    #quick-checkout-button-confirm.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    #quick-checkout-button-confirm.btn.btn.disabled:after {
      font-size: 1em
    }

    .confirm-buttons .pull-right:only-child {
      max-width: 100%
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table tfoot td:first-child {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .cart-section table tfoot td:last-child {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      font-weight: 700
    }

    .route-checkout-checkout .checkout-sections .checkout-section-end,
    .route-checkout-checkout .checkout-section-start>div {
      padding: 24px;
      --element-padding: 24px;
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-checkout-checkout .checkout-section-end,
    .route-checkout-checkout .checkout-section-start>div {
      position: sticky;
      top: var(--sticky-top-distance, 0);
      z-index: 90
    }

    .route-checkout-checkout .checkout-sections {
      --checkout-sections-split: 50%
    }

    .route-product-compare .compare-buttons .btn-cart.btn,
    .route-product-compare .compare-buttons .btn-cart.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-compare .compare-buttons .btn-cart.btn:active,
    .no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-product-compare .compare-buttons .btn-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-product-compare .compare-buttons .btn-cart.btn,
    .route-product-compare .compare-buttons .btn-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-product-compare .compare-buttons .btn-cart.btn:active,
    .no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:hover:active,
    .route-product-compare .compare-buttons .btn-cart.btn:focus:active,
    .no-touchevents.route-product-compare .compare-buttons .btn-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-compare .compare-buttons .btn-cart.btn:focus,
    .route-product-compare .compare-buttons .btn-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-product-compare .compare-buttons .btn-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-compare .compare-buttons .btn-remove.btn,
    .route-product-compare .compare-buttons .btn-remove.btn:visited {
      color: rgba(255, 255, 255, 1) !important
    }

    .no-touchevents.route-product-compare .compare-buttons .btn-remove.btn:hover {
      color: rgba(255, 255, 255, 1) !important
    }

    .route-product-compare .compare-buttons .btn-remove.btn:active,
    .no-touchevents.route-product-compare .compare-buttons .btn-remove.btn:hover:active {
      color: rgba(255, 255, 255, 1) !important
    }

    .route-product-compare .compare-buttons .btn-remove.btn {
      --focus-color: rgba(255, 255, 255, 1) !important;
      border-style: none
    }

    .route-product-compare .compare-buttons .btn-remove.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-compare .compare-buttons .btn-cart {
      display: flex
    }

    .route-product-compare .compare-buttons .btn-remove {
      display: flex
    }

    .compare-name {
      display: table-row
    }

    .compare-image {
      display: table-row
    }

    .compare-price {
      display: table-row
    }

    .compare-model {
      display: table-row
    }

    .compare-manufacturer {
      display: table-row
    }

    .compare-availability {
      display: table-row
    }

    .compare-rating {
      display: table-row
    }

    .compare-summary {
      display: table-row
    }

    .compare-weight {
      display: table-row
    }

    .compare-dimensions {
      display: table-row
    }

    .route-information-contact .location-title {
      display: none
    }

    .route-information-contact .store-image {
      display: none
    }

    .route-information-contact .store-address {
      display: none
    }

    .route-information-contact .store-tel {
      display: none
    }

    .route-information-contact .store-fax {
      display: none
    }

    .route-information-contact .store-info {
      display: none
    }

    .route-information-contact .store-address a {
      display: none
    }

    .route-information-contact .stores-title {
      display: none;
      display: none !important
    }

    .route-information-contact .other-stores {
      display: none
    }

    .route-information-information .content {
      column-count: initial;
      column-rule-style: none
    }

    .route-information-information .content>p:only-child .route-information-information .content>p:only-child {
      display: none
    }

    .maintenance-page header {
      display: none !important
    }

    .maintenance-page footer {
      display: none !important
    }

    #common-maintenance>.content {
      text-align: center;
      display: none
    }

    #common-maintenance {
      background-image: linear-gradient(90deg, var(--brand_primary) 16.73%, var(--brand_secondary) 87.71%);
      padding: var(--j-gap-spacing-gutter-2);
      --element-padding: var(--j-gap-spacing-gutter-2)
    }

    #common-maintenance>.content img {
      border-radius: 4px;
      --element-border-radius: 4px;
      max-width: min(400px, 100%)
    }

    .route-product-manufacturer #content a img {
      display: block
    }

    .route-product-manufacturer .manufacturer {
      grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
      grid-gap: 20px
    }

    .route-product-manufacturer #content .image-card {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      line-height: 1.25
    }

    .route-product-manufacturer .brand-index {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6)
    }

    .route-product-manufacturer .brand-index strong {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .route-product-manufacturer .brand-index p>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      text-transform: none;
      line-height: 1.3
    }

    .route-product-manufacturer .manufacturer a {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      padding: var(--j-gap-spacing-padding-s);
      --element-padding: var(--j-gap-spacing-padding-s);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents.route-product-manufacturer .manufacturer a:hover {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-product-manufacturer #content a {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents.route-product-manufacturer #content a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-product-search #content .search-criteria-title {
      display: block
    }

    .route-product-search .search-form .search-category-checkbox {
      display: inline-flex
    }

    .route-product-search .search-form .search-description-checkbox {
      display: inline-flex
    }

    .route-product-search .search-form .inputs+.checkbox+.checkbox label {
      display: inline-flex
    }

    .search-form>.inputs+.checkbox {
      margin-top: var(--j-gap-spacing---4);
      --element-margin-top: var(--j-gap-spacing---4);
      margin-bottom: var(--j-gap-spacing---5);
      --element-margin-bottom: var(--j-gap-spacing---5)
    }

    .route-product-search #content div.buttons {
      margin-bottom: var(--j-gap-spacing-vertical-l) !important;
      --element-margin-bottom: var(--j-gap-spacing-vertical-l) !important
    }

    .route-product-search .search-criteria-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .route-product-search .search-criteria-title:after {
      display: none;
      margin-top: .7em
    }

    .route-product-search .search-criteria-title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-product-search .search-criteria-title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .route-product-search .search-criteria-title:after,
    .route-product-search .search-criteria-title .page-title-text:after,
    .route-product-search .search-criteria-title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons {
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl);
      --page-buttons-width: 500px;
      --page-buttons-gap: 14px
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn,
    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn,
    .route-product-search #content .main-products-wrapper .buttons .pull-left .tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover:active,
    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus:active,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus,
    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:active,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-left .btn:hover:active,
    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-left .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn,
    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn:active,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right.btn {
      justify-content: center
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn,
    .route-product-search #content .main-products-wrapper .buttons .pull-right .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn:active,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:hover:active,
    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn:focus:active,
    .no-touchevents.route-product-search #content .main-products-wrapper .buttons .pull-right .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn:focus,
    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-search #content .main-products-wrapper .buttons>div {
      flex-grow: 0
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right:only-child {
      max-width: 100%
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right:only-child .btn {
      width: 100%
    }

    .route-product-search #content .main-products-wrapper .buttons .pull-right input[type=checkbox] {
      order: -1
    }

    .route-product-search #content .main-products-wrapper .buttons input+.btn,
    .route-product-search #content .main-products-wrapper .buttons .pull-right>span+.btn {
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .route-product-search #content .buttons {
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl);
      --page-buttons-width: 500px;
      --page-buttons-gap: 14px
    }

    .route-product-search #content .buttons .pull-left .btn,
    .route-product-search #content .buttons .pull-left .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-search #content .buttons .pull-left .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-search #content .buttons .pull-left .btn:active,
    .no-touchevents.route-product-search #content .buttons .pull-left .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-search #content .buttons .pull-left .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-product-search #content .buttons .pull-left .btn,
    .route-product-search #content .buttons .pull-left .tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-search #content .buttons .pull-left .btn:active,
    .no-touchevents.route-product-search #content .buttons .pull-left .btn:hover:active,
    .route-product-search #content .buttons .pull-left .btn:focus:active,
    .no-touchevents.route-product-search #content .buttons .pull-left .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-product-search #content .buttons .pull-left .btn:focus,
    .route-product-search #content .buttons .pull-left .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-product-search #content .buttons .pull-left .btn:hover,
    .no-touchevents.route-product-search #content .buttons .pull-left .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-search #content .buttons .pull-left .btn:active,
    .no-touchevents.route-product-search #content .buttons .pull-left .btn:hover:active,
    .route-product-search #content .buttons .pull-left .btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-product-search #content .buttons .pull-left .btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-search #content .buttons .pull-left .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-search #content .buttons .pull-right .btn,
    .route-product-search #content .buttons .pull-right .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-product-search #content .buttons .pull-right .btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-search #content .buttons .pull-right .btn:active,
    .no-touchevents.route-product-search #content .buttons .pull-right .btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-product-search #content .buttons .pull-right .btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-product-search #content .buttons .pull-right.btn {
      justify-content: center
    }

    .route-product-search #content .buttons .pull-right .btn,
    .route-product-search #content .buttons .pull-right .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-product-search #content .buttons .pull-right .btn:active,
    .no-touchevents.route-product-search #content .buttons .pull-right .btn:hover:active,
    .route-product-search #content .buttons .pull-right .btn:focus:active,
    .no-touchevents.route-product-search #content .buttons .pull-right .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-search #content .buttons .pull-right .btn:focus,
    .route-product-search #content .buttons .pull-right .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-product-search #content .buttons .pull-right .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-search #content .buttons>div {
      flex-grow: 0
    }

    .route-product-search #content .buttons .pull-right:only-child {
      max-width: 100%
    }

    .route-product-search #content .buttons .pull-right:only-child .btn {
      width: 100%
    }

    .route-product-search #content .buttons .pull-right input[type=checkbox] {
      order: -1
    }

    .route-product-search #content .buttons input+.btn,
    .route-product-search #content .buttons .pull-right>span+.btn {
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .route-product-search #content .search-products-title {
      display: block
    }

    .route-information-sitemap #content>.row>div>ul {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m);
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .route-information-sitemap #content .row ul li,
    .route-information-sitemap #content .row ul li a {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.9))
    }

    .no-touchevents.route-information-sitemap #content .row ul li a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-information-sitemap #content .row>div>ul>li,
    .route-information-sitemap #content .row>div>ul>li>a {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents.route-information-sitemap #content .row>div>ul>li>a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-information-sitemap #content>.row>div>ul>li>a:before {
      content: '\f15c' !important;
      font-family: icomoon !important;
      margin-right: 7px;
      --element-margin-right: 7px
    }

    .route-information-sitemap #content>.row>div>ul li ul li a:before {
      content: '\f0f6' !important;
      font-family: icomoon !important;
      margin-right: 7px;
      --element-margin-right: 7px
    }

    .route-information-sitemap #content {
      --sitemap-gap: var(--j-gap-spacing-gap-4)
    }

    .route-information-sitemap #content>.row {
      flex-direction: row
    }

    .route-account-wishlist td .btn .fa-shopping-cart:before {
      content: '\e9f8' !important;
      font-family: icomoon !important
    }

    .route-account-wishlist td .btn.btn-primary.btn,
    .route-account-wishlist td .btn.btn-primary.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-account-wishlist td .btn.btn-primary.btn:active,
    .no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-account-wishlist td .btn.btn-primary.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-account-wishlist td .btn.btn-primary.btn,
    .route-account-wishlist td .btn.btn-primary.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-account-wishlist td .btn.btn-primary.btn:active,
    .no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover:active,
    .route-account-wishlist td .btn.btn-primary.btn:focus:active,
    .no-touchevents.route-account-wishlist td .btn.btn-primary.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-account-wishlist td .btn.btn-primary.btn:focus,
    .route-account-wishlist td .btn.btn-primary.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover,
    .no-touchevents.route-account-wishlist td .btn.btn-primary.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-account-wishlist td .btn.btn-primary.btn:active,
    .no-touchevents.route-account-wishlist td .btn.btn-primary.btn:hover:active,
    .route-account-wishlist td .btn.btn-primary.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-account-wishlist td .btn.btn-primary.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-account-wishlist td .btn.btn-primary.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-wishlist td .btn.btn,
    .route-account-wishlist td .btn.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-account-wishlist td .btn.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-account-wishlist td .btn.btn:active,
    .no-touchevents.route-account-wishlist td .btn.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-account-wishlist td .btn.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-account-wishlist td .btn.btn,
    .route-account-wishlist td .btn.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-account-wishlist td .btn.btn:active,
    .no-touchevents.route-account-wishlist td .btn.btn:hover:active,
    .route-account-wishlist td .btn.btn:focus:active,
    .no-touchevents.route-account-wishlist td .btn.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-account-wishlist td .btn.btn:focus,
    .route-account-wishlist td .btn.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-account-wishlist td .btn.btn:hover,
    .no-touchevents.route-account-wishlist td .btn.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-account-wishlist td .btn.btn:active,
    .no-touchevents.route-account-wishlist td .btn.btn:hover:active,
    .route-account-wishlist td .btn.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-account-wishlist td .btn.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-account-wishlist td .btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-wishlist #content .buttons .buttons {
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl);
      --page-buttons-width: 500px;
      --page-buttons-gap: 14px
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn,
    .route-account-wishlist #content .buttons .buttons .pull-left .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn:active,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn,
    .route-account-wishlist #content .buttons .buttons .pull-left .tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn:active,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover:active,
    .route-account-wishlist #content .buttons .buttons .pull-left .btn:focus:active,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn:focus,
    .route-account-wishlist #content .buttons .buttons .pull-left .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn:active,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-left .btn:hover:active,
    .route-account-wishlist #content .buttons .buttons .pull-left .btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-left .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-wishlist #content .buttons .buttons .pull-right .btn,
    .route-account-wishlist #content .buttons .buttons .pull-right .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-right .btn:active,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .route-account-wishlist #content .buttons .buttons .pull-right .btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .route-account-wishlist #content .buttons .buttons .pull-right.btn {
      justify-content: center
    }

    .route-account-wishlist #content .buttons .buttons .pull-right .btn,
    .route-account-wishlist #content .buttons .buttons .pull-right .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-right .btn:active,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:hover:active,
    .route-account-wishlist #content .buttons .buttons .pull-right .btn:focus:active,
    .no-touchevents.route-account-wishlist #content .buttons .buttons .pull-right .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-account-wishlist #content .buttons .buttons .pull-right .btn:focus,
    .route-account-wishlist #content .buttons .buttons .pull-right .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .route-account-wishlist #content .buttons .buttons .pull-right .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-account-wishlist #content .buttons .buttons>div {
      flex-grow: 0
    }

    .route-account-wishlist #content .buttons .buttons .pull-right:only-child {
      max-width: 100%
    }

    .route-account-wishlist #content .buttons .buttons .pull-right:only-child .btn {
      width: 100%
    }

    .route-account-wishlist #content .buttons .buttons .pull-right input[type=checkbox] {
      order: -1
    }

    .route-account-wishlist #content .buttons .buttons input+.btn,
    .route-account-wishlist #content .buttons .buttons .pull-right>span+.btn {
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .route-account-wishlist #content td .btn {
      padding: .5em !important;
      --element-padding: .5em !important
    }

    .route-account-wishlist .td-image {
      display: table-cell
    }

    .route-account-wishlist .td-name {
      display: table-cell
    }

    .route-account-wishlist .td-model {
      display: table-cell
    }

    .route-account-wishlist .td-stock {
      display: table-cell
    }

    .route-account-wishlist tbody .td-name>a {
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-bottom: 1px;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.4
    }

    .route-account-wishlist .td-price {
      display: table-cell
    }

    .no-touchevents.route-account-wishlist tbody .td-name>a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .route-account-wishlist tbody .td-model {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .route-account-wishlist tbody .td-stock,
    .route-account-wishlist tbody .td-stock.in-stock {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: rgba(64, 148, 99, 1);
      line-height: 1.4
    }

    .route-account-wishlist tbody .out-of-stock .td-stock,
    .route-account-wishlist tbody .td-stock.out-of-stock {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      line-height: 1.4
    }

    .route-account-wishlist .td-price b {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1
    }

    .route-account-wishlist .td-price s {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: 90%;
      color: rgba(242, 119, 99, 1);
      text-decoration: line-through;
      -webkit-text-decoration: line-through;
      letter-spacing: 0;
      line-height: 1
    }

    #product-product {
      --product-page-split: 55%;
      --product-page-split-gap: var(--j-gap-spacing-gap-4)
    }

    .route-product-product:not(.popup) h1.page-title {
      display: none
    }

    .route-product-product:not(.popup) .product-info div.page-title {
      display: block
    }

    .route-product-product:not(.popup) .site-wrapper>.page-title+.breadcrumbs {
      min-height: var(--min-height);
      --breadcrumbs-top-padding: 0px;
      --breadcrumbs-bottom-padding: 0px
    }

    .route-product-product:not(.popup) .product-info .page-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 700;
      font-size: var(--j-font_size-font-size--title-section);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      letter-spacing: -.5px;
      line-height: 1.3;
      border-style: none;
      margin-bottom: 1em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .route-product-product:not(.popup) .product-info .page-title:after {
      display: none
    }

    .route-product-product:not(.popup) .product-info .page-title .page-title-text:after {
      display: none
    }

    .route-product-product:not(.popup) .product-info .page-title .filter-title-text:after {
      display: none
    }

    html:not(.popup) .product-left-wrapper {
      position: sticky;
      z-index: 90;
      top: var(--sticky-top-distance, 0)
    }

    html:not(.popup) .product-right-wrapper {
      position: sticky;
      z-index: 90;
      top: var(--sticky-top-distance, 0)
    }

    html:not(.popup).mobile-header-active .product-left-wrapper {
      position: sticky;
      z-index: 90;
      top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px))
    }

    html:not(.popup).mobile-header-active .product-right-wrapper {
      position: sticky;
      z-index: 90;
      top: calc(var(--mobile-sticky-top-distance, var(--mobile-bar, 0)) + var(--content-gutter, 0px))
    }

    html:not(.popup) .product-image .swiper.main-image {
      display: block
    }

    .product-image .main-image>.swiper-container {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .product-image img {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    .zm-viewer img {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    .product-image .product-labels {
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3)
    }

    .product-image .main-image {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    html:not(.mobile) .product-image .main-image .swiper-container {
      overflow: hidden !important
    }

    .product-image .main-image .swiper-buttons.auto-carousel-buttons span:before,
    .product-image .main-image .swiper-buttons.swiper-buttons>div:before,
    .product-image .main-image .swiper-buttons.scroll-top em:before,
    .product-image .main-image .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .product-image .main-image .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .product-image .main-image .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .product-image .main-image .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents .product-image .main-image .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image .main-image .swiper-buttons.auto-carousel-buttons span:active:before,
    .product-image .main-image .swiper-buttons.swiper-buttons>div:active:before,
    .product-image .main-image .swiper-buttons.scroll-top em:active:before,
    .product-image .main-image .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image .main-image .swiper-buttons.auto-carousel-buttons span,
    .product-image .main-image .swiper-buttons.swiper-buttons>div,
    .product-image .main-image .swiper-buttons.scroll-top em,
    .product-image .main-image .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .product-image .main-image .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .product-image .main-image .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents .product-image .main-image .swiper-buttons.scroll-top em:hover,
    .no-touchevents .product-image .main-image .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image .main-image .swiper-buttons.auto-carousel-buttons span:active,
    .product-image .main-image .swiper-buttons.swiper-buttons>div:active,
    .product-image .main-image .swiper-buttons.scroll-top em:active,
    .product-image .main-image .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image .main-image .swiper-button-prev:before {
      transform: scaleX(-1)
    }

    .product-image .main-image .swiper-buttons:not(.slider-navigation) {
      display: none;
      top: 50%
    }

    .touchevents .product-image .main-image .swiper-buttons:not(.slider-navigation) {
      display: flex
    }

    .product-image .main-image .swiper-button-prev {
      left: 0;
      right: auto;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .product-image .main-image .swiper-button-next {
      left: auto;
      right: 0;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .product-image .main-image .swiper-buttons:not(.slider-navigation) div {
      --width: 30px;
      --height: 30px
    }

    .product-image .main-image .swiper-pagination {
      display: none;
      position: absolute;
      bottom: -20px;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .product-image .main-image .swiper {
      padding-bottom: 0;
      padding-bottom: 0
    }

    .touchevents .product-image .main-image .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap
    }

    .product-image .main-image .swiper-wrapper {
      cursor: auto
    }

    .product-image .main-image .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
    }

    .product-image .main-image .swiper-pagination>span+span {
      margin-inline-start: 10px
    }

    .no-touchevents .product-image .main-image .swiper-pagination-bullet:hover {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image .main-image .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image .main-image .swiper-pagination>span {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    .product-image .swiper.swiper-has-pages .swiper-controls {
      display: none
    }

    .touchevents .product-image .swiper.swiper-has-pages .swiper-controls {
      display: none
    }

    .product-image .additional-images .swiper-buttons {
      display: none
    }

    .product-image .swiper-has-pages.main-image {
      overflow: hidden
    }

    .phone .position-top .additional-images .swiper-container {
      overflow: visible
    }

    .phone .position-bottom .additional-images .swiper-container {
      overflow: visible
    }

    .lg-sub-html {
      display: none !important
    }

    .lg-product-images .lg-backdrop {
      background-color: rgba(0, 0, 0, .8);
      --background-color: rgba(0, 0, 0, .8);
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px)
    }

    .lg-product-images #lg-actual-size-1 {
      display: none
    }

    .lg-product-images .lg-autoplay-button {
      display: none
    }

    .lg-product-images .lg-progress-bar .lg-progress {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .lg-product-images .lg-download {
      display: flex
    }

    .lg-product-images .lg-close {
      display: flex
    }

    .lg-product-images .lg-content .lg-icon {
      display: flex;
      width: 48px;
      height: 48px;
      height: 48px
    }

    .lg-product-images .lg-toolbar .lg-icon,
    .lg-product-images .lg-toolbar .lg-counter {
      color: rgba(255, 255, 255, .5)
    }

    .no-touchevents .lg-product-images .lg-toolbar .lg-icon:hover {
      color: rgba(255, 255, 255, 1)
    }

    .lg-product-images .lg-fullscreen {
      display: flex
    }

    .lg-product-images .lg-image,
    .lg-product-images .lg-video-poster {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .lg-product-images .lg-image {
      max-height: calc(100% - 100px);
      max-width: calc(100% - 25px)
    }

    .lg-product-images .lg-video-play-button {
      color: rgba(255, 255, 255, 1)
    }

    .lg-product-images .lg-content.auto-carousel-buttons span:before,
    .lg-product-images .lg-content.swiper-buttons>div:before,
    .lg-product-images .lg-content.scroll-top em:before,
    .lg-product-images .lg-content.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .lg-product-images .lg-content.auto-carousel-buttons span:hover:before,
    .no-touchevents .lg-product-images .lg-content.swiper-buttons>div:hover:before,
    .no-touchevents .lg-product-images .lg-content.scroll-top em:hover:before,
    .no-touchevents .lg-product-images .lg-content.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .lg-product-images .lg-content.auto-carousel-buttons span:active:before,
    .lg-product-images .lg-content.swiper-buttons>div:active:before,
    .lg-product-images .lg-content.scroll-top em:active:before,
    .lg-product-images .lg-content.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .lg-product-images .lg-content.auto-carousel-buttons span,
    .lg-product-images .lg-content.swiper-buttons>div,
    .lg-product-images .lg-content.scroll-top em,
    .lg-product-images .lg-content.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .lg-product-images .lg-content.auto-carousel-buttons span:hover,
    .no-touchevents .lg-product-images .lg-content.swiper-buttons>div:hover,
    .no-touchevents .lg-product-images .lg-content.scroll-top em:hover,
    .no-touchevents .lg-product-images .lg-content.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .lg-product-images .lg-content.auto-carousel-buttons span:active,
    .lg-product-images .lg-content.swiper-buttons>div:active,
    .lg-product-images .lg-content.scroll-top em:active,
    .lg-product-images .lg-content.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .lg-product-images .lg-content .lg-prev:before {
      transform: scaleX(-1)
    }

    .lg-product-images .lg-outer .lg-counter {
      visibility: visible
    }

    .lg-product-images .lg-zoom-in {
      display: none
    }

    .lg-product-images .lg-zoom-out {
      display: none
    }

    .lg-product-images .lg-download:after {
      content: '\eb4e' !important;
      font-family: icomoon !important
    }

    .lg-product-images .lg-zoom-in:after {
      content: '\ebef' !important;
      font-family: icomoon !important
    }

    .lg-product-images .lg-zoom-out:after {
      content: '\ebf0' !important;
      font-family: icomoon !important
    }

    .lg-product-images .lg-close:after {
      content: '\e981' !important;
      font-family: icomoon !important
    }

    .lg-product-images .lg-toolbar {
      height: 55px
    }

    .lg-product-images .lg-sub-html {
      color: rgba(255, 255, 255, .8);
      padding-block: var(--caption-distance, 1rem);
      margin-top: 0
    }

    .lg-product-images .lg-outer {
      --caption-distance: 12px;
      --thumbs-padding: 10px
    }

    .lg-product-images div.lg-sub-html {
      display: block !important
    }

    .lg-product-images .lg-thumb-item {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-radius: 0;
      --element-border-radius: 0px;
      transform: scale(calc(100/100));
      opacity: .7
    }

    .lg-product-images .lg-components .lg-thumb-item+.lg-thumb-item {
      margin-inline-start: 8px
    }

    .lg-product-images .lg-outer .lg-thumb {
      border-radius: 4px;
      --element-border-radius: 4px;
      border-bottom-right-radius: 0;
      --element-border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0;
      --element-border-bottom-left-radius: 0px;
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    .lg-product-images .lg-outer div.lg-thumb {
      background-color: rgba(0, 0, 0, .8);
      --background-color: rgba(0, 0, 0, .8)
    }

    .lg-product-images .module-button .btn {
      transform: scale(calc(100/100))
    }

    .no-touchevents .lg-product-images .lg-thumb-item:not(.active):hover {
      transform: scale(calc(105/100));
      opacity: 1
    }

    .lg-product-images .lg-thumb-item.active {
      transform: scale(calc(105/100));
      opacity: 1
    }

    .lg-product-images .lg-outer .lg-toggle-thumb:after {
      content: '\eb33' !important;
      font-family: icomoon !important;
      font-size: 20px;
      color: rgba(255, 255, 255, .5)
    }

    .no-touchevents .lg-product-images .lg-outer .lg-toggle-thumb:hover:after {
      color: rgba(255, 255, 255, 1)
    }

    .lg-product-images .lg-outer .lg-toggle-thumb {
      background-color: rgba(17, 17, 17, 1);
      --background-color: rgba(17, 17, 17, 1);
      width: 35px;
      height: 35px;
      height: 35px;
      border-top-left-radius: 4px;
      --element-border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      --element-border-top-right-radius: 4px;
      inset-inline-start: 50%;
      inset-inline-end: auto;
      transform: translate3d(var(--transform-50-rtl, -50%), var(--transform-100-rtl, -100%), 0)
    }

    .lg-product-images .lg-components {
      display: block
    }

    .direction-horizontal .swiper-wrapper .additional-image {
      width: calc(100%/2)
    }

    .direction-horizontal .additional-images {
      --ipr: 2
    }

    html:not(.mobile) .additional-images .swiper-container {
      overflow: hidden !important
    }

    .additional-images .swiper-buttons.auto-carousel-buttons span:before,
    .additional-images .swiper-buttons.swiper-buttons>div:before,
    .additional-images .swiper-buttons.scroll-top em:before,
    .additional-images .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .additional-images .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
    .additional-images .swiper-buttons.swiper-buttons>div:active:before,
    .additional-images .swiper-buttons.scroll-top em:active:before,
    .additional-images .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .additional-images .swiper-buttons.auto-carousel-buttons span,
    .additional-images .swiper-buttons.swiper-buttons>div,
    .additional-images .swiper-buttons.scroll-top em,
    .additional-images .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .additional-images .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents .additional-images .swiper-buttons.scroll-top em:hover,
    .no-touchevents .additional-images .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .additional-images .swiper-buttons.auto-carousel-buttons span:active,
    .additional-images .swiper-buttons.swiper-buttons>div:active,
    .additional-images .swiper-buttons.scroll-top em:active,
    .additional-images .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .additional-images .swiper-button-prev:before {
      transform: scaleX(-1)
    }

    .additional-images .swiper-buttons:not(.slider-navigation) {
      display: flex;
      top: 50%;
      width: calc(100% - (10px*2))
    }

    .touchevents .additional-images .swiper-buttons:not(.slider-navigation) {
      display: none
    }

    .additional-images .swiper-button-prev {
      left: 0;
      right: auto;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .additional-images .swiper-button-next {
      left: auto;
      right: 0;
      transform: translate(0, -50%) scale(var(--disabled-scale, 1))
    }

    .additional-images .swiper-buttons:not(.slider-navigation) div {
      --width: 28px;
      --height: 28px
    }

    .additional-images .swiper-button-disabled {
      opacity: 0
    }

    .additional-images .swiper-container:not(.swiper-container-initialized)+.swiper-buttons:not(.slider-navigation) .swiper-button-prev {
      opacity: 0;
      --disabled-scale: 0
    }

    .additional-images .swiper-buttons:not(.slider-navigation)>.swiper-button-disabled {
      --disabled-scale: 0
    }

    .additional-images .swiper-pagination {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      position: absolute;
      bottom: 15px;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .additional-images .swiper-wrapper {
      cursor: auto
    }

    .additional-images .swiper {
      padding-bottom: 15px
    }

    .additional-images .swiper-pagination-bullet {
      width: 6px;
      height: 6px;
      background-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.5))
    }

    .additional-images .swiper-pagination>span+span {
      margin-inline-start: 8px
    }

    .no-touchevents .additional-images .swiper-pagination-bullet:hover {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .additional-images .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .additional-images .swiper-pagination>span {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    html:not(.mobile) .product-image.direction-vertical .additional-images .swiper-container {
      overflow: hidden !important
    }

    .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:before,
    .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:before,
    .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:before,
    .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:hover:before,
    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active:before,
    .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active:before,
    .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:active:before,
    .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span,
    .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div,
    .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em,
    .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:hover,
    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:hover,
    .no-touchevents .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image.direction-vertical .additional-images .swiper-buttons.auto-carousel-buttons span:active,
    .product-image.direction-vertical .additional-images .swiper-buttons.swiper-buttons>div:active,
    .product-image.direction-vertical .additional-images .swiper-buttons.scroll-top em:active,
    .product-image.direction-vertical .additional-images .swiper-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) {
      display: flex;
      top: 0
    }

    .product-image.direction-vertical .additional-images .swiper-button-prev {
      left: auto;
      right: 0;
      transform: translate(-110%, -100%) scale(var(--disabled-scale, 1))
    }

    .product-image.direction-vertical .additional-images .swiper-button-next {
      transform: translate(0, -100%) scale(var(--disabled-scale, 1))
    }

    .product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div {
      --width: 60px;
      --height: 16px
    }

    .product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) div:before {
      content: '\e408' !important;
      font-family: icomoon !important
    }

    .product-image.direction-vertical .additional-images .swiper-buttons:not(.slider-navigation) .swiper-button-next:before {
      content: '\e409' !important;
      font-family: icomoon !important
    }

    .product-image.direction-vertical .additional-images .swiper-pagination {
      display: none;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      bottom: 0;
      left: 50%;
      transform: translate3d(-50%, 0, 0)
    }

    .product-image.direction-vertical .additional-images .swiper {
      padding-bottom: 0;
      padding-bottom: 0
    }

    .touchevents .product-image.direction-vertical .additional-images .swiper-pagination {
      display: none
    }

    .touchevents .product-image.direction-vertical .additional-images .swiper {
      padding-bottom: 0
    }

    .product-image.direction-vertical .additional-images .swiper-wrapper {
      cursor: auto
    }

    .product-image.direction-vertical .additional-images .swiper-pagination-bullet {
      width: 4px;
      height: 4px
    }

    .product-image.direction-vertical .additional-images .swiper-pagination>span+span {
      margin-inline-start: 6px
    }

    .product-image .additional-images:not(.swiper-wrapper) {
      --gap: 12px
    }

    .product-image.direction-vertical .additional-images .swiper-slide:not(:last-child) {
      margin-bottom: 12px
    }

    .product-image.direction-horizontal .additional-images .swiper-slide:not(:last-child) {
      margin-right: 12px
    }

    .no-flexbox-gap .product-image .additional-image {
      padding: calc(12px/2)
    }

    .no-flexbox-gap .product-image.direction-vertical .additional-images .swiper-container {
      margin-inline-start: calc(0px - 12px/2);
      margin-inline-end: calc(0px - 12px/2)
    }

    .no-flexbox-gap .product-image.direction-vertical .swiper-wrapper>div:first-child {
      padding-top: 0
    }

    .no-flexbox-gap .product-image.direction-vertical .swiper-wrapper>div:last-child {
      padding-bottom: 0
    }

    .product-image {
      --additional-image-spacing: 12px
    }

    .additional-images img {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents .additional-images img:hover,
    .additional-images .swiper-slide-active img {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .additional-images .swiper-slide-active img {
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .product-image.position-bottom .additional-images {
      margin-inline: calc(var(--content-gutter, 0px)*-1);
      padding-inline: var(--content-gutter, 0px)
    }

    .product-image.position-bottom .additional-images .swiper-container {
      padding-inline-end: calc(var(--content-gutter, 24px)*2)
    }

    .product-image.position-bottom .additional-images .swiper-buttons {
      max-width: calc(100% - var(--content-gutter, 0px)*2)
    }

    .product-info {
      --sections-gap: var(--j-gap-spacing-vertical-l)
    }

    .product-info .product-details .product-stats {
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .product-info .product-stats {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .product-info .product-details .brand-image a span {
      display: none
    }

    .product-info .product-details .brand-image a img {
      border-radius: 8px;
      --element-border-radius: 8px
    }

    .product-info .product-details .brand-image a {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .product-info .product-stats li:before {
      content: '\f111' !important;
      font-family: icomoon !important;
      font-size: 5px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .product-info .product-stats b {
      margin-inline-end: 5px
    }

    .product-info .product-stats li+li {
      margin-top: 5px
    }

    .product-price-group .price-wrapper {
      min-width: 35%
    }

    .route-product-product:not(.popup) .product-price-group {
      flex-wrap: wrap
    }

    .route-product-product:not(.popup) .product-price-group>div {
      flex-basis: calc((560px - 100%)*9999);
      flex-wrap: wrap
    }

    .product-price-group {
      gap: var(--j-gap-spacing-gap-3)
    }

    div.product-price-group .product-stats {
      order: 2
    }

    .product-info .product-stats ul .product-manufacturer {
      display: none
    }

    .product-info .product-manufacturer.brand-image {
      display: flex
    }

    .product-info .product-manufacturer a,
    .product-info .product-manufacturer a span {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .product-info .product-manufacturer a:hover,
    .no-touchevents .product-info .product-manufacturer a:hover span {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .product-info .product-stats .in-stock span {
      color: rgba(64, 148, 99, 1)
    }

    .product-info .product-stats .out-of-stock span {
      color: rgba(242, 119, 99, 1)
    }

    .product-info .product-stats .product-stock b {
      display: block
    }

    .product-stats .product-views:before {
      content: '\f06e' !important;
      font-family: icomoon !important;
      color: rgba(180, 33, 39, 1);
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .product-stats .product-sold:before {
      content: '\e99a' !important;
      font-family: icomoon !important;
      color: rgba(242, 119, 99, 1);
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .product-info .product-details .custom-stats {
      order: initial;
      padding-top: var(--j-gap-spacing---5);
      --element-padding-top: var(--j-gap-spacing---5);
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6);
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .product-info .product-stats .product-sold {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .product-info .product-stats .product-sold span {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      padding-left: var(--j-gap-spacing---1);
      --element-padding-left: var(--j-gap-spacing---1)
    }

    .product-info .product-stats .product-views {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .product-info .product-stats .product-views span {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      padding-left: var(--j-gap-spacing---1);
      --element-padding-left: var(--j-gap-spacing---1)
    }

    .product-info .product-labels-outside {
      justify-content: flex-start;
      --label-gap: 8px;
      --label-grow: 0
    }

    .product-info .custom-stats {
      justify-content: flex-start
    }

    .product-info .product-details>.rating {
      justify-content: flex-start;
      display: none
    }

    .route-product-product:not(.popup) .product-info .product-details>.rating {
      order: -1
    }

    .product-info .product-details>.rating div a,
    .product-info .product-details>.rating div b {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .no-touchevents .product-info .product-details>.rating div a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    #review .pagination-results {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      line-height: 1.4;
      margin-top: var(--j-gap-spacing-vertical-1);
      --element-margin-top: var(--j-gap-spacing-vertical-1);
      justify-content: space-between;
      flex-direction: row
    }

    #review .pagination-results .text-right {
      display: block
    }

    #review ul.pagination>li>a,
    #review ul.pagination>li>span {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents #review ul.pagination>li>a:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    #review ul.pagination>li.active>span,
    .no-touchevents #review ul.pagination>li.active>span:hover,
    #review ul.pagination>li>a:focus {
      color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    #review ul.pagination>li a,
    #review ul.pagination>li span {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    #review ul.pagination>li.active a {
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    #review ul.pagination>li>* {
      border-radius: 9999px !important;
      --element-border-radius: 9999px !important
    }

    #review ul.pagination>li:first-child a:before,
    #review ul.pagination>li:last-child a:before {
      content: '\eb23' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    #review ul.pagination>li .prev:before,
    #review ul.pagination>li .next:before {
      content: '\f104' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    #review .pagination {
      --pagination-gap: 8px
    }

    .product-info .product-details .rating .fa-stack {
      font-size: 15px;
      width: 1.2em
    }

    .product-info #product>.rating {
      padding: 0;
      --element-padding: 0px;
      margin-left: -3px;
      --element-margin-left: -3px
    }

    .product-info .product-details .countdown-wrapper {
      display: block
    }

    .product-info #product .countdown-wrapper {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6);
      border-width: 2px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .product-info .product-details .countdown-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      text-transform: none;
      line-height: 1.3;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .product-info .product-details .countdown-title:after {
      display: none
    }

    .product-info .product-details .countdown-title .page-title-text:after {
      display: none
    }

    .product-info .product-details .countdown-title .filter-title-text:after {
      display: none
    }

    .product-info .product-details .countdown>div {
      font-size: var(--j-font_size-font-size-700);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      justify-content: center
    }

    .product-info .product-details .countdown>div>span {
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .product-info .product-details .countdown {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .product-info .product-details .countdown>div+div {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .product-info .product-price-group {
      --product-page-price-gap: 8px
    }

    .product-info .product-details .product-price-group {
      text-align: left;
      justify-content: flex-start;
      align-items: flex-start;
      display: flex
    }

    .product-info .product-details .product-labels-price {
      order: -1;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .product-info .product-details .price-group .product-price,
    .product-info .product-details .price-group .product-price-new {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size---price-larger);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1
    }

    .product-info .product-details .price-group .product-price-new {
      font-size: var(--j-font_size-font-size--1000);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .product-side-position {
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .route-product-product:not(.popup) .product-info .product-details .price-group {
      flex-direction: row;
      align-items: center
    }

    .route-product-product:not(.popup) .product-info .product-details .product-price-new {
      order: -1
    }

    .route-product-product:not(.popup) .product-info .product-details .price-group .product-price-old {
      align-self: center
    }

    .product-info .product-details .price-group .product-price-old {
      display: block;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-700);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: line-through;
      -webkit-text-decoration: line-through;
      letter-spacing: 0;
      line-height: 1
    }

    .product-info .product-details .product-points {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1;
      display: block;
      margin-top: var(--j-gap-spacing---4);
      --element-margin-top: var(--j-gap-spacing---4)
    }

    .product-info .product-details .product-tax {
      display: none;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.25;
      margin-top: var(--j-gap-spacing---5);
      --element-margin-top: var(--j-gap-spacing---5)
    }

    .product-info .product-details .discounts {
      display: inline-block;
      margin-top: var(--j-gap-spacing---2);
      --element-margin-top: var(--j-gap-spacing---2)
    }

    .product-info .product-details .product-discount {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1
    }

    .product-info .product-details .product-options {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing-padding-s-xs);
      --element-padding: var(--j-gap-spacing-padding-s-xs);
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .route-product-product:not(.popup) .product-info .product-details .product-options>.options-title {
      display: none
    }

    .product-info .product-details .product-options>h3 {
      display: block;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .product-info .product-details .product-options>h3:after {
      display: none;
      margin-top: .7em
    }

    .product-info .product-details .product-options>h3 .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .product-info .product-details .product-options>h3 .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .product-info .product-details .product-options>h3:after,
    .product-info .product-details .product-options>h3 .page-title-text:after,
    .product-info .product-details .product-options>h3 .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .product-options .option-value {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-options .option-price {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .product-info .product-details .product-options :not(.push-option) .option-price {
      display: inline-block
    }

    div.product-options .form-group {
      --form-label-width: 15%
    }

    div.product-options .form-group:after {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .push-option {
      --push-option-spacing: var(--j-gap-spacing-gap-1)
    }

    .push-option.push-option .option-value {
      min-width: 50px;
      min-height: 50px;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1.4;
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3);
      padding-right: var(--j-gap-spacing---4);
      --element-padding-right: var(--j-gap-spacing---4);
      padding-left: var(--j-gap-spacing---4);
      --element-padding-left: var(--j-gap-spacing---4)
    }

    .no-touchevents .push-option.push-option .option-wrapper:hover .option-value,
    .push-option.push-option input:checked+.option-wrapper .option-value {
      color: rgba(255, 255, 255, 1)
    }

    .push-option.push-option input:checked+.option-wrapper .option-value {
      color: rgba(255, 255, 255, 1)
    }

    .push-option.push-option .option-wrapper .option-price {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.1
    }

    .push-option.push-option .option-wrapper:not(.push-option-image) {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .no-touchevents .push-option.push-option .option-wrapper:not(.push-option-image):hover,
    .push-option.push-option input:checked+.option-wrapper:not(.push-option-image) {
      background-color: rgba(0, 0, 0, 1);
      --background-color: rgba(0, 0, 0, 1);
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    .push-option.push-option input:checked+.option-wrapper:not(.push-option-image) {
      background-color: rgba(0, 0, 0, 1);
      --background-color: rgba(0, 0, 0, 1)
    }

    .push-option.push-option .option-wrapper {
      border-width: 2px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 8px;
      --element-border-radius: 8px
    }

    .no-touchevents .push-option.push-option .option-wrapper:hover,
    .push-option.push-option input:checked+.option-wrapper {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .push-option.push-option input:checked+.option-wrapper {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .push-option.push-option .push-option-image.option-wrapper {
      padding: var(--j-gap-spacing---2);
      --element-padding: var(--j-gap-spacing---2)
    }

    .push-option.push-option .push-option-image img {
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .push-option .push-option-image {
      flex-direction: row;
      justify-content: flex-start
    }

    .push-option .push-option-image img {
      position: relative;
      width: auto;
      height: auto
    }

    .push-option .push-option-image .option-value {
      margin: 1px 5px;
      pointer-events: auto;
      flex-direction: column;
      align-items: var(--align-items, flex-start)
    }

    .push-option.push-option .push-option-image .option-value {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      line-height: 1.25
    }

    .push-option.push-option .push-option-image .option-price {
      font-size: 80%;
      margin: 0 !important;
      --element-margin: 0px !important;
      margin-top: 1px !important;
      --element-margin-top: 1px !important
    }

    .product-info .product-details .product-options>div:not(.push-option) .option-wrapper img {
      display: inline
    }

    .route-product-product:not(.popup) .product-info .product-details>div:not(.page-title):nth-last-child(2) {
      margin-bottom: var(--sections-gap, 0px)
    }

    .route-product-product:not(.popup) .product-info .button-group-page {
      position: static;
      z-index: 1;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6);
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .route-product-product:not(.popup) body {
      padding-bottom: 0
    }

    .route-product-product:not(.popup) .scroll-top {
      --product-page-buttons: 0px
    }

    html:not(.popup).has-bottom-menu.route-product-product {
      --bottom-menu-margin-display: 0px;
      --bottom-menu-height: 0px
    }

    html:not(.popup).has-bottom-menu.route-product-product .bottom-menu {
      display: none !important
    }

    .product-info .product-details .buttons-wrapper {
      --product-page-buttons-gap: 7px
    }

    .product-info .product-details .buttons-wrapper .wishlist-compare {
      --product-page-wishlist-buttons-gap: 12px
    }

    .route-product-product:not(.popup) .product-info .product-details .buttons-wrapper .extra-group {
      order: initial
    }

    .product-info .product-details .stepper-group .control-label {
      display: none
    }

    .product-info .button-group-page .stepper {
      display: flex;
      --stepper-border: 0;
      max-width: var(--stepper-max-width, 100%);
      --stepper-height: 38px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .product-info .button-group-page .stepper input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-width: 0 !important;
      border-style: none !important;
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      box-shadow: none
    }

    .no-touchevents .product-info .button-group-page .stepper input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .product-info .button-group-page .stepper input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .product-info .button-group-page .stepper button {
      position: static;
      width: calc(var(--stepper-button-width, 30)*1px*3);
      height: 100%;
      min-height: 36px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .product-info .button-group-page .stepper button.fa-angle-up {
      border-inline-width: var(--stepper-border, 0) 0;
      border-block-width: 0
    }

    .product-info .button-group-page .stepper button.fa-angle-down {
      border-inline-width: 0 var(--stepper-border, 0);
      border-block-width: 0
    }

    .product-info .button-group-page .stepper .form-control {
      max-width: 100% !important
    }

    .product-info .button-group-page .stepper .fa-angle-down:before {
      content: '\eb85' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .product-info .button-group-page .stepper .fa-angle-up:before {
      content: '\eba0' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .no-touchevents .product-info .button-group-page .stepper:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-info .button-group-page .stepper button:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .product-info .button-group-page .stepper button:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .product-info .button-group-page .stepper button:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .product-info .button-group-page .stepper button:active {
      background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
    }

    .product-info .button-group-page .btn-cart {
      display: inline-flex
    }

    .route-product-product .tags {
      display: none;
      justify-content: flex-start;
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l)
    }

    .product-info.out-of-stock .button-group-page .cart-group {
      opacity: .5;
      pointer-events: none
    }

    .product-info.out-of-stock .button-group-page .extra-group .btn-extra:first-child {
      opacity: .5;
      pointer-events: none
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart:before {
      display: inline-flex
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart .btn-text {
      display: inline-block
    }

    .product-info .button-group-page .extra-group {
      width: 100%;
      flex-grow: 1;
      flex-direction: row;
      display: flex
    }

    .product-info .button-group-page .btn-extra {
      flex-grow: 1;
      width: 100%
    }

    .product-info .button-group-page .btn-extra+.btn-extra {
      flex-grow: initial;
      width: auto
    }

    .product-info .product-details .buttons-wrapper .extra-group {
      justify-content: flex-start
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart {
      flex-grow: 1;
      width: 44px;
      height: 44px;
      padding: .5em !important;
      --element-padding: .5em !important
    }

    .route-product-product:not(.popup) .product-info .button-group-page .stepper-group {
      flex-grow: 1
    }

    .route-product-product:not(.popup) .product-info .product-details .btn-cart {
      min-height: calc(100% - var(--product-page-buttons-gap, 0)*2)
    }

    .route-product-product:not(.popup) .product-info .product-details .stepper-group .stepper {
      min-height: calc(100% - var(--product-page-buttons-gap, 0)*2)
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-extra {
      width: 44px;
      height: 44px;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-2-extra {
      width: 44px;
      min-width: 44px;
      height: 44px
    }

    .product-info .button-group-page .btn-cart .btn-text {
      margin-left: var(--j-gap-spacing---3);
      --element-margin-left: var(--j-gap-spacing---3)
    }

    .product-info .button-group-page .btn-cart:before {
      content: '\e9f8' !important;
      font-family: icomoon !important
    }

    .product-info.out-of-stock .button-group-page .btn-cart:before {
      content: '\e14b' !important;
      font-family: icomoon !important
    }

    .product-info .button-group-page .btn-cart.btn,
    .product-info .button-group-page .btn-cart.btn:visited {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .no-touchevents .product-info .button-group-page .btn-cart.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 10%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 10%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .product-info .button-group-page .btn-cart.btn:active,
    .no-touchevents .product-info .button-group-page .btn-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .product-info .button-group-page .btn-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-style: none
    }

    .product-info .button-group-page .btn-cart.btn,
    .product-info .button-group-page .btn-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .product-info .button-group-page .btn-cart.btn:active,
    .no-touchevents .product-info .button-group-page .btn-cart.btn:hover:active,
    .product-info .button-group-page .btn-cart.btn:focus:active,
    .no-touchevents .product-info .button-group-page .btn-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .product-info .button-group-page .btn-cart.btn:focus,
    .product-info .button-group-page .btn-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 7%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 7%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .product-info .button-group-page .btn-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .product-info .button-group-page .btn-extra.btn,
    .product-info .button-group-page .btn-extra.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .product-info .button-group-page .btn-extra.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .product-info .button-group-page .btn-extra.btn:active,
    .no-touchevents .product-info .button-group-page .btn-extra.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .product-info .button-group-page .btn-extra.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .product-info .button-group-page .btn-extra.btn,
    .product-info .button-group-page .btn-extra.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .product-info .button-group-page .btn-extra.btn:active,
    .no-touchevents .product-info .button-group-page .btn-extra.btn:hover:active,
    .product-info .button-group-page .btn-extra.btn:focus:active,
    .no-touchevents .product-info .button-group-page .btn-extra.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .product-info .button-group-page .btn-extra.btn:focus,
    .product-info .button-group-page .btn-extra.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .product-info .button-group-page .btn-extra.btn.btn.disabled:after {
      font-size: 1em
    }

    .product-info .button-group-page .btn-extra+.btn-extra.btn,
    .product-info .button-group-page .btn-extra+.btn-extra.btn:visited {
      color: rgba(255, 255, 255, 1) !important
    }

    .no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:hover {
      color: rgba(255, 255, 255, 1) !important
    }

    .product-info .button-group-page .btn-extra+.btn-extra.btn:active,
    .no-touchevents .product-info .button-group-page .btn-extra+.btn-extra.btn:hover:active {
      color: rgba(255, 255, 255, 1) !important
    }

    .product-info .button-group-page .btn-extra+.btn-extra.btn {
      --focus-color: rgba(255, 255, 255, 1) !important;
      border-style: none
    }

    .product-info .button-group-page .btn-extra+.btn-extra.btn.btn.disabled:after {
      font-size: 1em
    }

    .product-info .button-group-page .btn-extra+.btn {
      display: none
    }

    .product-info .button-group-page .extra-group .btn:first-child:before {
      display: inline-flex
    }

    .product-info .button-group-page .extra-group .btn:first-child .btn-text {
      display: inline-block;
      padding: 0
    }

    .product-info .button-group-page .btn-extra+.btn .btn-text {
      display: none
    }

    .product-info .button-group-page .btn-extra+.btn:before {
      display: inline-flex
    }

    .product-info .button-group-page .extra-group .btn-extra:first-child .btn-text {
      margin-left: var(--j-gap-spacing---3);
      --element-margin-left: var(--j-gap-spacing---3)
    }

    .product-info .button-group-page .extra-group .btn-extra+.btn-extra .btn-text {
      margin-left: var(--j-gap-spacing---3);
      --element-margin-left: var(--j-gap-spacing---3)
    }

    .product-info .button-group-page .extra-group .btn-extra:first-child:before {
      content: '\ea0d' !important;
      font-family: icomoon !important
    }

    .route-product-product:not(.popup) .product-info .product-details .button-group-page .wishlist-compare {
      width: 100%;
      margin-top: var(--j-gap-spacing---5);
      --element-margin-top: var(--j-gap-spacing---5)
    }

    .route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare {
      margin-inline-start: 0;
      margin-inline-end: auto;
      justify-content: flex-start;
      align-items: flex-start;
      flex-direction: row
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist {
      display: inline-flex
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist:before,
    .product-info .button-group-page .btn-wishlist .btn-text {
      display: inline-block
    }

    .route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare .btn-wishlist {
      flex-grow: initial;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .product-info .wishlist-compare .btn-text {
      margin-left: 6px;
      --element-margin-left: 6px
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist:before {
      font-size: 1em
    }

    .product-info .button-group-page .btn-compare {
      display: inline-flex
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-compare:before,
    .product-info .button-group-page .btn-compare .btn-text {
      display: inline-block
    }

    .route-product-product:not(.popup) .product-info .button-group-page .wishlist-compare .btn-compare {
      flex-grow: initial;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .product-info .wishlist-compare .btn-compare .btn-text {
      margin-left: 6px;
      --element-margin-left: 6px
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-compare:before {
      font-size: 1em
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn,
    .route-product-product:not(.popup) .product-info .wishlist-compare .btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare.btn {
      justify-content: flex-start
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn,
    .route-product-product:not(.popup) .product-info .wishlist-compare .tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn:active,
    .no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:hover:active,
    .route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus:active,
    .no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus,
    .route-product-product:not(.popup) .product-info .wishlist-compare .btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn {
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn:active,
    .no-touchevents.route-product-product:not(.popup) .product-info .wishlist-compare .btn:hover:active,
    .route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus:active {
      box-shadow: none
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn:focus {
      box-shadow: none
    }

    .route-product-product:not(.popup) .product-info .wishlist-compare .btn.btn.disabled:after {
      font-size: 1em
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-extra+.btn-extra {
      padding: .5em !important;
      --element-padding: .5em !important
    }

    .product_tabs>.nav-tabs>li>a:not(.item-all-link),
    .product_tabs>.nav-tabs>li.active>a:not(.item-all-link),
    .no-touchevents .product_tabs>.nav-tabs>li.active>a:not(.item-all-link):hover,
    .product_tabs>.nav-tabs>li.active>a:not(.item-all-link):focus {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4
    }

    .no-touchevents .product_tabs>.nav-tabs>li:hover>a:not(.item-all-link),
    .product_tabs>.nav-tabs>li.active>a:not(.item-all-link) {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs>.nav-tabs>li.active>a:not(.item-all-link),
    .no-touchevents .product_tabs>.nav-tabs>li.active>a:not(.item-all-link):hover,
    .product_tabs>.nav-tabs>li.active>a:not(.item-all-link):focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs>.nav-tabs>li {
      border-width: 0;
      border-bottom-width: 2px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0)
    }

    .no-touchevents .product_tabs>.nav-tabs>li:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs>.nav-tabs>li.active,
    .no-touchevents .product_tabs>.nav-tabs>li:hover.active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs>ul.nav-tabs>li {
      border-radius: 0;
      --element-border-radius: 0px;
      flex-grow: 0
    }

    .product_tabs>.nav-tabs>li.active:after {
      display: none;
      border-top-width: 10px
    }

    .product_tabs>.nav-tabs>li>a:not(.item-all-link) {
      justify-content: center;
      white-space: nowrap;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: .3em;
      --element-padding-bottom: .3em
    }

    .product_tabs>.nav-tabs li .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .product_tabs>.nav-tabs li .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .product_tabs>.nav-tabs>li>a:not(.item-all-link):before {
      font-size: 18px
    }

    .product_tabs>.nav-tabs+.tab-content {
      --spacing: var(--j-gap-spacing-vertical-xl);
      margin-block-start: var(--spacing, 0px);
      margin-inline-start: 0
    }

    .product_tabs>ul.nav-tabs {
      --tabs-gap: var(--j-gap-spacing-gap-4);
      --max-width-display: var(--max-width, 100vw);
      scrollbar-width: none
    }

    .product_tabs> {
      --align-tabs: var(--tabs-align, flex-start);
      --tabs-align: flex-start
    }

    .product_tabs>.full-tabs-bg {
      --full-bg-display: block
    }

    .product_tabs>.tab-content:before {
      --full-content-bg-display: block
    }

    .product_tabs>.nav-tabs {
      min-width: initial;
      max-width: var(--max-width-display, 100vw);
      max-height: none;
      --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px);
      --tab-align: auto;
      flex-direction: row;
      align-items: center;
      padding-bottom: var(--pb);
      overflow-x: var(--overflow-x-scroll);
      overflow-y: var(--overflow-y-scroll)
    }

    .product_tabs>.tab-content {
      flex-basis: 100%;
      max-height: none;
      overflow-y: initial;
      overflow-x: initial
    }

    .product_tabs>ul.nav-tabs>li:first-child {
      margin-inline-start: 0
    }

    .product_tabs>ul.nav-tabs>li:last-child {
      margin-inline-end: 0
    }

    .product_tabs>ul.nav-tabs::-webkit-scrollbar {
      display: none
    }

    .product_tabs>ul.nav-tabs.desktop {
      --scrollW: 0px
    }

    .product_tabs>ul.nav-tabs.desktop.mac.firefox {
      --scrollW: 0px
    }

    .product_tabs.product_tabs-default>.nav-tabs>li>a:not(.item-all-link),
    .product_tabs.product_tabs-default>.nav-tabs>li.active>a:not(.item-all-link),
    .no-touchevents .product_tabs.product_tabs-default>.nav-tabs>li.active>a:not(.item-all-link):hover,
    .product_tabs.product_tabs-default>.nav-tabs>li.active>a:not(.item-all-link):focus {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4
    }

    .no-touchevents .product_tabs.product_tabs-default>.nav-tabs>li:hover>a:not(.item-all-link),
    .product_tabs.product_tabs-default>.nav-tabs>li.active>a:not(.item-all-link) {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs.product_tabs-default>.nav-tabs>li.active>a:not(.item-all-link),
    .no-touchevents .product_tabs.product_tabs-default>.nav-tabs>li.active>a:not(.item-all-link):hover,
    .product_tabs.product_tabs-default>.nav-tabs>li.active>a:not(.item-all-link):focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs.product_tabs-default>.nav-tabs>li {
      border-width: 0;
      border-bottom-width: 2px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0)
    }

    .no-touchevents .product_tabs.product_tabs-default>.nav-tabs>li:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs.product_tabs-default>.nav-tabs>li.active,
    .no-touchevents .product_tabs.product_tabs-default>.nav-tabs>li:hover.active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product_tabs.product_tabs-default>ul.nav-tabs>li {
      border-radius: 0;
      --element-border-radius: 0px;
      flex-grow: 0
    }

    .product_tabs.product_tabs-default>.nav-tabs>li.active:after {
      display: none;
      border-top-width: 10px
    }

    .product_tabs.product_tabs-default>.nav-tabs>li>a:not(.item-all-link) {
      justify-content: center;
      white-space: nowrap;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: .3em;
      --element-padding-bottom: .3em
    }

    .product_tabs.product_tabs-default>.nav-tabs li .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .product_tabs.product_tabs-default>.nav-tabs li .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .product_tabs.product_tabs-default>.nav-tabs>li>a:not(.item-all-link):before {
      font-size: 18px
    }

    .product_tabs.product_tabs-default>.nav-tabs+.tab-content {
      --spacing: var(--j-gap-spacing-vertical-xl);
      margin-block-start: var(--spacing, 0px);
      margin-inline-start: 0
    }

    .product_tabs.product_tabs-default>ul.nav-tabs {
      --tabs-gap: var(--j-gap-spacing-gap-4);
      --max-width-display: var(--max-width, 100vw);
      scrollbar-width: none
    }

    .product_tabs.product_tabs-default> {
      --align-tabs: var(--tabs-align, flex-start);
      --tabs-align: flex-start
    }

    .product_tabs.product_tabs-default>.full-tabs-bg {
      --full-bg-display: block
    }

    .product_tabs.product_tabs-default>.tab-content:before {
      --full-content-bg-display: block
    }

    .product_tabs.product_tabs-default>.nav-tabs {
      min-width: initial;
      max-width: var(--max-width-display, 100vw);
      max-height: none;
      --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px);
      --tab-align: auto;
      flex-direction: row;
      align-items: center;
      padding-bottom: var(--pb);
      overflow-x: var(--overflow-x-scroll);
      overflow-y: var(--overflow-y-scroll)
    }

    .product_tabs.product_tabs-default>.tab-content {
      flex-basis: 100%;
      max-height: none;
      overflow-y: initial;
      overflow-x: initial
    }

    .product_tabs.product_tabs-default>ul.nav-tabs>li:first-child {
      margin-inline-start: 0
    }

    .product_tabs.product_tabs-default>ul.nav-tabs>li:last-child {
      margin-inline-end: 0
    }

    .product_tabs.product_tabs-default>ul.nav-tabs::-webkit-scrollbar {
      display: none
    }

    .product_tabs.product_tabs-default>ul.nav-tabs.desktop {
      --scrollW: 0px
    }

    .product_tabs.product_tabs-default>ul.nav-tabs.desktop.mac.firefox {
      --scrollW: 0px
    }

    .tab-container.product_tabs.product_tabs-default {
      --align-tabs: flex-start
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs {
      --align-self: start;
      --max-width: 100vw
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li {
      flex-grow: 0
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:first-child {
      margin-inline-start: 0
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:last-child {
      margin-inline-end: 0
    }

    .product_accordion.panel-group .panel-heading a:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      font-size: 1em;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .product_accordion.panel-group .panel-heading:hover a:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .product_accordion.panel-group .panel-active .panel-heading a:before,
    .no-touchevents .product_accordion.panel-group .panel-active .panel-heading:hover a:before {
      content: '\e40a' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .product_accordion .panel-group .panel-heading a:before {
      order: 10;
      margin: 0 0 0 auto
    }

    .product_accordion .panel-group .panel-heading a {
      justify-content: flex-start
    }

    .product_accordion.panel-group .panel-heading a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      padding-top: 1.2em;
      --element-padding-top: 1.2em;
      padding-bottom: 1.2em;
      --element-padding-bottom: 1.2em
    }

    .no-touchevents .product_accordion.panel-group .panel-heading:hover a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .no-touchevents .product_accordion.panel-group .panel-active .panel-heading:hover a,
    .product_accordion.panel-group .panel-active .panel-heading a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .product_accordion .panel-group .panel {
      --panel-spacing: var(--j-gap-spacing---5)
    }

    .product_accordion .panel-body {
      margin-top: var(--j-gap-spacing---5) !important
    }

    .product_accordion.panel-group .panel:not(:only-child):not(:last-child):after {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .product_accordion.panel-group .panel:last-child .panel-heading {
      border-width: 0 !important;
      border-bottom-width: 0 !important
    }

    .product_accordion.panel-group .panel-heading a.has-image {
      padding-top: .7em;
      --element-padding-top: .7em;
      padding-bottom: .7em;
      --element-padding-bottom: .7em
    }

    .product_accordion.panel-group .panel-body {
      padding-bottom: var(--j-gap-spacing---6);
      --element-padding-bottom: var(--j-gap-spacing---6)
    }

    .product_accordion.panel-group .panel-heading+.panel-collapse .panel-body {
      border-width: 0
    }

    .product_accordion.panel-group .panel .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .product_accordion.panel-group .panel .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .product_extra .tab-content .block-content {
      max-width: 1000px
    }

    .product_extra .tab-content .block-wrapper {
      align-items: flex-start
    }

    .product_tabs.product_tabs-image {
      order: 10
    }

    .product_blocks.product_blocks-image {
      justify-content: center;
      --product-blocks-gap: var(--j-gap-spacing-gap-3)
    }

    .product_accordion.product_accordion-top {
      order: 3
    }

    .product-blocks.blocks-default {
      --product-blocks-gap: var(--j-gap-spacing-gap-5);
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl)
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn,
    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn,
    .product_blocks.product_blocks-image .product-blocks-popup-btn.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:active,
    .no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:hover:active,
    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus:active,
    .no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus,
    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:active,
    .no-touchevents .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:hover:active,
    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus:active {
      box-shadow: none
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn:focus {
      box-shadow: none
    }

    .product_blocks.product_blocks-image .product-blocks-popup-btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .product-details .product_tabs .nav-tabs+.tab-content {
      --spacing: var(--j-gap-spacing---8)
    }

    .route-product-product:not(.popup) .product_tabs.product_tabs-default {
      margin-top: var(--j-gap-spacing-vr-row-l);
      --element-margin-top: var(--j-gap-spacing-vr-row-l)
    }

    .route-product-product:not(.popup) .product_tabs.product_tabs-image {
      margin-top: var(--j-gap-spacing-vertical-xl);
      --element-margin-top: var(--j-gap-spacing-vertical-xl)
    }

    .route-product-product:not(.popup) .product_tabs.product_tabs-top {
      margin-bottom: var(--j-gap-spacing---6);
      --element-margin-bottom: var(--j-gap-spacing---6)
    }

    .products-filter {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      margin-bottom: var(--j-gap-spacing-vertical-l);
      --element-margin-bottom: var(--j-gap-spacing-vertical-l);
      border-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .grid-list button {
      display: inline-block
    }

    #btn-grid-view:before {
      content: '\e97b' !important;
      font-family: icomoon !important;
      font-size: 20px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents #btn-grid-view:hover:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    #btn-list-view:before {
      content: '\e97a' !important;
      font-family: icomoon !important;
      font-size: 20px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents #btn-list-view:hover:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .grid-list .view-btn {
      width: 32px;
      height: 32px
    }

    .grid-list>*+* {
      margin-inline-start: 4px
    }

    .grid-list .compare-btn {
      display: inline-flex;
      padding-left: var(--j-gap-spacing---4);
      --element-padding-left: var(--j-gap-spacing---4)
    }

    .grid-list .compare-btn .links-text {
      white-space: nowrap;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .grid-list .links-text {
      display: inline-flex
    }

    .grid-list .compare-btn:before {
      margin-inline-end: 5px;
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .no-touchevents .grid-list .compare-btn:hover .links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .no-touchevents .grid-list .compare-btn:hover:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .grid-list .count-badge {
      display: inline-flex
    }

    .products-filter .select-group .input-group.sort-by {
      display: inline-flex
    }

    .products-filter .select-group .input-group.per-page {
      display: inline-flex
    }

    .sort-by {
      margin: 0 10px
    }

    .products-filter .input-group-addon {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .route-product-category .pagination-results {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      line-height: 1.4;
      margin-top: var(--j-gap-spacing-vertical-1);
      --element-margin-top: var(--j-gap-spacing-vertical-1);
      justify-content: space-between;
      flex-direction: row
    }

    .route-product-category .pagination-results .text-right {
      display: block
    }

    .route-product-category ul.pagination>li>a,
    .route-product-category ul.pagination>li>span {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents.route-product-category ul.pagination>li>a:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .route-product-category ul.pagination>li.active>span,
    .no-touchevents.route-product-category ul.pagination>li.active>span:hover,
    .route-product-category ul.pagination>li>a:focus {
      color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .route-product-category ul.pagination>li a,
    .route-product-category ul.pagination>li span {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .route-product-category ul.pagination>li.active a {
      box-shadow: 0px .2px .2px rgba(0, 0, 0, .15), 0px .3px .2px -.5px rgba(0, 0, 0, .14), -.1px .6px .5px -1px rgba(0, 0, 0, .12), -.1px 1.2px 1px -1.5px rgba(0, 0, 0, .11), -.2px 2.2px 1.8px -2px rgba(0, 0, 0, .1), -.3px 3.8px 3.1px -2.5px rgba(0, 0, 0, .08), -.5px 6.1px 5px -3px rgba(0, 0, 0, .07), -.8px 9.4px 7.7px -3.5px rgba(0, 0, 0, .06), -1.1px 13.7px 11.2px -4px rgba(0, 0, 0, .04), -1.6px 19.2px 15.8px -4.5px rgba(0, 0, 0, .03)
    }

    .route-product-category ul.pagination>li>* {
      border-radius: 9999px !important;
      --element-border-radius: 9999px !important
    }

    .route-product-category ul.pagination>li:first-child a:before,
    .route-product-category ul.pagination>li:last-child a:before {
      content: '\eb23' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    .route-product-category ul.pagination>li .prev:before,
    .route-product-category ul.pagination>li .next:before {
      content: '\f104' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    .route-product-category .pagination {
      --pagination-gap: 8px
    }

    .main-products+.pagination-results {
      display: none
    }

    .ias-noneleft {
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l);
      padding-top: var(--j-gap-spacing-vertical-1);
      --element-padding-top: var(--j-gap-spacing-vertical-1);
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .ias-trigger-next .btn {
      margin-top: var(--j-gap-spacing-vertical-l);
      --element-margin-top: var(--j-gap-spacing-vertical-l)
    }

    .ias-trigger-prev .btn {
      margin-bottom: var(--j-gap-spacing---6);
      --element-margin-bottom: var(--j-gap-spacing---6)
    }

    .ias-trigger .btn,
    .ias-trigger .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .ias-trigger .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .ias-trigger .btn:active,
    .no-touchevents .ias-trigger .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .ias-trigger .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .ias-trigger .btn,
    .ias-trigger .tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .ias-trigger .btn:active,
    .no-touchevents .ias-trigger .btn:hover:active,
    .ias-trigger .btn:focus:active,
    .no-touchevents .ias-trigger .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .ias-trigger .btn:focus,
    .ias-trigger .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .ias-trigger .btn:hover,
    .no-touchevents .ias-trigger .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .ias-trigger .btn:active,
    .no-touchevents .ias-trigger .btn:hover:active,
    .ias-trigger .btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .ias-trigger .btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .ias-trigger .btn.btn.disabled:after {
      font-size: 1em
    }

    .ias-trigger a {
      display: inline-flex
    }

    .ias-trigger .btn:before {
      content: '\eba7' !important;
      font-family: icomoon !important;
      font-size: 40px;
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .main-products.product-grid.flex-grid {
      --flex-grid-gap: var(--j-gap-spacing-gap-3)
    }

    .main-products.product-grid.flex-grid>.product-layout {
      flex-grow: 1
    }

    div.main-products.product-grid {
      --grid-min-width: 320px;
      --grid-min-col: 1.3;
      --grid-gap: var(--j-gap-spacing-gap-1)
    }

    div.main-products.product-grid.auto-grid {
      --grid-min-col: 2
    }

    .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 3*20px)/4 - .01px)
    }

    .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/4 - .01px)
    }

    .one-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 2*20px)/3 - .01px)
    }

    .one-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/3 - .01px)
    }

    .two-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 1*20px)/2 - .01px)
    }

    .two-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/2 - .01px)
    }

    .side-column .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
      margin-right: 20px;
      width: calc((100% - 0*20px)/1 - .01px)
    }

    .side-column .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
      padding: 10px;
      width: calc(100%/1 - .01px)
    }

    .main-products-style.product-grid .product-thumb {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      padding: var(--j-gap-spacing-gap-1);
      --element-padding: var(--j-gap-spacing-gap-1);
      border-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents .main-products-style.product-grid .product-layout:hover .product-thumb {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .main-products-style.product-grid.product-grid .product-layout .product-thumb {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap
    }

    .main-products-style.product-grid.product-grid .product-layout .product-thumb .name {
      flex-grow: var(--name-grow, 0);
      --flex-grow: 0
    }

    .main-products-style.product-grid.product-grid .product-layout .product-thumb>div {
      flex-basis: auto
    }

    .main-products-style.product-grid.product-grid .product-layout .product-thumb .caption {
      justify-content: flex-start
    }

    .main-products-style.product-grid.product-grid .product-thumb .image-group .image {
      flex-grow: 0
    }

    .no-touchevents .main-products-style.product-grid .product-thumb:hover .product-img>div {
      transform: scale(var(--scale))
    }

    .main-products-style.product-grid .product-thumb .image:before {
      opacity: .1;
      mix-blend-mode: multiply
    }

    .main-products-style.product-grid .product-thumb .image {
      margin: 0;
      --element-margin: 0px;
      padding: 0;
      --element-padding: 0px
    }

    .main-products-style.product-grid .product-thumb a.product-img img {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    .main-products-style.product-grid .product-thumb .product-labels {
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3);
      visibility: visible;
      opacity: 1
    }

    .main-products-style.product-grid .product-thumb .product-labels-outside {
      justify-content: flex-start;
      --label-gap: 4px;
      --label-grow: 0
    }

    .main-products-style.product-grid .product-thumb .quickview-button {
      --display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      margin: var(--j-gap-spacing---4);
      --element-margin: var(--j-gap-spacing---4)
    }

    .main-products-style.product-grid .product-thumb .quickview-button .btn-quickview {
      --visibility: hidden;
      --opacity: 0;
      transform: scale(.88)
    }

    .main-products-style.product-grid .has-countdown .product-thumb .btn-quickview {
      margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px));
      --countdown-margin: 44px
    }

    .touchevents .main-products-style.product-grid .product-thumb .quickview-button {
      align-items: flex-end;
      justify-content: flex-start
    }

    .touchevents .main-products-style.product-grid .has-countdown .product-thumb .btn-quickview {
      margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
    }

    .main-products-style.product-grid .product-thumb .btn-quickview .btn-text {
      display: none
    }

    .main-products-style.product-grid .product-thumb .btn-quickview:before {
      display: inline-flex
    }

    .main-products-style.product-grid .product-thumb .image .btn-quickview:before {
      content: '\ebef' !important;
      font-family: icomoon !important;
      font-size: 18px !important
    }

    .main-products-style.product-grid .product-thumb .image .btn,
    .main-products-style.product-grid .product-thumb .image .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .image .btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .image .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      padding: 4px;
      --element-padding: 4px;
      box-shadow: none;
      border-radius: 9999px !important;
      --element-border-radius: 9999px !important
    }

    .main-products-style.product-grid .product-thumb .image.btn {
      justify-content: center
    }

    .main-products-style.product-grid .product-thumb .image .btn,
    .main-products-style.product-grid .product-thumb .image .tooltip {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .image .btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover:active,
    .main-products-style.product-grid .product-thumb .image .btn:focus:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .image .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .image .btn:focus,
    .main-products-style.product-grid .product-thumb .image .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover,
    .no-touchevents .main-products-style.product-grid .product-thumb .image .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .image .btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-grid .product-thumb .image .btn:before {
      font-size: 1.1em
    }

    .main-products-style.product-grid .product-thumb .image .btn.disabled {
      color: transparent !important
    }

    .main-products-style.product-grid .product-thumb .image .btn[disabled] {
      color: transparent !important
    }

    .main-products-style.product-grid.product-grid .has-countdown .wish-group {
      --countdown-offset-buttons: 0px
    }

    .main-products-style.product-grid:not(.product-list) .product-thumb .rating {
      --countdown-offset: 0 !important
    }

    .main-products-style.product-grid .product-thumb .btn-quickview {
      --countdown-offset: 0 !important;
      min-width: 32px;
      height: 32px
    }

    .main-products-style.product-grid .has-countdown .product-thumb .countdown {
      display: none
    }

    .main-products-style.product-grid .product-thumb .countdown {
      visibility: visible;
      opacity: 1;
      transform: translate3d(-50%, 0, 1px) scale(1);
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .main-products-style.product-grid .product-thumb .countdown>div {
      font-size: var(--j-font_size-font-size-700);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      justify-content: center
    }

    .main-products-style.product-grid .product-thumb .countdown>div>span {
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .countdown>div+div {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .main-products-style.product-grid .has-countdown .product-thumb {
      --countdown-bottom-offset: 12px
    }

    .main-products-style.product-grid .product-thumb .product-img:active {
      pointer-events: auto
    }

    .main-products-style.product-grid.product-list .product-layout .image-group {
      width: var(--product-list-image-width);
      order: 0
    }

    .main-products-style.product-grid.product-list .product-thumb {
      align-items: flex-start
    }

    .main-products-style.product-grid .product-thumb .caption {
      border-width: 0;
      border-top-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      padding: var(--j-gap-spacing---4);
      --element-padding: var(--j-gap-spacing---4);
      padding-top: var(--j-gap-spacing---5);
      --element-padding-top: var(--j-gap-spacing---5)
    }

    .main-products-style.product-grid .product-thumb .stats {
      --stats-gap: 8px;
      display: flex;
      position: relative;
      transform: none;
      width: initial;
      order: -9;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1;
      margin-bottom: 14px;
      --element-margin-bottom: 14px
    }

    .main-products-style.product-grid .product-thumb .stats-group {
      justify-content: space-between;
      flex-direction: row
    }

    .main-products-style.product-grid .product-thumb .stats-group>span {
      flex-grow: 0
    }

    .main-products-style.product-grid .product-thumb .name {
      order: initial;
      display: flex;
      width: 100%;
      margin-inline: 0;
      align-items: flex-start;
      justify-content: flex-start;
      margin-inline: 0 auto
    }

    .main-products-style.product-grid .product-thumb .stats a {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .stats a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .main-products-style.product-grid .stat-1 .stats-label {
      display: none
    }

    .main-products-style.product-grid .stat-2 .stats-label {
      display: none
    }

    .main-products-style.product-grid.product-grid .product-thumb .rating {
      position: static;
      visibility: visible;
      opacity: 1;
      order: initial;
      margin-top: 0
    }

    .main-products-style.product-grid .product-thumb .rating {
      height: auto;
      justify-content: flex-start;
      display: flex
    }

    .main-products-style.product-grid .product-thumb .rating-stars {
      transform: translate3d(0, 0, 0);
      margin-top: var(--j-gap-spacing---4);
      --element-margin-top: var(--j-gap-spacing---4);
      margin-left: -2px;
      --element-margin-left: -2px
    }

    .main-products-style.product-grid .product-thumb .rating.no-rating {
      display: none
    }

    .main-products-style.product-grid .product-thumb .rating .fa-stack {
      font-size: 11px;
      width: 1.3em
    }

    .main-products-style.product-grid .product-thumb .name a {
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-transform: none;
      line-height: 1.3;
      text-align: left
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .image-group:hover+.caption .name a,
    .no-touchevents .main-products-style.product-grid .product-thumb .name a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .main-products-style.product-grid .product-thumb .description {
      -webkit-line-clamp: 3;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-bottom: 1px;
      display: none;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.25;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .main-products-style.product-grid .product-thumb .price {
      --price-gap: var(--j-gap-spacing---4);
      --price-stack: 180px;
      display: flex;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1;
      margin-top: var(--j-gap-spacing---1);
      --element-margin-top: var(--j-gap-spacing---1)
    }

    .main-products-style.product-grid .product-thumb .product-labels-price {
      display: none;
      margin-bottom: var(--j-gap-spacing---1);
      --element-margin-bottom: var(--j-gap-spacing---1)
    }

    .main-products-style.product-grid .product-thumb .price-tax {
      display: none;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400
    }

    .main-products-style.product-grid .product-thumb .price-new {
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      order: 1
    }

    .main-products-style.product-grid .product-thumb .price-old {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: 90%;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: line-through;
      -webkit-text-decoration: line-through;
      letter-spacing: 0;
      line-height: 1;
      order: 2;
      margin-top: var(--j-gap-spacing---2);
      --element-margin-top: var(--j-gap-spacing---2);
      margin-bottom: var(--j-gap-spacing---2);
      --element-margin-bottom: var(--j-gap-spacing---2)
    }

    .main-products-style.product-grid .product-thumb .price>div>span {
      flex-grow: 0
    }

    .main-products-style.product-grid .product-thumb .price>div,
    .main-products-style.product-grid .product-thumb .price>div span,
    .main-products-style.product-grid .product-thumb .price>div,
    .main-products-style.product-grid .product-thumb .price,
    .main-products-style.product-grid .product-thumb .product-labels-price {
      justify-content: flex-start;
      align-items: flex-start
    }

    .main-products-style.product-grid .product-thumb .price>div {
      flex-direction: row;
      flex-wrap: wrap
    }

    .main-products-style.product-grid .product-thumb .buttons-wrapper {
      display: block;
      --buttons-gap: 10px
    }

    .main-products-style.product-grid .product-thumb .button-group {
      justify-content: space-between;
      --wishlist-gap: 20px
    }

    .main-products-style.product-grid.product-grid .product-thumb .button-group {
      padding-top: var(--j-gap-spacing---3);
      --element-padding-top: var(--j-gap-spacing---3);
      margin-top: 18px;
      --element-margin-top: 18px;
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .main-products-style.product-grid .product-thumb .cart-group {
      display: inline-flex
    }

    .main-products-style.product-grid .out-of-stock .product-thumb .cart-group {
      opacity: .5;
      cursor: not-allowed
    }

    .main-products-style.product-grid .out-of-stock .product-thumb .cart-group * {
      pointer-events: none
    }

    .main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart:before {
      content: '\eb39' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    .main-products-style.product-grid .product-thumb .btn-cart:before {
      display: inline-flex;
      content: '\e9f8' !important;
      font-family: icomoon !important;
      font-size: 15px
    }

    .main-products-style.product-grid .product-thumb .btn-cart .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .main-products-style.product-grid.product-grid .product-thumb .cart-group {
      flex-grow: 0;
      flex-wrap: wrap;
      flex-direction: row
    }

    .main-products-style.product-grid.product-grid .product-thumb .cart-group .btn {
      flex-grow: 1
    }

    .main-products-style.product-grid .product-thumb .btn-cart.btn,
    .main-products-style.product-grid .product-thumb .btn-cart.btn:visited {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 10%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 10%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .btn-cart.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .btn-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      border-style: none;
      padding: 10px !important;
      --element-padding: 10px !important;
      font-size: var(--j-font_size-font-size-400) !important
    }

    .main-products-style.product-grid .product-thumb .btn-cart.btn,
    .main-products-style.product-grid .product-thumb .btn-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .btn-cart.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover:active,
    .main-products-style.product-grid .product-thumb .btn-cart.btn:focus:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .btn-cart.btn:focus,
    .main-products-style.product-grid .product-thumb .btn-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 7%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 7%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .btn-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-grid .product-thumb .stepper {
      display: none;
      --stepper-min-width: 35px;
      --stepper-max-width: 60px;
      --stepper-border: 1px;
      max-width: var(--stepper-max-width, 100%);
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px;
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4);
      border-radius: 4px;
      --element-border-radius: 4px;
      height: 32px;
      max-width: 60px
    }

    .main-products-style.product-grid .product-thumb .stepper input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-width: 0 !important;
      border-style: none !important;
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      box-shadow: none
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .stepper input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .stepper input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .stepper button {
      position: absolute;
      width: calc(var(--stepper-button-width, 40)*1%);
      height: 50%;
      min-height: auto;
      inset-inline: auto 0;
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .main-products-style.product-grid .product-thumb .stepper .form-control {
      max-width: calc(100% - var(--stepper-button-width, 40)*1%) !important
    }

    .main-products-style.product-grid .product-thumb .stepper button.fa-angle-up {
      border-inline-width: var(--stepper-border, 0) 0;
      border-block-width: 0
    }

    .main-products-style.product-grid .product-thumb .stepper button.fa-angle-down {
      border-block-width: var(--stepper-border, 0) 0;
      border-inline-width: var(--stepper-border, 0) 0
    }

    .main-products-style.product-grid .product-thumb .stepper .fa-angle-down:before {
      content: '\f107' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .main-products-style.product-grid .product-thumb .stepper .fa-angle-up:before {
      content: '\f106' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .main-products-style.product-grid .product-thumb .stepper button:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .stepper button:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .stepper button:hover {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .main-products-style.product-grid.product-grid .product-thumb .wish-group {
      flex-wrap: wrap;
      flex-direction: row;
      flex-grow: 0;
      width: auto
    }

    .main-products-style.product-grid.product-grid .product-thumb .wish-group .btn-wishlist {
      flex-grow: 0
    }

    .main-products-style.product-grid.product-grid .product-thumb .wish-group .btn-compare {
      flex-grow: 0
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist {
      display: inline-flex
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist:before {
      display: inline-flex;
      font-size: 15px !important
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist .btn-text {
      display: none
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn,
    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn,
    .main-products-style.product-grid .product-thumb .btn-wishlist.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover:active,
    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus,
    .main-products-style.product-grid .product-thumb .btn-wishlist.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover:active,
    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:active {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .btn-wishlist.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-grid .product-thumb .btn-compare {
      display: inline-flex
    }

    .main-products-style.product-grid .product-thumb .btn-compare:before {
      display: inline-flex;
      font-size: 15px !important
    }

    .main-products-style.product-grid .product-thumb .btn-compare .btn-text {
      display: none
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn,
    .main-products-style.product-grid .product-thumb .btn-compare.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn,
    .main-products-style.product-grid .product-thumb .btn-compare.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover:active,
    .main-products-style.product-grid .product-thumb .btn-compare.btn:focus:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn:focus,
    .main-products-style.product-grid .product-thumb .btn-compare.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover:active,
    .main-products-style.product-grid .product-thumb .btn-compare.btn:focus:active {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn:focus {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .btn-compare.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-grid .product-thumb .extra-group {
      --extra-gap: 8px;
      display: none;
      padding-top: var(--j-gap-spacing---5);
      --element-padding-top: var(--j-gap-spacing---5);
      margin-top: var(--j-gap-spacing---4);
      --element-margin-top: var(--j-gap-spacing---4);
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn:first-child {
      display: inline-flex
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn-extra+.btn {
      display: inline-flex
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn:first-child:before {
      display: inline-flex;
      color: rgba(64, 148, 99, 1)
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn:first-child .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn:before {
      display: inline-flex
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:first-child {
      padding: 0 !important;
      --element-padding: 0px !important;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important;
      flex-grow: 0
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn+.btn.btn {
      padding: 0 !important;
      --element-padding: 0px !important;
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important;
      flex-grow: 0
    }

    .main-products-style.product-grid .product-layout .extra-group>div {
      justify-content: space-between
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn,
    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn,
    .main-products-style.product-grid .product-thumb .extra-group .btn.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active,
    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus,
    .main-products-style.product-grid .product-thumb .extra-group .btn.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active,
    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:active {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn,
    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn {
      --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn,
    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus,
    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
    .no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus {
      box-shadow: none
    }

    .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-grid.product-grid .product-thumb .extra-group {
      order: initial;
      overflow: visible;
      position: static
    }

    .main-products-style.product-grid.product-grid .product-thumb .extra-group>div {
      position: static;
      transform: none;
      opacity: 1
    }

    .main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper {
      position: static;
      width: auto;
      overflow: visible;
      order: initial;
      transform: none
    }

    .main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper .button-group {
      position: static;
      opacity: 1;
      visibility: visible;
      transform: none
    }

    .no-touchevents .main-products-style.product-grid.product-grid .product-thumb:hover .buttons-wrapper .button-group {
      transform: none
    }

    .main-products-style.product-grid.product-grid .wish-group {
      position: static;
      width: auto;
      top: auto;
      opacity: 1;
      transform: translate3d(0, 0, 0);
      margin-top: 0;
      justify-content: flex-start
    }

    .main-products-style.product-grid.product-grid .wish-group .btn {
      flex-basis: auto
    }

    .main-products-style.product-grid .product-thumb .btn-quickview.btn {
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .main-products-style.product-list.product-grid .product-layout .product-thumb {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap
    }

    .main-products-style.product-list.product-grid .product-layout .product-thumb .name {
      flex-grow: var(--name-grow, 0);
      --flex-grow: 1
    }

    .main-products-style.product-list.product-grid .product-layout .product-thumb>div {
      flex-basis: auto
    }

    .main-products-style.product-list.product-grid .product-layout .product-thumb .caption {
      justify-content: flex-start
    }

    .main-products-style.product-list.product-grid .product-thumb .image-group .image {
      flex-grow: 0
    }

    .main-products-style.product-list:not(.product-grid) .product-layout:not(.swiper-slide)+.product-layout:not(.swiper-slide) {
      margin-top: var(--j-gap-spacing-gap-4);
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      padding-top: var(--j-gap-spacing-gap-4)
    }

    .main-products-style.product-list .product-thumb .image:before {
      mix-blend-mode: normal
    }

    .main-products-style.product-list .product-thumb .product-img,
    .main-products-style.product-list .product-thumb .product-img img,
    .main-products-style.product-list .product-thumb .image {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .main-products-style.product-list .product-thumb .image {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    .main-products-style.product-list .product-thumb a.product-img img {
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    .main-products-style.product-list .product-thumb .product-labels-price .product-label strong {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1
    }

    .main-products-style.product-list .product-thumb .product-labels {
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3);
      visibility: visible;
      opacity: 1
    }

    .main-products-style.product-list .product-thumb .product-labels-outside {
      justify-content: flex-start;
      --label-gap: 5px;
      --label-grow: 0
    }

    .main-products-style.product-list .product-thumb .quickview-button {
      --display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      margin: var(--j-gap-spacing---4);
      --element-margin: var(--j-gap-spacing---4)
    }

    .main-products-style.product-list .product-thumb .quickview-button .btn-quickview {
      --visibility: hidden;
      --opacity: 0;
      transform: scale(.88)
    }

    .main-products-style.product-list .has-countdown .product-thumb .btn-quickview {
      margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px));
      --countdown-offset: var(--countdown-margin, 0);
      --countdown-margin: 60px
    }

    .touchevents .main-products-style.product-list .product-thumb .quickview-button {
      align-items: flex-end;
      justify-content: flex-start;
      margin: var(--j-gap-spacing---4);
      --element-margin: var(--j-gap-spacing---4)
    }

    .touchevents .main-products-style.product-list .has-countdown .product-thumb .btn-quickview {
      margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
    }

    .main-products-style.product-list .product-thumb .btn-quickview .btn-text {
      display: none
    }

    .main-products-style.product-list .product-thumb .btn-quickview:before {
      display: inline-flex
    }

    .main-products-style.product-list .product-thumb .image .btn-quickview:before {
      content: '\ebef' !important;
      font-family: icomoon !important;
      font-size: 16px !important
    }

    .main-products-style.product-list .product-thumb .image .btn,
    .main-products-style.product-list .product-thumb .image .btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .main-products-style.product-list .product-thumb .image .btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .image .btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      padding: 4px;
      --element-padding: 4px;
      box-shadow: none;
      border-radius: 9999px !important;
      --element-border-radius: 9999px !important
    }

    .main-products-style.product-list .product-thumb .image.btn {
      justify-content: center
    }

    .main-products-style.product-list .product-thumb .image .btn,
    .main-products-style.product-list .product-thumb .image .tooltip {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .image .btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover:active,
    .main-products-style.product-list .product-thumb .image .btn:focus:active,
    .no-touchevents .main-products-style.product-list .product-thumb .image .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .main-products-style.product-list .product-thumb .image .btn:focus,
    .main-products-style.product-list .product-thumb .image .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover,
    .no-touchevents .main-products-style.product-list .product-thumb .image .btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .image .btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-list .product-thumb .image .btn:before {
      font-size: 1.1em
    }

    .main-products-style.product-list .product-thumb .image .btn.disabled {
      color: transparent !important
    }

    .main-products-style.product-list .product-thumb .image .btn[disabled] {
      color: transparent !important
    }

    .main-products-style.product-list.product-grid .has-countdown .wish-group {
      --countdown-offset-buttons: var(--buttons-countdown-offset, 40px)
    }

    .main-products-style.product-list:not(.product-list) .has-countdown .product-thumb .rating {
      --countdown-offset: var(--countdown-margin, 0)
    }

    .main-products-style.product-list .product-thumb .countdown {
      display: flex;
      max-width: 95%;
      visibility: visible;
      opacity: 1;
      transform: translate3d(-50%, 0, 1px) scale(1);
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .main-products-style.product-list .product-thumb .countdown>div {
      font-size: var(--j-font_size-font-size-700);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      justify-content: center
    }

    .main-products-style.product-list .product-thumb .countdown>div>span {
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .main-products-style.product-list .product-thumb .countdown>div+div {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .main-products-style.product-list .has-countdown .product-thumb {
      --countdown-bottom-offset: 8px
    }

    .main-products-style.product-list .product-thumb .product-img:active {
      pointer-events: auto
    }

    .main-products-style.product-list.product-list .product-layout .image-group {
      width: var(--product-list-image-width);
      order: 0
    }

    .main-products-style.product-list.product-list .product-thumb {
      align-items: center
    }

    .main-products-style.product-list.product-list .product-layout .product-thumb {
      --product-list-gap: var(--j-gap-spacing---8);
      --product-list-image-width: 40%
    }

    .main-products-style.product-list .product-thumb .stats {
      --stats-gap: 16px;
      display: flex;
      position: relative;
      transform: none;
      width: initial;
      order: -9;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---6);
      --element-margin-bottom: var(--j-gap-spacing---6)
    }

    .main-products-style.product-list .product-thumb .stats-group {
      justify-content: flex-start;
      flex-direction: row
    }

    .main-products-style.product-list .product-thumb .stats-group>span {
      flex-grow: 0
    }

    .main-products-style.product-list .product-thumb .name {
      order: initial;
      display: flex;
      width: auto;
      margin-inline: auto;
      align-items: flex-start;
      justify-content: flex-start;
      margin-inline: 0 auto
    }

    .main-products-style.product-list .product-thumb .stats .stat-2 {
      color: rgba(64, 148, 99, 1)
    }

    .main-products-style.product-list .out-of-stock .product-thumb .stats .stat-2 {
      color: rgba(242, 119, 99, 1)
    }

    .main-products-style.product-list .product-thumb .stats a {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .main-products-style.product-list .product-thumb .stats a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .main-products-style.product-list .stat-1 .stats-label {
      display: none
    }

    .main-products-style.product-list .stat-2 .stats-label {
      display: none
    }

    .main-products-style.product-list.product-grid .product-thumb .rating {
      position: static;
      visibility: visible;
      opacity: 1;
      order: initial;
      margin-top: 0
    }

    .main-products-style.product-list .product-thumb .rating {
      height: 0;
      justify-content: flex-end;
      display: flex
    }

    .main-products-style.product-list .product-thumb .rating-stars {
      transform: translate3d(0, -100%, 0);
      margin-left: -3px;
      --element-margin-left: -3px
    }

    .main-products-style.product-list .product-thumb .rating.no-rating {
      display: none
    }

    .main-products-style.product-list .product-thumb .rating .fa-stack {
      font-size: 13px;
      width: 1.2em
    }

    .main-products-style.product-list .product-thumb .rating .fa-star,
    .main-products-style.product-list .product-thumb .rating .fa-star+.fa-star-o {
      color: rgba(242, 199, 81, 1)
    }

    .main-products-style.product-list .product-thumb .rating .fa-star-o:only-child {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.7))
    }

    .main-products-style.product-list .product-thumb .rating.no-rating span {
      opacity: .5
    }

    .main-products-style.product-list .product-thumb .name a {
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: 2;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      text-align: left
    }

    .no-touchevents .main-products-style.product-list .product-thumb .image-group:hover+.caption .name a,
    .no-touchevents .main-products-style.product-list .product-thumb .name a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .main-products-style.product-list .product-thumb .description {
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-bottom: 1px;
      display: flex;
      flex-direction: column;
      display: -webkit-box;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.5;
      margin-top: var(--j-gap-spacing---5);
      --element-margin-top: var(--j-gap-spacing---5)
    }

    .main-products-style.product-list .product-thumb .price {
      --price-gap: 7px;
      display: flex;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-600);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1;
      margin-top: var(--j-gap-spacing---6);
      --element-margin-top: var(--j-gap-spacing---6)
    }

    .main-products-style.product-list .product-thumb .product-labels-price {
      display: flex;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1;
      margin-bottom: var(--j-gap-spacing---1);
      --element-margin-bottom: var(--j-gap-spacing---1)
    }

    .main-products-style.product-list .product-thumb .price-tax {
      display: none;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400
    }

    .main-products-style.product-list .product-thumb .price-new {
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      order: 1
    }

    .main-products-style.product-list .product-thumb .price-old {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: 90%;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: line-through;
      -webkit-text-decoration: line-through;
      letter-spacing: 0;
      line-height: 1;
      order: 2
    }

    .main-products-style.product-list .product-thumb .price>div>span {
      flex-grow: 0
    }

    .main-products-style.product-list .product-thumb .price>div,
    .main-products-style.product-list .product-thumb .price>div span,
    .main-products-style.product-list .product-thumb .price>div,
    .main-products-style.product-list .product-thumb .price,
    .main-products-style.product-list .product-thumb .product-labels-price {
      justify-content: flex-start;
      align-items: flex-start
    }

    .main-products-style.product-list .product-thumb .price>div {
      flex-direction: row;
      flex-wrap: wrap
    }

    .main-products-style.product-list .product-thumb .buttons-wrapper {
      display: block;
      --buttons-gap: 12px
    }

    .main-products-style.product-list .product-thumb .button-group {
      justify-content: flex-start;
      --wishlist-gap: 8px
    }

    .main-products-style.product-list.product-list .product-thumb .buttons-wrapper {
      margin-top: var(--j-gap-spacing---8);
      --element-margin-top: var(--j-gap-spacing---8)
    }

    .main-products-style.product-list .product-thumb .cart-group {
      display: inline-flex
    }

    .main-products-style.product-list .out-of-stock .product-thumb .cart-group {
      opacity: .6;
      cursor: not-allowed
    }

    .main-products-style.product-list .out-of-stock .product-thumb .cart-group * {
      pointer-events: none
    }

    .main-products-style.product-list .product-thumb .btn-cart {
      height: 40px
    }

    .main-products-style.product-list .product-thumb .btn-wishlist {
      min-width: 40px;
      height: 40px;
      display: inline-flex
    }

    .main-products-style.product-list .product-thumb .btn-quickview {
      min-width: 32px;
      height: 32px
    }

    .main-products-style.product-list .product-thumb .btn-compare {
      width: 40px;
      height: 40px;
      display: inline-flex
    }

    .main-products-style.product-list .product-thumb .btn-cart:before {
      display: inline-flex;
      content: '\e9f8' !important;
      font-family: icomoon !important
    }

    .main-products-style.product-list .product-thumb .btn-cart .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .main-products-style.product-list.product-grid .product-thumb .cart-group {
      flex-grow: 0;
      flex-wrap: wrap;
      flex-direction: row
    }

    .main-products-style.product-list.product-grid .product-thumb .cart-group .btn {
      flex-grow: 0
    }

    .main-products-style.product-list .product-thumb .btn-cart.btn,
    .main-products-style.product-list .product-thumb .btn-cart.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-cart.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .btn-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      justify-content: center;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    .main-products-style.product-list .product-thumb .btn-cart.btn,
    .main-products-style.product-list .product-thumb .btn-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-cart.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover:active,
    .main-products-style.product-list .product-thumb .btn-cart.btn:focus:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-cart.btn:focus,
    .main-products-style.product-list .product-thumb .btn-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .btn-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-list .product-thumb .stepper {
      display: inline-flex;
      --stepper-border: 0;
      max-width: var(--stepper-max-width, 100%);
      --stepper-height: 38px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px;
      height: 40px
    }

    .main-products-style.product-list .product-thumb .stepper input.form-control {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      border-width: 0 !important;
      border-style: none !important;
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      box-shadow: none
    }

    .no-touchevents .main-products-style.product-list .product-thumb .stepper input.form-control:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .stepper input.form-control:focus {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .stepper button {
      position: static;
      width: calc(var(--stepper-button-width, 30)*1px*3);
      height: 100%;
      min-height: 36px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .stepper button.fa-angle-up {
      border-inline-width: var(--stepper-border, 0) 0;
      border-block-width: 0
    }

    .main-products-style.product-list .product-thumb .stepper button.fa-angle-down {
      border-inline-width: 0 var(--stepper-border, 0);
      border-block-width: 0
    }

    .main-products-style.product-list .product-thumb .stepper .form-control {
      max-width: 100% !important
    }

    .main-products-style.product-list .product-thumb .stepper .fa-angle-down:before {
      content: '\eb85' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .main-products-style.product-list .product-thumb .stepper .fa-angle-up:before {
      content: '\eba0' !important;
      font-family: icomoon !important;
      font-size: 16px
    }

    .no-touchevents .main-products-style.product-list .product-thumb .stepper:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .stepper button:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .main-products-style.product-list .product-thumb .stepper button:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .no-touchevents .main-products-style.product-list .product-thumb .stepper button:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .main-products-style.product-list .product-thumb .stepper button:active {
      background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
    }

    .main-products-style.product-list.product-grid .product-thumb .wish-group {
      flex-wrap: wrap;
      flex-direction: row;
      flex-grow: 0;
      width: auto
    }

    .main-products-style.product-list.product-grid .product-thumb .wish-group .btn-wishlist {
      flex-grow: 0
    }

    .main-products-style.product-list.product-grid .product-thumb .wish-group .btn-compare {
      flex-grow: 0
    }

    .main-products-style.product-list .product-thumb .btn-wishlist:before {
      display: inline-flex
    }

    .main-products-style.product-list .product-thumb .btn-wishlist .btn-text {
      display: none
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn,
    .main-products-style.product-list .product-thumb .btn-wishlist.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      padding: .7em !important;
      --element-padding: .7em !important
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn,
    .main-products-style.product-list .product-thumb .btn-wishlist.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active,
    .main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn:focus,
    .main-products-style.product-list .product-thumb .btn-wishlist.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active,
    .main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-wishlist.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-list .product-thumb .btn-compare:before {
      display: inline-flex
    }

    .main-products-style.product-list .product-thumb .btn-compare .btn-text {
      display: none
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn,
    .main-products-style.product-list .product-thumb .btn-compare.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid;
      padding: .7em !important;
      --element-padding: .7em !important
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn,
    .main-products-style.product-list .product-thumb .btn-compare.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active,
    .main-products-style.product-list .product-thumb .btn-compare.btn:focus:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn:focus,
    .main-products-style.product-list .product-thumb .btn-compare.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active,
    .main-products-style.product-list .product-thumb .btn-compare.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .main-products-style.product-list .product-thumb .btn-compare.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-list .product-thumb .extra-group {
      --extra-gap: 12px;
      display: block;
      margin-top: var(--j-gap-spacing---7);
      --element-margin-top: var(--j-gap-spacing---7)
    }

    .main-products-style.product-list .product-thumb .extra-group .btn:first-child {
      display: inline-flex
    }

    .main-products-style.product-list .product-thumb .extra-group .btn-extra+.btn {
      display: inline-flex
    }

    .main-products-style.product-list .product-thumb .extra-group .btn:first-child:before {
      display: inline-flex;
      color: rgba(64, 148, 99, 1)
    }

    .main-products-style.product-list .product-thumb .extra-group .btn:first-child .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn:before {
      display: inline-flex;
      margin-right: 0;
      --element-margin-right: 0px
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn .btn-text {
      display: inline-block;
      padding: 0 .4em
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn:first-child {
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      flex-grow: 0
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn+.btn.btn {
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      flex-grow: 0
    }

    .main-products-style.product-list .product-layout .extra-group>div {
      justify-content: flex-start
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn,
    .main-products-style.product-list .product-thumb .extra-group .btn.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn,
    .main-products-style.product-list .product-thumb .extra-group .btn.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover:active,
    .main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:active,
    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn:focus,
    .main-products-style.product-list .product-thumb .extra-group .btn.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover:active,
    .main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:active {
      box-shadow: none
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn:focus {
      box-shadow: none
    }

    .main-products-style.product-list .product-thumb .extra-group .btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn,
    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn,
    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:active,
    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus,
    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:active,
    .no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:active {
      box-shadow: none
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus {
      box-shadow: none
    }

    .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .main-products-style.product-list.product-grid .product-thumb .extra-group {
      order: initial;
      overflow: visible;
      position: static
    }

    .main-products-style.product-list.product-grid .product-thumb .extra-group>div {
      position: static;
      transform: none;
      opacity: 1
    }

    .main-products-style.product-list.product-grid .product-thumb .buttons-wrapper {
      position: static;
      width: auto;
      overflow: visible;
      order: initial;
      transform: none
    }

    .main-products-style.product-list.product-grid .product-thumb .buttons-wrapper .button-group {
      position: static;
      opacity: 1;
      visibility: visible;
      transform: none
    }

    .no-touchevents .main-products-style.product-list.product-grid .product-thumb:hover .buttons-wrapper .button-group {
      transform: none
    }

    .main-products-style.product-list.product-grid .wish-group {
      position: static;
      width: auto;
      top: auto;
      opacity: 1;
      transform: translate3d(0, 0, 0);
      margin-top: 0;
      justify-content: flex-start
    }

    .main-products-style.product-list.product-grid .wish-group .btn {
      flex-basis: auto
    }

    .main-products-style.product-list .product-thumb .btn-quickview.btn {
      padding: 0 !important;
      --element-padding: 0px !important
    }

    .popup.popup-options .page-title {
      display: none !important
    }

    .popup.popup-options .breadcrumb+.page-title {
      display: none !important;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .popup.popup-options .site-wrapper>.page-title {
      display: none !important
    }

    .popup.popup-options .product-options .form-group {
      --input-group-spacing: var(--j-gap-spacing-gap-1)
    }

    .popup.popup-options .product-info .product-details .countdown>div {
      font-size: var(--j-font_size-font-size-700);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      justify-content: center
    }

    .popup.popup-options .product-info .product-details .countdown>div>span {
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1))
    }

    .popup.popup-options .product-info .product-details .countdown {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .popup.popup-options .product-info .product-details .countdown>div+div {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .popup.popup-options .product-info #product .countdown-wrapper {
      display: block !important
    }

    .popup.popup-options .breadcrumb+.page-title:after {
      display: none;
      margin-top: .7em
    }

    .popup.popup-options .breadcrumb+.page-title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .popup.popup-options .breadcrumb+.page-title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .popup.popup-options .breadcrumb+.page-title:after,
    .popup.popup-options .breadcrumb+.page-title .page-title-text:after,
    .popup.popup-options .breadcrumb+.page-title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .popup-options .product-info .product-details .product-options>.options-title {
      display: block !important;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .popup-options .product-info .product-details .product-options>.options-title:after {
      display: none;
      margin-top: .7em
    }

    .popup-options .product-info .product-details .product-options>.options-title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .popup-options .product-info .product-details .product-options>.options-title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .popup-options .product-info .product-details .product-options>.options-title:after,
    .popup-options .product-info .product-details .product-options>.options-title .page-title-text:after,
    .popup-options .product-info .product-details .product-options>.options-title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .popup-options .popup-container {
      width: 520px
    }

    .popup-options .product-info .product-details .button-group-page {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .main-products-wrapper>p:only-of-type {
      display: block
    }

    .main-products-wrapper>p:only-of-type+.buttons {
      display: flex
    }

    .fancybox-product-images {
      --thumb-width: 100px;
      --thumb-height: 100px
    }

    .tablet a.btn-quickview {
      display: inline-flex !important
    }

    .phone a.btn-quickview {
      display: inline-flex !important
    }

    @media (max-width:1200px) {
      .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 2*20px)/3 - .01px)
      }

      .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/3 - .01px)
      }

      body {
        --col-l-width: 200px
      }

      .login-box>div {
        padding: calc(48px/2)
      }

      .login-box {
        margin: calc(0px - 48px/2)
      }

      .account-list>li {
        width: calc(100%/4)
      }

      .quick-checkout-wrapper>div .right {
        padding-inline-start: 24px
      }

      .route-product-product:not(.popup) h1.page-title {
        display: block
      }

      .route-product-product:not(.popup) .product-info div.page-title {
        display: none
      }

      .route-product-product:not(.popup) .site-wrapper>.page-title+.breadcrumbs {
        min-height: var(--min-height-top, var(--min-height));
        padding: var(--breadcrumbs-top-padding, 0) 0 var(--breadcrumbs-bottom-padding, 0) 0 !important
      }

      .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 2*20px)/3 - .01px)
      }

      .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/3 - .01px)
      }
    }

    @media (max-width:900px) {
      .blog-post .post-details .post-stats {
        padding-inline: var(--content-gutter, 24px);
        margin-inline: calc(var(--content-gutter, 24px)*-1)
      }

      .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
      }

      .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
      }

      .one-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
      }

      .one-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
      }

      body {
        --col-l-stack: 100;
        --col-r-stack: 100
      }

      .column-left:not(.left-column-disabled) #content {
        flex-grow: 1
      }

      .column-right:not(.right-column-disabled) #content {
        flex-grow: 1
      }

      blockquote:before {
        font-size: 40px
      }

      .auto-carousel-buttons {
        visibility: hidden
      }

      .auto-grid-items:before {
        visibility: hidden
      }

      .auto-grid-items:after {
        visibility: hidden
      }

      .auto-grid-items:before,
      .auto-grid-items:after {
        --fader-width-left: 40px;
        --fader-width-right: 40px
      }

      html:not(.popup) .site-wrapper>.page-title {
        text-align: start
      }

      html:not(.popup) .site-wrapper>.page-title .page-title-text {
        text-align: start
      }

      html:not(.popup) .site-wrapper>.page-title .page-title-text:after {
        margin-inline: 0 auto
      }

      .breadcrumb {
        text-align: left
      }

      .account-list>li {
        width: calc(100%/3);
        padding: 7px
      }

      .account-list {
        margin: 0 -7px -7px
      }

      .route-checkout-cart .cart-page>* {
        flex-basis: 100%;
        min-width: 100%
      }

      .refine-categories .auto-grid {
        --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
      }

      .quick-checkout-wrapper>div .right {
        padding-inline-start: 0px;
        width: 100%
      }

      .quick-checkout-wrapper>div .left {
        width: 100%
      }

      #product-product {
        --product-page-split: 100%
      }

      .route-product-product:not(.popup) .product-info .product-details>div:not(.page-title):nth-last-child(2) {
        margin-bottom: 0
      }

      .route-product-product:not(.popup) .product-info .button-group-page {
        position: fixed;
        z-index: 99;
        bottom: 0;
        margin: 0;
        transition: bottom .35s .35s ease-out;
        background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
        --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
        padding: var(--j-gap-spacing---6);
        --element-padding: var(--j-gap-spacing---6);
        padding-bottom: var(--j-gap-spacing---8);
        --element-padding-bottom: var(--j-gap-spacing---8);
        border-width: 0;
        border-top-width: 1px;
        border-style: solid;
        border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
        border-radius: 0;
        --element-border-radius: 0px
      }

      .route-product-product:not(.popup).has-bottom-menu .product-info .button-group-page {
        bottom: calc(var(--bottom-menu-display, 0px) + var(--bottom-menu-margin-display, 0px))
      }

      .route-product-product:not(.popup) body {
        padding-bottom: var(--fixed-product-buttons, 60px)
      }

      .route-product-product:not(.popup) .scroll-top {
        --product-page-buttons: var(--fixed-product-buttons, 60px)
      }

      .product-info .product-details .buttons-wrapper {
        --product-page-buttons-gap: 4px
      }

      .product-info .button-group-page .extra-group {
        width: auto
      }

      .route-product-product:not(.popup) .product-info .button-group-page .btn-cart {
        width: 40px;
        height: 40px
      }

      .route-product-product:not(.popup) .product-info .button-group-page .btn-extra {
        width: 40px;
        height: 40px
      }

      .route-product-product:not(.popup) .product-info .button-group-page .btn-2-extra {
        width: 40px;
        min-width: 40px;
        height: 40px
      }

      .tab-container.product_tabs.product_tabs-default {
        --align-tabs: flex-start
      }

      .tab-container.product_tabs.product_tabs-default>.nav-tabs {
        --align-self: start;
        --max-width: 100vw
      }

      .tab-container.product_tabs.product_tabs-default>.nav-tabs>li {
        flex-grow: 0
      }

      .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:first-child {
        margin-inline-start: 0
      }

      .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:last-child {
        margin-inline-end: 0
      }

      .product_extra .tab-content .block-wrapper {
        align-items: flex-start
      }

      .product_blocks.product_blocks-image {
        justify-content: flex-start
      }

      .ias-trigger a {
        display: flex
      }

      .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
      }

      .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
      }

      .one-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
      }

      .one-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
      }
    }

    @media (max-width:800px) {
      .route-product-product.popup-quickview #product-product {
        --product-page-split: 100%;
        --product-page-split-gap: var(--j-gap-spacing---3)
      }
    }

    @media (max-width:500px) {
      .blog-post .post-details .post-stats .p-posted {
        display: none
      }

      .p-date-image {
        --p-date-size: var(--j-gap-spacing----10);
        font-family: 'Noto Kufi Arabic';
        font-weight: 600;
        font-size: var(--j-font_size-font-size--title-item);
        text-transform: none;
        line-height: 1.3
      }

      .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
      }

      .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
      }

      .one-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
      }

      .one-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
      }

      .two-column #content .main-posts.post-grid.ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
      }

      .two-column #content .main-posts.post-grid.ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
      }

      .post-list .post-thumb .name a {
        font-family: 'Noto Kufi Arabic';
        font-weight: 600;
        font-size: var(--j-font_size-font-size--title-item);
        text-transform: none;
        line-height: 1.3
      }

      .post-list .post-thumb .description {
        display: none
      }

      .post-list .post-thumb .button-group {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
      }

      .post-list .post-thumb .post-stats {
        font-family: 'Noto Kufi Arabic';
        font-weight: 400;
        font-size: var(--j-font_size-font-size-200);
        line-height: 1.25;
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
      }

      body,
      .module-slider,
      .grid-row:before {
        --content-gutter: var(--j-gap-spacing-padding-s)
      }

      label,
      .form-group .control-label,
      .form-label {
        font-size: var(--j-font_size-font-size-500)
      }

      .route-product-product.popup-quickview h1.page-title {
        display: block
      }

      .route-product-product.popup-quickview div.page-title {
        display: none
      }

      .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details {
        flex-grow: 1;
        flex-basis: 100%
      }

      .route-product-product.popup-quickview .product-info .button-group-page .btn-compare {
        display: none
      }

      .account-list>li {
        width: calc(100%/2)
      }

      .route-checkout-cart .cart-panels label,
      .route-checkout-cart .cart-panels .form-group .control-label,
      .route-checkout-cart .cart-panels .form-label {
        font-size: var(--j-font_size-font-size-500)
      }

      .category-image {
        float: none
      }

      .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login label,
      .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .control-label,
      .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
        font-size: var(--j-font_size-font-size-500)
      }

      .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section label,
      .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .control-label,
      .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
        font-size: var(--j-font_size-font-size-500)
      }

      .popup-checkout-payment .popup-container {
        width: 400px
      }

      .touchevents .product-image .swiper.swiper-has-pages .swiper-controls {
        display: block
      }

      .product-image .additional-images .swiper-buttons {
        display: block
      }

      .lg-product-images div.lg-sub-html {
        display: none !important
      }

      .lg-product-images .lg-content .lg-icon {
        width: 40px;
        height: 40px;
        height: 40px
      }

      .product-info .product-details .product-stats {
        background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
        --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
      }

      .push-option.push-option {
        padding: var(--j-gap-spacing-gap-2);
        --element-padding: var(--j-gap-spacing-gap-2)
      }

      .product-info .button-group-page .extra-group {
        flex-grow: initial
      }

      .product-info .button-group-page .btn-extra {
        flex-grow: initial;
        width: auto
      }

      .product-info .button-group-page .extra-group .btn:first-child .btn-text {
        display: none
      }

      .product-info .button-group-page .extra-group .btn:first-child:before {
        display: inline-flex
      }

      .product-info .button-group-page .extra-group .btn-extra:first-child .btn-text {
        margin-left: 0;
        --element-margin-left: 0px
      }

      .route-product-product:not(.popup) .product-info .product-details .button-group-page .wishlist-compare {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
      }

      .grid-list .links-text {
        display: none
      }

      .grid-list .compare-btn:before {
        margin-inline-end: 0;
        color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
      }

      .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
      }

      .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
      }

      .one-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
      }

      .one-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
      }

      .two-column #content .main-products.product-grid.ipr-grid .product-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
      }

      .two-column #content .main-products.product-grid.ipr-grid .product-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
      }

      .main-products-style.product-grid .product-thumb {
        padding: 0;
        --element-padding: 0px
      }

      .main-products-style.product-grid .product-thumb .image .btn-quickview:before {
        font-size: 16px !important
      }

      .main-products-style.product-grid .product-thumb .rating-stars {
        margin-top: var(--j-gap-spacing---5);
        --element-margin-top: var(--j-gap-spacing---5)
      }

      .main-products-style.product-grid .product-thumb .name a {
        font-family: 'Noto Kufi Arabic';
        font-weight: 400;
        font-size: var(--j-font_size-font-size--title-menu);
        text-transform: none;
        line-height: 1.3;
        text-align: center
      }

      .main-products-style.product-grid .product-thumb .name {
        justify-content: center;
        margin-inline: auto
      }

      .main-products-style.product-grid .product-thumb .button-group {
        justify-content: flex-start
      }

      .main-products-style.product-grid .product-thumb .btn-quickview {
        min-width: 30px;
        height: 30px
      }

      .main-products-style.product-list .product-thumb .product-labels {
        display: none
      }

      .main-products-style.product-list.product-grid .has-countdown .wish-group {
        --countdown-offset-buttons: 0px
      }

      .main-products-style.product-list:not(.product-list) .product-thumb .rating {
        --countdown-offset: 0 !important
      }

      .main-products-style.product-list .product-thumb .btn-quickview {
        --countdown-offset: 0 !important;
        min-width: 28px;
        height: 28px
      }

      .main-products-style.product-list .has-countdown .product-thumb .countdown {
        display: none
      }

      .main-products-style.product-list.product-list .product-layout .product-thumb {
        --product-list-gap: var(--j-gap-spacing---6)
      }

      .main-products-style.product-list .product-thumb .stats-group {
        justify-content: space-between;
        flex-direction: row
      }

      .main-products-style.product-list .product-thumb .stats-group>span {
        flex-grow: 0
      }

      .main-products-style.product-list .product-thumb .stats {
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
      }

      .main-products-style.product-list .product-thumb .rating {
        height: auto;
        justify-content: flex-start
      }

      .main-products-style.product-list .product-thumb .rating-stars {
        transform: translate3d(0, 0, 0);
        padding-bottom: var(--j-gap-spacing---4);
        --element-padding-bottom: var(--j-gap-spacing---4)
      }

      .main-products-style.product-list .product-thumb .name a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-family: 'Noto Kufi Arabic';
        font-weight: 500;
        font-size: var(--j-font_size-font-size--title-item-list);
        text-transform: none;
        line-height: 1.3
      }

      .main-products-style.product-list .product-thumb .description {
        display: none
      }

      .main-products-style.product-list.product-grid .product-layout .product-thumb .name {
        --flex-grow: 0
      }

      .main-products-style.product-list .product-thumb .price {
        font-family: 'Noto Kufi Arabic';
        font-weight: 600;
        font-size: var(--j-font_size-font-size-400);
        color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
        line-height: 1;
        margin-top: var(--j-gap-spacing---2);
        --element-margin-top: var(--j-gap-spacing---2)
      }

      .main-products-style.product-list .product-thumb .buttons-wrapper {
        display: none
      }

      .main-products-style.product-list .product-thumb .btn-wishlist {
        display: none
      }

      .main-products-style.product-list .product-thumb .btn-compare {
        display: none
      }

      .main-products-style.product-list .product-thumb .extra-group {
        display: none
      }
    }

    @media (max-width:359px) {
      .route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist .btn-text {
        display: none
      }
    }

    @media (max-width:320px) {
      .route-product-product.popup-quickview .product-info .button-group-page .stepper {
        display: none
      }

      .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist {
        display: none
      }
    }

    @media (max-width:250px) {
      .route-product-product.popup-quickview .product-info .button-group-page .btn-cart:before {
        display: inline-block
      }

      .route-product-product.popup-quickview .product-info .button-group-page .btn-cart .btn-text {
        display: none
      }
    }

    @media (min-width:1540px) {
      .boxed-layout:not(.popup) body {
        --boxed-top-spacing: 50px;
        margin-top: var(--boxed-top-spacing, 0);
        margin-bottom: 50px
      }

      .boxed-layout:not(.popup) .global-wrapper:after {
        box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
      }

      .boxed-layout:not(.popup) .global-wrapper {
        border-radius: 16px;
        --element-border-radius: 16px
      }
    }

    @media (min-width:900px) {
      html:not(.popup) .product-image:has(.additional-images) .swiper.main-image {
        display: none
      }
    }

    @media (min-width:500px) {
      .main-products-style.product-grid .product-thumb .rating {
        height: 0;
        justify-content: flex-end
      }

      .main-products-style.product-grid .product-thumb .rating-stars {
        transform: translate3d(0, -100%, 0)
      }
    }

    :root {
      --j-font_size-font-size-700: 18px;
      --j-font_size-font-size--1100: 32px;
      --j-font_size-font-size-800: 20px;
      --j-font_size-font-size-900: 24px;
      --j-font_size-font-size--1000: 28px;
      --j-font_size-font-size--title-display-m: 36px;
      --j-font_size-font-size-100: 11px;
      --j-font_size-font-size-200: 12px;
      --j-font_size-font-size-300: 13px;
      --j-font_size-font-size-400: 14px;
      --j-font_size-font-size-500: 15px;
      --j-font_size-font-size-600: 16px;
      --j-font_size-font-size--1200: 42px;
      --j-font_size-font-size--1300: 56px;
      --j-font_size-font-size--1400: 80px;
      --j-font_size-font-size--title-menu: 13px;
      --j-font_size-font-size--title-section: 28px;
      --j-font_size-font-size--separator: -1px;
      --j-font_size-font-size--title-item: 16px;
      --j-font_size-font-size---price-larger: 26px;
      --j-font_size-font-size--title-display-l: 64px;
      --j-font_size-font-size--title-module: 20px;
      --j-font_size-font-size--title-item-list: 14px;
      --j-font_size-font-size-0-separator: -1px
    }

    @media (max-width: 1540px) {
      :root {
        --j-font_size-font-size--title-display-l: 48px
      }
    }

    @media (max-width: 1200px) {
      :root {
        --j-font_size-font-size--title-display-m: 32px
      }
    }

    @media (max-width: 900px) {
      :root {
        --j-font_size-font-size--title-section: 24px;
        --j-font_size-font-size---price-larger: 22px;
        --j-font_size-font-size--title-display-l: 36px;
        --j-font_size-font-size--title-module: 18px
      }
    }

    @media (max-width: 500px) {
      :root {
        --j-font_size-font-size--title-display-m: 24px;
        --j-font_size-font-size--title-menu: 14px;
        --j-font_size-font-size--title-display-l: 32px;
        --j-font_size-font-size--title-item-list: 15px
      }
    }

    :root {
      --j-gap-spacing-vr-row-m: 60px;
      --j-gap-spacing---7: 20px;
      --j-gap-spacing---8: 24px;
      --j-gap-spacing-gap-0-separator: -1px;
      --j-gap-spacing---5: 12px;
      --j-gap-spacing-gap-3: 20px;
      --j-gap-spacing-gutter-1: 32px;
      --j-gap-spacing-vr-row-k: 120px;
      --j-gap-spacing-vr-row-1-separator: -1px;
      --j-gap-spacing-gap-2: 12px;
      --j-gap-spacing-vr-row-s: 32px;
      --j-gap-spacing---4: 8px;
      --j-gap-spacing-vr-row-l: 90px;
      --j-gap-spacing-gap-1: 8px;
      --j-gap-spacing-vr-row-i: 144px;
      --j-gap-spacing-padding-m: 32px;
      --j-gap-spacing-padding-l: 40px;
      --j-gap-spacing-vertical-1: 24px;
      --j-gap-spacing---3: 6px;
      --j-gap-spacing---2: 4px;
      --j-gap-spacing---1: 2px;
      --j-gap-spacing---6: 16px;
      --j-gap-spacing---9: 32px;
      --j-gap-spacing----10: 40px;
      --j-gap-spacing----11: 48px;
      --j-gap-spacing----12: 56px;
      --j-gap-spacing----13: 64px;
      --j-gap-spacing----14: 72px;
      --j-gap-spacing----15: 88px;
      --j-gap-spacing----16: 112px;
      --j-gap-spacing-vertical-l: 32px;
      --j-gap-spacing-gutter-4: 36px;
      --j-gap-spacing--separator: -1px;
      --j-gap-spacing-gap-4: 32px;
      --j-gap-spacing-vertical-xl: 48px;
      --j-gap-spacing-padding-xl: 48px;
      --j-gap-spacing-padding-s: 24px;
      --j-gap-spacing-vertical-xxl: 60px;
      --j-gap-spacing-gap-5: 48px;
      --j-gap-spacing-vertical-xxxl: 120px;
      --j-gap-spacing-gap-hero: 12px;
      --j-gap-spacing-gap-general-2: 32px;
      --j-gap-spacing-gap-general-3: 40px;
      --j-gap-spacing-gutter-2: 40px;
      --j-gap-spacing-gutter-3: 8px;
      --j-gap-spacing-padding-0-separator: -1px;
      --j-gap-spacing-vertical-0-separator: -1px;
      --j-gap-spacing-gap-general-0-separator: -1px;
      --j-gap-spacing----17: 144px;
      --j-gap-spacing----18: 184px;
      --j-gap-spacing----19: 224px;
      --j-gap-spacing----20: 256px;
      --j-gap-spacing-gap-general-1: 24px;
      --j-gap-spacing-gap-6: 60px;
      --j-gap-spacing-vr-row-h: 150px;
      --j-gap-spacing-padding-s-xs: 12px
    }

    @media (max-width: 1540px) {
      :root {
        --j-gap-spacing-gutter-4: 28px
      }
    }

    @media (max-width: 1200px) {
      :root {
        --j-gap-spacing-gutter-1: 24px;
        --j-gap-spacing-vr-row-k: 90px;
        --j-gap-spacing-vr-row-i: 120px;
        --j-gap-spacing-padding-l: 32px;
        --j-gap-spacing-gap-4: 24px;
        --j-gap-spacing-vertical-xl: 32px;
        --j-gap-spacing-vertical-xxl: 40px;
        --j-gap-spacing-gap-5: 32px;
        --j-gap-spacing-vertical-xxxl: 90px;
        --j-gap-spacing-gap-general-3: 32px;
        --j-gap-spacing-gutter-2: 24px;
        --j-gap-spacing-gap-6: 48px;
        --j-gap-spacing-vr-row-h: 120px
      }
    }

    @media (max-width: 900px) {
      :root {
        --j-gap-spacing-gap-3: 16px;
        --j-gap-spacing-vr-row-k: 60px;
        --j-gap-spacing-vr-row-l: 60px;
        --j-gap-spacing-vr-row-i: 90px;
        --j-gap-spacing-padding-l: 24px;
        --j-gap-spacing-padding-xl: 32px;
        --j-gap-spacing-padding-s: 20px;
        --j-gap-spacing-vertical-xxxl: 60px;
        --j-gap-spacing-gap-general-2: 24px;
        --j-gap-spacing-gap-general-1: 20px;
        --j-gap-spacing-vr-row-h: 90px;
        --j-gap-spacing-padding-s-xs: 8px
      }
    }

    @media (max-width: 500px) {
      :root {
        --j-gap-spacing-vr-row-i: 60px;
        --j-gap-spacing-padding-m: 24px;
        --j-gap-spacing-padding-s: 16px;
        --j-gap-spacing-gap-general-3: 24px;
        --j-gap-spacing-gap-6: 32px;
        --j-gap-spacing-padding-s-xs: 4px
      }
    }

    .color-scheme-scheme-4 {
      --j-color-scheme-pastel-blue-h: 220;
      --j-color-scheme-pastel-blue-s: 95.121951219512%;
      --j-color-scheme-pastel-blue-l: 91.960784313725%;
      --j-color-scheme-pastel-blue-a: 1;
      --j-color-scheme-pastel-purple-h: 265.71428571429;
      --j-color-scheme-pastel-purple-s: 87.5%;
      --j-color-scheme-pastel-purple-l: 96.862745098039%;
      --j-color-scheme-pastel-purple-a: 1;
      --j-color-scheme-background-tertiary-h: 198.10055865922;
      --j-color-scheme-background-tertiary-s: 77.489177489177%;
      --j-color-scheme-background-tertiary-l: 45.294117647059%;
      --j-color-scheme-background-tertiary-a: 1;
      --j-color-scheme-background-secondary-h: 198.24742268041;
      --j-color-scheme-background-secondary-s: 76.984126984127%;
      --j-color-scheme-background-secondary-l: 49.411764705882%;
      --j-color-scheme-background-secondary-a: 1;
      --j-color-scheme-brand-secondary-foreground-h: 198.26086956522;
      --j-color-scheme-brand-secondary-foreground-s: 77.310924369748%;
      --j-color-scheme-brand-secondary-foreground-l: 53.333333333333%;
      --j-color-scheme-brand-secondary-foreground-a: 1;
      --j-color-scheme-neutral-background-h: 198.24;
      --j-color-scheme-neutral-background-s: 77.639751552795%;
      --j-color-scheme-neutral-background-l: 68.43137254902%;
      --j-color-scheme-neutral-background-a: 1;
      --j-color-scheme-foreground-primary-h: 0;
      --j-color-scheme-foreground-primary-s: 0%;
      --j-color-scheme-foreground-primary-l: 97.254901960784%;
      --j-color-scheme-foreground-primary-a: 1;
      --j-color-scheme-text-link-hover-h: 0;
      --j-color-scheme-text-link-hover-s: 0%;
      --j-color-scheme-text-link-hover-l: 100%;
      --j-color-scheme-text-link-hover-a: 1;
      --j-color-scheme-brand-primary-h: 0;
      --j-color-scheme-brand-primary-s: 0%;
      --j-color-scheme-brand-primary-l: 0%;
      --j-color-scheme-brand-primary-a: 1;
      --j-color-scheme-pastel-red-h: 0;
      --j-color-scheme-pastel-red-s: 100%;
      --j-color-scheme-pastel-red-l: 96.078431372549%;
      --j-color-scheme-pastel-red-a: 1;
      --j-color-scheme-body-background-h: 198.48837209302;
      --j-color-scheme-body-background-s: 77.477477477477%;
      --j-color-scheme-body-background-l: 56.470588235294%;
      --j-color-scheme-body-background-a: 1;
      --j-color-scheme-text-link-h: 0;
      --j-color-scheme-text-link-s: 0%;
      --j-color-scheme-text-link-l: 100%;
      --j-color-scheme-text-link-a: 1;
      --j-color-scheme-foreground-tertiary-h: 0;
      --j-color-scheme-foreground-tertiary-s: 0%;
      --j-color-scheme-foreground-tertiary-l: 82.352941176471%;
      --j-color-scheme-foreground-tertiary-a: 1;
      --j-color-scheme-overlay-h: 0;
      --j-color-scheme-overlay-s: 0%;
      --j-color-scheme-overlay-l: 0%;
      --j-color-scheme-overlay-a: 0.8;
      --j-color-scheme-button-foreground-h: 220;
      --j-color-scheme-button-foreground-s: 20%;
      --j-color-scheme-button-foreground-l: 97.058823529412%;
      --j-color-scheme-button-foreground-a: 1;
      --j-color-scheme-background-primary-h: 198.26086956522;
      --j-color-scheme-background-primary-s: 77.310924369748%;
      --j-color-scheme-background-primary-l: 53.333333333333%;
      --j-color-scheme-background-primary-a: 1;
      --j-color-scheme-image-background-h: 198.26086956522;
      --j-color-scheme-image-background-s: 77.310924369748%;
      --j-color-scheme-image-background-l: 53.333333333333%;
      --j-color-scheme-image-background-a: 1;
      --j-color-scheme-foreground-secondary-h: 0;
      --j-color-scheme-foreground-secondary-s: 0%;
      --j-color-scheme-foreground-secondary-l: 90.196078431373%;
      --j-color-scheme-foreground-secondary-a: 1;
      --j-color-scheme-brand-primary-foreground-h: 220;
      --j-color-scheme-brand-primary-foreground-s: 20%;
      --j-color-scheme-brand-primary-foreground-l: 97.058823529412%;
      --j-color-scheme-brand-primary-foreground-a: 1;
      --j-color-scheme-pastel-yellow-h: 50.909090909091;
      --j-color-scheme-pastel-yellow-s: 76.744186046512%;
      --j-color-scheme-pastel-yellow-l: 91.56862745098%;
      --j-color-scheme-pastel-yellow-a: 1;
      --j-color-scheme-button-background-h: 0;
      --j-color-scheme-button-background-s: 0%;
      --j-color-scheme-button-background-l: 0%;
      --j-color-scheme-button-background-a: 1;
      --j-color-scheme-neutral-foreground-h: 0;
      --j-color-scheme-neutral-foreground-s: 0%;
      --j-color-scheme-neutral-foreground-l: 97.254901960784%;
      --j-color-scheme-neutral-foreground-a: 1;
      --j-color-scheme-brand-secondary-h: 0;
      --j-color-scheme-brand-secondary-s: 0%;
      --j-color-scheme-brand-secondary-l: 97.254901960784%;
      --j-color-scheme-brand-secondary-a: 1;
      --j-color-scheme-background-border-h: 0;
      --j-color-scheme-background-border-s: 0%;
      --j-color-scheme-background-border-l: 97.254901960784%;
      --j-color-scheme-background-border-a: 0.2;
      --j-color-scheme-pastel-green-h: 103.63636363636;
      --j-color-scheme-pastel-green-s: 35.483870967742%;
      --j-color-scheme-pastel-green-l: 93.921568627451%;
      --j-color-scheme-pastel-green-a: 1
    }

    .color-scheme-scheme-3 {
      --j-color-scheme-pastel-blue-h: 220;
      --j-color-scheme-pastel-blue-s: 95.121951219512%;
      --j-color-scheme-pastel-blue-l: 91.960784313725%;
      --j-color-scheme-pastel-blue-a: 1;
      --j-color-scheme-pastel-purple-h: 265.71428571429;
      --j-color-scheme-pastel-purple-s: 87.5%;
      --j-color-scheme-pastel-purple-l: 96.862745098039%;
      --j-color-scheme-pastel-purple-a: 1;
      --j-color-scheme-background-tertiary-h: 0;
      --j-color-scheme-background-tertiary-s: 0%;
      --j-color-scheme-background-tertiary-l: 7.0588235294118%;
      --j-color-scheme-background-tertiary-a: 1;
      --j-color-scheme-background-secondary-h: 0;
      --j-color-scheme-background-secondary-s: 0%;
      --j-color-scheme-background-secondary-l: 3.921568627451%;
      --j-color-scheme-background-secondary-a: 1;
      --j-color-scheme-brand-secondary-foreground-h: 0;
      --j-color-scheme-brand-secondary-foreground-s: 0%;
      --j-color-scheme-brand-secondary-foreground-l: 0%;
      --j-color-scheme-brand-secondary-foreground-a: 1;
      --j-color-scheme-neutral-background-h: 205.71428571429;
      --j-color-scheme-neutral-background-s: 3.0837004405286%;
      --j-color-scheme-neutral-background-l: 44.509803921569%;
      --j-color-scheme-neutral-background-a: 1;
      --j-color-scheme-foreground-primary-h: 220;
      --j-color-scheme-foreground-primary-s: 20%;
      --j-color-scheme-foreground-primary-l: 97.058823529412%;
      --j-color-scheme-foreground-primary-a: 1;
      --j-color-scheme-text-link-hover-h: 220;
      --j-color-scheme-text-link-hover-s: 20%;
      --j-color-scheme-text-link-hover-l: 97.058823529412%;
      --j-color-scheme-text-link-hover-a: 1;
      --j-color-scheme-brand-primary-h: 198.26086956522;
      --j-color-scheme-brand-primary-s: 77.310924369748%;
      --j-color-scheme-brand-primary-l: 53.333333333333%;
      --j-color-scheme-brand-primary-a: 1;
      --j-color-scheme-pastel-red-h: 0;
      --j-color-scheme-pastel-red-s: 100%;
      --j-color-scheme-pastel-red-l: 96.078431372549%;
      --j-color-scheme-pastel-red-a: 1;
      --j-color-scheme-body-background-h: 0;
      --j-color-scheme-body-background-s: 0%;
      --j-color-scheme-body-background-l: 0%;
      --j-color-scheme-body-background-a: 1;
      --j-color-scheme-text-link-h: 225;
      --j-color-scheme-text-link-s: 20%;
      --j-color-scheme-text-link-l: 92.156862745098%;
      --j-color-scheme-text-link-a: 1;
      --j-color-scheme-foreground-tertiary-h: 218.82352941176;
      --j-color-scheme-foreground-tertiary-s: 19.540229885057%;
      --j-color-scheme-foreground-tertiary-l: 82.941176470588%;
      --j-color-scheme-foreground-tertiary-a: 1;
      --j-color-scheme-overlay-h: 0;
      --j-color-scheme-overlay-s: 0%;
      --j-color-scheme-overlay-l: 0%;
      --j-color-scheme-overlay-a: 0.8;
      --j-color-scheme-button-foreground-h: 0;
      --j-color-scheme-button-foreground-s: 0%;
      --j-color-scheme-button-foreground-l: 96.862745098039%;
      --j-color-scheme-button-foreground-a: 1;
      --j-color-scheme-background-primary-h: 0;
      --j-color-scheme-background-primary-s: 0%;
      --j-color-scheme-background-primary-l: 0%;
      --j-color-scheme-background-primary-a: 1;
      --j-color-scheme-image-background-h: 0;
      --j-color-scheme-image-background-s: 0%;
      --j-color-scheme-image-background-l: 0%;
      --j-color-scheme-image-background-a: 1;
      --j-color-scheme-foreground-secondary-h: 222;
      --j-color-scheme-foreground-secondary-s: 20%;
      --j-color-scheme-foreground-secondary-l: 90.196078431373%;
      --j-color-scheme-foreground-secondary-a: 1;
      --j-color-scheme-brand-primary-foreground-h: 0;
      --j-color-scheme-brand-primary-foreground-s: 0%;
      --j-color-scheme-brand-primary-foreground-l: 97.254901960784%;
      --j-color-scheme-brand-primary-foreground-a: 1;
      --j-color-scheme-pastel-yellow-h: 50.909090909091;
      --j-color-scheme-pastel-yellow-s: 76.744186046512%;
      --j-color-scheme-pastel-yellow-l: 91.56862745098%;
      --j-color-scheme-pastel-yellow-a: 1;
      --j-color-scheme-button-background-h: 210;
      --j-color-scheme-button-background-s: 3.8461538461538%;
      --j-color-scheme-button-background-l: 10.196078431373%;
      --j-color-scheme-button-background-a: 1;
      --j-color-scheme-neutral-foreground-h: 0;
      --j-color-scheme-neutral-foreground-s: 0%;
      --j-color-scheme-neutral-foreground-l: 100%;
      --j-color-scheme-neutral-foreground-a: 1;
      --j-color-scheme-brand-secondary-h: 220;
      --j-color-scheme-brand-secondary-s: 20%;
      --j-color-scheme-brand-secondary-l: 97.058823529412%;
      --j-color-scheme-brand-secondary-a: 1;
      --j-color-scheme-background-border-h: 220;
      --j-color-scheme-background-border-s: 20%;
      --j-color-scheme-background-border-l: 97.058823529412%;
      --j-color-scheme-background-border-a: 0.2;
      --j-color-scheme-pastel-green-h: 103.63636363636;
      --j-color-scheme-pastel-green-s: 35.483870967742%;
      --j-color-scheme-pastel-green-l: 93.921568627451%;
      --j-color-scheme-pastel-green-a: 1
    }

    :root,
    .dropdown-menu:not([class*="color-scheme-"]):not(.dropdown-menu[class*="color-scheme-"] .dropdown-menu),
    .tt-menu,
    .color-scheme-scheme-1 {
      --j-color-scheme-pastel-blue-h: 220;
      --j-color-scheme-pastel-blue-s: 95.121951219512%;
      --j-color-scheme-pastel-blue-l: 91.960784313725%;
      --j-color-scheme-pastel-blue-a: 1;
      --j-color-scheme-pastel-purple-h: 265.71428571429;
      --j-color-scheme-pastel-purple-s: 87.5%;
      --j-color-scheme-pastel-purple-l: 96.862745098039%;
      --j-color-scheme-pastel-purple-a: 1;
      --j-color-scheme-background-tertiary-h: 240;
      --j-color-scheme-background-tertiary-s: 14.285714285714%;
      --j-color-scheme-background-tertiary-l: 93.137254901961%;
      --j-color-scheme-background-tertiary-a: 1;
      --j-color-scheme-background-secondary-h: 240;
      --j-color-scheme-background-secondary-s: 12%;
      --j-color-scheme-background-secondary-l: 95.098039215686%;
      --j-color-scheme-background-secondary-a: 1;
      --j-color-scheme-site-background-h: 0;
      --j-color-scheme-site-background-s: 0%;
      --j-color-scheme-site-background-l: 96.862745098039%;
      --j-color-scheme-site-background-a: 1;
      --j-color-scheme-brand-secondary-foreground-h: 0;
      --j-color-scheme-brand-secondary-foreground-s: 0%;
      --j-color-scheme-brand-secondary-foreground-l: 97.254901960784%;
      --j-color-scheme-brand-secondary-foreground-a: 1;
      --j-color-scheme-neutral-background-h: 205.71428571429;
      --j-color-scheme-neutral-background-s: 3.0837004405286%;
      --j-color-scheme-neutral-background-l: 44.509803921569%;
      --j-color-scheme-neutral-background-a: 1;
      --j-color-scheme-foreground-primary-h: 210;
      --j-color-scheme-foreground-primary-s: 3.8461538461538%;
      --j-color-scheme-foreground-primary-l: 10.196078431373%;
      --j-color-scheme-foreground-primary-a: 1;
      --j-color-scheme-text-link-hover-h: 219.32038834951;
      --j-color-scheme-text-link-hover-s: 88.793103448276%;
      --j-color-scheme-text-link-hover-l: 54.509803921569%;
      --j-color-scheme-text-link-hover-a: 1;
      --j-color-scheme-brand-primary-h: 0;
      --j-color-scheme-brand-primary-s: 0%;
      --j-color-scheme-brand-primary-l: 0%;
      --j-color-scheme-brand-primary-a: 1;
      --j-color-scheme-pastel-red-h: 0;
      --j-color-scheme-pastel-red-s: 100%;
      --j-color-scheme-pastel-red-l: 96.078431372549%;
      --j-color-scheme-pastel-red-a: 1;
      --j-color-scheme-body-background-h: 0;
      --j-color-scheme-body-background-s: 0%;
      --j-color-scheme-body-background-l: 100%;
      --j-color-scheme-body-background-a: 1;
      --j-color-scheme-text-link-h: 219.40298507463;
      --j-color-scheme-text-link-s: 88.546255506608%;
      --j-color-scheme-text-link-l: 44.509803921569%;
      --j-color-scheme-text-link-a: 1;
      --j-color-scheme-foreground-tertiary-h: 195;
      --j-color-scheme-foreground-tertiary-s: 2.6315789473684%;
      --j-color-scheme-foreground-tertiary-l: 29.803921568627%;
      --j-color-scheme-foreground-tertiary-a: 1;
      --j-color-scheme-overlay-h: 0;
      --j-color-scheme-overlay-s: 0%;
      --j-color-scheme-overlay-l: 0%;
      --j-color-scheme-overlay-a: 0.8;
      --j-color-scheme-button-foreground-h: 0;
      --j-color-scheme-button-foreground-s: 0%;
      --j-color-scheme-button-foreground-l: 96.862745098039%;
      --j-color-scheme-button-foreground-a: 1;
      --j-color-scheme-background-primary-h: 0;
      --j-color-scheme-background-primary-s: 0%;
      --j-color-scheme-background-primary-l: 96.862745098039%;
      --j-color-scheme-background-primary-a: 1;
      --j-color-scheme-image-background-h: 0;
      --j-color-scheme-image-background-s: 0%;
      --j-color-scheme-image-background-l: 96.862745098039%;
      --j-color-scheme-image-background-a: 1;
      --j-color-scheme-foreground-secondary-h: 210;
      --j-color-scheme-foreground-secondary-s: 2.9411764705882%;
      --j-color-scheme-foreground-secondary-l: 13.333333333333%;
      --j-color-scheme-foreground-secondary-a: 1;
      --j-color-scheme-brand-primary-foreground-h: 220;
      --j-color-scheme-brand-primary-foreground-s: 20%;
      --j-color-scheme-brand-primary-foreground-l: 97.058823529412%;
      --j-color-scheme-brand-primary-foreground-a: 1;
      --j-color-scheme-pastel-yellow-h: 50.909090909091;
      --j-color-scheme-pastel-yellow-s: 76.744186046512%;
      --j-color-scheme-pastel-yellow-l: 91.56862745098%;
      --j-color-scheme-pastel-yellow-a: 1;
      --j-color-scheme-button-background-h: 210;
      --j-color-scheme-button-background-s: 3.8461538461538%;
      --j-color-scheme-button-background-l: 10.196078431373%;
      --j-color-scheme-button-background-a: 1;
      --j-color-scheme-neutral-foreground-h: 0;
      --j-color-scheme-neutral-foreground-s: 0%;
      --j-color-scheme-neutral-foreground-l: 100%;
      --j-color-scheme-neutral-foreground-a: 1;
      --j-color-scheme-brand-secondary-h: 198.26086956522;
      --j-color-scheme-brand-secondary-s: 77.310924369748%;
      --j-color-scheme-brand-secondary-l: 53.333333333333%;
      --j-color-scheme-brand-secondary-a: 1;
      --j-color-scheme-background-border-h: 210;
      --j-color-scheme-background-border-s: 3.8461538461538%;
      --j-color-scheme-background-border-l: 10.196078431373%;
      --j-color-scheme-background-border-a: 0.12;
      --j-color-scheme-pastel-green-h: 103.63636363636;
      --j-color-scheme-pastel-green-s: 35.483870967742%;
      --j-color-scheme-pastel-green-l: 93.921568627451%;
      --j-color-scheme-pastel-green-a: 1
    }

    .color-scheme-scheme-2 {
      --j-color-scheme-pastel-blue-h: 225.6338028169;
      --j-color-scheme-pastel-blue-s: 43.558282208589%;
      --j-color-scheme-pastel-blue-l: 31.960784313725%;
      --j-color-scheme-pastel-blue-a: 1;
      --j-color-scheme-pastel-purple-h: 279.42857142857;
      --j-color-scheme-pastel-purple-s: 24.475524475524%;
      --j-color-scheme-pastel-purple-l: 28.039215686275%;
      --j-color-scheme-pastel-purple-a: 1;
      --j-color-scheme-background-tertiary-h: 210;
      --j-color-scheme-background-tertiary-s: 4.5454545454545%;
      --j-color-scheme-background-tertiary-l: 17.254901960784%;
      --j-color-scheme-background-tertiary-a: 1;
      --j-color-scheme-background-secondary-h: 200;
      --j-color-scheme-background-secondary-s: 3.8961038961039%;
      --j-color-scheme-background-secondary-l: 15.098039215686%;
      --j-color-scheme-background-secondary-a: 1;
      --j-color-scheme-site-background-h: 210;
      --j-color-scheme-site-background-s: 4.7619047619048%;
      --j-color-scheme-site-background-l: 8.2352941176471%;
      --j-color-scheme-site-background-a: 1;
      --j-color-scheme-brand-secondary-foreground-h: 0;
      --j-color-scheme-brand-secondary-foreground-s: 0%;
      --j-color-scheme-brand-secondary-foreground-l: 97.254901960784%;
      --j-color-scheme-brand-secondary-foreground-a: 1;
      --j-color-scheme-neutral-background-h: 205.71428571429;
      --j-color-scheme-neutral-background-s: 3.0837004405286%;
      --j-color-scheme-neutral-background-l: 44.509803921569%;
      --j-color-scheme-neutral-background-a: 1;
      --j-color-scheme-foreground-primary-h: 0;
      --j-color-scheme-foreground-primary-s: 0%;
      --j-color-scheme-foreground-primary-l: 96.862745098039%;
      --j-color-scheme-foreground-primary-a: 1;
      --j-color-scheme-pastel-foreground-h: 0;
      --j-color-scheme-pastel-foreground-s: 0%;
      --j-color-scheme-pastel-foreground-l: 96.862745098039%;
      --j-color-scheme-pastel-foreground-a: 1;
      --j-color-scheme-text-link-hover-h: 220.10869565217;
      --j-color-scheme-text-link-hover-s: 94.845360824742%;
      --j-color-scheme-text-link-hover-l: 61.960784313725%;
      --j-color-scheme-text-link-hover-a: 1;
      --j-color-scheme-brand-primary-h: 0;
      --j-color-scheme-brand-primary-s: 0%;
      --j-color-scheme-brand-primary-l: 0%;
      --j-color-scheme-brand-primary-a: 1;
      --j-color-scheme-pastel-red-h: 2.2641509433962;
      --j-color-scheme-pastel-red-s: 82.8125%;
      --j-color-scheme-pastel-red-l: 25.098039215686%;
      --j-color-scheme-pastel-red-a: 1;
      --j-color-scheme-body-background-h: 210;
      --j-color-scheme-body-background-s: 3.8461538461538%;
      --j-color-scheme-body-background-l: 10.196078431373%;
      --j-color-scheme-body-background-a: 1;
      --j-color-scheme-text-link-h: 219.85401459854;
      --j-color-scheme-text-link-s: 95.804195804196%;
      --j-color-scheme-text-link-l: 71.960784313725%;
      --j-color-scheme-text-link-a: 1;
      --j-color-scheme-foreground-tertiary-h: 202.5;
      --j-color-scheme-foreground-tertiary-s: 3.448275862069%;
      --j-color-scheme-foreground-tertiary-l: 54.509803921569%;
      --j-color-scheme-foreground-tertiary-a: 1;
      --j-color-scheme-overlay-h: 0;
      --j-color-scheme-overlay-s: 0%;
      --j-color-scheme-overlay-l: 0%;
      --j-color-scheme-overlay-a: 0.8;
      --j-color-scheme-button-foreground-h: 210;
      --j-color-scheme-button-foreground-s: 3.8461538461538%;
      --j-color-scheme-button-foreground-l: 10.196078431373%;
      --j-color-scheme-button-foreground-a: 1;
      --j-color-scheme-background-primary-h: 200;
      --j-color-scheme-background-primary-s: 4.4776119402985%;
      --j-color-scheme-background-primary-l: 13.137254901961%;
      --j-color-scheme-background-primary-a: 1;
      --j-color-scheme-image-background-h: 200;
      --j-color-scheme-image-background-s: 4.4776119402985%;
      --j-color-scheme-image-background-l: 13.137254901961%;
      --j-color-scheme-image-background-a: 1;
      --j-color-scheme-foreground-secondary-h: 240;
      --j-color-scheme-foreground-secondary-s: 14.851485148515%;
      --j-color-scheme-foreground-secondary-l: 80.196078431373%;
      --j-color-scheme-foreground-secondary-a: 1;
      --j-color-scheme-brand-primary-foreground-h: 220;
      --j-color-scheme-brand-primary-foreground-s: 20%;
      --j-color-scheme-brand-primary-foreground-l: 97.058823529412%;
      --j-color-scheme-brand-primary-foreground-a: 1;
      --j-color-scheme-pastel-yellow-h: 44.5;
      --j-color-scheme-pastel-yellow-s: 61.855670103093%;
      --j-color-scheme-pastel-yellow-l: 38.039215686275%;
      --j-color-scheme-pastel-yellow-a: 1;
      --j-color-scheme-button-background-h: 0;
      --j-color-scheme-button-background-s: 0%;
      --j-color-scheme-button-background-l: 96.862745098039%;
      --j-color-scheme-button-background-a: 1;
      --j-color-scheme-neutral-foreground-h: 0;
      --j-color-scheme-neutral-foreground-s: 0%;
      --j-color-scheme-neutral-foreground-l: 100%;
      --j-color-scheme-neutral-foreground-a: 1;
      --j-color-scheme-brand-secondary-h: 198.26086956522;
      --j-color-scheme-brand-secondary-s: 77.310924369748%;
      --j-color-scheme-brand-secondary-l: 53.333333333333%;
      --j-color-scheme-brand-secondary-a: 1;
      --j-color-scheme-background-border-h: 0;
      --j-color-scheme-background-border-s: 0%;
      --j-color-scheme-background-border-l: 96.862745098039%;
      --j-color-scheme-background-border-a: 0.1;
      --j-color-scheme-pastel-green-h: 177.5;
      --j-color-scheme-pastel-green-s: 54.545454545455%;
      --j-color-scheme-pastel-green-l: 17.254901960784%;
      --j-color-scheme-pastel-green-a: 1
    }
    .btn-extra-46:before {
      content: '\eb31' !important;
      font-family: icomoon !important
    }
    .btn-extra-93:before {
      content: '\eaf9' !important;
      font-family: icomoon !important
    }
    .has-special .product-label-default.product-label-397 {
      display: flex
    }

    .product-label-default.product-label-397 {
      display: flex
    }

    .product-label-diagonal.product-label-397 {
      display: block
    }

    .product-label-diagonal.product-label-397 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-397 strong {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-transform: none;
      line-height: 1.1;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      border-style: none;
      border-radius: 0;
      --element-border-radius: 0px;
      box-shadow: none
    }

    .product-label.product-label-397 strong,
    .product-label.product-label-397 strong>a {
      padding: 0;
      --element-padding: 0px
    }

    .product-label.product-label-397.product-label {
      margin: 0;
      --element-margin: 0px
    }

    .product-label-397 {
      order: 3
    }

    span.product-label.product-label-397 strong {
      color: rgba(242, 119, 99, 1) !important;
      background-size: contain !important
    }

    .product-info .product-label-397 strong {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    .product-info .product-image .product-label-diagonal.product-label-397 strong {
      transform: scale(calc(10/10))
    }
    .product-label-default.product-label-28 {
      display: flex;
      margin: 8px !important;
      --element-margin: 8px !important;
      position: absolute;
      top: 0;
      inset-inline-end: initial;
      bottom: initial;
      inset-inline-start: 0
    }

    .product-label-diagonal.product-label-28 {
      display: block
    }

    .product-label-diagonal.product-label-28 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-28 strong {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      border-style: none;
      border-radius: 0;
      --element-border-radius: 0px;
      box-shadow: none
    }

    .product-label.product-label-28 strong,
    .product-label.product-label-28 strong>a {
      padding: 0;
      --element-padding: 0px
    }

    .product-label.product-label-28.product-label {
      margin: var(--j-gap-spacing---4);
      --element-margin: var(--j-gap-spacing---4);
      margin-top: 0;
      --element-margin-top: 0px
    }

    .product-label.product-label-28.product-label strong:before {
      font-size: 20px;
      margin-right: 0;
      --element-margin-right: 0px
    }

    .product-label-28 {
      order: 0
    }

    span.product-label.product-label-28 strong:before {
      content: '\eb11' !important;
      font-family: icomoon !important;
      color: rgba(180, 33, 39, 1)
    }

    span.product-label.product-label-28 strong {
      border-style: none !important
    }

    .product-info .product-image .product-label-diagonal.product-label-28 strong {
      transform: scale(calc(10/10))
    }

    .product-info .product-details>.product-labels-outside .product-label-default.product-label-28 {
      display: none
    }

    .product-info .product-image .product-label-default.product-label-28 {
      display: none
    }

    .product-info .product-image .product-label-diagonal.product-label-28 {
      display: none
    }
    .product-label-default.product-label-30 {
      display: flex;
      position: relative;
      top: 0;
      inset-inline-start: initial;
      inset-inline-end: 0;
      bottom: initial;
      justify-content: flex-end
    }

    .product-label-diagonal.product-label-30 {
      display: block;
      top: 0;
      left: 0;
      right: initial;
      bottom: initial;
      transform: translate3d(-50%, -50%, 0) rotate(-45deg)
    }

    .product-label-diagonal.product-label-30 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-30 strong {
      color: rgba(180, 33, 39, 1);
      background-color: rgba(255, 235, 235, 1);
      --background-color: rgba(255, 235, 235, 1);
      background-repeat: no-repeat;
      background-size: contain
    }

    span.product-label.product-label-30 strong {
      background-size: contain !important;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .product-info .product-label-30 strong {
      font-size: 14px !important
    }

    .product-labels .product-label-diagonal.product-label-30 {
      --label-diagonal-offset: 25px
    }

    .product-info .product-image .product-label-diagonal.product-label-30 {
      --label-diagonal-offset: 30px;
      display: block
    }

    .product-info .product-image .product-label-diagonal.product-label-30 strong {
      transform: scale(calc(10/10))
    }

    .product-info .product-details>.product-labels-outside .product-label-default.product-label-30 {
      display: flex
    }

    .product-info .product-image .product-label-default.product-label-30 {
      display: flex
    }

    @media (max-width:500px) {
      .product-label-default.product-label-30 {
        display: none
      }

      .product-label-diagonal.product-label-30 {
        display: none
      }
    }
    .product-label-default.product-label-31 {
      display: flex;
      position: relative;
      top: 0;
      inset-inline-start: initial;
      inset-inline-end: 0;
      bottom: initial;
      justify-content: flex-end
    }

    .product-label-diagonal.product-label-31 {
      display: block
    }

    .product-label-diagonal.product-label-31 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-31 strong {
      color: rgba(49, 112, 75, 1);
      background-color: rgba(237, 245, 234, 1);
      --background-color: rgba(237, 245, 234, 1);
      background-repeat: no-repeat;
      background-size: contain;
      border-color: rgba(64, 148, 99, .2)
    }

    .product-info .product-image .product-label-diagonal.product-label-31 strong {
      transform: scale(calc(10/10))
    }
    .product-label-default.product-label-133 {
      display: flex;
      position: relative;
      top: 0;
      inset-inline-start: initial;
      inset-inline-end: 0;
      bottom: initial;
      justify-content: flex-end
    }

    .product-label-diagonal.product-label-133 {
      display: block;
      top: 0;
      left: 0;
      right: initial;
      bottom: initial;
      transform: translate3d(-50%, -50%, 0) rotate(-45deg)
    }

    .product-label-diagonal.product-label-133 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-133 strong {
      color: rgba(49, 112, 75, 1);
      background-color: rgba(237, 245, 234, 1);
      --background-color: rgba(237, 245, 234, 1);
      background-repeat: no-repeat;
      background-size: contain;
      border-color: rgba(64, 148, 99, .2)
    }

    .product-labels .product-label-diagonal.product-label-133 {
      --label-diagonal-offset: 20px
    }

    .product-info .product-image .product-label-diagonal.product-label-133 strong {
      transform: scale(calc(10/10))
    }
    .has-special .product-label-default.product-label-296 {
      display: none
    }

    .product-label-default.product-label-296 {
      display: flex
    }

    .product-label-diagonal.product-label-296 {
      display: block;
      top: 0;
      left: 0;
      right: initial;
      bottom: initial;
      transform: translate3d(-50%, -50%, 0) rotate(-45deg)
    }

    .product-label-diagonal.product-label-296 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-296 strong {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-transform: none;
      line-height: 1.1;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      border-style: none;
      border-radius: 0;
      --element-border-radius: 0px;
      box-shadow: none
    }

    .product-label.product-label-296 strong,
    .product-label.product-label-296 strong>a {
      padding: 0;
      --element-padding: 0px
    }

    .product-label.product-label-296.product-label {
      margin: 0;
      --element-margin: 0px
    }

    .product-label-296 {
      order: 1
    }

    .product-info .product-label-296 strong {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    .product-info .product-image .product-label-diagonal.product-label-296 strong {
      transform: scale(calc(10/10))
    }
    .product-label-default.product-label-297 {
      display: flex
    }

    .product-label-diagonal.product-label-297 {
      display: block;
      top: 0;
      left: 0;
      right: initial;
      bottom: initial;
      transform: translate3d(-50%, -50%, 0) rotate(-45deg)
    }

    .product-label-diagonal.product-label-297 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-297 strong {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-transform: none;
      line-height: 1.1;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      border-style: none;
      border-radius: 0;
      --element-border-radius: 0px;
      box-shadow: none
    }

    .product-label.product-label-297 strong,
    .product-label.product-label-297 strong>a {
      padding: 0;
      --element-padding: 0px
    }

    .product-label.product-label-297.product-label {
      margin: 0;
      --element-margin: 0px
    }

    .product-label-297 {
      order: 2
    }

    .product-info .product-label-297 strong {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    .product-info .product-image .product-label-diagonal.product-label-297 strong {
      transform: scale(calc(10/10))
    }
    .product-label-default.product-label-217 {
      display: flex;
      position: relative;
      top: 0;
      inset-inline-start: initial;
      inset-inline-end: 0;
      bottom: initial;
      justify-content: flex-end
    }

    .product-label-diagonal.product-label-217 {
      display: block
    }

    .product-label-diagonal.product-label-217 strong {
      transform: scale(calc(10/10))
    }

    .product-label.product-label-217 strong {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      background-repeat: no-repeat;
      background-size: contain;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .product-label-217 {
      order: 1
    }

    .product-info .product-image .product-label-diagonal.product-label-217 strong {
      transform: scale(calc(10/10))
    }
    .grid-row-column-right-1>.grid-cols-wrapper>.grid-cols {
      min-height: var(--min-height, auto)
    }

    .grid-row-column-right-1>.video-row {
      display: block
    }

    .grid-row-column-right-1:before {
      display: block
    }

    .grid-row-column-right-1>.wave-top {
      display: block;
      transform: translate3d(0, -63%, 0) scale(1)
    }

    .grid-row-column-right-1>.wave-bottom {
      transform: translate3d(0, 63%, 0) scale(-1);
      display: block
    }

    .grid-col-column-right-1-1 {
      min-width: 100%;
      display: block
    }

    .grid-col-column-right-1-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    .grid-col-column-right-1-1>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    .grid-items>.grid-item.grid-module-column-right-1-1-1 {
      display: flex
    }

    .grid-row-content-top-1>.grid-cols-wrapper>.grid-cols {
      min-height: var(--min-height, auto)
    }

    .grid-row-content-top-1>.grid-cols-wrapper>.grid-cols>.grid-col {
      --unit: 1%
    }

    .grid-row-content-top-1>.row-bg {
      top: 0;
      transform: none
    }

    .grid-row-content-top-1>.video-row {
      display: block
    }

    .grid-row-content-top-1:before {
      display: block;
      left: 0;
      right: 0;
      width: 100%
    }

    .grid-row-content-top-1>.wave-top {
      display: block;
      transform: translate3d(0, -63%, 0) scale(1)
    }

    .grid-row-content-top-1>.wave-bottom {
      transform: translate3d(0, 63%, 0) scale(-1);
      display: block
    }

    .grid-col-content-top-1-1 {
      min-width: 100%;
      display: block
    }

    .grid-col-content-top-1-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    .grid-col-content-top-1-1>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    .grid-items>.grid-item.grid-module-content-top-1-1-1 {
      display: flex
    }

    div.grid-items>.grid-item.grid-module-content-top-1-1-2:not(:empty) {
      margin-top: var(--j-gap-spacing-vertical-xl) !important;
      --element-margin-top: var(--j-gap-spacing-vertical-xl) !important
    }

    .grid-items>.grid-item.grid-module-content-top-1-1-2 {
      display: flex
    }
    div.accordion-menu-432.accordion-menu .menu-item>a,
    div.accordion-menu-432.accordion-menu .menu-item>a>.links-text,
    div.accordion-menu-432.accordion-menu .desktop-language-wrapper button,
    div.accordion-menu-432.accordion-menu .desktop-currency-wrapper button,
    div.accordion-menu-432.accordion-menu .mobile-language-wrapper button,
    div.accordion-menu-432.accordion-menu .mobile-currency-wrapper button,
    div.accordion-menu-432.accordion-menu #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .no-touchevents div.accordion-menu-432.accordion-menu .menu-item:hover>a,
    .no-touchevents div.accordion-menu-432.accordion-menu .menu-item:hover>a>.links-text,
    div.accordion-menu-432.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-432.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-432.accordion-menu .menu-item.panel-active>a>.links-text,
    .no-touchevents div.accordion-menu-432.accordion-menu #cart:hover>a,
    .no-touchevents div.accordion-menu-432.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-432.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-432.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-432.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    div.accordion-menu-432.accordion-menu .menu-item>a>.links-text>s {
      display: none;
      --display: block;
      margin: .1em 0
    }

    div.accordion-menu-432.accordion-menu .menu-item.main-menu-item>a>.links-text {
      --display: inline-block
    }

    div.accordion-menu-432.accordion-menu .dropdown>a:after,
    div.accordion-menu-432.accordion-menu .dropdown>button:after,
    div.accordion-menu-432.accordion-menu .desktop-language-wrapper .dropdown .dropdown-toggle:after,
    div.accordion-menu-432.accordion-menu .desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    div.accordion-menu-432.accordion-menu .mobile-language-wrapper .dropdown .dropdown-toggle:after,
    div.accordion-menu-432.accordion-menu .mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .7
    }

    .no-touchevents div.accordion-menu-432.accordion-menu .dropdown:hover>a:after,
    .no-touchevents div.accordion-menu-432.accordion-menu .dropdown:hover>button:after,
    .no-touchevents div.accordion-menu-432.accordion-menu .desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents div.accordion-menu-432.accordion-menu .desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents div.accordion-menu-432.accordion-menu .mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents div.accordion-menu-432.accordion-menu .mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
      opacity: 1
    }

    div.accordion-menu-432.accordion-menu .menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    div.accordion-menu-432.accordion-menu.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    div.accordion-menu-432.accordion-menu.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    div.accordion-menu-432.accordion-menu .menu-item>a>span>s {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.1
    }

    div.accordion-menu-432.accordion-menu .menu-item>a:before {
      font-size: 1em
    }

    div.accordion-menu-432.accordion-menu .menu-item>a:before,
    div.accordion-menu-432.accordion-menu .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    div.accordion-menu-432.accordion-menu .menu-item {
      --menu-item-gap: var(--j-gap-spacing---3)
    }

    div.accordion-menu-432.accordion-menu .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --margin-top: -1px
    }

    div.accordion-menu-432.accordion-menu .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    div.accordion-menu-432.accordion-menu .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    div.accordion-menu-432.accordion-menu .j-menu>li {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    div.accordion-menu-432.accordion-menu .j-menu>li>a {
      padding: 0;
      --element-padding: 0px
    }

    div.accordion-menu-432.accordion-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    div.accordion-menu-432 .open-menu em:before {
      content: '\e409' !important;
      font-family: icomoon !important;
      font-size: 1em
    }

    div.accordion-menu-432 .open-menu[aria-expanded=true] em:before {
      content: '\e40b' !important;
      font-family: icomoon !important
    }

    div.accordion-menu-432.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-432.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-size: 93%
    }
    .module-faq-294 .panel-title:before {
      display: none
    }

    .module-faq-294 .panel-group .panel-heading a:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      font-size: 1em;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      order: 10;
      margin: 0 0 0 auto
    }

    .no-touchevents .module-faq-294 .panel-group .panel-heading:hover a:before {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .module-faq-294 .panel-group .panel-active .panel-heading a:before,
    .no-touchevents .module-faq-294 .panel-group .panel-active .panel-heading:hover a:before {
      content: '\e40a' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .module-faq-294 .panel-group .panel-heading a {
      justify-content: flex-start;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      padding-top: 1.2em;
      --element-padding-top: 1.2em;
      padding-bottom: 1.2em;
      --element-padding-bottom: 1.2em
    }

    .no-touchevents .module-faq-294 .panel-group .panel-heading:hover a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .no-touchevents .module-faq-294 .panel-group .panel-active .panel-heading:hover a,
    .module-faq-294 .panel-group .panel-active .panel-heading a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .module-faq-294 .panel-group .panel {
      --panel-spacing: var(--j-gap-spacing---5)
    }

    .module-faq-294 .panel-body {
      margin-top: var(--j-gap-spacing---5) !important
    }

    .module-faq-294 .panel-group .panel:not(:only-child):not(:last-child):after {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .module-faq-294 .panel-group .panel:last-child .panel-heading {
      border-width: 0 !important;
      border-bottom-width: 0 !important
    }

    .module-faq-294 .panel-group .panel-heading a.has-image {
      padding-top: .7em;
      --element-padding-top: .7em;
      padding-bottom: .7em;
      --element-padding-bottom: .7em
    }

    .module-faq-294 .panel-group .panel-body {
      padding-bottom: var(--j-gap-spacing---6);
      --element-padding-bottom: var(--j-gap-spacing---6)
    }

    .module-faq-294 .panel-group .panel-heading+.panel-collapse .panel-body {
      border-width: 0
    }

    .module-faq-294 .panel-group .panel .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .module-faq-294 .panel-group .panel .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .module-faq-294 .module-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .module-faq-294 .module-title:after {
      display: none;
      margin-top: .7em
    }

    .module-faq-294 .module-title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .module-faq-294 .module-title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .module-faq-294 .module-title:after,
    .module-faq-294 .module-title .page-title-text:after,
    .module-faq-294 .module-title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }
    .module-info_blocks-552 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 2*0px)/3 - .01px)
    }

    .module-info_blocks-552 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/3 - .01px)
    }

    .one-column #content .module-info_blocks-552 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 2*0px)/3 - .01px)
    }

    .one-column #content .module-info_blocks-552 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/3 - .01px)
    }

    .two-column #content .module-info_blocks-552 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 2*0px)/3 - .01px)
    }

    .two-column #content .module-info_blocks-552 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/3 - .01px)
    }

    .side-column .module-info_blocks-552 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .side-column .module-info_blocks-552 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .module-info_blocks-552 .info-block .info-block-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      display: flex
    }

    .no-touchevents .module-info_blocks-552 a.info-block:hover .info-block-title,
    .module-info_blocks-552 a.info-block:active .info-block-title {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1))
    }

    .module-info_blocks-552 .info-block .info-block-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.5;
      display: block
    }

    .no-touchevents .module-info_blocks-552 a.info-block:hover .info-block-text,
    .module-info_blocks-552 a.info-block:active .info-block-text {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*0.75))
    }

    .module-info_blocks-552 .info-block-title:not(:empty)+.info-block-text:not(:empty) {
      margin-top: 12px
    }

    .module-info_blocks-552 .info-block {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*0.9));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*0.9));
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      border-radius: 4px;
      --element-border-radius: 4px;
      padding: var(--j-gap-spacing-padding-l);
      --element-padding: var(--j-gap-spacing-padding-l);
      --align-v: center;
      --align-h: center;
      --align-text-v: start;
      --align-text-h: center;
      display: flex;
      flex-direction: column;
      --gap: var(--j-gap-spacing---6)
    }

    .no-touchevents .module-info_blocks-552 .info-block:hover {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*0.9));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*0.9))
    }

    .module-info_blocks-552 a.info-block {
      --scale-active: .99;
      overflow: visible
    }

    .module-info_blocks-552 .info-block-content:before {
      display: none
    }

    .module-info_blocks-552 a.info-block .info-block-content:before {
      transform: scaleX(0) scaleY(1);
      transform-origin: right
    }

    .no-touchevents .module-info_blocks-552 a.info-block:hover .info-block-content:before {
      transform: scaleX(1) scaleY(1);
      transform-origin: left
    }

    .module-info_blocks-552 .info-block:before {
      align-self: center;
      height: var(--height);
      font-size: 28px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .module-info_blocks-552 .info-block-img {
      align-self: center
    }

    .module-info_blocks-552 .info-block-counter {
      align-self: center
    }

    .module-info_blocks-552 .info-block-content {
      justify-content: flex-start;
      align-items: var(--align-h);
      text-align: var(--align-text-h)
    }

    .module-info_blocks-552 .info-block,
    .module-info_blocks-552 .info-block:before {
      --width: 65px;
      --height: 65px
    }

    .module-info_blocks-552 .info-block:before,
    .module-info_blocks-552 .info-block-counter,
    .module-info_blocks-552 .info-block-img {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .module-info_blocks-552 .info-block:after {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1);
      margin-right: 0;
      --element-margin-right: 0px
    }

    .module-info_blocks-552 .info-blocks .info-block-title:before {
      display: none
    }

    .module-info_blocks-552 .info-blocks-incremental .info-block:before {
      content: counter(top-counters) !important
    }

    .module-info_blocks-552 .info-block:before,
    .module-info_blocks-552 .info-block-img,
    .module-info_blocks-552 .info-block-counter {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    .module-info_blocks-552 .info-block-button.btn,
    .module-info_blocks-552 .info-block-button.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents .module-info_blocks-552 .info-block-button.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .module-info_blocks-552 .info-block-button.btn:active,
    .no-touchevents .module-info_blocks-552 .info-block-button.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .module-info_blocks-552 .info-block-button.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    .module-info_blocks-552 .info-block-button.btn,
    .module-info_blocks-552 .info-block-button.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .module-info_blocks-552 .info-block-button.btn:active,
    .no-touchevents .module-info_blocks-552 .info-block-button.btn:hover:active,
    .module-info_blocks-552 .info-block-button.btn:focus:active,
    .no-touchevents .module-info_blocks-552 .info-block-button.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .module-info_blocks-552 .info-block-button.btn:focus,
    .module-info_blocks-552 .info-block-button.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents .module-info_blocks-552 .info-block-button.btn:hover,
    .no-touchevents .module-info_blocks-552 .info-block-button.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .module-info_blocks-552 .info-block-button.btn:active,
    .no-touchevents .module-info_blocks-552 .info-block-button.btn:hover:active,
    .module-info_blocks-552 .info-block-button.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .module-info_blocks-552 .info-block-button.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .module-info_blocks-552 .info-block-button.btn.btn.disabled:after {
      font-size: 1em
    }

    .module-info_blocks-552 .info-block-button {
      margin-top: var(--j-gap-spacing---7);
      --element-margin-top: var(--j-gap-spacing---7)
    }

    .module-info_blocks-552 .info-block .count-badge {
      display: none
    }

    .module-info_blocks-552 .module-item .info-block {
      padding: var(--j-gap-spacing-padding-xl);
      --element-padding: var(--j-gap-spacing-padding-xl)
    }

    .module-info_blocks-552 .module-item .info-block .info-block-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 700;
      font-size: var(--j-font_size-font-size--title-section);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      letter-spacing: -.5px;
      line-height: 1.3
    }

    .module-info_blocks-552 .module-item .info-block-button {
      margin-top: var(--j-gap-spacing---7);
      --element-margin-top: var(--j-gap-spacing---7)
    }

    .module-info_blocks-552 .flex-grid>* {
      flex-grow: 1
    }

    div.module-info_blocks-552 .auto-grid {
      --grid-min-width: 300px;
      --grid-max-col: 1;
      --auto-grow-type: auto-fit;
      --item-width: var(--item-fit)
    }

    .module-info_blocks-552 {
      --center-insufficient: initial;
      --inline-margin: initial;
      --center-insufficient-carousel: initial
    }

    .module-info_blocks-552 .auto-grid {
      margin-inline-start: unset;
      margin-inline-end: unset;
      --fr: 1fr
    }

    .module-info_blocks-552 .auto-grid .auto-grid-items {
      grid-auto-flow: row dense;
      overflow-x: initial;
      padding-inline-start: unset;
      padding-inline-end: unset
    }

    .module-info_blocks-552 .auto-grid .auto-carousel-controls {
      display: none
    }

    .module-info_blocks-552 .auto-grid .auto-carousel-items:after {
      display: none
    }

    .module-info_blocks-552 .auto-grid .auto-grid-items.is-gliding a {
      pointer-events: auto
    }

    .module-info_blocks-552 .auto-grid>.auto-grid-items:before {
      --fader-status: 0;
      display: none
    }

    .module-info_blocks-552 .auto-grid>.auto-grid-items:after {
      --fader-status: 0;
      display: none
    }

    div.module-info_blocks-552 {
      --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
    }

    .module-info_blocks-552 .auto-grid .module-item-1 {
      grid-row-end: auto
    }

    .module-info_blocks-552 .auto-grid .module-item-1 .info-block-img {
      height: auto
    }
    footer .grid-cols-wrapper {
      max-width: 1440px
    }

    footer {
      overflow: hidden
    }

    footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col {
      --unit: 1%
    }

    footer>.grid-rows>.grid-row-3>.row-bg {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    footer>.grid-rows>.grid-row-3:before {
      display: block;
      left: 0;
      right: 0;
      width: 100%
    }

    footer>.grid-rows>.grid-row-3 .wave-top {
      display: block
    }

    footer>.grid-rows>.grid-row-3>.wave-top {
      transform: translate3d(0, -63%, 0) scale(1)
    }

    footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
      min-width: 100%;
      display: block
    }

    footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
      justify-content: flex-start
    }

    footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    footer>.grid-rows>.grid-row-3>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    .grid-items>.grid-item.grid-module-footer-3-1-1 {
      display: flex
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper {
      --content-gutter: 0px
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col {
      flex-basis: calc((900px + 1px - (100*var(--unit, 1%)))*9999);
      --unit: 1vw
    }

    footer>.grid-rows>.grid-row-5>.row-bg {
      background-color: rgba(0, 0, 0, 1);
      --background-color: rgba(0, 0, 0, 1);
      background-image: url('../cdn.blacklinewear.com/image/cache/catalog/journal3/assets/backgrounds/lines/relief-lines-1500x800.png');
      background-position: center center
    }

    footer>.grid-rows>.grid-row-5:before {
      display: block;
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      left: 0;
      right: 0;
      width: 100%
    }

    footer>.grid-rows>div.grid-row-5:before {
      max-width: 50%;
      left: 0;
      right: auto;
      margin: 0
    }

    footer>.grid-rows>.grid-row-5 .wave-top {
      display: block
    }

    footer>.grid-rows>.grid-row-5>.wave-top {
      transform: translate3d(0, -63%, 0) scale(1)
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
      min-width: 40%;
      display: block
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
      padding: var(--j-gap-spacing-vr-row-l);
      --element-padding: var(--j-gap-spacing-vr-row-l);
      padding-right: var(--j-gap-spacing-gutter-1);
      --element-padding-right: var(--j-gap-spacing-gutter-1);
      padding-left: var(--j-gap-spacing-gutter-1);
      --element-padding-left: var(--j-gap-spacing-gutter-1)
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    .grid-items>.grid-item.grid-module-footer-5-1-1 {
      display: flex
    }

    div.grid-items>.grid-item.grid-module-footer-5-1-2 {
      margin-top: var(--j-gap-spacing-vertical-l) !important;
      --element-margin-top: var(--j-gap-spacing-vertical-l) !important
    }

    .grid-items>.grid-item.grid-module-footer-5-1-2 {
      display: flex
    }

    div.grid-items>.grid-item.grid-module-footer-5-1-3 {
      margin-top: var(--j-gap-spacing---9) !important;
      --element-margin-top: var(--j-gap-spacing---9) !important
    }

    .grid-items>.grid-item.grid-module-footer-5-1-3 {
      display: flex
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
      min-width: 60%;
      display: block
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
      padding: var(--j-gap-spacing-vr-row-l);
      --element-padding: var(--j-gap-spacing-vr-row-l);
      padding-right: 0;
      --element-padding-right: 0px;
      padding-left: var(--j-gap-spacing-vr-row-m);
      --element-padding-left: var(--j-gap-spacing-vr-row-m)
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    @media (max-width:900px) {
      footer>.grid-rows>.grid-row-5>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
        padding-right: var(--j-gap-spacing-gutter-1);
        --element-padding-right: var(--j-gap-spacing-gutter-1);
        padding-left: var(--j-gap-spacing-gutter-1);
        --element-padding-left: var(--j-gap-spacing-gutter-1)
      }
    }

    .grid-items>.grid-item.grid-module-footer-5-2-1 {
      display: flex
    }

    footer>.grid-rows>.grid-row-6 {
      --col-gap: var(--j-gap-spacing---6);
      padding-top: var(--j-gap-spacing---7);
      padding-bottom: var(--j-gap-spacing---7)
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col {
      flex-basis: calc((600px + 1px - (100*var(--unit, 1%)))*9999);
      --unit: 1vw
    }

    footer>.grid-rows>.grid-row-6>.row-bg {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 0;
      border-top-width: 1px;
      border-style: solid;
      border-image: radial-gradient(circle at 10% 20%, #5a5c6a 0%, #202d3a 81.3%);
      border-image-slice: 1
    }

    footer>.grid-rows>.grid-row-6:before {
      display: block;
      left: 0;
      right: 0;
      width: 100%
    }

    footer>.grid-rows>.grid-row-6 .wave-top {
      display: block
    }

    footer>.grid-rows>.grid-row-6>.wave-top {
      transform: translate3d(0, -63%, 0) scale(1)
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
      min-width: 25%;
      display: block
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
      justify-content: center
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    @media (max-width:900px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
        align-items: center
      }
    }

    @media (max-width:500px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
        min-width: 100%
      }
    }

    .grid-items>.grid-item.grid-module-footer-6-1-1 {
      display: flex
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
      min-width: 25%;
      display: block
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
      justify-content: center
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    @media (max-width:900px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
        align-items: center
      }
    }

    @media (max-width:500px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
        min-width: 100%
      }
    }

    .grid-items>.grid-item.grid-module-footer-6-2-1 {
      display: flex
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3 {
      min-width: 20%;
      display: block
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    @media (max-width:900px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3>.grid-items {
        align-items: center
      }
    }

    @media (max-width:500px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-3 {
        min-width: 100%
      }
    }

    .grid-items>.grid-item.grid-module-footer-6-3-1 {
      display: flex
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4 {
      min-width: 30%;
      display: block
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4>.grid-items:before {
      --unit: 1%;
      left: 0;
      right: auto;
      display: none
    }

    @media (max-width:900px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4>.grid-items {
        align-items: center
      }
    }

    @media (max-width:500px) {
      footer>.grid-rows>.grid-row-6>.grid-cols-wrapper>.grid-cols>.grid-col-4 {
        min-width: 100%
      }
    }

    .grid-items>.grid-item.grid-module-footer-6-4-1 {
      display: flex
    }
    .module-newsletter-753 {
      padding: var(--j-gap-spacing-vertical-xl);
      --element-padding: var(--j-gap-spacing-vertical-xl);
      padding-right: 0;
      --element-padding-right: 0px;
      padding-bottom: var(--j-gap-spacing-gap-6);
      --element-padding-bottom: var(--j-gap-spacing-gap-6);
      padding-left: 0;
      --element-padding-left: 0px;
      width: 100%;
      text-align: center;
      justify-content: center;
      margin-inline: auto;
      --text-input-gap: var(--j-gap-spacing-gap-4);
      --input-height: 44px
    }

    .module-newsletter-753 .module-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2;
      margin-bottom: var(--j-gap-spacing---6) !important;
      --element-margin-bottom: var(--j-gap-spacing---6) !important
    }

    .module-newsletter-753 .module-title:after {
      display: none;
      margin-top: .7em
    }

    .module-newsletter-753 .module-title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .module-newsletter-753 .module-title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .module-newsletter-753 .module-title:after,
    .module-newsletter-753 .module-title .page-title-text:after,
    .module-newsletter-753 .module-title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .module-newsletter-753 .module-body>div {
      align-self: center
    }

    .module-newsletter-753 .title:after {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, 0, 0)
    }

    .module-newsletter-753 .module-body {
      flex-direction: column
    }

    .module-newsletter-753 .newsletter-text,
    .module-newsletter-753 .checkbox label {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .module-newsletter-753 div.input-group .input-group-btn button.btn,
    .module-newsletter-753 .module-body .newsletter-form form input {
      border-radius: 99px !important;
      --element-border-radius: 99px !important
    }

    .module-newsletter-753 .module-body .newsletter-form {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .module-newsletter-753 .module-body .newsletter-form .input-group input {
      width: 400px;
      max-width: 100%
    }

    .module-newsletter-753 .btn:before {
      content: '\e9e4' !important;
      font-family: icomoon !important;
      font-size: 13px !important;
      margin-right: var(--j-gap-spacing---3) !important;
      --element-margin-right: var(--j-gap-spacing---3) !important
    }

    .module-newsletter-753 .input-group .input-group-btn .btn,
    .module-newsletter-753 .input-group .input-group-btn .btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents .module-newsletter-753 .input-group .input-group-btn .btn:hover {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -10%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .module-newsletter-753 .input-group .input-group-btn .btn:active,
    .no-touchevents .module-newsletter-753 .input-group .input-group-btn .btn:hover:active {
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
    }

    .module-newsletter-753 .input-group .input-group-btn .btn {
      --focus-color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      padding: .8em;
      --element-padding: .8em;
      padding-right: 1.5em;
      --element-padding-right: 1.5em;
      padding-left: 1.5em;
      --element-padding-left: 1.5em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98;
      border-radius: 4px !important;
      --element-border-radius: 4px !important;
      padding: 1em;
      --element-padding: 1em;
      max-height: 36px;
      height: 100%
    }

    .module-newsletter-753 .input-group .input-group-btn.btn {
      justify-content: center
    }

    .module-newsletter-753 .input-group .input-group-btn .btn,
    .module-newsletter-753 .input-group .input-group-btn .tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .module-newsletter-753 .input-group .input-group-btn .btn:active,
    .no-touchevents .module-newsletter-753 .input-group .input-group-btn .btn:hover:active,
    .module-newsletter-753 .input-group .input-group-btn .btn:focus:active,
    .no-touchevents .module-newsletter-753 .input-group .input-group-btn .btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .module-newsletter-753 .input-group .input-group-btn .btn:focus,
    .module-newsletter-753 .input-group .input-group-btn .btn[disabled] {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -5%), calc(var(--j-color-scheme-button-background-a)*1)) !important
    }

    .module-newsletter-753 .input-group .input-group-btn .btn.btn.disabled:after {
      font-size: 1em
    }

    .module-newsletter-753 .input-group-btn .btn {
      transform: translateX(-4px)
    }

    .module-newsletter-753:before {
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .module-newsletter-753 .module-body .newsletter-form:before {
      content: '\eb0b' !important;
      font-family: icomoon !important;
      font-size: 24px;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.5))
    }

    .module-newsletter-753 .input-group+.checkbox label {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    .module-newsletter-753 .module-body .newsletter-form .checkbox {
      display: none
    }

    .module-newsletter-753 .module-body .newsletter-form form>div:not(.buttons):not(.checkout-section):not(.dropdown):not(#review).checkbox {
      margin-top: 12px
    }

    @media (max-width:400px) {
      .module-newsletter-753 .btn span {
        display: none
      }

      .module-newsletter-753 .btn:before {
        margin-right: 0 !important;
        --element-margin-right: 0px !important
      }
    }
    .module-image-499>.module-body>a {
      width: auto;
      --scale-active: .98
    }

    .module-image-499>.module-body>a img {
      width: initial;
      height: initial;
      object-fit: contain;
      margin-inline-start: auto;
      margin-inline-end: auto
    }

    .no-touchevents .module-image-499>.module-body>a .module-image-499>.module-body>a:hover {
      transform: scale(var(--scale-hover, 1))
    }

    .module-image-499>.module-body>a .module-image-499>.module-body>a:active {
      transform: scale(var(--scale-active, 1))
    }

    .module-image-499 {
      text-align: center
    }
    .links-menu-751 .module-body,
    .links-menu-751 .module-body>.menu-item:before {
      --item-gap: var(--j-gap-spacing---5)
    }

    .links-menu-751 .menu-item a:before {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .links-menu-751 .menu-item a .links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px;
      white-space: normal
    }

    .no-touchevents .links-menu-751 .menu-item a:hover .links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .links-menu-751 .menu-item.is-title a .links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .links-menu-751 .menu-item {
      flex-grow: 0;
      width: auto;
      --align: flex-start;
      --max-width: max-content;
      max-width: var(--max-width);
      margin: var(--item-gap, 0px) var(--align-right) var(--item-gap, 0px) 0;
      flex-direction: column;
      align-items: var(--align);
      --align-left: var(--item-gap, 0px);
      --align-right: auto
    }

    .links-menu-751 .module-body {
      justify-content: flex-start;
      padding-inline: 0px;
      --display: block;
      flex-direction: column;
      columns: var(--column-width) var(--column-count);
      column-gap: var(--column-gap);
      margin: 0;
      --column-count: auto;
      column-rule-style: none
    }

    .links-menu-751 .module-body:after {
      --display: none;
      --display-scroll: none
    }

    .links-menu-751 .menu-item:first-child {
      margin-top: 0
    }

    .links-menu-751 .menu-item:before {
      width: 100%;
      height: auto;
      border-width: 1px 0 0;
      margin: calc(0px - var(--item-gap, 0px)/2) 0 calc(var(--item-gap, 0px)/2) 0
    }

    .links-menu-751 .is-title~.is-title {
      margin: var(--title-gap, 0px) var(--align-right) var(--item-gap, 0px) 0
    }

    .links-menu-751 .menu-item>a {
      justify-content: flex-start
    }

    .links-menu-751 .count-badge {
      display: inline-flex
    }

    .links-menu-751 .menu-item a .menu-label {
      color: rgba(13, 82, 214, 1);
      background-color: rgba(215, 228, 254, 1);
      --background-color: rgba(215, 228, 254, 1);
      background-size: contain;
      position: static;
      transform: none;
      opacity: 1;
      margin: 0 0 0 calc(var(--label-margin, 0px) + var(--label-triangle-size, 0px))
    }

    .no-touchevents .links-menu-751 .menu-item a:hover .menu-label {
      background-size: contain
    }

    .links-menu-751 .menu-item a .menu-label:before {
      border-right-color: currentColor
    }

    .links-menu-751 .menu-item a .menu-label:after {
      border-top-color: transparent
    }

    div.links-menu-751 .module-body,
    div.links-menu-751 .module-body>.menu-item:before {
      --item-gap: var(--j-gap-spacing---6)
    }

    div.links-menu-751 .menu-item a,
    div.links-menu-751 .menu-item a .links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-400);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4
    }

    .no-touchevents div.links-menu-751 .menu-item a:hover,
    .no-touchevents div.links-menu-751 .menu-item a:hover .links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    div.links-menu-751 .menu-item a:before {
      font-size: 16px;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.8));
      margin-right: 8px;
      --element-margin-right: 8px
    }

    div.links-menu-751 .links-menu-item-1>a:before {
      content: '\eb7b' !important;
      font-family: icomoon !important
    }

    div.links-menu-751 .links-menu-item-2>a:before {
      content: '\eb7b' !important;
      font-family: icomoon !important
    }

    div.links-menu-751 .links-menu-item-2>a .links-text {
      text-align: left
    }
    .icons-menu-61 a:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      font-size: 17px
    }

    .icons-menu-61 .menu-item a {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    .no-touchevents .icons-menu-61 a:hover:before {
      color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .icons-menu-61>ul {
      padding: var(--j-gap-spacing-gap-1);
      --element-padding: var(--j-gap-spacing-gap-1);
      padding-bottom: var(--j-gap-spacing-gap-2);
      --element-padding-bottom: var(--j-gap-spacing-gap-2)
    }

    .icons-menu-61 .links-text {
      white-space: normal;
      overflow: visible;
      text-overflow: ellipsis;
      display: none
    }

    .icons-menu-61 a {
      width: 40px;
      height: 40px;
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .icons-menu-61 {
      --icon-spacing: 8px
    }

    .no-touchevents .icons-menu-61 a:hover {
      border-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .icons-menu-tooltip-61 .tooltip-inner {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
      line-height: 1.25;
      background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      padding: .4em;
      --element-padding: .4em;
      padding-right: .7em;
      --element-padding-right: .7em;
      padding-left: .7em;
      --element-padding-left: .7em;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .icons-menu-tooltip-61.tooltip.top .tooltip-arrow {
      border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-61.tooltip.right .tooltip-arrow {
      border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-61.tooltip.bottom .tooltip-arrow {
      border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-61.tooltip.left .tooltip-arrow {
      border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-61 ul {
      justify-content: center
    }

    .icons-menu-61 .module-title {
      text-align: center
    }

    .icons-menu-61 .module-title:after {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, 0, 0)
    }

    @media (max-width:500px) {
      .icons-menu-61 a {
        width: 36px;
        height: 36px
      }
    }

    .icons-menu-61 .icons-menu-item-1.icon-menu-icon>a:before {
      content: '\f09a' !important;
      font-family: icomoon !important
    }

    .icons-menu-61 .icons-menu-item-2.icon-menu-icon>a:before {
      content: '\e90e' !important;
      font-family: icomoon !important;
      font-size: 19px
    }

    .icons-menu-61 .icons-menu-item-3.icon-menu-icon>a:before {
      content: '\eaed' !important;
      font-family: icomoon !important
    }

    .icons-menu-61 .icons-menu-item-4.icon-menu-icon>a:before {
      content: '\eaec' !important;
      font-family: icomoon !important
    }

    .icons-menu-61 .icons-menu-item-5.icon-menu-icon>a:before {
      content: '\e98b' !important;
      font-family: icomoon !important
    }

    .icons-menu-61 .icons-menu-item-6.icon-menu-icon>a:before {
      content: '\f232' !important;
      font-family: icomoon !important
    }
    div.module-catalog-453 .catalog-title:not(:empty)+.item-assets {
      margin-top: var(--j-gap-spacing---7)
    }

    div.module-catalog-453 .item-assets .subitems {
      --catalog-link-gap: var(--j-gap-spacing---5)
    }

    .module-catalog-453 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 1*0px)/2 - .01px)
    }

    .module-catalog-453 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/2 - .01px)
    }

    .one-column #content .module-catalog-453 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .one-column #content .module-catalog-453 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .two-column #content .module-catalog-453 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .two-column #content .module-catalog-453 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .side-column .module-catalog-453 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .side-column .module-catalog-453 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .module-catalog-453 .subitem>a s {
      background-color: rgba(215, 228, 254, 1);
      --background-color: rgba(215, 228, 254, 1);
      border-radius: 3px;
      --element-border-radius: 3px
    }

    .module-catalog-453 .catalog-title:not(:empty)+.item-assets {
      margin-top: var(--j-gap-spacing---5)
    }

    .module-catalog-453 .catalog-title {
      display: flex;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      width: auto;
      margin-inline: 0 auto;
      justify-content: flex-start;
      align-items: flex-start;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      -webkit-line-clamp: 2
    }

    .no-touchevents .module-catalog-453 .catalog-title:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .module-catalog-453 .subitems {
      align-items: flex-start;
      --catalog-link-gap: var(--j-gap-spacing---4);
      --column-count: auto;
      --column-width: 150px;
      --column-gap: 32px;
      column-rule-style: none
    }

    .module-catalog-453 .subitem a {
      padding-bottom: 1px;
      --element-padding-bottom: 1px;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .no-touchevents .module-catalog-453 .subitem:hover a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .module-catalog-453 .subitem.view-more span {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .no-touchevents .module-catalog-453 .subitem.view-more:hover span {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .module-catalog-453 .subitem.view-more:after {
      content: '\f105' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      transform: translate3d(0px, 1px, 0);
      margin-left: 6px;
      --element-margin-left: 6px
    }

    .no-touchevents .module-catalog-453 .subitem.view-more:hover:after {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1))
    }

    .module-catalog-453 .subitem>a {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%
    }

    .module-catalog-453 .subitem:before {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .no-touchevents .module-catalog-453 .catalog-image .catalog-image:hover {
      transform: scale(var(--scale-hover, 1));
      transform: scale(var(--scale-hover, 1))
    }

    .module-catalog-453 .catalog-image .catalog-image:active {
      transform: scale(var(--scale-active, 1));
      transform: scale(var(--scale-active, 1))
    }

    .module-catalog-453 .catalog-image {
      --scale-hover: 1.02;
      --scale-active: 1;
      justify-content: start;
      align-items: start;
      order: 2;
      display: flex
    }

    .module-catalog-453 .catalog-image img,
    .module-catalog-453 .catalog-image:after {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .module-catalog-453 .item-content:before {
      display: none
    }

    .module-catalog-453 .catalog-image:before {
      inset-inline: 50% 50%;
      inset-block: 50% 50%
    }

    .module-catalog-453 .item-assets {
      --catalog-gap: var(--j-gap-spacing---6);
      --image-max-width: 45%;
      --image-min-width: 80px;
      flex-direction: row;
      flex-wrap: wrap
    }

    .module-catalog-453 .catalog-image img {
      width: auto;
      height: auto
    }

    .module-catalog-453 .module-item .item-content .catalog-image img {
      width: 100%;
      height: 100%
    }

    .module-catalog-453 .flex-grid>* {
      flex-grow: 0
    }

    div.module-catalog-453 .auto-grid {
      --grid-min-width: 170px;
      --grid-min-col: 2;
      --grid-gap: var(--j-gap-spacing-gap-4);
      --auto-grow-type: auto-fit;
      --item-width: var(--item-fit);
      --scrollbar-top-space: 0px;
      --scrollbar-bottom-space: 0px;
      --scroll-padding: var(--scroll-padding-custom, var(--grid-gap, 0px))
    }

    .module-catalog-453 {
      --center-insufficient: initial;
      --inline-margin: initial;
      --center-insufficient-carousel: initial
    }

    .module-catalog-453 .auto-grid {
      margin-inline-start: unset;
      margin-inline-end: unset;
      --fr: 1fr
    }

    .module-catalog-453 .auto-grid .auto-grid-items {
      grid-auto-flow: row dense;
      overflow-x: initial;
      padding-inline-start: unset;
      padding-inline-end: unset
    }

    .module-catalog-453 .auto-grid .auto-carousel-controls {
      display: none
    }

    .module-catalog-453 .auto-grid .auto-carousel-items:after {
      display: none
    }

    .module-catalog-453 .auto-grid .auto-grid-items.is-gliding a {
      pointer-events: auto
    }

    .module-catalog-453 .auto-grid>.auto-carousel-buttons {
      visibility: hidden
    }

    .module-catalog-453 .auto-grid>.auto-grid-items:before {
      --fader-status: 0;
      display: none
    }

    .module-catalog-453 .auto-grid>.auto-grid-items:after {
      --fader-status: 0;
      display: none
    }

    div.module-catalog-453 .auto-carousel-bar {
      display: none;
      margin: 0
    }

    div.module-catalog-453 .auto-carousel-controls.auto-carousel-bar {
      max-height: 0
    }

    div.module-catalog-453 {
      --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
    }
    .module-info_blocks-328 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 1*0px)/2 - .01px)
    }

    .module-info_blocks-328 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/2 - .01px)
    }

    .one-column #content .module-info_blocks-328 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 1*0px)/2 - .01px)
    }

    .one-column #content .module-info_blocks-328 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/2 - .01px)
    }

    .two-column #content .module-info_blocks-328 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 1*0px)/2 - .01px)
    }

    .two-column #content .module-info_blocks-328 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/2 - .01px)
    }

    .side-column .module-info_blocks-328 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 1*0px)/2 - .01px)
    }

    .side-column .module-info_blocks-328 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/2 - .01px)
    }

    .module-info_blocks-328 .info-block .info-block-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      display: flex
    }

    .no-touchevents .module-info_blocks-328 a.info-block:hover .info-block-title,
    .module-info_blocks-328 a.info-block:active .info-block-title {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .module-info_blocks-328 .info-block-text {
      order: initial
    }

    .module-info_blocks-328 .info-block .info-block-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.6;
      display: block
    }

    .no-touchevents .module-info_blocks-328 a.info-block:hover .info-block-text,
    .module-info_blocks-328 a.info-block:active .info-block-text {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .module-info_blocks-328 .info-block-title:not(:empty)+.info-block-text:not(:empty) {
      margin-top: 4px
    }

    .module-info_blocks-328 a.info-block {
      --scale-active: .98;
      overflow: visible
    }

    .module-info_blocks-328 .info-block-content:before {
      display: none
    }

    .module-info_blocks-328 a.info-block .info-block-content:before {
      transform: scaleX(0) scaleY(1);
      transform-origin: right
    }

    .no-touchevents .module-info_blocks-328 a.info-block:hover .info-block-content:before {
      transform: scaleX(1) scaleY(1);
      transform-origin: left
    }

    .module-info_blocks-328 .info-block {
      --align-v: center;
      --align-h: center;
      --align-text-v: start;
      --align-text-h: center;
      display: flex;
      flex-direction: row;
      --align-h: flex-start;
      --gap: var(--j-gap-spacing---7)
    }

    .module-info_blocks-328 .info-block:before {
      align-self: center;
      height: var(--height);
      font-size: 26px;
      content: '\eb26' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .module-info_blocks-328 .info-block-img {
      align-self: center
    }

    .module-info_blocks-328 .info-block-counter {
      align-self: center
    }

    .module-info_blocks-328 .info-block-content {
      justify-content: var(--align-v);
      align-items: flex-start;
      text-align: start
    }

    .module-info_blocks-328 .info-block:after {
      opacity: 1;
      transform: translate3d(0, 0, 0) scale(1)
    }

    .module-info_blocks-328 .info-blocks .info-block-title:before {
      display: none
    }

    .module-info_blocks-328 .info-blocks-incremental .info-block:before {
      content: counter(top-counters) !important
    }

    .module-info_blocks-328 .info-block:before,
    .module-info_blocks-328 .info-block-img,
    .module-info_blocks-328 .info-block-counter {
      border-radius: 9999px;
      --element-border-radius: 9999px
    }

    .module-info_blocks-328 .info-block-button.btn,
    .module-info_blocks-328 .info-block-button.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents .module-info_blocks-328 .info-block-button.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .module-info_blocks-328 .info-block-button.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .module-info_blocks-328 .info-block-button.btn,
    .module-info_blocks-328 .info-block-button.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .module-info_blocks-328 .info-block-button.btn:active,
    .no-touchevents .module-info_blocks-328 .info-block-button.btn:hover:active,
    .module-info_blocks-328 .info-block-button.btn:focus:active,
    .no-touchevents .module-info_blocks-328 .info-block-button.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .module-info_blocks-328 .info-block-button.btn:focus,
    .module-info_blocks-328 .info-block-button.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .module-info_blocks-328 .info-block-button.btn:active,
    .no-touchevents .module-info_blocks-328 .info-block-button.btn:hover:active,
    .module-info_blocks-328 .info-block-button.btn:focus:active {
      box-shadow: none
    }

    .module-info_blocks-328 .info-block-button.btn:focus {
      box-shadow: none
    }

    .module-info_blocks-328 .info-block-button.btn.btn.disabled:after {
      font-size: 1em
    }

    .module-info_blocks-328 .info-block-button {
      margin-top: var(--j-gap-spacing---5);
      --element-margin-top: var(--j-gap-spacing---5);
      font-size: var(--j-font_size-font-size-300) !important
    }

    .module-info_blocks-328 .info-block .count-badge {
      display: none
    }

    .module-info_blocks-328 .module-item .info-block .info-block-text {
      font-size: var(--j-font_size-font-size-200)
    }

    .module-info_blocks-328 .flex-grid>* {
      flex-grow: 1
    }

    div.module-info_blocks-328 .auto-grid {
      --auto-grow-type: auto-fit;
      --item-width: var(--item-fit)
    }

    .module-info_blocks-328 {
      --center-insufficient: initial;
      --inline-margin: initial;
      --center-insufficient-carousel: initial
    }

    .module-info_blocks-328 .auto-grid {
      margin-inline-start: unset;
      margin-inline-end: unset;
      --fr: 1fr
    }

    .module-info_blocks-328 .auto-grid .auto-grid-items {
      grid-auto-flow: row dense;
      overflow-x: initial;
      padding-inline-start: unset;
      padding-inline-end: unset
    }

    .module-info_blocks-328 .auto-grid .auto-carousel-controls {
      display: none
    }

    .module-info_blocks-328 .auto-grid .auto-carousel-items:after {
      display: none
    }

    .module-info_blocks-328 .auto-grid .auto-grid-items.is-gliding a {
      pointer-events: auto
    }

    .module-info_blocks-328 .auto-grid>.auto-grid-items:before {
      --fader-status: 0;
      display: none
    }

    .module-info_blocks-328 .auto-grid>.auto-grid-items:after {
      --fader-status: 0;
      display: none
    }

    div.module-info_blocks-328 {
      --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
    }

    @media (max-width:500px) {
      .module-info_blocks-328 .module-item .info-block .info-block-text {
        font-size: var(--j-font_size-font-size-100)
      }
    }

    .module-info_blocks-328 .auto-grid .module-item-1 {
      grid-row-end: auto
    }

    .module-info_blocks-328 .auto-grid .module-item-1 .info-block-img {
      height: auto
    }
    .module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 2*0px)/3 - .01px)
    }

    .module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/3 - .01px)
    }

    .one-column #content .module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 2*0px)/3 - .01px)
    }

    .one-column #content .module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/3 - .01px)
    }

    .two-column #content .module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 2*0px)/3 - .01px)
    }

    .two-column #content .module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/3 - .01px)
    }

    .side-column .module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 2*0px)/3 - .01px)
    }

    .side-column .module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/3 - .01px)
    }

    .module-info_blocks-1164 .module-body .ipr-grid {
      margin: 0;
      --element-margin: 0px
    }

    .module-info_blocks-1164 .module-item .info-block .info-block-title {
      font-size: var(--j-font_size-font-size-200);
      color: rgba(255, 255, 255, 1);
      text-decoration: none;
      -webkit-text-decoration: none
    }

    .module-info_blocks-1164 .module-item .info-block .info-block-text {
      display: none;
      font-size: var(--j-font_size-font-size-200);
      text-decoration: none;
      -webkit-text-decoration: none
    }

    .no-touchevents .module-info_blocks-1164 .module-item .info-block:hover .info-block-text {
      text-decoration: underline;
      -webkit-text-decoration: underline
    }

    .module-info_blocks-1164 .flex-grid>* {
      flex-grow: 0
    }

    .module-info_blocks-1164 .flex-grid {
      justify-content: center
    }

    div.module-info_blocks-1164 .auto-grid {
      --grid-min-width: 0px;
      --grid-min-col: 3;
      --grid-max-col: 3;
      --grid-gap: 0px
    }

    .module-info_blocks-1164 {
      --center-insufficient: initial;
      --inline-margin: initial;
      --center-insufficient-carousel: initial
    }

    .module-info_blocks-1164 .auto-grid {
      margin-inline-start: unset;
      margin-inline-end: unset;
      --fr: 1fr
    }

    .module-info_blocks-1164 .auto-grid .auto-grid-items {
      grid-auto-flow: row dense;
      overflow-x: initial;
      padding-inline-start: unset;
      padding-inline-end: unset
    }

    .module-info_blocks-1164 .auto-grid .auto-carousel-controls {
      display: none
    }

    .module-info_blocks-1164 .auto-grid .auto-carousel-items:after {
      display: none
    }

    .module-info_blocks-1164 .auto-grid .auto-grid-items.is-gliding a {
      pointer-events: auto
    }

    .module-info_blocks-1164 .auto-grid>.auto-grid-items:before {
      --fader-status: 0;
      display: none
    }

    .module-info_blocks-1164 .auto-grid>.auto-grid-items:after {
      --fader-status: 0;
      display: none
    }

    div.module-info_blocks-1164 {
      --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
    }

    @media (max-width:500px) {
      .module-info_blocks-1164 .module-item .info-block .info-block-text {
        font-size: var(--j-font_size-font-size-100)
      }
    }

    .module-info_blocks-1164 .auto-grid .module-item-3 {
      grid-row-end: auto
    }

    .module-info_blocks-1164 .auto-grid .module-item-3 .info-block-img {
      height: auto
    }

    .module-info_blocks-1164 .module-item-3 .info-block:before {
      content: none !important
    }

    .module-info_blocks-1164 .module-item-3 .info-block:after {
      content: none !important
    }

    .module-info_blocks-1164 .module-item-3 .info-block-title:after {
      content: none !important
    }
    .icons-menu-1162 a:before {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.9));
      font-size: 30px
    }

    .no-touchevents .icons-menu-1162 a:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .icons-menu-1162 .links-text {
      white-space: normal;
      overflow: visible;
      text-overflow: ellipsis;
      display: none
    }

    .icons-menu-1162 {
      --icon-spacing: 8px
    }

    .icons-menu-1162 ul {
      justify-content: flex-end
    }

    .icons-menu-1162 .module-title {
      text-align: right
    }

    .icons-menu-1162 .module-title:after {
      left: 100%;
      right: auto;
      transform: translate3d(-100%, 0, 0)
    }

    @media (max-width:500px) {
      .icons-menu-1162 a:before {
        font-size: 24px
      }
    }

    .icons-menu-1162 .icons-menu-item-1.icon-menu-icon>a:before {
      content: '\f1f0' !important;
      font-family: icomoon !important
    }

    .icons-menu-1162 .icons-menu-item-2.icon-menu-icon>a:before {
      content: '\f1f1' !important;
      font-family: icomoon !important
    }

    .icons-menu-1162 .icons-menu-item-3.icon-menu-icon>a:before {
      content: '\f1f3' !important;
      font-family: icomoon !important
    }

    .icons-menu-1162 .icons-menu-item-4.icon-menu-icon>a:before {
      content: '\f1f2' !important;
      font-family: icomoon !important
    }
    .icons-menu-1163 a:before {
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.9));
      font-size: 30px
    }

    .no-touchevents .icons-menu-1163 a:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .icons-menu-1163 .links-text {
      white-space: normal;
      overflow: visible;
      text-overflow: ellipsis;
      display: none
    }

    .icons-menu-1163 {
      --icon-spacing: 8px
    }

    .icons-menu-1163 ul {
      justify-content: center
    }

    .icons-menu-1163 .module-title {
      text-align: center
    }

    .icons-menu-1163 .module-title:after {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, 0, 0)
    }

    @media (max-width:500px) {
      .icons-menu-1163 a:before {
        font-size: 24px
      }
    }

    .icons-menu-1163 .icons-menu-item-1.icon-menu-icon>a:before {
      content: '\f1f0' !important;
      font-family: icomoon !important
    }

    .icons-menu-1163 .icons-menu-item-2.icon-menu-icon>a:before {
      content: '\f1f1' !important;
      font-family: icomoon !important
    }
    .desktop-cart-wrapper #cart .cart-label {
      display: inline-block
    }

    .desktop-cart-wrapper #cart .cart-text {
      display: block
    }

    .desktop-cart-wrapper #cart .cart-title {
      display: none
    }

    .desktop-cart-wrapper #cart>a>em:before {
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      transform: translate3d(0px, -1px, 0)
    }

    .no-touchevents .desktop-cart-wrapper #cart:hover>a>em:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .desktop-cart-wrapper #cart-items {
      --x: 5px;
      display: none;
      z-index: 1
    }

    .desktop-cart-wrapper #cart-total {
      display: flex;
      padding-right: 0;
      --element-padding-right: 0px;
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6);
      order: 0;
      text-align: end
    }

    .desktop-cart-wrapper div#cart {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .desktop-cart-wrapper div#cart:hover {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .desktop-cart-wrapper div#cart>a {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-300) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1.3 !important
    }

    .no-touchevents .desktop-cart-wrapper div#cart:hover>a {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    #cart {
      display: flex;
      --scale-active: .99
    }

    .desktop.mobile-cart-content-container-open [class*=-menu-container] .mobile-wrapper-header>span:after {
      content: 'Menu'
    }

    .desktop.mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header>span:after {
      content: 'Your Cart'
    }

    .desktop.mobile-cart-content-container-open .mobile-wrapper-header>span {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .desktop.mobile-cart-content-container-open .mobile-wrapper-header {
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 0;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .desktop.mobile-cart-content-container-open .mobile-wrapper-header>a:before {
      content: '\e9c5' !important;
      font-family: icomoon !important;
      font-size: 17px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .desktop.mobile-cart-content-container-open .mobile-container {
      --mobile-wrapper-header: 48px;
      max-width: 90%;
      width: 400px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop.mobile-cart-content-container-open .mobile-filter-wrapper .module-filter {
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m);
      padding-top: var(--j-gap-spacing---4);
      --element-padding-top: var(--j-gap-spacing---4)
    }

    .desktop.mobile-cart-content-container-open .mobile-main-menu-wrapper .main-menu,
    .desktop.mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper .main-menu,
    .desktop.mobile-cart-content-container-open .mobile-main-menu-wrapper+.accordion-menu,
    .desktop.mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper+.accordion-menu {
      padding: var(--j-gap-spacing---8);
      --element-padding: var(--j-gap-spacing---8)
    }

    .desktop.mobile-cart-content-container-open .mobile-container .tab-container {
      --align-tabs: var(--tabs-align, flex-start)
    }

    .desktop.mobile-cart-content-container-open .mobile-container .tab-container .full-tabs-bg {
      --full-bg-display: block
    }

    .desktop.mobile-cart-content-container-open .mobile-container .tab-container .tab-content:before {
      --full-content-bg-display: block
    }

    .desktop.mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs {
      min-width: initial !important;
      max-width: var(--max-width-display, 100vw) !important;
      max-height: none !important;
      --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px) !important;
      --tab-align: auto !important;
      flex-direction: row !important;
      align-items: center !important;
      padding-bottom: var(--pb) !important;
      overflow-x: var(--overflow-x-scroll) !important;
      overflow-y: var(--overflow-y-scroll) !important
    }

    .desktop.mobile-cart-content-container-open .mobile-container .tab-container .tab-content {
      flex-basis: 100% !important;
      max-height: none;
      overflow-y: initial;
      overflow-x: initial
    }

    .desktop.mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs+.tab-content {
      margin-block-start: var(--spacing, 0px);
      margin-inline-start: 0
    }

    .desktop-cart-wrapper {
      height: initial
    }

    #cart>a>em {
      height: 100%
    }

    #cart-content {
      min-width: 400px
    }

    div.cart-content ul {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    div.cart-content {
      --cart-table-spacing-v: 12px
    }

    div.cart-content .cart-products tbody>tr>td {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important;
      vertical-align: middle
    }

    #cart-content>.j-dropdown:before,
    #cart-content>.tt-menu:before,
    #cart-content#cart-content:before {
      --triangle-left-offset: -5px
    }

    div.cart-content .cart-products {
      max-height: 340px;
      overflow-y: auto
    }

    .cart-content .cart-empty {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    div.cart-content .cart-empty:before {
      content: '\ea9c' !important;
      font-family: icomoon !important;
      font-size: 32px;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    div.cart-content .cart-totals table {
      padding: var(--j-gap-spacing---6) !important;
      --element-padding: var(--j-gap-spacing---6) !important
    }

    div.cart-content img {
      border-radius: 4px;
      --element-border-radius: 4px;
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    div.cart-content .td-qty {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.25
    }

    div.cart-content .td-total {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1
    }

    div.cart-content .td-name a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .no-touchevents div.cart-content .td-name a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    div.cart-content .td-name span {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1
    }

    div.cart-content .td-name small {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.1
    }

    div.cart-content .cart-products tbody .td-remove button i:before {
      font-size: 13px;
      transform: translate3d(-2px, 0px, 0);
      left: -3px;
      top: 1px
    }

    div.cart-content .cart-products tbody .td-remove button {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents div.cart-content .cart-products tbody .td-remove button:hover {
      color: rgba(13, 82, 214, 1)
    }

    .cart-content .cart-products tbody .td-image {
      display: block
    }

    .cart-content .cart-products tbody .td-image a {
      min-width: 60px
    }

    .cart-content .cart-products tbody .td-name a {
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
    }

    div.cart-content .cart-totals table,
    div.cart-content .cart-totals table td {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    div.cart-content .cart-totals td {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    div.cart-content .cart-totals .td-total-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    div.cart-content .cart-totals tbody td {
      border-style: none !important
    }

    div.cart-content .cart-buttons {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5)
    }

    div.cart-content .btn-cart {
      display: inline-flex
    }

    div.cart-content .btn.btn-cart:before {
      content: none !important
    }

    div.cart-content .cart-buttons .btn-cart.btn,
    div.cart-content .cart-buttons .btn-cart.btn:visited {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .no-touchevents div.cart-content .cart-buttons .btn-cart.btn:hover {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    div.cart-content .cart-buttons .btn-cart.btn:active,
    .no-touchevents div.cart-content .cart-buttons .btn-cart.btn:hover:active {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    div.cart-content .cart-buttons .btn-cart.btn {
      --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
      border-width: 1px;
      border-style: solid
    }

    div.cart-content .cart-buttons .btn-cart.btn,
    div.cart-content .cart-buttons .btn-cart.tooltip {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    div.cart-content .cart-buttons .btn-cart.btn:active,
    .no-touchevents div.cart-content .cart-buttons .btn-cart.btn:hover:active,
    div.cart-content .cart-buttons .btn-cart.btn:focus:active,
    .no-touchevents div.cart-content .cart-buttons .btn-cart.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    div.cart-content .cart-buttons .btn-cart.btn:focus,
    div.cart-content .cart-buttons .btn-cart.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
    }

    .no-touchevents div.cart-content .cart-buttons .btn-cart.btn:hover,
    .no-touchevents div.cart-content .cart-buttons .btn-cart.btn:active:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    div.cart-content .cart-buttons .btn-cart.btn:active,
    .no-touchevents div.cart-content .cart-buttons .btn-cart.btn:hover:active,
    div.cart-content .cart-buttons .btn-cart.btn:focus:active {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    div.cart-content .cart-buttons .btn-cart.btn:focus {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    div.cart-content .cart-buttons .btn-cart.btn.btn.disabled:after {
      font-size: 1em
    }

    div.cart-content .btn-checkout {
      display: inline-flex
    }

    .cart-content .cart-buttons {
      --cart-buttons-gap: 12px
    }

    div.cart-content .cart-buttons .btn-checkout.btn,
    div.cart-content .cart-buttons .btn-checkout.btn:visited {
      font-family: 'Noto Kufi Arabic' !important;
      font-weight: 400 !important;
      font-size: var(--j-font_size-font-size-500) !important;
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important;
      text-transform: none !important;
      text-decoration: none !important;
      -webkit-text-decoration: none !important;
      line-height: 1 !important
    }

    .no-touchevents div.cart-content .cart-buttons .btn-checkout.btn:hover {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - -5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    div.cart-content .cart-buttons .btn-checkout.btn:active,
    .no-touchevents div.cart-content .cart-buttons .btn-checkout.btn:hover:active {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
    }

    div.cart-content .cart-buttons .btn-checkout.btn {
      --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
      justify-content: center;
      border-width: 1px;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      padding: 1.1em;
      --element-padding: 1.1em;
      padding-right: 2em;
      --element-padding-right: 2em;
      padding-left: 2em;
      --element-padding-left: 2em;
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      --scale-active: .98
    }

    div.cart-content .cart-buttons .btn-checkout.btn,
    div.cart-content .cart-buttons .btn-checkout.tooltip {
      background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    div.cart-content .cart-buttons .btn-checkout.btn:active,
    .no-touchevents div.cart-content .cart-buttons .btn-checkout.btn:hover:active,
    div.cart-content .cart-buttons .btn-checkout.btn:focus:active,
    .no-touchevents div.cart-content .cart-buttons .btn-checkout.btn:focus:hover:active {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    div.cart-content .cart-buttons .btn-checkout.btn:focus,
    div.cart-content .cart-buttons .btn-checkout.btn[disabled] {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 5%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
    }

    div.cart-content .cart-buttons .btn-checkout.btn.btn.disabled:after {
      font-size: 1em
    }

    div.cart-content .cart-buttons .btn {
      padding: 1em !important;
      --element-padding: 1em !important;
      width: 100%;
      flex-grow: 1
    }

    .desktop-header-active #cart {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    .desktop-header-active .site-wrapper:before {
      display: block;
      display: block
    }

    .desktop-header-active .cart-open .site-overlay {
      display: none !important;
      opacity: 0;
      display: block;
      visibility: visible;
      opacity: var(--site-overlay-opacity, .5)
    }

    .desktop-header-active header .count-badge.count-badge {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      border-style: none;
      border-radius: 99px;
      --element-border-radius: 99px;
      min-height: min(18px, 100%)
    }

    .desktop-header-active.route-common-home .header .mid-bar,
    .desktop-header-active.route-common-home .header-slim-new>div {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-header-active {
      --sticky-top-distance: 120px
    }

    header .menu-item>a,
    header .menu-item>a>.links-text,
    header .desktop-language-wrapper button,
    header .desktop-currency-wrapper button,
    header .mobile-language-wrapper button,
    header .mobile-currency-wrapper button,
    header #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .no-touchevents header .menu-item:hover>a,
    .no-touchevents header .menu-item:hover>a>.links-text,
    header .menu-item.active>a>.links-text,
    header .menu-item.open>a>.links-text,
    header .menu-item.panel-active>a>.links-text,
    .no-touchevents header #cart:hover>a,
    .no-touchevents header .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents header .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents header .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents header .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    header .menu-item>a>.links-text>s {
      display: none;
      --display: block;
      margin: .1em 0
    }

    header .menu-item.main-menu-item>a>.links-text {
      --display: inline-block
    }

    header .dropdown>a:after,
    header .dropdown>button:after,
    header .desktop-language-wrapper .dropdown .dropdown-toggle:after,
    header .desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    header .mobile-language-wrapper .dropdown .dropdown-toggle:after,
    header .mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .7
    }

    .no-touchevents header .dropdown:hover>a:after,
    .no-touchevents header .dropdown:hover>button:after,
    .no-touchevents header .desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents header .desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents header .mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents header .mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
      opacity: 1
    }

    header .menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    header.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    header.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    header .menu-item>a>span>s {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.1
    }

    header .menu-item>a:before {
      font-size: 1em
    }

    header .menu-item>a:before,
    header .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    header .menu-item {
      --menu-item-gap: var(--j-gap-spacing---3)
    }

    header .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --margin-top: -1px
    }

    header .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    header .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    header .dropdown.drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    header .dropdown.drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    header .dropdown.drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    header .dropdown.dropdown>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    header .dropdown.mega-custom>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    header .dropdown.mega-custom:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    header .dropdown.mega-custom:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    header .dropdown.drop-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    header .dropdown.mega-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    header .dropdown.drop-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    header .dropdown.drop-menu .dropdown>a:after,
    header .dropdown.drop-menu .dropdown>button:after,
    header .dropdown.drop-menu .desktop-language-wrapper .dropdown .dropdown-toggle:after,
    header .dropdown.drop-menu .desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    header .dropdown.drop-menu .mobile-language-wrapper .dropdown .dropdown-toggle:after,
    header .dropdown.drop-menu .mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .4;
      left: 8px
    }

    .no-touchevents header .dropdown.drop-menu .dropdown:hover>a:after,
    .no-touchevents header .dropdown.drop-menu .dropdown:hover>button:after,
    .no-touchevents header .dropdown.drop-menu .desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents header .dropdown.drop-menu .desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents header .dropdown.drop-menu .mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents header .dropdown.drop-menu .mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
      opacity: 1
    }

    header .dropdown.drop-menu .menu-item>a>.links-text,
    header .dropdown.drop-menu.language-currency .currency-title,
    header .dropdown.drop-menu.language-currency .language-title {
      --menu-max-width: 200px
    }

    header .dropdown.drop-menu .menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    header .dropdown.drop-menu.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    header .dropdown.drop-menu.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    header .dropdown.drop-menu .menu-item>a:before {
      font-size: 1.2em
    }

    header .dropdown.drop-menu .menu-item>a:before,
    header .dropdown.drop-menu .menu-item>a .links-text em {
      margin-right: .5em;
      --element-margin-right: .5em
    }

    header .dropdown.drop-menu .menu-item:not(:first-child),
    header .dropdown.drop-menu.accordion-menu .menu-item>a+div,
    header .dropdown.drop-menu .accordion-menu .menu-item>a+div {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    header .dropdown.drop-menu .menu-item>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6);
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6)
    }

    header .dropdown.drop-menu .menu-item.has-image>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6)
    }

    header .dropdown.drop-menu .menu-item {
      --menu-item-gap: 0px
    }

    header .dropdown.drop-menu .menu-item>a>.count-badge {
      display: none;
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --x: 8px
    }

    .no-touchevents header .dropdown.dropdown .j-menu>li:hover>a,
    .no-touchevents header .dropdown.dropdown .j-menu>li:hover>a>.links-text {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1))
    }

    .no-touchevents header .dropdown.dropdown .j-menu>li:hover>a,
    .no-touchevents header .dropdown.dropdown .j-menu>li:hover>a {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    header .dropdown.dropdown .j-menu>li {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    header .dropdown .j-menu {
      --dropdown-padding: var(--j-gap-spacing---4)
    }

    header .dropdown .j-menu .j-menu {
      --dropdown-padding: 0px
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search) .j-dropdown .j-menu {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search)>.j-dropdown {
      --dropdown-width: 100px;
      width: 100px
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search):not(.flyout).main-menu-item .j-dropdown .menu-item>a {
      min-width: 100px
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li {
      min-height: 50px;
      --dropdown-main-menu-min-height: 50px
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li>a {
      min-height: 50px
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu {
      box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%);
      border-radius: 0;
      --element-border-radius: 0px
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu .j-menu {
      border-top-left-radius: 0;
      --element-border-top-left-radius: 0px
    }

    header .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:not(#cart-content):before {
      display: block;
      opacity: 1
    }

    header .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content {
      --triangle-size: 10px;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    header .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content:before {
      top: var(--triangle-size-overlay, 0px);
      height: calc(100% - var(--triangle-size-overlay, 0px))
    }

    header .dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before {
      display: block;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    header .dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
      display: block
    }

    header .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:before,
    header .dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before,
    header .dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --triangle-left-offset: 3px;
      top: 2px
    }

    header .dropdown.dropdown:not(.mega-fullwidth) {
      --triangle-top-distance: -2px
    }

    header .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item {
      --triangle-top-distance: -10px
    }

    header .dropdown.multi-level>.j-dropdown>.j-menu {
      --dropdown-cols: 2
    }

    .desktop-header-active.route-common-home .header .mid-bar {
      padding-right: 20px;
      --element-padding-right: 20px;
      border-bottom-right-radius: 4px;
      --element-border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      --element-border-bottom-left-radius: 4px
    }

    .desktop-header-active .header,
    .desktop-header-active .header-slim-new:before {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-header-active.route-common-home .header {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    :root {
      --desktop-header: 90px;
      --desktop-sticky: 80px
    }

    .header>div {
      max-width: calc(var(--max-width, var(--content-max-width, 100%)) - var(--content-gutter, 0px)*2)
    }

    .desktop-header-active .menu-open .site-overlay {
      display: block;
      visibility: visible;
      opacity: var(--site-overlay-opacity, .5)
    }

    .desktop-header-active .language-currency {
      --language-currency-spacing: 6px
    }

    .desktop-header-active .header .top-bar .language-currency {
      position: absolute;
      inset-inline-start: 50%;
      transform: translateX(var(--transform-50-rtl, -50%));
      height: var(--desktop-top-bar, 35px)
    }

    .desktop-header-active .header .top-bar {
      justify-content: space-between
    }

    .desktop-header-active .header .mid-bar .language-currency {
      margin-right: var(--j-gap-spacing---6);
      --element-margin-right: var(--j-gap-spacing---6);
      margin-left: var(--j-gap-spacing---5);
      --element-margin-left: var(--j-gap-spacing---5)
    }

    .header-cart-group .language-currency {
      flex-direction: row;
      align-items: center;
      justify-content: normal
    }

    div.language-currency.top-menu .currency .drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    div.language-currency.top-menu .currency .drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    div.language-currency.top-menu .currency .drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    div.language-currency.top-menu .currency .drop-menu>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-toggle .symbol {
      display: flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-toggle .symbol+span {
      display: block
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-toggle .currency-code {
      display: none
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .language-flag {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .currency-symbol {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .language-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .currency-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .dropdown-menu .currency-code-dropdown {
      display: none
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] form .currency-symbol-title .symbol,
    .desktop-header-active .header .language-currency [class*=-wrapper] form .currency-symbol {
      display: flex !important;
      margin-inline-end: 4px
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol {
      display: flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol+span {
      display: block
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-toggle .currency-code {
      display: none
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .language-flag {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-symbol {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .language-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-code-dropdown {
      display: none
    }

    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .currency-symbol-title .symbol,
    .desktop-header-active .header .language-currency [class*=-wrapper] .currency form .currency-symbol {
      display: flex !important;
      margin-inline-end: 4px
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .language-flag {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .currency-symbol {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .language-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .currency-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] form .dropdown-menu .currency-code-dropdown {
      display: none
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol {
      display: flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-toggle .symbol~span {
      display: none
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-toggle .currency-code {
      display: none
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .language-flag {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-symbol {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .language-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-title-dropdown {
      display: inline-flex
    }

    .desktop-header-active .header div.language-currency [class*=-wrapper] .currency form .dropdown-menu .currency-code-dropdown {
      display: none
    }

    .desktop-header-active .header {
      --desktop-logo-wrapper: 200px
    }

    .desktop-header-active .header .desktop-logo-wrapper {
      min-width: 200px
    }

    .desktop-header-active .header-classic .mid-bar .desktop-logo-wrapper {
      min-width: 200px;
      order: 0;
      position: relative;
      inset-inline: auto;
      transform: none
    }

    #logo {
      --logo-max-width: 200px;
      transition: all var(--header-transition) ease-out
    }

    .header #logo a,
    .desktop-logo-wrapper {
      justify-content: center
    }

    .header #logo a {
      padding: var(--j-gap-spacing-gap-2);
      --element-padding: var(--j-gap-spacing-gap-2)
    }

    .header #logo a,
    .header-slim-new #logo {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-header-active .header-classic .mid-bar .desktop-search-wrapper {
      order: 2;
      flex-grow: 1
    }

    .desktop-header-active .header-classic .desktop-logo-wrapper {
      width: auto
    }

    .desktop-header-active .header-classic .desktop-search-wrapper {
      width: auto
    }

    .desktop-header-active .header-classic .classic-cart-wrapper {
      width: auto;
      margin-inline-start: auto
    }

    .desktop-header-active header:not(.header-slim) .header-compact .mid-bar {
      justify-content: flex-start
    }

    .desktop-header-active header:not(.header-slim) .header-compact .mid-bar .desktop-main-menu-wrapper {
      max-width: none
    }

    .desktop-header-active header:not(.header-slim) .header-compact .mid-bar .desktop-logo-wrapper {
      position: relative;
      left: 0;
      transform: translateX(0)
    }

    .desktop-header-active .header-mega .mid-bar .desktop-logo-wrapper {
      position: relative;
      inset-inline: initial;
      transform: none
    }

    .desktop-header-active .header-mega .mid-bar .secondary-menu {
      flex-grow: 1;
      max-width: none
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a,
    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a>.links-text,
    .menu-trigger-1+.main-menu>.j-menu>.desktop-language-wrapper button,
    .menu-trigger-1+.main-menu>.j-menu>.desktop-currency-wrapper button,
    .menu-trigger-1+.main-menu>.j-menu>.mobile-language-wrapper button,
    .menu-trigger-1+.main-menu>.j-menu>.mobile-currency-wrapper button,
    .menu-trigger-1+.main-menu>.j-menu>#cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.9));
      letter-spacing: -.1px
    }

    .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.menu-item:hover>a,
    .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.menu-item:hover>a>.links-text,
    .menu-trigger-1+.main-menu>.j-menu>.menu-item.active>a>.links-text,
    .menu-trigger-1+.main-menu>.j-menu>.menu-item.open>a>.links-text,
    .menu-trigger-1+.main-menu>.j-menu>.menu-item.panel-active>a>.links-text,
    .no-touchevents .menu-trigger-1+.main-menu>.j-menu>#cart:hover>a,
    .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger-1+.main-menu>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .menu-trigger-1+.main-menu>.j-menu>.dropdown>a:after,
    .menu-trigger-1+.main-menu>.j-menu>.dropdown>button:after,
    .menu-trigger-1+.main-menu>.j-menu>.desktop-language-wrapper .dropdown .dropdown-toggle:after,
    .menu-trigger-1+.main-menu>.j-menu>.desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    .menu-trigger-1+.main-menu>.j-menu>.mobile-language-wrapper .dropdown .dropdown-toggle:after,
    .menu-trigger-1+.main-menu>.j-menu>.mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .7
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a:before {
      font-size: 1.1em
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a:before,
    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item:not(:first-child),
    .menu-trigger-1+.main-menu>.j-menu>.accordion-menu .menu-item>a+div,
    .menu-trigger-1+.main-menu>.j-menu>.accordion-menu .menu-item>a+div {
      border-style: none
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item.has-image>a {
      padding: 1em;
      --element-padding: 1em
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .menu-trigger-1+.main-menu>.j-menu>.menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a>.links-text,
    .menu-trigger-2+.main-menu>.j-menu>.desktop-language-wrapper button,
    .menu-trigger-2+.main-menu>.j-menu>.desktop-currency-wrapper button,
    .menu-trigger-2+.main-menu>.j-menu>.mobile-language-wrapper button,
    .menu-trigger-2+.main-menu>.j-menu>.mobile-currency-wrapper button,
    .menu-trigger-2+.main-menu>.j-menu>#cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: uppercase;
      letter-spacing: .5px;
      line-height: 1.3
    }

    .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.menu-item:hover>a,
    .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.menu-item:hover>a>.links-text,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item.active>a>.links-text,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item.open>a>.links-text,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item.panel-active>a>.links-text,
    .no-touchevents .menu-trigger-2+.main-menu>.j-menu>#cart:hover>a,
    .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger-2+.main-menu>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item.open>a,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item.open>a>.links-text,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item.active>a>.links-text,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .menu-trigger-2+.main-menu>.j-menu>.dropdown>a:after,
    .menu-trigger-2+.main-menu>.j-menu>.dropdown>button:after,
    .menu-trigger-2+.main-menu>.j-menu>.desktop-language-wrapper .dropdown .dropdown-toggle:after,
    .menu-trigger-2+.main-menu>.j-menu>.desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    .menu-trigger-2+.main-menu>.j-menu>.mobile-language-wrapper .dropdown .dropdown-toggle:after,
    .menu-trigger-2+.main-menu>.j-menu>.mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*0.6))
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    .menu-trigger-2+.main-menu>.j-menu>.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .menu-trigger-2+.main-menu>.j-menu>.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a:before {
      font-size: 1.1em
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a:before,
    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a .links-text em {
      margin-right: 5px;
      --element-margin-right: 5px
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item:not(:first-child),
    .menu-trigger-2+.main-menu>.j-menu>.accordion-menu .menu-item>a+div,
    .menu-trigger-2+.main-menu>.j-menu>.accordion-menu .menu-item>a+div {
      border-style: none
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item.has-image>a {
      padding: 1em;
      --element-padding: 1em
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .menu-trigger-2+.main-menu>.j-menu>.menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    header .main-menu .mega-menu .mega-menu-content {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      background-position: right bottom;
      background-repeat: no-repeat;
      background-size: 50%;
      padding: var(--j-gap-spacing-gutter-2);
      --element-padding: var(--j-gap-spacing-gutter-2)
    }

    .desktop header .main-menu .mega-menu .mega-menu-content {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    header .main-menu .mega-menu .j-dropdown>.mega-menu-content {
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    header .main-menu .mega-menu.menu-item.dropdown.mega-menu>.j-dropdown:not(#cart-content):before {
      display: block;
      opacity: 1
    }

    header .main-menu .mega-menu.menu-item.dropdown.mega-menu>.j-dropdown>.mega-menu-content {
      --triangle-size: 10px;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    header .main-menu .mega-menu.menu-item.dropdown.mega-menu>.j-dropdown>.mega-menu-content:before {
      top: var(--triangle-size-overlay, 0px);
      height: calc(100% - var(--triangle-size-overlay, 0px))
    }

    header .main-menu .mega-menu.menu-item.dropdown.mega-menu>.tt-menu:before {
      display: block;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    header .main-menu .mega-menu.menu-item.dropdown.mega-menu#cart-content:before {
      display: block
    }

    header .main-menu .mega-menu.menu-item.dropdown.mega-menu>.j-dropdown:before,
    header .main-menu .mega-menu.menu-item.dropdown.mega-menu>.tt-menu:before,
    header .main-menu .mega-menu.menu-item.dropdown.mega-menu#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      top: 2px
    }

    header .main-menu .mega-menu.menu-item.dropdown.mega-menu {
      --triangle-top-distance: -10px
    }

    header .main-menu .mega-menu .mega-menu-content:before {
      display: none;
      background-image: linear-gradient(90deg, hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), .7) 80%, rgba(255, 255, 255, 0) 95%)
    }

    .desktop-main-menu-wrapper #main-menu {
      overflow-x: auto;
      overflow-y: hidden
    }

    .desktop-main-menu-wrapper #main-menu>.j-menu {
      flex-wrap: nowrap
    }

    .desktop-main-menu-wrapper>.main-menu>ul>li {
      flex-grow: 0
    }

    .desktop-main-menu-wrapper #main-menu>.j-menu>.main-menu-item:not(.mega-fullwidth) {
      position: static
    }

    .menu-1-scroll .desktop-main-menu-wrapper #main-menu {
      max-width: 1000px
    }

    .desktop-header-active .desktop-main-menu-wrapper.menu-top>.menu-trigger {
      height: 100%;
      height: auto
    }

    .desktop-header-active .desktop-main-menu-wrapper.menu-top>.menu-trigger .j-menu>li>a {
      justify-content: center
    }

    .desktop-header-active .mid-bar .desktop-main-menu-wrapper.menu-top {
      height: 100%
    }

    .desktop-main-menu-wrapper.menu-top>div:not(.menu-trigger) {
      height: 100%
    }

    .desktop-main-menu-wrapper.menu-top .main-menu>.j-menu>li {
      height: 100%
    }

    .desktop-main-menu-wrapper.menu-top .main-menu>.j-menu>li>a {
      height: 100%
    }

    .desktop-main-menu-wrapper.menu-top.menu-multi .main-menu>.j-menu>li {
      height: 100%
    }

    .desktop-main-menu-wrapper.menu-top.menu-multi .main-menu>.j-menu>li>a {
      height: 100%
    }

    .header-sticky.header-desktop-compact {
      --element-height-sticky: var(--desktop-sticky, var(--element-height, 0px))
    }

    .desktop-main-menu-wrapper {
      --menu-item-full-height: 100%
    }

    .desktop-main-menu-wrapper.menu-bar>div {
      height: var(--menu-item-full-height, 100%)
    }

    .desktop-main-menu-wrapper .desktop-cart-wrapper #cart {
      height: var(--menu-item-full-height, 100%)
    }

    .desktop-main-menu-wrapper .full-search #search {
      height: var(--menu-item-full-height, 100%)
    }

    .desktop-main-menu-wrapper.menu-bar>div>div {
      height: var(--menu-item-full-height, 100%)
    }

    .desktop-main-menu-wrapper.menu-bar .main-menu>.j-menu>li {
      height: var(--menu-item-full-height, 100%)
    }

    .desktop-main-menu-wrapper.menu-bar .main-menu>.j-menu>li>a {
      height: var(--menu-item-full-height, 100%)
    }

    .desktop-main-menu-wrapper.menu-bar .menu-trigger li {
      min-height: var(--menu-item-full-height, 100%)
    }

    .desktop-main-menu-wrapper.menu-bar.menu-multi .main-menu>.j-menu>li {
      height: auto
    }

    .desktop-main-menu-wrapper.menu-bar.menu-multi .main-menu>.j-menu>li>a {
      height: auto
    }

    .desktop-main-menu-wrapper.menu-bar.menu-multi .menu-trigger li {
      min-height: auto
    }

    .desktop-header-active .header-compact .desktop-logo-wrapper {
      order: 0
    }

    .desktop-header-active .header .mid-bar>.menu-top {
      order: initial !important;
      display: flex
    }

    .desktop-header-active .header .menu-stretch .main-menu-item>a .links-text {
      text-align: center;
      justify-content: center
    }

    .menu-bar .main-menu-1 {
      justify-content: flex-start
    }

    .header-sm .menu-bar .main-menu-1 {
      justify-content: center
    }

    .menu-bar .main-menu-1>.main-menu,
    .menu-bar .main-menu-1>.main-menu>.j-menu>li {
      flex-grow: 0
    }

    .menu-bar .main-menu-1 .main-menu>.j-menu>li>a {
      justify-content: flex-start
    }

    .menu-bar .main-menu-1 .main-menu>.j-menu>li>a .links-text {
      width: auto
    }

    div.desktop-main-menu-wrapper.menu-bar:before {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-main-menu-wrapper.menu-bar {
      --bar-padding-dropdown: 0px
    }

    .desktop-main-menu-wrapper.menu-top {
      margin-left: var(--j-gap-spacing-gutter-4);
      --element-margin-left: var(--j-gap-spacing-gutter-4)
    }

    .menu-bar:after {
      --bg-scale-x: 1
    }

    .desktop-main-menu-wrapper.menu-bar:before {
      background: 0 0
    }

    .header .mid-bar:before {
      --bg-scale-x: 0
    }

    .header-compact:not(.header-slim) .mid-bar .desktop-logo-wrapper {
      margin-inline-end: 0
    }

    .header-compact:not(.header-slim) .mid-bar .header-cart-group {
      margin-inline-start: auto
    }

    .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start;
      --align-scroll: var(--align-scroll-start, 0);
      --translate-x: 0
    }

    .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth):first-child>.j-dropdown {
      left: 0;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth):last-child:not(:only-child)>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu .main-menu-item.dropdown:not(.mega-fullwidth)>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px)
    }

    .menu-bar .main-menu:before,
    .menu-bar .main-menu:after {
      display: none
    }

    .header .menu-trigger {
      margin-right: var(--j-gap-spacing---7);
      --element-margin-right: var(--j-gap-spacing---7)
    }

    .menu-trigger-1 {
      order: -1
    }

    .menu-trigger-2 {
      order: -1
    }

    .desktop-mobile-main-menu-container .mobile-wrapper-header+.desktop-mobile-main-menu-wrapper {
      margin: 0
    }

    .desktop-mobile-main-menu-wrapper+.module-grid {
      order: 2
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a>.links-text,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper button,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper button,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper button,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper button,
    .menu-trigger.menu-item.main-menu-item>.j-menu>#cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.9));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:hover>a,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:hover>a>.links-text,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.active>a>.links-text,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.open>a>.links-text,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.panel-active>a>.links-text,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>#cart:hover>a,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a>.links-text>s {
      display: none
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px !important;
      --element-border-radius: 99px !important;
      padding: .9em;
      --element-padding: .9em;
      padding-right: 1.1em;
      --element-padding-right: 1.1em;
      padding-left: 1.1em;
      --element-padding-left: 1.1em;
      --scale-active: .98
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a:before {
      font-size: 15px
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a:before,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing-gap-1);
      --element-margin-right: var(--j-gap-spacing-gap-1)
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper button,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper button,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper button,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper button {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:hover>a,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.active>a,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.open>a,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item.panel-active>a,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .menu-trigger.menu-item.main-menu-item>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item:not(:first-child),
    .menu-trigger.menu-item.main-menu-item>.j-menu>.accordion-menu .menu-item>a+div,
    .menu-trigger.menu-item.main-menu-item>.j-menu>.accordion-menu .menu-item>a+div {
      border-style: none
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item {
      --menu-item-gap: 8px
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .menu-trigger.menu-item.main-menu-item>.j-menu>.menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .desktop-header-active .menu-trigger.menu-trigger-1 {
      display: inline-flex !important
    }

    .desktop-header-active [class*=-menu-container] .mobile-wrapper-header>span:after {
      content: 'Menu'
    }

    .desktop-header-active .mobile-cart-content-container .mobile-wrapper-header>span:after {
      content: 'Your Cart'
    }

    .desktop-header-active .mobile-wrapper-header>span {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .desktop-header-active .mobile-wrapper-header {
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 0;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .desktop-header-active .mobile-wrapper-header>a:before {
      content: '\e9c5' !important;
      font-family: icomoon !important;
      font-size: 17px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .desktop-header-active .mobile-container {
      --mobile-wrapper-header: 48px;
      max-width: 90%;
      width: 400px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-header-active .mobile-filter-wrapper .module-filter {
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m);
      padding-top: var(--j-gap-spacing---4);
      --element-padding-top: var(--j-gap-spacing---4)
    }

    .desktop-header-active .mobile-main-menu-wrapper .main-menu,
    .desktop-header-active .desktop-mobile-main-menu-wrapper .main-menu,
    .desktop-header-active .mobile-main-menu-wrapper+.accordion-menu,
    .desktop-header-active .desktop-mobile-main-menu-wrapper+.accordion-menu {
      padding: var(--j-gap-spacing---8);
      --element-padding: var(--j-gap-spacing---8)
    }

    .desktop-header-active .mobile-container .tab-container {
      --align-tabs: var(--tabs-align, flex-start)
    }

    .desktop-header-active .mobile-container .tab-container .full-tabs-bg {
      --full-bg-display: block
    }

    .desktop-header-active .mobile-container .tab-container .tab-content:before {
      --full-content-bg-display: block
    }

    .desktop-header-active .mobile-container .tab-container .nav-tabs {
      min-width: initial !important;
      max-width: var(--max-width-display, 100vw) !important;
      max-height: none !important;
      --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px) !important;
      --tab-align: auto !important;
      flex-direction: row !important;
      align-items: center !important;
      padding-bottom: var(--pb) !important;
      overflow-x: var(--overflow-x-scroll) !important;
      overflow-y: var(--overflow-y-scroll) !important
    }

    .desktop-header-active .mobile-container .tab-container .tab-content {
      flex-basis: 100% !important;
      max-height: none;
      overflow-y: initial;
      overflow-x: initial
    }

    .desktop-header-active .mobile-container .tab-container .nav-tabs+.tab-content {
      margin-block-start: var(--spacing, 0px);
      margin-inline-start: 0
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper button,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper button,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper button,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper button,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a>.links-text,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a>.links-text,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a>.links-text,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a>.links-text,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu #cart:hover>a,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a>.links-text,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a>.links-text,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a:before {
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a:before,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:not(:first-child),
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu.accordion-menu .menu-item>a+div,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .accordion-menu .menu-item>a+div {
      border-style: none
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu>li {
      --menu-item-gap: 18px
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu>li {
      border-style: none
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu {
      border-width: 0;
      border-left-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      margin-left: 22px;
      --element-margin-left: 22px
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---9);
      --element-margin-left: var(--j-gap-spacing---9)
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---8);
      --element-margin-left: var(--j-gap-spacing---8)
    }

    .desktop-mobile-main-menu-wrapper .main-menu .open-menu em:before {
      content: '\e409' !important;
      font-family: icomoon !important;
      font-size: 12px
    }

    .desktop-mobile-main-menu-wrapper .main-menu .open-menu[aria-expanded=true] em:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    .desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a span.open-menu {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 9999px;
      --element-border-radius: 9999px;
      min-width: 24px;
      height: 24px
    }

    .no-touchevents .desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item:hover>a span.open-menu,
    .desktop-mobile-main-menu-wrapper .main-menu .j-menu>.menu-item.panel-active>a span.open-menu,
    .desktop-mobile-main-menu-wrapper .main-menu .accordion-menu-item.open>a>.open-menu {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .desktop-mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
      padding-inline-start: 24px !important
    }

    .desktop-mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
      padding-inline-start: 32px !important
    }

    .desktop-mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
      padding-inline-start: 20px !important
    }

    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
    .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .desktop-header-active .header-search {
      border-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      padding: 0;
      --element-padding: 0px;
      border-radius: 4px;
      --element-border-radius: 4px;
      box-shadow: none
    }

    .desktop-header-active .header-search input {
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1)) !important
    }

    .desktop-header-active div.header-search>.search-button:before {
      font-size: 16px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      transform: translate3d(0px, -1px, 0)
    }

    .no-touchevents.desktop-header-active .header-search:hover>.search-button:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .desktop-header-active .header-search .search-button {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      min-width: min(48px, 100%)
    }

    .no-touchevents.desktop-header-active .header-search:hover .search-button {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - -5%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - -5%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-header-active .header-search .search-categories-button {
      min-width: 48px
    }

    .desktop-header-active #search input::-webkit-input-placeholder {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
    }

    .desktop-header-active #search input::-moz-input-placeholder {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
    }

    .desktop-header-active #search input:-ms-input-placeholder {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
    }

    .desktop-header-active .search-categories {
      display: flex;
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .desktop-header-active .header-search>span {
      border-radius: 0
    }

    .no-touchevents.desktop-header-active .header-search:hover .search-categories {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - -5%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - -5%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-header-active .search-categories-button.dropdown-toggle,
    .desktop-header-active .search-categories-button,
    .desktop-header-active .search-categories-button>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .no-touchevents.desktop-header-active .header-search:hover .search-categories-button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .desktop-header-active .search-categories-button:after {
      content: '\f0d7' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    .desktop-header-active .search-categories .dropdown-menu ul {
      width: 200px;
      max-height: 400px
    }

    .desktop-header-active .tt-menu {
      --item-width: 300px;
      --item-gap: 1px
    }

    .desktop-header-active .tt-menu>div {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .desktop-header-active .tt-menu .search-result:not(.view-more) a {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .no-touchevents.desktop-header-active .tt-menu .search-result:not(.view-more):hover a,
    .desktop-header-active .tt-cursor {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8))
    }

    .desktop-header-active .tt-menu>div>div>a {
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .desktop-header-active .tt-dataset {
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    .desktop-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
      display: none;
      opacity: 0
    }

    .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
      --dropdown-triangle: 0px;
      --triangle-size: 0px
    }

    .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
      top: 0;
      height: 100%
    }

    .desktop-header-active #search .twitter-typeahead>.tt-menu:before {
      display: none;
      --dropdown-triangle: 0px
    }

    .desktop-header-active #search .twitter-typeahead#cart-content:before {
      display: none
    }

    .desktop-header-active #search .twitter-typeahead>.j-dropdown:before,
    .desktop-header-active #search .twitter-typeahead>.tt-menu:before,
    .desktop-header-active #search .twitter-typeahead#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --triangle-left-offset: -10px;
      top: 0
    }

    .desktop-header-active #search .twitter-typeahead {
      --triangle-top-distance: 0px
    }

    .desktop-header-active .search-result>a>img {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    .desktop-header-active .search-result>a>span {
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3);
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6);
      justify-content: center
    }

    .desktop-header-active .search-result.view-more a {
      justify-content: center;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6)
    }

    .desktop-header-active .search-result .product-name {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-transform: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .no-touchevents.desktop-header-active .tt-menu>div>div>a:hover .product-name {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .desktop-header-active .search-result .product-name+span {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1
    }

    .desktop-header-active .search-result .price-old {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: 90%;
      color: rgba(242, 119, 99, 1);
      text-decoration: line-through;
      -webkit-text-decoration: line-through;
      letter-spacing: 0;
      line-height: 1
    }

    .no-touchevents.desktop-header-active .search-result.view-more a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .desktop-header-active .search-result.view-more a:after {
      content: '\e9b1' !important;
      font-family: icomoon !important;
      margin-left: 8px;
      --element-margin-left: 8px
    }

    .desktop-header-active .search-result:not(.view-more)>a:after {
      content: '\ea32' !important;
      font-family: icomoon !important;
      font-size: 24px;
      color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .no-touchevents.desktop-header-active .search-result:not(.view-more)>a:hover:after {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .desktop-header-active .search-result>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5)
    }

    .desktop-header-active .search-result.no-results>a {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .desktop-header-active #search {
      display: flex
    }

    .header-default .desktop-search-wrapper {
      order: 1;
      flex-grow: 0
    }

    .header-default .top-menu-group {
      order: -1;
      flex-grow: 1
    }

    .desktop-search-wrapper .header-search .search-button {
      order: 5;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: inherit;
      border-bottom-right-radius: inherit
    }

    .desktop-search-wrapper .header-search>input:first-child {
      border-top-left-radius: inherit;
      border-bottom-left-radius: inherit;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .desktop-search-wrapper .header-search>input {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .desktop-search-wrapper .header-search>span:first-child {
      border-top-left-radius: inherit;
      border-bottom-left-radius: inherit;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .desktop-search-wrapper .header-search>span {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .desktop-search-wrapper .search-categories {
      border-top-left-radius: inherit;
      border-bottom-left-radius: inherit;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
    }

    .desktop-search-wrapper .tt-menu:not(.tt-empty):before {
      left: calc(100% - var(--triangle-size, 10px));
      transform: translate3d(calc(-100% + var(--triangle-left-offset, 0px)), 2px, 0)
    }

    .desktop-header-active .header .mid-bar .desktop-search-wrapper {
      justify-content: start
    }

    .desktop-header-active .header .mini-search .header-search input {
      min-width: 150px
    }

    .desktop-header-active .full-search #search {
      --search-height: 40px;
      height: var(--search-height, 40px)
    }

    .desktop-header-active .header .mini-search .header-search>* {
      height: 48px
    }

    .header .mini-search .search-trigger .menu-icon:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      transform: translate3d(0px, -1px, 0)
    }

    .desktop-header-active .search-trigger .menu-icon:after {
      display: none;
      content: 'Search';
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1;
      --offset-y: 1px
    }

    .no-touchevents.desktop-header-active .header .mini-search:hover .search-trigger .menu-icon:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .desktop-header-active .header .mini-search .search-trigger {
      --width: 40px;
      --height: 40px
    }

    .desktop-header-active .header .mini-search {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .desktop-header-active .mini-search {
      height: initial;
      order: 0;
      margin-inline-end: var(--element-margin-left, 0px)
    }

    .desktop-header-active .mini-search .search-trigger {
      height: var(--height, var(--width))
    }

    .desktop-header-active:not(.search-page) .header .mini-search #search .header-search {
      width: 440px;
      padding: 16px
    }

    .desktop-header-active:not(.search-page) .header .mini-search .header-search {
      box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%)
    }

    .desktop-header-active.search-page .header .mini-search #search>.dropdown-menu {
      box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%);
      border-radius: 4px;
      --element-border-radius: 4px;
      padding: 16px
    }

    .desktop-header-active .header .mini-search #search>.j-dropdown:before,
    .desktop-header-active .header .mini-search #search>.tt-menu:before,
    .desktop-header-active .header .mini-search #search#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
      --triangle-left-offset: -32px;
      top: 2px
    }

    .desktop-header-active:not(.search-page) .mini-search #search .header-search {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px)
    }

    .desktop-header-active.search-page .mini-search #search>.dropdown-menu {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      --max-w: 1000px;
      --top-offset: 80px;
      position: fixed;
      width: 100%;
      max-width: var(--max-w, 100%);
      top: var(--top-offset, 0);
      z-index: 100000;
      left: 0;
      right: 0;
      margin: 0 auto
    }

    .desktop-header-active.search-page .mini-search #search>.dropdown-menu:before {
      display: none
    }

    .desktop-header-active.search-page .mini-search #search .header-search {
      width: 100%
    }

    .desktop-header-active.search-page .header-cart-group {
      z-index: 9999999999 !important
    }

    .desktop-header-active.search-page .mini-search .animating>.j-dropdown {
      transition: transform .2s ease
    }

    .desktop-header-active.search-page #search.animating:before {
      content: '';
      width: 100%;
      height: 100vh;
      position: fixed;
      left: 0;
      top: 0;
      z-index: 5;
      opacity: .6;
      background-color: rgba(0, 0, 0, .8);
      --background-color: rgba(0, 0, 0, .8)
    }

    .desktop-header-active:not(.search-page) .mini-search #search>.dropdown-menu {
      inset-inline-end: calc(24px*-1)
    }

    .no-touchevents.desktop-header-active .search-trigger:hover .menu-icon:after {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .desktop-header-active .header .mid-bar .secondary-menu {
      order: 2
    }

    .desktop-header-active .header .mid-bar .desktop-cart-wrapper {
      order: 3
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item>a,
    div.secondary-menu .top-menu>.j-menu>.menu-item>a>.links-text,
    div.secondary-menu .top-menu>.j-menu>.desktop-language-wrapper button,
    div.secondary-menu .top-menu>.j-menu>.desktop-currency-wrapper button,
    div.secondary-menu .top-menu>.j-menu>.mobile-language-wrapper button,
    div.secondary-menu .top-menu>.j-menu>.mobile-currency-wrapper button,
    div.secondary-menu .top-menu>.j-menu>#cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      text-align: center;
      line-height: 1.1
    }

    .no-touchevents div.secondary-menu .top-menu>.j-menu>.menu-item:hover>a,
    .no-touchevents div.secondary-menu .top-menu>.j-menu>.menu-item:hover>a>.links-text,
    div.secondary-menu .top-menu>.j-menu>.menu-item.active>a>.links-text,
    div.secondary-menu .top-menu>.j-menu>.menu-item.open>a>.links-text,
    div.secondary-menu .top-menu>.j-menu>.menu-item.panel-active>a>.links-text,
    .no-touchevents div.secondary-menu .top-menu>.j-menu>#cart:hover>a,
    .no-touchevents div.secondary-menu .top-menu>.j-menu>.desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.secondary-menu .top-menu>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.secondary-menu .top-menu>.j-menu>.mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.secondary-menu .top-menu>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item>a {
      flex-direction: column;
      padding: var(--j-gap-spacing-gap-1);
      --element-padding: var(--j-gap-spacing-gap-1)
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item>a>.links-text>s {
      display: none
    }

    div.secondary-menu .top-menu>.j-menu>.dropdown>a>.count-badge {
      margin-inline-end: 5px
    }

    div.secondary-menu .top-menu>.j-menu>.dropdown>a>.count-badge+.open-menu+.menu-label {
      margin-inline-start: 0
    }

    div.secondary-menu .top-menu>.j-menu>.dropdown>a:after {
      display: none
    }

    div.secondary-menu .top-menu>.j-menu>.dropdown>a {
      --dropdown-indicator: 0px
    }

    div.secondary-menu .top-menu>.j-menu>.dropdown>a>.links-text {
      margin-inline-end: initial
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item>a>.links-text {
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: initial;
      padding-bottom: initial;
      display: none
    }

    div.secondary-menu .top-menu>.j-menu>.language-currency .currency-title {
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: initial
    }

    div.secondary-menu .top-menu>.j-menu>.language-currency .language-title {
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: initial
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item>a:before {
      font-size: 21px;
      transform: translate3d(1px, 0px, 0);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents div.secondary-menu .top-menu>.j-menu>.menu-item:hover>a:before,
    div.secondary-menu .top-menu>.j-menu>.menu-item.active>a:before,
    div.secondary-menu .top-menu>.j-menu>.menu-item.open>a:before,
    div.secondary-menu .top-menu>.j-menu>.menu-item.panel-active>a:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item:not(:first-child),
    div.secondary-menu .top-menu>.j-menu>.accordion-menu .menu-item>a+div,
    div.secondary-menu .top-menu>.j-menu>.accordion-menu .menu-item>a+div {
      border-style: none
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item {
      --menu-item-gap: 0px
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item>a>.count-badge {
      position: absolute;
      margin-inline-start: 0;
      margin-top: var(--margin-top, 0px);
      transform: translate3d(calc(75% + var(--x, 0px)), var(--count-badge-y, var(--menu-badge-y)), 0);
      inset-inline-start: initial;
      --x: -2px
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    div.secondary-menu .top-menu>.j-menu>.menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .top-menu.secondary-menu {
      height: initial
    }

    .mid-bar .secondary-menu>.top-menu>.j-menu>.menu-item>a {
      min-height: 40px
    }

    .header .mid-bar>.secondary-menu {
      justify-content: flex-end;
      margin-inline: auto 0
    }

    .desktop-header-active.over-content.route-common-home header+.site-wrapper {
      margin-top: calc(0px - (var(--desktop-header, 80px) + var(--desktop-main-menu, 0px)))
    }

    header {
      --header-transition: .25s
    }

    .desktop-header-active.header-sticky .header #logo a {
      border-radius: 0;
      --element-border-radius: 0px
    }

    html {
      --desktop-top-bar: 40px;
      --desktop-top-bar: 0px !important
    }

    .top-bar .language-currency>div>div form .dropdown {
      height: auto
    }

    .top-bar .top-menu>ul>li {
      height: auto
    }

    .top-bar:before {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .desktop-header-active .top-bar {
      display: none
    }

    .top-bar>div:not(.language-currency):first-child {
      width: auto
    }

    .top-bar>div:not(.language-currency):first-child>ul>li:last-child {
      position: relative;
      right: auto;
      transform: translateX(0)
    }

    @media (max-width:1540px) {
      .desktop-header-active .header .mid-bar {
        padding-right: var(--j-gap-spacing-gutter-1);
        --element-padding-right: var(--j-gap-spacing-gutter-1)
      }
    }

    @media (max-width:1200px) {
      .desktop-cart-wrapper #cart>a>em {
        border-radius: 4px;
        --element-border-radius: 4px
      }

      .desktop-header-active #search .header-search .search-categories.dropdown>.j-dropdown {
        left: 0;
        right: auto;
        transform: translate3d(0, var(--dropdown-from), 0);
        align-items: flex-start
      }

      .desktop-header-active #search .header-search .search-categories.dropdown>.j-dropdown:before {
        --triangle-right: var(--triangle-right-offset, 0px);
        --triangle-left: var(--triangle-left-offset, 0px)
      }

      .desktop-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
        display: none;
        opacity: 0
      }

      .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
        --dropdown-triangle: 0px;
        --triangle-size: 0px
      }

      .desktop-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
        top: 0;
        height: 100%
      }

      .desktop-header-active #search .twitter-typeahead>.tt-menu:before {
        display: none;
        --dropdown-triangle: 0px
      }

      .desktop-header-active #search .twitter-typeahead#cart-content:before {
        display: none
      }
    }

    @media (max-width:900px) {
      .desktop-cart-wrapper #cart-items {
        display: inline-flex
      }

      .desktop-cart-wrapper #cart-total {
        display: none
      }

      .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
      .desktop-mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
      }

      .desktop-header-active .tt-menu>div {
        border-radius: 0;
        --element-border-radius: 0px
      }
    }
    .mobile-header-active .mobile-cart-wrapper #cart>a>em:after {
      content: 'Cart'
    }

    .mobile-cart-content-container-open [class*=-menu-container] .mobile-wrapper-header>span:after {
      content: 'Menu'
    }

    .mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header>span:after {
      content: 'Your Cart'
    }

    .mobile-cart-content-container-open .mobile-wrapper-header>span {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .mobile-cart-content-container-open .mobile-wrapper-header {
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 0;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .mobile-cart-content-container-open .mobile-wrapper-header>a:before {
      content: '\e9c5' !important;
      font-family: icomoon !important;
      font-size: 17px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .mobile-cart-content-container-open .mobile-container {
      --mobile-wrapper-header: 48px;
      max-width: 90%;
      width: 400px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .mobile-cart-content-container-open .mobile-filter-wrapper .module-filter {
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m);
      padding-top: var(--j-gap-spacing---4);
      --element-padding-top: var(--j-gap-spacing---4)
    }

    .mobile-cart-content-container-open .mobile-main-menu-wrapper .main-menu,
    .mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper .main-menu,
    .mobile-cart-content-container-open .mobile-main-menu-wrapper+.accordion-menu,
    .mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper+.accordion-menu {
      padding: var(--j-gap-spacing---8);
      --element-padding: var(--j-gap-spacing---8)
    }

    .mobile-cart-content-container-open .mobile-container .tab-container {
      --align-tabs: var(--tabs-align, flex-start)
    }

    .mobile-cart-content-container-open .mobile-container .tab-container .full-tabs-bg {
      --full-bg-display: block
    }

    .mobile-cart-content-container-open .mobile-container .tab-container .tab-content:before {
      --full-content-bg-display: block
    }

    .mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs {
      min-width: initial !important;
      max-width: var(--max-width-display, 100vw) !important;
      max-height: none !important;
      --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px) !important;
      --tab-align: auto !important;
      flex-direction: row !important;
      align-items: center !important;
      padding-bottom: var(--pb) !important;
      overflow-x: var(--overflow-x-scroll) !important;
      overflow-y: var(--overflow-y-scroll) !important
    }

    .mobile-cart-content-container-open .mobile-container .tab-container .tab-content {
      flex-basis: 100% !important;
      max-height: none;
      overflow-y: initial;
      overflow-x: initial
    }

    .mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs+.tab-content {
      margin-block-start: var(--spacing, 0px);
      margin-inline-start: 0
    }

    .mobile-header-active .mobile-cart-wrapper #cart-items.count-badge {
      color: hsla(var(--j-color-scheme-brand-secondary-foreground-h), var(--j-color-scheme-brand-secondary-foreground-s), calc(var(--j-color-scheme-brand-secondary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-secondary-foreground-a)*1));
      background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
      border-style: none;
      border-radius: 99px;
      --element-border-radius: 99px;
      min-height: min(18px, 100%);
      display: inline-flex
    }

    .mobile-header-active .mobile-cart-wrapper #cart-items .count-zero {
      display: inline-flex !important
    }

    .mobile-header-active .mobile-header {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --content-gutter: var(--j-gap-spacing---6)
    }

    .mobile-header-active .mobile-custom-menu-1 .links-text:after {
      content: 'Wishlist'
    }

    .mobile-header-active .mobile-custom-menu-2 .links-text:after {
      content: 'Compare'
    }

    :root {
      --mobile-bar: 70px;
      --mobile-sticky-height-reduction: 0px
    }

    .mobile-header-active.mobile-sticky .mobile-header {
      box-shadow: 1.3px 1.9px 3.6px rgba(0, 0, 0, .017), 3.5px 5.4px 10px rgba(0, 0, 0, .025), 8.4px 13px 24.1px rgba(0, 0, 0, .033), 28px 43px 80px rgba(0, 0, 0, .05);
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .route-common-home.mobile-header-active .mobile-header {
      position: relative
    }

    .mobile-header-active .menu-trigger .menu-icon:after,
    .mobile-custom-menu .links-text:after,
    .mobile-header-active .search-trigger .menu-icon:after,
    .mobile-header-active .mobile-header .fa-shopping-cart:after,
    div.mobile-secondary-menu .top-menu .j-menu>li>a>.links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
      line-height: 1.1
    }

    .mobile-header-active .menu-trigger .menu-icon:after,
    .mobile-custom-menu .links-text:after,
    .mobile-header-active .search-trigger .menu-icon:after,
    .mobile-header-active .mobile-header .fa-shopping-cart:after {
      margin-top: 3px
    }

    .mobile-bar .menu-trigger {
      width: 48px
    }

    .mobile-bar-group>a {
      width: 48px
    }

    .mobile-bar>a {
      width: 48px
    }

    .mobile-header-active .search-trigger {
      width: 48px
    }

    .mobile-cart-wrapper #cart>a {
      width: 48px
    }

    .mobile-header-active .mobile-bar :before {
      font-size: 22px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .mobile-header-active .mobile-bar-group :before {
      font-size: 22px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .mobile-header-active #cart>a>em:before {
      font-size: 22px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .mobile-header-active .menu-trigger .menu-icon:after {
      display: none;
      content: 'Menu'
    }

    .mobile-custom-menu .links-text:after {
      display: none
    }

    .mobile-header-active .search-trigger .menu-icon:after {
      display: none;
      content: 'Search'
    }

    .mobile-header-active .mobile-header .fa-shopping-cart:after {
      display: none
    }

    .mobile-header-active .mobile-bar .count-badge,
    .mobile-header-active .mobile-bar-group .count-badge {
      --x: -3px;
      --margin-top: 15px
    }

    .mobile-header-active header .count-badge.count-badge {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1));
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      border-style: none;
      border-radius: 99px;
      --element-border-radius: 99px;
      min-height: min(18px, 100%)
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .symbol {
      display: flex
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .symbol+span {
      display: block
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .currency-code {
      display: none
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .language-flag {
      display: inline-flex
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-symbol {
      display: inline-flex
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .language-title-dropdown {
      display: inline-flex
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-title-dropdown {
      display: inline-flex
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-code-dropdown {
      display: none
    }

    .mobile-header-active .language-currency [class*=-wrapper] form .currency-symbol-title .symbol,
    .mobile-header-active .language-currency [class*=-wrapper] form .currency-symbol {
      display: flex !important;
      margin-inline-end: 4px
    }

    .mobile-header-active #language .drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active #language .drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active #language .drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active #language .drop-menu>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .mobile-header-active #currency .drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active #currency .drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active #currency .drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active #currency .drop-menu>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .mobile-header-active .mobile-container #language .drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active .mobile-container #language .drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active .mobile-container #language .drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active .mobile-container #language .drop-menu>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .mobile-header-active .mobile-container #currency .drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active .mobile-container #currency .drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active .mobile-container #currency .drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center
    }

    .mobile-header-active .mobile-container #currency .drop-menu>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .symbol {
      display: flex
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .symbol~span {
      display: none
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .currency-code {
      display: none
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .language-flag {
      display: none
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-symbol {
      display: none
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .language-title-dropdown {
      display: inline-flex
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-code-dropdown {
      display: inline-flex
    }

    .mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-title-dropdown {
      display: none
    }

    .mobile-header-active .mobile-container .language-currency {
      justify-content: center
    }

    .mobile-header-active #logo img {
      left: 16px
    }

    .mobile-header-active #logo {
      --logo-max-width: 150px
    }

    .mobile-header-active .mobile-2 .mobile-bar .mobile-logo-wrapper {
      justify-content: start;
      order: -1
    }

    .mobile-header-active .mobile-1 div.mobile-logo-wrapper {
      position: var(--position);
      margin: var(--margin);
      left: 0;
      right: auto;
      transform: none;
      --margin: 0 0 0 50px;
      --position: absolute
    }

    html[dir=rtl].mobile-header-active .mobile-1 div.mobile-logo-wrapper {
      position: var(--position);
      margin: var(--margin);
      left: auto;
      right: 0;
      transform: none;
      --margin: 0 50px 0 0;
      --position: absolute
    }

    .mobile-header-active .mobile-2 .mobile-bar .menu-trigger {
      order: -1
    }

    .mobile-header-active .mobile-1 div.mobile-bar-group {
      width: 100%
    }

    .mobile-header-active .mobile-1 a.menu-trigger {
      position: relative;
      margin: 0 auto 0 0
    }

    html[dir=rtl].mobile-header-active .mobile-1 a.menu-trigger {
      position: relative;
      margin: 0 0 0 auto
    }

    .mobile-header-active .mobile-bar .menu-trigger {
      position: relative;
      inset-inline-start: -4px
    }

    .mobile-header-active .menu-trigger .menu-icon:before {
      font-size: 21px
    }

    .mobile-main-menu-container-open .mobile-wrapper-header>span:after {
      display: none
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-main-menu-wrapper .main-menu.dropdown>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .mobile-main-menu-wrapper .main-menu.mega-custom>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .mobile-main-menu-wrapper .main-menu.mega-custom:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-main-menu-wrapper .main-menu.mega-custom:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    .mobile-main-menu-wrapper .main-menu.mega-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .dropdown>a:after,
    .mobile-main-menu-wrapper .main-menu.drop-menu .dropdown>button:after,
    .mobile-main-menu-wrapper .main-menu.drop-menu .desktop-language-wrapper .dropdown .dropdown-toggle:after,
    .mobile-main-menu-wrapper .main-menu.drop-menu .desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    .mobile-main-menu-wrapper .main-menu.drop-menu .mobile-language-wrapper .dropdown .dropdown-toggle:after,
    .mobile-main-menu-wrapper .main-menu.drop-menu .mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .4;
      left: 8px
    }

    .no-touchevents .mobile-main-menu-wrapper .main-menu.drop-menu .dropdown:hover>a:after,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.drop-menu .dropdown:hover>button:after,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.drop-menu .desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.drop-menu .desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.drop-menu .mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.drop-menu .mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
      opacity: 1
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a>.links-text,
    .mobile-main-menu-wrapper .main-menu.drop-menu.language-currency .currency-title,
    .mobile-main-menu-wrapper .main-menu.drop-menu.language-currency .language-title {
      --menu-max-width: 200px
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a:before {
      font-size: 1.2em
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a:before,
    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a .links-text em {
      margin-right: .5em;
      --element-margin-right: .5em
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item:not(:first-child),
    .mobile-main-menu-wrapper .main-menu.drop-menu.accordion-menu .menu-item>a+div,
    .mobile-main-menu-wrapper .main-menu.drop-menu .accordion-menu .menu-item>a+div {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6);
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6)
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item.has-image>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6)
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item {
      --menu-item-gap: 0px
    }

    .mobile-main-menu-wrapper .main-menu.drop-menu .menu-item>a>.count-badge {
      display: none;
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --x: 8px
    }

    .no-touchevents .mobile-main-menu-wrapper .main-menu.dropdown .j-menu>li:hover>a,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.dropdown .j-menu>li:hover>a>.links-text {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1))
    }

    .no-touchevents .mobile-main-menu-wrapper .main-menu.dropdown .j-menu>li:hover>a,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.dropdown .j-menu>li:hover>a {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .mobile-main-menu-wrapper .main-menu.dropdown .j-menu>li {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .mobile-main-menu-wrapper .main-menu .j-menu {
      --dropdown-padding: var(--j-gap-spacing---4)
    }

    .mobile-main-menu-wrapper .main-menu .j-menu .j-menu {
      --dropdown-padding: 0px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search) .j-dropdown .j-menu {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search)>.j-dropdown {
      --dropdown-width: 100px;
      width: 100px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search):not(.flyout).main-menu-item .j-dropdown .menu-item>a {
      min-width: 100px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li {
      min-height: 50px;
      --dropdown-main-menu-min-height: 50px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li>a {
      min-height: 50px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu {
      box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%);
      border-radius: 0;
      --element-border-radius: 0px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu .j-menu {
      border-top-left-radius: 0;
      --element-border-top-left-radius: 0px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)>.j-dropdown:not(#cart-content):before {
      display: block;
      opacity: 1
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content {
      --triangle-size: 10px;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content:before {
      top: var(--triangle-size-overlay, 0px);
      height: calc(100% - var(--triangle-size-overlay, 0px))
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)>.tt-menu:before {
      display: block;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)#cart-content:before {
      display: block
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)>.j-dropdown:before,
    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)>.tt-menu:before,
    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --triangle-left-offset: 3px;
      top: 2px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth) {
      --triangle-top-distance: -2px
    }

    .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search).main-menu-item {
      --triangle-top-distance: -10px
    }

    .mobile-main-menu-wrapper .main-menu.multi-level>.j-dropdown>.j-menu {
      --dropdown-cols: 2
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper button,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper button,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper button,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper button,
    .mobile-main-menu-wrapper .main-menu.accordion-menu #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a>.links-text,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a>.links-text,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a>.links-text,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a>.links-text,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu #cart:hover>a,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a>.links-text,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a>.links-text,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a:before {
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a:before,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover>a,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active>a,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open>a,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active>a,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:not(:first-child),
    .mobile-main-menu-wrapper .main-menu.accordion-menu.accordion-menu .menu-item>a+div,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .accordion-menu .menu-item>a+div {
      border-style: none
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu>li {
      --menu-item-gap: 18px
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu>li {
      border-style: none
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu {
      border-width: 0;
      border-left-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      margin-left: 22px;
      --element-margin-left: 22px
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---9);
      --element-margin-left: var(--j-gap-spacing---9)
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---8);
      --element-margin-left: var(--j-gap-spacing---8)
    }

    .mobile-main-menu-wrapper .main-menu .open-menu em:before {
      content: '\e409' !important;
      font-family: icomoon !important;
      font-size: 12px
    }

    .mobile-main-menu-wrapper .main-menu .open-menu[aria-expanded=true] em:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    .mobile-main-menu-wrapper .main-menu .j-menu>.menu-item>a span.open-menu {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 9999px;
      --element-border-radius: 9999px;
      min-width: 24px;
      height: 24px
    }

    .no-touchevents .mobile-main-menu-wrapper .main-menu .j-menu>.menu-item:hover>a span.open-menu,
    .mobile-main-menu-wrapper .main-menu .j-menu>.menu-item.panel-active>a span.open-menu,
    .mobile-main-menu-wrapper .main-menu .accordion-menu-item.open>a>.open-menu {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    .mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
      padding-inline-start: 24px !important
    }

    .mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
      padding-inline-start: 32px !important
    }

    .mobile-main-menu-wrapper .main-menu .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
      padding-inline-start: 20px !important
    }

    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
    .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .mobile-main-menu-container-open [class*=-menu-container] .mobile-wrapper-header>span:after {
      content: 'Menu'
    }

    .mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header>span:after {
      content: 'Your Cart'
    }

    .mobile-main-menu-container-open .mobile-wrapper-header>span {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .mobile-main-menu-container-open .mobile-wrapper-header {
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6);
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 0;
      border-bottom-width: 1px;
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .mobile-main-menu-container-open .mobile-wrapper-header>a:before {
      content: '\e9c5' !important;
      font-family: icomoon !important;
      font-size: 17px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .mobile-main-menu-container-open .mobile-container {
      --mobile-wrapper-header: 48px;
      max-width: 90%;
      width: 400px;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .mobile-main-menu-container-open .mobile-filter-wrapper .module-filter {
      padding: var(--j-gap-spacing-padding-m);
      --element-padding: var(--j-gap-spacing-padding-m);
      padding-top: var(--j-gap-spacing---4);
      --element-padding-top: var(--j-gap-spacing---4)
    }

    .mobile-main-menu-container-open .mobile-main-menu-wrapper .main-menu,
    .mobile-main-menu-container-open .desktop-mobile-main-menu-wrapper .main-menu,
    .mobile-main-menu-container-open .mobile-main-menu-wrapper+.accordion-menu,
    .mobile-main-menu-container-open .desktop-mobile-main-menu-wrapper+.accordion-menu {
      padding: var(--j-gap-spacing---8);
      --element-padding: var(--j-gap-spacing---8)
    }

    .mobile-main-menu-container-open .mobile-container .tab-container {
      --align-tabs: var(--tabs-align, flex-start)
    }

    .mobile-main-menu-container-open .mobile-container .tab-container .full-tabs-bg {
      --full-bg-display: block
    }

    .mobile-main-menu-container-open .mobile-container .tab-container .tab-content:before {
      --full-content-bg-display: block
    }

    .mobile-main-menu-container-open .mobile-container .tab-container .nav-tabs {
      min-width: initial !important;
      max-width: var(--max-width-display, 100vw) !important;
      max-height: none !important;
      --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px) !important;
      --tab-align: auto !important;
      flex-direction: row !important;
      align-items: center !important;
      padding-bottom: var(--pb) !important;
      overflow-x: var(--overflow-x-scroll) !important;
      overflow-y: var(--overflow-y-scroll) !important
    }

    .mobile-main-menu-container-open .mobile-container .tab-container .tab-content {
      flex-basis: 100% !important;
      max-height: none;
      overflow-y: initial;
      overflow-x: initial
    }

    .mobile-main-menu-container-open .mobile-container .tab-container .nav-tabs+.tab-content {
      margin-block-start: var(--spacing, 0px);
      margin-inline-start: 0
    }

    .mobile-bar .mobile-custom-menu-1 .links-text:before {
      content: '\ea93' !important;
      font-family: icomoon !important
    }

    .mobile-bar .mobile-custom-menu-2 .links-text:before {
      content: '\ea20' !important;
      font-family: icomoon !important
    }

    .mobile-bar .mobile-custom-menu-1 .count-badge {
      display: inline-flex
    }

    .mobile-main-menu-container .mobile-wrapper-header+.mobile-main-menu-wrapper {
      margin: 0
    }

    .mobile-main-menu-wrapper+.module-grid {
      order: 2
    }

    .mobile-bar .mobile-custom-menu-2 .count-badge {
      display: inline-flex
    }

    .mobile-header-active .mini-search .search-trigger .menu-icon:before {
      content: '\e910' !important;
      font-family: icomoon !important
    }

    .mobile-header-active .header-search {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      padding: 0;
      --element-padding: 0px;
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .mobile-header-active .header-search:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .mobile-header-active .header-search.focused,
    .no-touchevents .mobile-header-active .header-search.focused:hover {
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .mobile-header-active .header-search input {
      border-radius: 0 !important;
      --element-border-radius: 0px !important;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
    }

    .mobile-header-active div.header-search>.search-button:before {
      font-size: 16px;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      transform: translate3d(0px, -1px, 0)
    }

    .no-touchevents .mobile-header-active .header-search:hover>.search-button:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .mobile-header-active .header-search .search-button {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      min-width: min(40px, 100%)
    }

    .mobile-header-active #search input::-webkit-input-placeholder {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
    }

    .mobile-header-active #search input::-moz-input-placeholder {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
    }

    .mobile-header-active #search input:-ms-input-placeholder {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.6))
    }

    .mobile-header-active .search-categories {
      display: flex;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .mobile-header-active .header-search>span {
      border-radius: 0
    }

    .mobile-header-active .search-categories-button.dropdown-toggle,
    .mobile-header-active .search-categories-button,
    .mobile-header-active .search-categories-button>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.3
    }

    .no-touchevents .mobile-header-active .header-search:hover .search-categories-button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .mobile-header-active .search-categories-button:after {
      content: '\f0d7' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    .mobile-header-active .search-categories .dropdown-menu ul {
      width: 200px;
      max-height: 400px
    }

    .mobile-header-active .tt-menu {
      --item-width: 300px;
      --item-gap: 1px
    }

    .mobile-header-active .tt-menu>div {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .mobile-header-active .tt-menu .search-result:not(.view-more) a {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .no-touchevents .mobile-header-active .tt-menu .search-result:not(.view-more):hover a,
    .mobile-header-active .tt-cursor {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 1%), calc(var(--j-color-scheme-background-primary-a)*0.8))
    }

    .mobile-header-active .tt-menu>div>div>a {
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .mobile-header-active .tt-dataset {
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    .mobile-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
      display: block;
      opacity: 1
    }

    .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
      --triangle-size: 10px;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
      top: var(--triangle-size-overlay, 0px);
      height: calc(100% - var(--triangle-size-overlay, 0px))
    }

    .mobile-header-active #search .twitter-typeahead>.tt-menu:before {
      display: block;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .mobile-header-active #search .twitter-typeahead#cart-content:before {
      display: block
    }

    .mobile-header-active #search .twitter-typeahead>.j-dropdown:before,
    .mobile-header-active #search .twitter-typeahead>.tt-menu:before,
    .mobile-header-active #search .twitter-typeahead#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --triangle-left-offset: -10px;
      top: 0
    }

    .mobile-header-active #search .twitter-typeahead {
      --triangle-top-distance: 0px
    }

    .mobile-header-active .search-result>a>img {
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
    }

    .no-touchevents .mobile-header-active .tt-menu>div>div>a:hover img {
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .mobile-header-active .search-result>a>span {
      padding: var(--j-gap-spacing---3);
      --element-padding: var(--j-gap-spacing---3);
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6);
      justify-content: center
    }

    .mobile-header-active .search-result.view-more a {
      justify-content: center;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---6);
      --element-padding: var(--j-gap-spacing---6)
    }

    .mobile-header-active .search-result .product-name {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      text-transform: none;
      line-height: 1.3;
      margin-bottom: var(--j-gap-spacing---4);
      --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .no-touchevents .mobile-header-active .tt-menu>div>div>a:hover .product-name {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .mobile-header-active .search-result .product-name+span {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size-300);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      line-height: 1
    }

    .mobile-header-active .search-result .price-old {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: 90%;
      color: rgba(242, 119, 99, 1);
      text-decoration: line-through;
      -webkit-text-decoration: line-through;
      letter-spacing: 0;
      line-height: 1
    }

    .no-touchevents .mobile-header-active .search-result.view-more a:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px;
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 5%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .mobile-header-active .search-result.view-more a:after {
      content: '\e9b1' !important;
      font-family: icomoon !important;
      margin-left: 8px;
      --element-margin-left: 8px
    }

    .mobile-header-active .search-result:not(.view-more)>a:after {
      content: '\ea32' !important;
      font-family: icomoon !important;
      font-size: 24px;
      color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
    }

    .no-touchevents .mobile-header-active .search-result:not(.view-more)>a:hover:after {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .mobile-header-active .search-result>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5)
    }

    .mobile-header-active .search-result.no-results>a {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
    }

    .mobile-header-active .mobile-1 .mini-search {
      order: 10
    }

    .mobile-header.mobile-1 #search.animating:before {
      background-color: rgba(0, 0, 0, .8);
      --background-color: rgba(0, 0, 0, .8)
    }

    .mobile-header-active .mobile-search-group,
    .mobile-header-active .mobile-1 .mini-search #search>.dropdown-menu {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    .mobile-1 #search>.j-dropdown:not(#cart-content):before {
      display: none;
      opacity: 0
    }

    .mobile-1 #search>.j-dropdown>.mega-menu-content {
      --dropdown-triangle: 0px;
      --triangle-size: 0px
    }

    .mobile-1 #search>.j-dropdown>.mega-menu-content:before {
      top: 0;
      height: 100%
    }

    .mobile-1 #search>.tt-menu:before {
      display: none;
      --dropdown-triangle: 0px
    }

    .mobile-1 #search#cart-content:before {
      display: none
    }

    .mobile-1 #search>.j-dropdown:before,
    .mobile-1 #search>.tt-menu:before,
    .mobile-1 #search#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      top: 0
    }

    .mobile-1 #search {
      --triangle-top-distance: -10px
    }

    .mobile-header-active .mobile-secondary-menu .top-menu>.j-menu>li.menu-item>a {
      min-height: 44px
    }

    .mobile-header .mobile-secondary-menu .top-menu>.j-menu {
      padding: 0 var(--content-gutter, 0px) 0 calc(var(--content-gutter, 0px) - 5px)
    }

    .mobile-header .mobile-secondary-menu .top-menu>.j-menu>li.menu-item:last-child {
      padding-inline-end: var(--content-gutter, 0px);
      margin-inline-end: 0
    }

    .mobile-header .mobile-secondary-menu .top-menu>.j-menu>li.menu-item:first-child {
      margin-inline-start: 0
    }

    html {
      --mobile-top-bar: 40px;
      --mobile-top-bar: 0px !important
    }

    .mobile-header-active .mobile-header .mobile-top-bar {
      display: none;
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      justify-content: space-between;
      align-items: center
    }

    .mobile-header-active .mobile-bar {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit
    }

    .mobile-header-active .mobile-logo-wrapper {
      border-top-left-radius: inherit
    }

    .mobile-header-active .mobile-header .mobile-top-menu-wrapper {
      width: -webkit-fill-available;
      width: -moz-available;
      width: stretch
    }

    .mobile-header-active .mobile-top-menu-wrapper .menu-item {
      margin-inline-start: initial
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>.links-text,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.desktop-language-wrapper button,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.desktop-currency-wrapper button,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.mobile-language-wrapper button,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.mobile-currency-wrapper button,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>#cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item:hover>a,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item:hover>a>.links-text,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item.active>a>.links-text,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item.open>a>.links-text,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item.panel-active>a>.links-text,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu>.j-menu>#cart:hover>a,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>.links-text>s {
      display: none
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a>.count-badge {
      margin-inline-end: 5px
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a>.count-badge+.open-menu+.menu-label {
      margin-inline-start: 0
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a:after {
      display: none
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a {
      --dropdown-indicator: 0px
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.dropdown>a>.links-text {
      margin-inline-end: initial
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>.links-text {
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: initial;
      padding-bottom: initial
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.language-currency .currency-title {
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: initial
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.language-currency .language-title {
      max-width: none;
      white-space: normal;
      overflow: visible;
      text-overflow: initial
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>span>s {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-100);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      line-height: 1.1
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a:before {
      font-size: 1em;
      color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a:before,
    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item {
      --menu-item-gap: var(--j-gap-spacing---5)
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --margin-top: -1px
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>.menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.mega-custom>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.mega-custom:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.mega-custom:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.mega-menu.animating>.j-dropdown {
      --dropdown-from: 0
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .dropdown>a:after,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .dropdown>button:after,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .desktop-language-wrapper .dropdown .dropdown-toggle:after,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .desktop-currency-wrapper .dropdown .dropdown-toggle:after,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .mobile-language-wrapper .dropdown .dropdown-toggle:after,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .mobile-currency-wrapper .dropdown .dropdown-toggle:after {
      opacity: .4;
      left: 8px
    }

    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .dropdown:hover>a:after,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .dropdown:hover>button:after,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .desktop-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .desktop-currency-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .mobile-language-wrapper .dropdown:hover .dropdown-toggle:after,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .mobile-currency-wrapper .dropdown:hover .dropdown-toggle:after {
      opacity: 1
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a>.links-text,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu.language-currency .currency-title,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu.language-currency .language-title {
      --menu-max-width: 200px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a>.links-text {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-bottom: 1px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu.language-currency .currency-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu.language-currency .language-title {
      max-width: var(--menu-max-width, none);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a:before {
      font-size: 1.2em
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a:before,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a .links-text em {
      margin-right: .5em;
      --element-margin-right: .5em
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item:not(:first-child),
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu.accordion-menu .menu-item>a+div,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .accordion-menu .menu-item>a+div {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6);
      padding-left: var(--j-gap-spacing---6);
      --element-padding-left: var(--j-gap-spacing---6)
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item.has-image>a {
      padding: var(--j-gap-spacing---5);
      --element-padding: var(--j-gap-spacing---5);
      padding-right: var(--j-gap-spacing---6);
      --element-padding-right: var(--j-gap-spacing---6)
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item {
      --menu-item-gap: 0px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.drop-menu .menu-item>a>.count-badge {
      display: none;
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial;
      --x: 8px
    }

    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown .j-menu>li:hover>a,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown .j-menu>li:hover>a>.links-text {
      color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1))
    }

    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown .j-menu>li:hover>a,
    .no-touchevents .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown .j-menu>li:hover>a {
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown .j-menu>li {
      border-style: none;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown .j-menu {
      --dropdown-padding: var(--j-gap-spacing---4)
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown .j-menu .j-menu {
      --dropdown-padding: 0px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search) .j-dropdown .j-menu {
      background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1))
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search)>.j-dropdown {
      --dropdown-width: 100px;
      width: 100px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search):not(.flyout).main-menu-item .j-dropdown .menu-item>a {
      min-width: 100px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li {
      min-height: 50px;
      --dropdown-main-menu-min-height: 50px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item .j-dropdown .j-menu>li>a {
      min-height: 50px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu {
      box-shadow: 3px 15px 15px -2px rgb(0 0 0/10%), 3px 15px 35px -5px rgb(0 0 0/10%), 3px 15px 25px -5px rgb(0 0 0/0%);
      border-radius: 0;
      --element-border-radius: 0px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu .j-menu {
      border-top-left-radius: 0;
      --element-border-top-left-radius: 0px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:not(#cart-content):before {
      display: block;
      opacity: 1
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content {
      --triangle-size: 10px;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown>.mega-menu-content:before {
      top: var(--triangle-size-overlay, 0px);
      height: calc(100% - var(--triangle-size-overlay, 0px))
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before {
      display: block;
      --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px))
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
      display: block
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)>.j-dropdown:before,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)>.tt-menu:before,
    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth)#cart-content:before {
      border-bottom-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
      --triangle-left-offset: 3px;
      top: 2px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-fullwidth) {
      --triangle-top-distance: -2px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.dropdown:not(.mega-menu):not(#search).main-menu-item {
      --triangle-top-distance: -10px
    }

    .mobile-header-active .mobile-top-bar .top-menu .dropdown.multi-level>.j-dropdown>.j-menu {
      --dropdown-cols: 2
    }

    .mobile-header-active .mobile-top-bar .top-menu>.j-menu>li>a {
      padding-left: 0;
      --element-padding-left: 0px
    }

    .mobile-header-active .mobile-wrapper-top-menu .top-menu>.j-menu>li>a>.links-text,
    .mobile-header-active .language-currency [class*=-wrapper] button.dropdown-toggle {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size-500);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    @media (max-width:1200px) {
      .mobile-header-active #search .header-search .search-categories.dropdown>.j-dropdown {
        left: 0;
        right: auto;
        transform: translate3d(0, var(--dropdown-from), 0);
        align-items: flex-start
      }

      .mobile-header-active #search .header-search .search-categories.dropdown>.j-dropdown:before {
        --triangle-right: var(--triangle-right-offset, 0px);
        --triangle-left: var(--triangle-left-offset, 0px)
      }

      .mobile-header-active #search .twitter-typeahead>.j-dropdown:not(#cart-content):before {
        display: none;
        opacity: 0
      }

      .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content {
        --dropdown-triangle: 0px;
        --triangle-size: 0px
      }

      .mobile-header-active #search .twitter-typeahead>.j-dropdown>.mega-menu-content:before {
        top: 0;
        height: 100%
      }

      .mobile-header-active #search .twitter-typeahead>.tt-menu:before {
        display: none;
        --dropdown-triangle: 0px
      }

      .mobile-header-active #search .twitter-typeahead#cart-content:before {
        display: none
      }
    }

    @media (max-width:900px) {

      .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a,
      .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
      }

      .mobile-header-active .tt-menu>div {
        border-radius: 0;
        --element-border-radius: 0px
      }
    }

    @media (max-width:400px) {
      :root {
        --mobile-bar: 64px
      }

      .mobile-bar .menu-trigger {
        width: 40px
      }

      .mobile-bar-group>a {
        width: 40px
      }

      .mobile-bar>a {
        width: 40px
      }

      .mobile-header-active .search-trigger {
        width: 40px
      }

      .mobile-cart-wrapper #cart>a {
        width: 40px
      }
    }
    .module-catalog-891 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 1*0px)/2 - .01px)
    }

    .module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/2 - .01px)
    }

    .one-column #content .module-catalog-891 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .one-column #content .module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .two-column #content .module-catalog-891 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .two-column #content .module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .side-column .module-catalog-891 .ipr-grid .module-item.swiper-slide {
      margin-right: 0;
      width: calc((100% - 0*0px)/1 - .01px)
    }

    .side-column .module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
      padding: 0;
      width: calc(100%/1 - .01px)
    }

    .module-catalog-891 .subitem>a s {
      background-color: rgba(215, 228, 254, 1);
      --background-color: rgba(215, 228, 254, 1);
      border-radius: 3px;
      --element-border-radius: 3px
    }

    .module-catalog-891 .catalog-title:not(:empty)+.item-assets {
      margin-top: var(--j-gap-spacing---5)
    }

    .module-catalog-891 .catalog-title {
      display: flex;
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3;
      width: auto;
      margin-inline: 0 auto;
      justify-content: flex-start;
      align-items: flex-start;
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      -webkit-line-clamp: 2
    }

    .no-touchevents .module-catalog-891 .catalog-title:hover {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .module-catalog-891 .subitems {
      align-items: flex-start;
      --catalog-link-gap: var(--j-gap-spacing---4);
      --column-count: auto;
      --column-width: 150px;
      --column-gap: 32px;
      column-rule-style: none
    }

    .module-catalog-891 .subitem a {
      padding-bottom: 1px;
      --element-padding-bottom: 1px;
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    .no-touchevents .module-catalog-891 .subitem:hover a {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .module-catalog-891 .subitem.view-more span {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
    }

    .no-touchevents .module-catalog-891 .subitem.view-more:hover span {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .module-catalog-891 .subitem.view-more:after {
      content: '\f105' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      transform: translate3d(0px, 1px, 0);
      margin-left: 6px;
      --element-margin-left: 6px
    }

    .no-touchevents .module-catalog-891 .subitem.view-more:hover:after {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1))
    }

    .module-catalog-891 .subitem>a {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%
    }

    .module-catalog-891 .subitem:before {
      margin-right: var(--j-gap-spacing---3);
      --element-margin-right: var(--j-gap-spacing---3)
    }

    .no-touchevents .module-catalog-891 .catalog-image .catalog-image:hover {
      transform: scale(var(--scale-hover, 1));
      transform: scale(var(--scale-hover, 1))
    }

    .module-catalog-891 .catalog-image .catalog-image:active {
      transform: scale(var(--scale-active, 1));
      transform: scale(var(--scale-active, 1))
    }

    .module-catalog-891 .catalog-image {
      --scale-hover: 1.02;
      --scale-active: 1;
      justify-content: start;
      align-items: start;
      order: 2;
      display: flex
    }

    .module-catalog-891 .catalog-image img,
    .module-catalog-891 .catalog-image:after {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .module-catalog-891 .item-content:before {
      display: none
    }

    .module-catalog-891 .catalog-image:before {
      inset-inline: 50% 50%;
      inset-block: 50% 50%
    }

    .module-catalog-891 .item-assets {
      --catalog-gap: var(--j-gap-spacing---6);
      --image-max-width: 45%;
      --image-min-width: 80px;
      flex-direction: row;
      flex-wrap: wrap
    }

    .module-catalog-891 .catalog-image img {
      width: auto;
      height: auto
    }

    .module-catalog-891 .module-title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .module-catalog-891 .module-title:after {
      display: none;
      margin-top: .7em
    }

    .module-catalog-891 .module-title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .module-catalog-891 .module-title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .module-catalog-891 .module-title:after,
    .module-catalog-891 .module-title .page-title-text:after,
    .module-catalog-891 .module-title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .module-catalog-891 .flex-grid>* {
      flex-grow: 0
    }

    div.module-catalog-891 .auto-grid {
      --grid-min-col: 4;
      --grid-gap: var(--j-gap-spacing-gap-4);
      --scrollbar-top-space: var(--scrollbar-top-spacing, 0px);
      --scrollbar-bottom-space: var(--scrollbar-bottom-spacing, 0px);
      --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
    }

    .module-catalog-891 {
      --center-insufficient: initial;
      --inline-margin: initial;
      --center-insufficient-carousel: initial
    }

    .module-catalog-891 .auto-grid {
      margin-inline-start: unset;
      margin-inline-end: unset;
      --fr: 1fr;
      --auto-carousel-button-width: 35px;
      --auto-carousel-button-height: 35px
    }

    .module-catalog-891 .auto-grid .auto-grid-items {
      grid-auto-flow: row dense;
      overflow-x: initial;
      padding-inline-start: unset;
      padding-inline-end: unset;
      --grid-rows: 2
    }

    .module-catalog-891 .auto-grid .auto-carousel-controls {
      display: none
    }

    .module-catalog-891 .auto-grid .auto-carousel-items:after {
      display: none
    }

    .module-catalog-891 .auto-grid .auto-grid-items.is-gliding a {
      pointer-events: auto
    }

    .module-catalog-891 .auto-grid>.auto-grid-items:before {
      --fader-status: 1;
      display: block
    }

    .module-catalog-891 .auto-grid>.auto-grid-items:after {
      --fader-status: 1;
      display: block
    }

    .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:before,
    .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:before,
    .module-catalog-891 .auto-carousel-buttons.scroll-top em:before,
    .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:before {
      content: '\e93f' !important;
      font-family: icomoon !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .no-touchevents .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
    .no-touchevents .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:hover:before,
    .no-touchevents .module-catalog-891 .auto-carousel-buttons.scroll-top em:hover:before,
    .no-touchevents .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:active:before,
    .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:active:before,
    .module-catalog-891 .auto-carousel-buttons.scroll-top em:active:before,
    .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:active:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span,
    .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div,
    .module-catalog-891 .auto-carousel-buttons.scroll-top em,
    .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon {
      background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .no-touchevents .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:hover,
    .no-touchevents .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:hover,
    .no-touchevents .module-catalog-891 .auto-carousel-buttons.scroll-top em:hover,
    .no-touchevents .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:hover {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:active,
    .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:active,
    .module-catalog-891 .auto-carousel-buttons.scroll-top em:active,
    .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:active {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .module-catalog-891 .auto-carousel-prev span:before {
      transform: scaleX(-1);
      font-size: 18px
    }

    .module-catalog-891 .auto-grid-items:before,
    .module-catalog-891 .auto-grid-items:after {
      --fader-width-right: 200px
    }

    .module-catalog-891 .auto-carousel-buttons {
      align-items: center;
      justify-content: space-between;
      flex-direction: row;
      position: absolute;
      top: 50%;
      height: auto;
      transform: translate3d(0, -50%, 0);
      margin-top: var(--buttons-offset, 0px)
    }

    .module-catalog-891 .auto-carousel-buttons .auto-carousel-prev {
      order: 0;
      transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
    }

    .module-catalog-891 .auto-carousel-buttons .auto-carousel-next {
      order: 2;
      transform: translate3d(calc(var(--auto-carousel-button-x, 0px)*-1), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
    }

    .module-catalog-891 .auto-carousel-next span:before {
      font-size: 18px
    }

    .no-touchevents .module-catalog-891 .auto-carousel-buttons>div:hover>span {
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    div.module-catalog-891 .auto-carousel-bar {
      display: flex;
      margin: var(--scrollbar-top-spacing, 0) max(0px, var(--scroll-padding, 0px)) var(--scrollbar-bottom-spacing, 0) max(0px, var(--scroll-padding, 0px))
    }

    div.module-catalog-891 .auto-carousel-controls.auto-carousel-bar {
      max-height: none
    }

    div.module-catalog-891 {
      --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
    }

    .module-catalog-891 .subitem s {
      font-size: 100%;
      opacity: .7;
    }
    .module-banners_grid-942 .slide-content {
      --object-position-h: center;
      justify-content: center;
      --object-position-v: center;
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .module-banners_grid-942 .slide-content>img {
      align-self: center;
      width: 100%;
      height: 100%
    }

    .module-banners_grid-942 .slide-content>video {
      align-self: center;
      width: 100%;
      height: 100%
    }

    .module-banners_grid-942>.module-body>.banners-grid>.banners-wrapper>.module-item:before {
      display: block
    }

    .module-banners_grid-942 .swiper-slide .slide-link {
      z-index: 2
    }

    .module-banners_grid-942 .slide-col .slide-image:before {
      display: none
    }

    .module-banners_grid-942 .slide-col .slide-layers {
      align-items: flex-start;
      justify-content: center
    }

    .module-banners_grid-942 .slide-text {
      text-align: start
    }

    .module-banners_grid-942 .slide-cols .module-subitem.slide-button {
      margin-top: var(--slide-layer-gap-custom, 0)
    }

    .module-banners_grid-942 .slide-col .slide-image {
      align-self: flex-end
    }

    .module-banners_grid-942 .slide-layers {
      --slide-layer-gap: var(--j-gap-spacing---6)
    }

    .module-banners_grid-942>.module-body>.banners-grid>.banners-wrapper>.module-item>.slide-content {
      overflow: hidden
    }

    .module-banners_grid-942 .slide-image {
      --image-layer-scale-hover: 1.01;
      --image-layer-scale-active: 1
    }

    .module-banners_grid-942 .slide-text-layer {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .module-banners_grid-942 .slide-col {
      --slides-cols-width: 40%;
      --stack-unit: 1vw
    }

    .module-banners_grid-942 .slide-cols {
      --slides-cols-auto-stack: 400px
    }

    .module-banners_grid-942 .slide-col-right {
      order: 2
    }

    .module-banners_grid-942 .slide-col-left {
      order: 1
    }

    .module-banners_grid-942 .slide-cols:before {
      display: none
    }

    .module-banners_grid-942 .slide-col.slide-col-right {
      padding: var(--j-gap-spacing-padding-xl);
      --element-padding: var(--j-gap-spacing-padding-xl)
    }

    .module-banners_grid-942 .slide-content-hold {
      height: 100%
    }

    .module-banners_grid-942 .slide-content-hold>img {
      width: 100%
    }

    .module-banners_grid-942 figure {
      width: auto;
      height: auto
    }

    .module-banners_grid-942 figure img {
      width: auto;
      height: auto
    }

    .module-banners_grid-942 figcaption {
      top: auto;
      bottom: 0
    }

    .module-banners_grid-942 .btn.btn,
    .module-banners_grid-942 .btn.btn:visited {
      font-size: var(--j-font_size-font-size-400) !important;
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .no-touchevents .module-banners_grid-942 .btn.btn:hover {
      color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent;
      box-shadow: none
    }

    .module-banners_grid-942 .btn.btn {
      justify-content: flex-start;
      border-style: none;
      padding: 0;
      --element-padding: 0px;
      padding-bottom: 2px;
      --element-padding-bottom: 2px;
      box-shadow: none;
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .module-banners_grid-942 .btn.btn,
    .module-banners_grid-942 .btn.tooltip {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .module-banners_grid-942 .btn.btn:active,
    .no-touchevents .module-banners_grid-942 .btn.btn:hover:active,
    .module-banners_grid-942 .btn.btn:focus:active,
    .no-touchevents .module-banners_grid-942 .btn.btn:focus:hover:active {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .module-banners_grid-942 .btn.btn:focus,
    .module-banners_grid-942 .btn.btn[disabled] {
      background: 0 0 !important;
      -webkit-backdrop-filter: none !important;
      backdrop-filter: none !important;
      --background-color: transparent !important
    }

    .module-banners_grid-942 .btn.btn:active,
    .no-touchevents .module-banners_grid-942 .btn.btn:hover:active,
    .module-banners_grid-942 .btn.btn:focus:active {
      box-shadow: none
    }

    .module-banners_grid-942 .btn.btn:focus {
      box-shadow: none
    }

    .module-banners_grid-942 .btn.btn.btn.disabled:after {
      font-size: 1em
    }

    .module-banners_grid-942 .slide-button .btn {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
    }

    .no-touchevents .module-banners_grid-942 .module-item:hover .slide-button .btn {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.7)) !important
    }

    .module-banners_grid-942 .slide-content .slide-button .btn {
      transform: translate3d(0, 0, 0) scale(1);
      opacity: 1
    }

    .module-banners_grid-942 .slide-button-group {
      flex-direction: row
    }

    .module-banners_grid-942 .slide-button {
      width: auto
    }

    .module-banners_grid-942 .flex-grid>* {
      flex-grow: 1
    }

    div.module-banners_grid-942 .banners-grid.auto-grid {
      --auto-grow-type: auto-fit;
      --item-width: var(--item-fit)
    }

    .module-banners_grid-942 .banners-grid.auto-grid {
      margin-inline-start: unset;
      margin-inline-end: unset;
      --fr: 1fr
    }

    .module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items {
      grid-auto-flow: row dense;
      overflow-x: initial;
      padding-inline-start: unset;
      padding-inline-end: unset
    }

    .module-banners_grid-942 .banners-grid.auto-grid>.auto-carousel-controls {
      display: none
    }

    .module-banners_grid-942 .banners-grid.auto-grid>.auto-carousel-items:after {
      display: none
    }

    .module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items.is-gliding a {
      pointer-events: auto
    }

    .module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items:before {
      --fader-status: 0;
      display: none
    }

    .module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items:after {
      --fader-status: 0;
      display: none
    }

    div.module-banners_grid-942 .banners-grid.auto-grid .auto-carousel-controls {
      --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
    }

    .module-banners_grid-942 .slide-col-left-hold {
      overflow: initial
    }

    .module-banners_grid-942 .slide-cols-hold {
      overflow: initial
    }

    .module-banners_grid-942 .slide-col-right-hold {
      overflow: initial
    }

    .module-banners_grid-942 .slide-col-left:after {
      display: none
    }

    .module-banners_grid-942 .slide-col-right:after {
      display: none;
      --overlay-ease: ease-out
    }

    @media (max-width:500px) {
      .module-banners_grid-942 .slide-layers {
        --slide-layer-gap: var(--j-gap-spacing---5)
      }
    }

    .module-banners_grid-942>.module-body>.banners-grid.auto-grid>.auto-grid-items>.module-item-1 {
      grid-row-end: auto
    }

    .module-banners_grid-942 .swiper-slide.module-item-1 .slide-col-right:after {
      --overlay-ease: ease-out
    }

    .module-banners_grid-942 {
      --image-width: 1000;
      --image-height: 1000
    }

    .module-banners_grid-942 .swiper-slide::after {
      --image-width: 1000;
      --image-height: 1000
    }
    div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-2 {
      display: flex
    }

    .header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.flyout:not(.open)>.j-dropdown {
      visibility: hidden
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.menu-fullwidth>.j-dropdown>.mega-menu-content {
      padding-inline-start: 0;
      padding-inline-end: 0
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
      --gutter: var(--content-gutter, 0px)
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.dropdown.mega-custom>.j-dropdown {
      --width: 800px
    }

    .main-menu-734>.j-menu li.main-menu-item-2>a .links-text {
      display: var(--display);
      --display: block
    }

    .desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-2.multi-level .dropdown-menu ul li .dropdown-menu {
      left: 100%
    }

    .desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-2.dropdown>.dropdown-menu {
      min-width: 200px
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px;
      transform: translate3d(-100%, 0, 0);
      transform: translate3d(-50%, 0, 0)
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      left: 50%;
      right: auto;
      transform: translate3d(-50%, var(--dropdown-from), 0);
      align-items: center;
      --align-scroll: var(--align-scroll-center, 0);
      --translate-x: -50%
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      left: 50%;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: 0px;
      --triangle-left: 0px;
      transform: translate3d(-100%, 0, 0);
      transform: translate3d(-50%, 0, 0)
    }

    .main-menu-734>.j-menu li.main-menu-item-2 .menu-label {
      color: rgba(13, 82, 214, 1);
      background-color: rgba(215, 228, 254, 1);
      --background-color: rgba(215, 228, 254, 1);
      background-size: contain
    }

    .no-touchevents .main-menu-734>.j-menu li.main-menu-item-2:hover .menu-label {
      background-size: contain
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col {
      --unit: 1%
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1:before {
      display: block;
      left: 0;
      right: 0;
      width: 100%
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
      min-width: 70%
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
      justify-content: flex-start
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-1 {
      display: block
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-1>.grid-items:before {
      display: none
    }

    .grid-items>.grid-item.grid-module-main_menu-734-2-1-1-1 {
      display: flex
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
      min-width: 30%
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
      justify-content: flex-start
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-2 {
      display: block
    }

    .main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-2>.grid-items:before {
      display: none
    }

    .grid-items>.grid-item.grid-module-main_menu-734-2-1-2-1 {
      display: flex
    }

    div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-3 {
      display: flex
    }

    .header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.flyout:not(.open)>.j-dropdown {
      visibility: hidden
    }

    .desktop-main-menu-wrapper .menu-fullwidth>.j-dropdown {
      width: 100%
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.menu-fullwidth>.j-dropdown>.mega-menu-content {
      padding-inline-start: 0;
      padding-inline-end: 0
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
      --gutter: var(--content-gutter, 0px)
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.dropdown.mega-custom>.j-dropdown {
      --width: 700px
    }

    .main-menu-734>.j-menu li.main-menu-item-3>a .links-text {
      display: var(--display);
      --display: block
    }

    .desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-3.multi-level .dropdown-menu ul li .dropdown-menu {
      left: 100%
    }

    .main-menu-734>.j-menu li.main-menu-item-3 .mega-menu-content {
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-end;
      --align-scroll: var(--align-scroll-end, 0);
      --translate-x: -100%
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      right: 0;
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: translate3d(-50%, 0, 0)
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-end;
      --align-scroll: var(--align-scroll-end, 0);
      --translate-x: -100%
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      right: 0;
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: translate3d(-50%, 0, 0)
    }

    div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-4 {
      display: flex
    }

    .header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.flyout:not(.open)>.j-dropdown {
      visibility: hidden
    }

    .desktop-main-menu-wrapper .menu-fullwidth>.j-dropdown {
      width: 100%
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.menu-fullwidth>.j-dropdown>.mega-menu-content {
      padding-inline-start: 0;
      padding-inline-end: 0
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
      --gutter: var(--content-gutter, 0px)
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.dropdown.mega-custom>.j-dropdown {
      --width: 700px
    }

    .main-menu-734>.j-menu li.main-menu-item-4>a .links-text {
      display: var(--display);
      --display: block
    }

    .desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-4.multi-level .dropdown-menu ul li .dropdown-menu {
      left: 100%
    }

    .main-menu-734>.j-menu li.main-menu-item-4 .mega-menu-content {
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-end;
      --align-scroll: var(--align-scroll-end, 0);
      --translate-x: -100%
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      right: 0;
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: translate3d(-50%, 0, 0)
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-end;
      --align-scroll: var(--align-scroll-end, 0);
      --translate-x: -100%
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      right: 0;
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: translate3d(-50%, 0, 0)
    }

    div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-5 {
      display: flex
    }

    .header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.flyout:not(.open)>.j-dropdown {
      visibility: hidden
    }

    .desktop-main-menu-wrapper .menu-fullwidth>.j-dropdown {
      width: 100%
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.menu-fullwidth>.j-dropdown>.mega-menu-content {
      padding-inline-start: 0;
      padding-inline-end: 0
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
      --gutter: var(--content-gutter, 0px)
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.dropdown.mega-custom>.j-dropdown {
      --width: 700px
    }

    .main-menu-734>.j-menu li.main-menu-item-5>a .links-text {
      display: var(--display);
      --display: block
    }

    .desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-5.multi-level .dropdown-menu ul li .dropdown-menu {
      left: 100%
    }

    .main-menu-734>.j-menu li.main-menu-item-5 .mega-menu-content {
      border-radius: 0 !important;
      --element-border-radius: 0px !important
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-end;
      --align-scroll: var(--align-scroll-end, 0);
      --translate-x: -100%
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      right: 0;
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: translate3d(-50%, 0, 0)
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-end;
      --align-scroll: var(--align-scroll-end, 0);
      --translate-x: -100%
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      right: calc(var(--menu-item-gap, 0px)/2);
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      right: 0;
      left: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: translate3d(-50%, 0, 0)
    }

    div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-6 {
      display: flex
    }

    .header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-6.flyout:not(.open)>.j-dropdown {
      visibility: hidden
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-6.menu-fullwidth>.j-dropdown>.mega-menu-content {
      padding-inline-start: 0;
      padding-inline-end: 0
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-6.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
      --gutter: var(--content-gutter, 0px)
    }

    .main-menu-734>.j-menu li.main-menu-item-6>a .links-text {
      display: var(--display);
      --display: block
    }

    .desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-6.multi-level .dropdown-menu ul li .dropdown-menu {
      left: 100%
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start;
      --align-scroll: var(--align-scroll-start, 0);
      --translate-x: 0
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      left: initial;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: none
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start;
      --align-scroll: var(--align-scroll-start, 0);
      --translate-x: 0
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      left: initial;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: none
    }

    div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-7 {
      display: flex
    }

    .header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-7.flyout:not(.open)>.j-dropdown {
      visibility: hidden
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-7.menu-fullwidth>.j-dropdown>.mega-menu-content {
      padding-inline-start: 0;
      padding-inline-end: 0
    }

    .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-7.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
      --gutter: var(--content-gutter, 0px)
    }

    .main-menu-734>.j-menu li.main-menu-item-7>a .links-text {
      display: var(--display);
      --display: block
    }

    .desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-7.multi-level .dropdown-menu ul li .dropdown-menu {
      left: 100%
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start;
      --align-scroll: var(--align-scroll-start, 0);
      --translate-x: 0
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      left: initial;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: none
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start;
      --align-scroll: var(--align-scroll-start, 0);
      --translate-x: 0
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
      left: initial;
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto
    }

    .desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px);
      transform: none
    }
    .top-menu-331 .top-menu-item-1 {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-1>a {
      text-align: left
    }

    .top-menu-331>ul>.top-menu-item-1>a>.links-text {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-1>a .count-badge {
      position: relative
    }

    .top-menu-331 .top-menu-item-2 {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-2>a {
      text-align: left
    }

    .top-menu-331>ul>.top-menu-item-2>a>.links-text {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-2>a .count-badge {
      position: relative
    }

    .top-menu-331 .top-menu-item-4 {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-4>a {
      text-align: left
    }

    .top-menu-331>ul>.top-menu-item-4>a>.links-text {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-4>a .count-badge {
      position: relative
    }

    .top-menu-331 .top-menu-item-5 {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-5>a {
      text-align: left
    }

    .top-menu-331>ul>.top-menu-item-5>a>.links-text {
      display: block
    }

    .top-menu-331>ul>.top-menu-item-5>a .count-badge {
      position: relative
    }

    .top-menu-331 .top-menu-item-6 {
      display: block
    }

    .top-menu-331 .top-menu-item-7 {
      display: block
    }

    .top-menu-331 .top-menu-item-8 {
      display: block
    }
    .top-menu-1112 .top-menu-item-1 {
      display: block
    }

    div.top-menu-1112 .j-menu li.top-menu-item-1>a:before {
      content: '\e9fe' !important;
      font-family: icomoon !important
    }

    .top-menu-1112>ul>.top-menu-item-1>a {
      text-align: left
    }

    .top-menu-1112>ul>.top-menu-item-1>a>.links-text {
      display: block
    }

    .top-menu-1112>ul>.top-menu-item-1>a .count-badge {
      position: relative
    }

    .top-menu-1112 .j-menu .j-menu li.top-menu-item-2>a:before {
      content: '\ea01' !important;
      font-family: icomoon !important;
      margin-right: 7px;
      --element-margin-right: 7px
    }

    .top-menu-1112 .top-menu-item-2 {
      display: block
    }

    .top-menu-1112 .j-menu .j-menu li.top-menu-item-3>a:before {
      content: '\ea06' !important;
      font-family: icomoon !important
    }

    .top-menu-1112 .top-menu-item-3 {
      display: block
    }

    .top-menu-1112 .top-menu-item-6 {
      display: block
    }

    div.top-menu-1112 .j-menu li.top-menu-item-6>a:before {
      content: '\ea93' !important;
      font-family: icomoon !important
    }

    .top-menu-1112>ul>.top-menu-item-6>a {
      text-align: left
    }

    .top-menu-1112>ul>.top-menu-item-6>a>.links-text {
      display: block
    }

    .top-menu-1112>ul>.top-menu-item-6>a .count-badge {
      position: relative
    }
    .top-menu-632 .top-menu-item-1 {
      display: block
    }

    div.top-menu-632 .j-menu li.top-menu-item-1>a:before {
      content: '\f16d' !important;
      font-family: icomoon !important
    }

    .top-menu-632>ul>.top-menu-item-1>a {
      text-align: left
    }

    .top-menu-632>ul>.top-menu-item-1>a>.links-text {
      display: block
    }

    .top-menu-632>ul>.top-menu-item-1>a .count-badge {
      position: relative
    }

    .top-menu-632 .top-menu-item-2 {
      display: block
    }

    div.top-menu-632 .j-menu li.top-menu-item-2>a:before {
      content: '\eb56' !important;
      font-family: icomoon !important
    }

    .top-menu-632>ul>.top-menu-item-2>a {
      text-align: left
    }

    .top-menu-632>ul>.top-menu-item-2>a>.links-text {
      display: block
    }

    .top-menu-632>ul>.top-menu-item-2>a .count-badge {
      position: relative
    }

    .top-menu-632 .top-menu-item-3 {
      display: block
    }

    div.top-menu-632 .j-menu li.top-menu-item-3>a:before {
      content: '\eaec' !important;
      font-family: icomoon !important
    }

    .top-menu-632>ul>.top-menu-item-3>a {
      text-align: left
    }

    .top-menu-632>ul>.top-menu-item-3>a>.links-text {
      display: block
    }

    .top-menu-632>ul>.top-menu-item-3>a .count-badge {
      position: relative
    }

    .top-menu-632 .top-menu-item-4 {
      display: block
    }

    div.top-menu-632 .j-menu li.top-menu-item-4>a:before {
      content: '\eaed' !important;
      font-family: icomoon !important
    }

    .top-menu-632>ul>.top-menu-item-4>a {
      text-align: left
    }

    .top-menu-632>ul>.top-menu-item-4>a>.links-text {
      display: block
    }

    .top-menu-632>ul>.top-menu-item-4>a .count-badge {
      position: relative
    }
    .module-grid-821>.grid-row-1 {
      padding: var(--j-gap-spacing-gutter-1);
      --element-padding: var(--j-gap-spacing-gutter-1);
      padding-top: var(--j-gap-spacing---5);
      --element-padding-top: var(--j-gap-spacing---5)
    }

    .module-grid-821>.grid-row-1:before {
      display: block
    }

    .module-grid-821>.grid-row-1>.video-row {
      display: block
    }

    .module-grid-821>.grid-row-1>.wave-top {
      display: block;
      transform: translate3d(0, -63%, 0) scale(1)
    }

    .module-grid-821>.grid-row-1>.wave-bottom {
      transform: translate3d(0, 63%, 0) scale(-1);
      display: block
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
      min-width: 100%;
      display: block
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---9);
      --element-padding: var(--j-gap-spacing---9);
      padding-top: var(--j-gap-spacing---8);
      --element-padding-top: var(--j-gap-spacing---8);
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
      display: none
    }

    .grid-items>.grid-item.grid-module-grid-821-1-1-1 {
      display: flex
    }

    div.grid-items>.grid-item.grid-module-grid-821-1-1-2 {
      margin-top: var(--j-gap-spacing---5) !important;
      --element-margin-top: var(--j-gap-spacing---5) !important;
      margin-bottom: var(--j-gap-spacing---5) !important;
      --element-margin-bottom: var(--j-gap-spacing---5) !important
    }

    .grid-items>.grid-item.grid-module-grid-821-1-1-2 {
      display: flex
    }

    div.grid-items>.grid-item.grid-module-grid-821-1-1-3 {
      margin-top: var(--j-gap-spacing---4) !important;
      --element-margin-top: var(--j-gap-spacing---4) !important
    }

    .grid-items>.grid-item.grid-module-grid-821-1-1-3 {
      display: flex
    }
    .grid-item div.accordion-menu.accordion-menu-1067>ul.j-menu>li.accordion-menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    .accordion-menu-1067>.j-menu>li.accordion-menu-item.is-divider {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    div.accordion-menu-1067>ul.j-menu>li.accordion-menu-item>a:before {
      margin-right: var(--j-gap-spacing-gap-2);
      --element-margin-right: var(--j-gap-spacing-gap-2)
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a,
    div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text,
    div.accordion-menu-1067.accordion-menu .desktop-language-wrapper button,
    div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper button,
    div.accordion-menu-1067.accordion-menu .mobile-language-wrapper button,
    div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper button,
    div.accordion-menu-1067.accordion-menu #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
    .no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text,
    .no-touchevents div.accordion-menu-1067.accordion-menu #cart:hover>a,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    div.accordion-menu-1067.accordion-menu .menu-item.open>a,
    div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a:before {
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a:before,
    div.accordion-menu-1067.accordion-menu .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
    div.accordion-menu-1067.accordion-menu .menu-item.active>a,
    div.accordion-menu-1067.accordion-menu .menu-item.open>a,
    div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    div.accordion-menu-1067.accordion-menu .menu-item:not(:first-child),
    div.accordion-menu-1067.accordion-menu.accordion-menu .menu-item>a+div,
    div.accordion-menu-1067.accordion-menu .accordion-menu .menu-item>a+div {
      border-style: none
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    div.accordion-menu-1067.accordion-menu .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    div.accordion-menu-1067.accordion-menu .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    div.accordion-menu-1067.accordion-menu .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    div.accordion-menu-1067.accordion-menu .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu>li {
      --menu-item-gap: 18px
    }

    div.accordion-menu-1067.accordion-menu .j-menu>li {
      border-style: none
    }

    div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu {
      border-width: 0;
      border-left-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      margin-left: 22px;
      --element-margin-left: 22px
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---9);
      --element-margin-left: var(--j-gap-spacing---9)
    }

    div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---8);
      --element-margin-left: var(--j-gap-spacing---8)
    }

    div.accordion-menu-1067 .open-menu em:before {
      content: '\e409' !important;
      font-family: icomoon !important;
      font-size: 12px
    }

    div.accordion-menu-1067 .open-menu[aria-expanded=true] em:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    div.accordion-menu-1067 .j-menu>.menu-item>a span.open-menu {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 9999px;
      --element-border-radius: 9999px;
      min-width: 24px;
      height: 24px
    }

    .no-touchevents div.accordion-menu-1067 .j-menu>.menu-item:hover>a span.open-menu,
    div.accordion-menu-1067 .j-menu>.menu-item.panel-active>a span.open-menu,
    div.accordion-menu-1067 .accordion-menu-item.open>a>.open-menu {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
      padding-inline-start: 24px !important
    }

    div.accordion-menu-1067 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
      padding-inline-start: 32px !important
    }

    div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
      padding-inline-start: 20px !important
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    @media (max-width:900px) {

      div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
      div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
      }
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-8>a:before {
      content: '\e9fe' !important;
      font-family: icomoon !important
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-9>a:before {
      content: '\eaf6' !important;
      font-family: icomoon !important
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-10>a:before {
      content: '\eb0a' !important;
      font-family: icomoon !important
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-11>a:before {
      content: '\eafd' !important;
      font-family: icomoon !important
    }
    .module-spacer-944 .spacer-divider {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }
    .icons-menu-854 a:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      font-size: 20px
    }

    .icons-menu-854 .menu-item a {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents .icons-menu-854 a:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .icons-menu-854 .links-text {
      white-space: normal;
      overflow: visible;
      text-overflow: ellipsis;
      display: none
    }

    .icons-menu-854 {
      --icon-spacing: 22px
    }

    .icons-menu-tooltip-854 .tooltip-inner {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
      line-height: 1.25;
      background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      padding: .4em;
      --element-padding: .4em;
      padding-right: .7em;
      --element-padding-right: .7em;
      padding-left: .7em;
      --element-padding-left: .7em;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .icons-menu-tooltip-854.tooltip.top .tooltip-arrow {
      border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-854.tooltip.right .tooltip-arrow {
      border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-854.tooltip.bottom .tooltip-arrow {
      border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-854.tooltip.left .tooltip-arrow {
      border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-854 ul {
      justify-content: flex-start
    }

    .icons-menu-854 .module-title {
      text-align: left
    }

    .icons-menu-854 .module-title:after {
      left: 0;
      right: auto;
      transform: none
    }

    .icons-menu-854 .icons-menu-item-1.icon-menu-icon>a:before {
      content: '\eb56' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-2.icon-menu-icon>a:before {
      content: '\eb6d' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-3.icon-menu-icon>a:before {
      content: '\eaed' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-4.icon-menu-icon>a:before {
      content: '\eaec' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-5.icon-menu-icon>a:before {
      content: '\f232' !important;
      font-family: icomoon !important
    }
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 #cart:hover>a,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before {
      font-size: 18px;
      transform: translate3d(0px, -1px, 0);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing-gap-2);
      --element-margin-right: var(--j-gap-spacing-gap-2)
    }

    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item:not(:first-child),
    .grid-item div.accordion-menu.accordion-menu-359.accordion-menu .menu-item>a+div,
    .grid-item div.accordion-menu.accordion-menu-359 .accordion-menu .menu-item>a+div {
      border-style: none
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .accordion-menu-359 .title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .accordion-menu-359 .title:after {
      display: none;
      margin-top: .7em
    }

    .accordion-menu-359 .title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .accordion-menu-359 .title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .accordion-menu-359 .title:after,
    .accordion-menu-359 .title .page-title-text:after,
    .accordion-menu-359 .title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .accordion-menu-359>.j-menu>li.accordion-menu-item.is-divider {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    div.accordion-menu-359.accordion-menu .menu-item>a,
    div.accordion-menu-359.accordion-menu .menu-item>a>.links-text,
    div.accordion-menu-359.accordion-menu .desktop-language-wrapper button,
    div.accordion-menu-359.accordion-menu .desktop-currency-wrapper button,
    div.accordion-menu-359.accordion-menu .mobile-language-wrapper button,
    div.accordion-menu-359.accordion-menu .mobile-currency-wrapper button,
    div.accordion-menu-359.accordion-menu #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
    .no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text,
    .no-touchevents div.accordion-menu-359.accordion-menu #cart:hover>a,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    div.accordion-menu-359.accordion-menu .menu-item.open>a,
    div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    div.accordion-menu-359.accordion-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    div.accordion-menu-359.accordion-menu .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    div.accordion-menu-359.accordion-menu .menu-item>a:before {
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    div.accordion-menu-359.accordion-menu .menu-item>a:before,
    div.accordion-menu-359.accordion-menu .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
    div.accordion-menu-359.accordion-menu .menu-item.active>a,
    div.accordion-menu-359.accordion-menu .menu-item.open>a,
    div.accordion-menu-359.accordion-menu .menu-item.panel-active>a,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    div.accordion-menu-359.accordion-menu .menu-item:not(:first-child),
    div.accordion-menu-359.accordion-menu.accordion-menu .menu-item>a+div,
    div.accordion-menu-359.accordion-menu .accordion-menu .menu-item>a+div {
      border-style: none
    }

    div.accordion-menu-359.accordion-menu .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    div.accordion-menu-359.accordion-menu .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    div.accordion-menu-359.accordion-menu .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    div.accordion-menu-359.accordion-menu .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    div.accordion-menu-359.accordion-menu .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    div.accordion-menu-359.accordion-menu .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu>li {
      --menu-item-gap: 18px
    }

    div.accordion-menu-359.accordion-menu .j-menu>li {
      border-style: none
    }

    div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu {
      border-width: 0;
      border-left-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      margin-left: 22px;
      --element-margin-left: 22px
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---9);
      --element-margin-left: var(--j-gap-spacing---9)
    }

    div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---8);
      --element-margin-left: var(--j-gap-spacing---8)
    }

    div.accordion-menu-359 .open-menu em:before {
      content: '\e409' !important;
      font-family: icomoon !important;
      font-size: 12px
    }

    div.accordion-menu-359 .open-menu[aria-expanded=true] em:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    div.accordion-menu-359 .j-menu>.menu-item>a span.open-menu {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 9999px;
      --element-border-radius: 9999px;
      min-width: 24px;
      height: 24px
    }

    .no-touchevents div.accordion-menu-359 .j-menu>.menu-item:hover>a span.open-menu,
    div.accordion-menu-359 .j-menu>.menu-item.panel-active>a span.open-menu,
    div.accordion-menu-359 .accordion-menu-item.open>a>.open-menu {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
      padding-inline-start: 24px !important
    }

    div.accordion-menu-359 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
      padding-inline-start: 32px !important
    }

    div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
      padding-inline-start: 20px !important
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    @media (max-width:900px) {

      div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
      div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
      }
    }
    .top-menu-1068 .top-menu-item-1 {
      display: block
    }

    div.top-menu-1068 .j-menu li.top-menu-item-1>a:before {
      content: '\e9fe' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, -1px, 0) !important
    }

    .top-menu-1068>ul>.top-menu-item-1>a {
      text-align: left
    }

    .top-menu-1068>ul>.top-menu-item-1>a>.links-text {
      display: block
    }

    .top-menu-1068>ul>.top-menu-item-1>a .count-badge {
      position: relative
    }

    div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu>div.dropdown-menu.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start;
      --align-scroll: var(--align-scroll-start, 0);
      --translate-x: 0
    }

    div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu:first-child>div.dropdown-menu.j-dropdown {
      left: 0;
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start
    }

    div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu:last-child>div.dropdown-menu.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start
    }

    div.top-menu-1068>ul.j-menu>li.top-menu-item-1.dropdown>div.dropdown-menu.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px)
    }

    div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu.animating>div.dropdown-menu.j-dropdown {
      --dropdown-from: 0
    }

    .top-menu-1068 .j-menu .j-menu li.top-menu-item-2>a:before {
      content: '\ea01' !important;
      font-family: icomoon !important
    }

    .top-menu-1068 .top-menu-item-2 {
      display: block
    }

    .top-menu-1068 .j-menu .j-menu li.top-menu-item-3>a:before {
      content: '\ea06' !important;
      font-family: icomoon !important
    }

    .top-menu-1068 .top-menu-item-3 {
      display: block
    }

    .top-menu-1068 .top-menu-item-5 {
      display: block
    }

    div.top-menu-1068 .j-menu li.top-menu-item-5>a:before {
      content: '\eb02' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, -1px, 0) !important
    }

    .top-menu-1068 .j-menu li.top-menu-item-5>a:first-child,
    .top-menu-1068 .j-menu li.top-menu-item-5>a:first-child .links-text {
      text-decoration: none !important;
      -webkit-text-decoration: none !important
    }

    .top-menu-1068>ul>.top-menu-item-5>a {
      text-align: left
    }

    .top-menu-1068>ul>.top-menu-item-5>a>.links-text {
      display: block
    }

    .top-menu-1068>ul>.top-menu-item-5>a .count-badge {
      position: relative
    }

    @media (max-width:360px) {
      .top-menu-1068>ul>.top-menu-item-5>a {
        text-align: center
      }

      .top-menu-1068>ul>.top-menu-item-5>a>.links-text {
        display: none
      }

      .top-menu-1068>ul>.top-menu-item-5>a .count-badge {
        position: absolute;
        top: auto;
        right: auto
      }

      .top-menu-1068>.j-menu>.top-menu-item-5.dropdown>a:after {
        display: none
      }

      .top-menu-1068>.j-menu>.top-menu-item-5.dropdown>a {
        --dropdown-indicator: 0px
      }
    }

    .top-menu-1068 .top-menu-item-6 {
      display: block
    }

    .top-menu-1068 .top-menu-item-7 {
      display: block
    }

    .top-menu-1068 .top-menu-item-8 {
      display: block
    }
    .top-menu-980 .top-menu-item-1 {
      display: block
    }

    div.top-menu-980 .j-menu li.top-menu-item-1>a:before {
      content: '\e9fe' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, -1px, 0) !important
    }

    .top-menu-980>ul>.top-menu-item-1>a {
      text-align: left
    }

    .top-menu-980>ul>.top-menu-item-1>a>.links-text {
      display: block
    }

    .top-menu-980>ul>.top-menu-item-1>a .count-badge {
      position: relative
    }

    div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu>div.dropdown-menu.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start;
      --align-scroll: var(--align-scroll-start, 0);
      --translate-x: 0
    }

    div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu:first-child>div.dropdown-menu.j-dropdown {
      left: 0;
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start
    }

    div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu:last-child>div.dropdown-menu.j-dropdown {
      left: calc(var(--menu-item-gap, 0px)/2);
      right: auto;
      transform: translate3d(0, var(--dropdown-from), 0);
      align-items: flex-start
    }

    div.top-menu-980>ul.j-menu>li.top-menu-item-1.dropdown>div.dropdown-menu.j-dropdown:before {
      --triangle-right: var(--triangle-right-offset, 0px);
      --triangle-left: var(--triangle-left-offset, 0px)
    }

    div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu.animating>div.dropdown-menu.j-dropdown {
      --dropdown-from: 0
    }

    .top-menu-980 .j-menu .j-menu li.top-menu-item-2>a:before {
      content: '\ea01' !important;
      font-family: icomoon !important
    }

    .top-menu-980 .top-menu-item-2 {
      display: block
    }

    .top-menu-980 .j-menu .j-menu li.top-menu-item-3>a:before {
      content: '\ea06' !important;
      font-family: icomoon !important
    }

    .top-menu-980 .top-menu-item-3 {
      display: block
    }
    .module-grid-821>.grid-row-1 {
      padding: var(--j-gap-spacing-gutter-1);
      --element-padding: var(--j-gap-spacing-gutter-1);
      padding-top: var(--j-gap-spacing---5);
      --element-padding-top: var(--j-gap-spacing---5)
    }

    .module-grid-821>.grid-row-1:before {
      display: block
    }

    .module-grid-821>.grid-row-1>.video-row {
      display: block
    }

    .module-grid-821>.grid-row-1>.wave-top {
      display: block;
      transform: translate3d(0, -63%, 0) scale(1)
    }

    .module-grid-821>.grid-row-1>.wave-bottom {
      transform: translate3d(0, 63%, 0) scale(-1);
      display: block
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
      min-width: 100%;
      display: block
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      padding: var(--j-gap-spacing---9);
      --element-padding: var(--j-gap-spacing---9);
      padding-top: var(--j-gap-spacing---8);
      --element-padding-top: var(--j-gap-spacing---8);
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
      height: auto
    }

    .module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
      display: none
    }

    .grid-items>.grid-item.grid-module-grid-821-1-1-1 {
      display: flex
    }

    div.grid-items>.grid-item.grid-module-grid-821-1-1-2 {
      margin-top: var(--j-gap-spacing---5) !important;
      --element-margin-top: var(--j-gap-spacing---5) !important;
      margin-bottom: var(--j-gap-spacing---5) !important;
      --element-margin-bottom: var(--j-gap-spacing---5) !important
    }

    .grid-items>.grid-item.grid-module-grid-821-1-1-2 {
      display: flex
    }

    div.grid-items>.grid-item.grid-module-grid-821-1-1-3 {
      margin-top: var(--j-gap-spacing---4) !important;
      --element-margin-top: var(--j-gap-spacing---4) !important
    }

    .grid-items>.grid-item.grid-module-grid-821-1-1-3 {
      display: flex
    }
    .grid-item div.accordion-menu.accordion-menu-1067>ul.j-menu>li.accordion-menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    .accordion-menu-1067>.j-menu>li.accordion-menu-item.is-divider {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    div.accordion-menu-1067>ul.j-menu>li.accordion-menu-item>a:before {
      margin-right: var(--j-gap-spacing-gap-2);
      --element-margin-right: var(--j-gap-spacing-gap-2)
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a,
    div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text,
    div.accordion-menu-1067.accordion-menu .desktop-language-wrapper button,
    div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper button,
    div.accordion-menu-1067.accordion-menu .mobile-language-wrapper button,
    div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper button,
    div.accordion-menu-1067.accordion-menu #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
    .no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text,
    .no-touchevents div.accordion-menu-1067.accordion-menu #cart:hover>a,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    div.accordion-menu-1067.accordion-menu .menu-item.open>a,
    div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a:before {
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a:before,
    div.accordion-menu-1067.accordion-menu .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
    div.accordion-menu-1067.accordion-menu .menu-item.active>a,
    div.accordion-menu-1067.accordion-menu .menu-item.open>a,
    div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    div.accordion-menu-1067.accordion-menu .menu-item:not(:first-child),
    div.accordion-menu-1067.accordion-menu.accordion-menu .menu-item>a+div,
    div.accordion-menu-1067.accordion-menu .accordion-menu .menu-item>a+div {
      border-style: none
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    div.accordion-menu-1067.accordion-menu .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    div.accordion-menu-1067.accordion-menu .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    div.accordion-menu-1067.accordion-menu .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    div.accordion-menu-1067.accordion-menu .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    div.accordion-menu-1067.accordion-menu .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu>li {
      --menu-item-gap: 18px
    }

    div.accordion-menu-1067.accordion-menu .j-menu>li {
      border-style: none
    }

    div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu {
      border-width: 0;
      border-left-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      margin-left: 22px;
      --element-margin-left: 22px
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---9);
      --element-margin-left: var(--j-gap-spacing---9)
    }

    div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---8);
      --element-margin-left: var(--j-gap-spacing---8)
    }

    div.accordion-menu-1067 .open-menu em:before {
      content: '\e409' !important;
      font-family: icomoon !important;
      font-size: 12px
    }

    div.accordion-menu-1067 .open-menu[aria-expanded=true] em:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    div.accordion-menu-1067 .j-menu>.menu-item>a span.open-menu {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 9999px;
      --element-border-radius: 9999px;
      min-width: 24px;
      height: 24px
    }

    .no-touchevents div.accordion-menu-1067 .j-menu>.menu-item:hover>a span.open-menu,
    div.accordion-menu-1067 .j-menu>.menu-item.panel-active>a span.open-menu,
    div.accordion-menu-1067 .accordion-menu-item.open>a>.open-menu {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
      padding-inline-start: 24px !important
    }

    div.accordion-menu-1067 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
      padding-inline-start: 32px !important
    }

    div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
      padding-inline-start: 20px !important
    }

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    @media (max-width:900px) {

      div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
      div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
      }
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-8>a:before {
      content: '\e9fe' !important;
      font-family: icomoon !important
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-9>a:before {
      content: '\eaf6' !important;
      font-family: icomoon !important
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-10>a:before {
      content: '\eb0a' !important;
      font-family: icomoon !important
    }

    .accordion-menu-1067 .j-menu .accordion-menu-item-11>a:before {
      content: '\eafd' !important;
      font-family: icomoon !important
    }
    .module-spacer-944 .spacer-divider {
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
    }
    .icons-menu-854 a:before {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      font-size: 20px
    }

    .icons-menu-854 .menu-item a {
      border-radius: 4px;
      --element-border-radius: 4px
    }

    .no-touchevents .icons-menu-854 a:hover:before {
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

    .icons-menu-854 .links-text {
      white-space: normal;
      overflow: visible;
      text-overflow: ellipsis;
      display: none
    }

    .icons-menu-854 {
      --icon-spacing: 22px
    }

    .icons-menu-tooltip-854 .tooltip-inner {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size-200);
      color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
      line-height: 1.25;
      background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
      border-radius: 4px;
      --element-border-radius: 4px;
      padding: .4em;
      --element-padding: .4em;
      padding-right: .7em;
      --element-padding-right: .7em;
      padding-left: .7em;
      --element-padding-left: .7em;
      box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
    }

    .icons-menu-tooltip-854.tooltip.top .tooltip-arrow {
      border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-854.tooltip.right .tooltip-arrow {
      border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-854.tooltip.bottom .tooltip-arrow {
      border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-tooltip-854.tooltip.left .tooltip-arrow {
      border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
    }

    .icons-menu-854 ul {
      justify-content: flex-start
    }

    .icons-menu-854 .module-title {
      text-align: left
    }

    .icons-menu-854 .module-title:after {
      left: 0;
      right: auto;
      transform: none
    }

    .icons-menu-854 .icons-menu-item-1.icon-menu-icon>a:before {
      content: '\eb56' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-2.icon-menu-icon>a:before {
      content: '\eb6d' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-3.icon-menu-icon>a:before {
      content: '\eaed' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-4.icon-menu-icon>a:before {
      content: '\eaec' !important;
      font-family: icomoon !important
    }

    .icons-menu-854 .icons-menu-item-5.icon-menu-icon>a:before {
      content: '\f232' !important;
      font-family: icomoon !important
    }
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper button,
    .grid-item div.accordion-menu.accordion-menu-359 #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-item);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 #cart:hover>a,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before {
      font-size: 18px;
      transform: translate3d(0px, -1px, 0);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing-gap-2);
      --element-margin-right: var(--j-gap-spacing-gap-2)
    }

    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item:not(:first-child),
    .grid-item div.accordion-menu.accordion-menu-359.accordion-menu .menu-item>a+div,
    .grid-item div.accordion-menu.accordion-menu-359 .accordion-menu .menu-item>a+div {
      border-style: none
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    .grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    .accordion-menu-359 .title {
      font-family: 'Noto Kufi Arabic';
      font-weight: 600;
      font-size: var(--j-font_size-font-size--title-module);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      text-decoration: none;
      -webkit-text-decoration: none;
      line-height: 1.4;
      margin-bottom: 1.25em !important;
      white-space: normal;
      overflow: initial;
      text-overflow: initial;
      -webkit-line-clamp: initial;
      -webkit-line-clamp: 2
    }

    .accordion-menu-359 .title:after {
      display: none;
      margin-top: .7em
    }

    .accordion-menu-359 .title .page-title-text:after {
      display: none;
      margin-top: .7em
    }

    .accordion-menu-359 .title .filter-title-text:after {
      display: none;
      margin-top: .7em
    }

    .accordion-menu-359 .title:after,
    .accordion-menu-359 .title .page-title-text:after,
    .accordion-menu-359 .title .filter-title-text:after {
      width: 50px;
      height: 2px;
      background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
      --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
    }

    .accordion-menu-359>.j-menu>li.accordion-menu-item.is-divider {
      border-style: solid !important;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
    }

    div.accordion-menu-359.accordion-menu .menu-item>a,
    div.accordion-menu-359.accordion-menu .menu-item>a>.links-text,
    div.accordion-menu-359.accordion-menu .desktop-language-wrapper button,
    div.accordion-menu-359.accordion-menu .desktop-currency-wrapper button,
    div.accordion-menu-359.accordion-menu .mobile-language-wrapper button,
    div.accordion-menu-359.accordion-menu .mobile-currency-wrapper button,
    div.accordion-menu-359.accordion-menu #cart>a {
      font-family: 'Noto Kufi Arabic';
      font-weight: 500;
      font-size: var(--j-font_size-font-size--title-item-list);
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
      text-transform: none;
      line-height: 1.3
    }

    .no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
    .no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text,
    .no-touchevents div.accordion-menu-359.accordion-menu #cart:hover>a,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
      text-decoration-style: dotted;
      -webkit-text-decoration-style: dotted;
      text-decoration-line: underline;
      -webkit-text-decoration-line: underline;
      text-decoration-thickness: 1px;
      -webkit-text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    div.accordion-menu-359.accordion-menu .menu-item.open>a,
    div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
    div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text {
      color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
      text-decoration-style: dotted !important;
      -webkit-text-decoration-style: dotted !important;
      text-decoration-line: underline !important;
      -webkit-text-decoration-line: underline !important;
      text-decoration-thickness: 1px !important;
      -webkit-text-decoration-thickness: 1px !important;
      text-underline-offset: 3px !important
    }

    div.accordion-menu-359.accordion-menu .menu-item>a>.links-text>s {
      display: var(--display, block)
    }

    div.accordion-menu-359.accordion-menu .menu-item>a>span>s {
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
    }

    div.accordion-menu-359.accordion-menu .menu-item>a:before {
      font-size: 18px;
      color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
    }

    div.accordion-menu-359.accordion-menu .menu-item>a:before,
    div.accordion-menu-359.accordion-menu .menu-item>a .links-text em {
      margin-right: var(--j-gap-spacing---4);
      --element-margin-right: var(--j-gap-spacing---4)
    }

    .no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
    div.accordion-menu-359.accordion-menu .menu-item.active>a,
    div.accordion-menu-359.accordion-menu .menu-item.open>a,
    div.accordion-menu-359.accordion-menu .menu-item.panel-active>a,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
    .no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
      --background-color: transparent
    }

    div.accordion-menu-359.accordion-menu .menu-item:not(:first-child),
    div.accordion-menu-359.accordion-menu.accordion-menu .menu-item>a+div,
    div.accordion-menu-359.accordion-menu .accordion-menu .menu-item>a+div {
      border-style: none
    }

    div.accordion-menu-359.accordion-menu .menu-item>a {
      padding: 0;
      --element-padding: 0px
    }

    div.accordion-menu-359.accordion-menu .menu-item {
      --menu-item-gap: var(--j-gap-spacing---7)
    }

    div.accordion-menu-359.accordion-menu .menu-item.has-image {
      --menu-item-gap: var(--j-gap-spacing---6)
    }

    div.accordion-menu-359.accordion-menu .menu-item>a>.count-badge {
      position: relative;
      transform: none;
      margin-inline-start: var(--x, 6px);
      margin-top: var(--margin-top, 0px);
      inset-inline-start: initial
    }

    div.accordion-menu-359.accordion-menu .menu-item .menu-image>img {
      background-color: rgba(247, 247, 247, 1);
      --background-color: rgba(247, 247, 247, 1)
    }

    div.accordion-menu-359.accordion-menu .menu-item .menu-image {
      margin-right: var(--j-gap-spacing---5);
      --element-margin-right: var(--j-gap-spacing---5);
      padding: var(--j-gap-spacing---1);
      --element-padding: var(--j-gap-spacing---1);
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 99px;
      --element-border-radius: 99px
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu>li {
      --menu-item-gap: 18px
    }

    div.accordion-menu-359.accordion-menu .j-menu>li {
      border-style: none
    }

    div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu {
      border-width: 0;
      border-left-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      margin-left: 22px;
      --element-margin-left: 22px
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---4);
      --element-margin-left: var(--j-gap-spacing---4)
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---6);
      --element-margin-left: var(--j-gap-spacing---6)
    }

    div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---9);
      --element-margin-left: var(--j-gap-spacing---9)
    }

    div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
      margin-left: var(--j-gap-spacing---8);
      --element-margin-left: var(--j-gap-spacing---8)
    }

    div.accordion-menu-359 .open-menu em:before {
      content: '\e409' !important;
      font-family: icomoon !important;
      font-size: 12px
    }

    div.accordion-menu-359 .open-menu[aria-expanded=true] em:before {
      content: '\e40b' !important;
      font-family: icomoon !important;
      transform: translate3d(0px, 1px, 0)
    }

    div.accordion-menu-359 .j-menu>.menu-item>a span.open-menu {
      background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
      border-width: 1px;
      border-style: solid;
      border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
      border-radius: 9999px;
      --element-border-radius: 9999px;
      min-width: 24px;
      height: 24px
    }

    .no-touchevents div.accordion-menu-359 .j-menu>.menu-item:hover>a span.open-menu,
    div.accordion-menu-359 .j-menu>.menu-item.panel-active>a span.open-menu,
    div.accordion-menu-359 .accordion-menu-item.open>a>.open-menu {
      background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
      --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
    }

    div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
      padding-inline-start: 24px !important
    }

    div.accordion-menu-359 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
      padding-inline-start: 32px !important
    }

    div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
      padding-inline-start: 20px !important
    }

    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
      font-family: 'Noto Kufi Arabic';
      font-weight: 400;
      font-size: var(--j-font_size-font-size--title-menu);
      color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
      letter-spacing: -.1px
    }

    @media (max-width:900px) {

      div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
      div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
      }
    }
    .search-page .mini-search {
      --search-container-padding: 16px;
      --search-container-padding-outer: 16px;
    }
    /******************************
 Background Gradient Animation (can be used to animate gradient backgrounds)
*******************************/
    @keyframes bg-gradient-animation {
      0% {
        background-position: 0% 50%;
      }

      50% {
        background-position: 100% 50%;
      }

      100% {
        background-position: 0% 50%;
      }
    }

    html[lang="ar"] body {
      font-family: "Tajawal", sans-serif;
    }

    .checkout-section.checkout-payment-details.payment-myfatoorah_pg {
      display: none;
    }

    #cookiescript_copyright {
      display: none;
    }

    .cookiescript_fsd_logo {
      display: none !important;
      visibility: hidden !important;
    }

    .cookiescript_fsd_powered {
      display: none !important;
      visibility: hidden !important;
    }

    input#input-password {
      text-align: left;
      direction: ltr;
    }

    input#input-confirm {
      text-align: left;
      direction: ltr;
    }

    @media (min-width: 1024px) {
      .quick-checkout-wrapper>div .left {
        padding-left: 25px;
      }
    }

    input#input-email {
      text-align: left;
      direction: ltr;
    }

    input#input-telephone {
      text-align: left;
      direction: ltr;
    }

    .quick-checkout-wrapper .confirm-section label input {
      float: inline-start;
    }

    /* تنسيق الخيار المعطل */
    .option-outofstock+.option-wrapper {
      opacity: 0.5;
      /* تقليل الشفافية لجعل الخيار يبدو معطلاً */
      pointer-events: none;
      /* منع التفاعل مع العنصر */
      position: relative;
    }

    .option-outofstock+.option-wrapper::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #ff0000;
      /* لون الخط المائل */
      transform: rotate(-45deg);
      /* الزاوية المطلوبة للخط المائل */
      transform-origin: center;
    }