@font-face {
    font-family: 'icomoon';
    src:
    url('../../fonts/icomoon.woff') format('woff'),
    url('../../fonts/icomoon.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: block
}
.icon {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh5v34bK.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh5d34bK.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh6x2IbK.woff2) format('woff2')
}

@font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notokufiarabic/v21/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh6I2IbK.woff2) format('woff2')
}

:root {
  --x_accent_6: rgba(242, 119, 99, 1);
  --x_accent_5: rgba(190, 139, 222, 1);
  --x_accent_2: rgba(64, 148, 99, 1);
  --x_accent_1: rgba(180, 33, 39, 1);
  --x_accent_4: rgba(242, 199, 81, 1);
  --brand_secondary: rgba(44, 172, 228, 1);
  --grayscale_10: rgba(247, 247, 247, 1);
  --grayscale_60: rgba(110, 114, 117, 1);
  --grayscale_90: rgba(25, 26, 27, 1);
  --x_accent_3: rgba(13, 82, 214, 1);
  --brand_primary: rgba(0, 0, 0, 1);
  --utility_overlay: rgba(0, 0, 0, 0.8);
  --brand_primary_fg: rgba(246, 247, 249, 1);
  --brand_secondary_fg: rgba(248, 248, 248, 1);
  --utility_transparent: rgba(0, 0, 0, 0);
  --grayscale_full: rgba(0, 0, 0, 1);
  --grayscale_1: rgba(255, 255, 255, 1);
  --x_pastel_3: rgba(215, 228, 254, 1);
  --x_pastel_4: rgba(250, 245, 217, 1);
  --x_pastel_1: rgba(255, 235, 235, 1);
  --x_pastel_2: rgba(237, 245, 234, 1);
  --x_pastel_5: rgba(246, 240, 254, 1);
  --grayscale_30: rgba(235, 235, 240, 1);
  --x_pastel_dark_1: rgba(117, 15, 11, 1);
  --x_pastel_dark_2: rgba(20, 68, 66, 1);
  --x_pastel_dark_3: rgba(46, 63, 117, 1);
  --x_pastel_dark_4: rgba(157, 126, 37, 1);
  --x_pastel_dark_5: rgba(77, 54, 89, 1);
  --j-spacing_vr_row_m: 60;
  --j-spacing___7: 20;
  --j-spacing___8: 24;
  --j-spacing_gap_0_separator: -1;
  --j-spacing___5: 12;
  --j-spacing_gap_3: 20;
  --j-spacing_gutter_1: 32;
  --j-spacing_vr_row_k: 120;
  --j-spacing_vr_row_1_separator: -1;
  --j-spacing_gap_2: 12;
  --j-spacing_vr_row_s: 32;
  --j-spacing___4: 8;
  --j-spacing_vr_row_l: 90;
  --j-spacing_gap_1: 8;
  --j-spacing_vr_row_i: 144;
  --j-spacing_padding_m: 32;
  --j-spacing_padding_l: 40;
  --j-spacing_vertical_1: 24;
  --j-spacing___3: 6;
  --j-spacing___2: 4;
  --j-spacing___1: 2;
  --j-spacing___6: 16;
  --j-spacing___9: 32;
  --j-spacing____10: 40;
  --j-spacing____11: 48;
  --j-spacing____12: 56;
  --j-spacing____13: 64;
  --j-spacing____14: 72;
  --j-spacing____15: 88;
  --j-spacing____16: 112;
  --j-spacing_vertical_l: 32;
  --j-spacing_gutter_4: 36;
  --j-spacing__separator: -1;
  --j-spacing_gap_4: 32;
  --j-spacing_vertical_xl: 48;
  --j-spacing_padding_xl: 48;
  --j-spacing_padding_s: 24;
  --j-spacing_vertical_xxl: 60;
  --j-spacing_gap_5: 48;
  --j-spacing_vertical_xxxl: 120;
  --j-spacing_gap_hero: 12;
  --j-spacing_gap_general_2: 32;
  --j-spacing_gap_general_3: 40;
  --j-spacing_gutter_2: 40;
  --j-spacing_gutter_3: 8;
  --j-spacing_padding_0_separator: -1;
  --j-spacing_vertical_0_separator: -1;
  --j-spacing_gap_general_0_separator: -1;
  --j-spacing____17: 144;
  --j-spacing____18: 184;
  --j-spacing____19: 224;
  --j-spacing____20: 256;
  --j-spacing_gap_general_1: 24;
  --j-spacing_gap_6: 60;
  --j-spacing_vr_row_h: 150;
  --j-spacing_padding_s_xs: 12
}

.grid-col:before {
  display: none !important
}


.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)
}


.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
}


.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
}


.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
}


.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))
}

.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
}


.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))
}


.product_extra-512 .expand-content {
  max-height: 100%;
  overflow: visible;
  max-height: 70px
}

.popup-wrapper.popup-block-512 .popup-container {
  width: 500px
}

.product_blocks>.product_extra-512:not(.panel, .product-extra-popup, .tab-pane) {
  flex-basis: 100%;
  flex-grow: 1
}

.product_blocks>.product_extra-512.product-extra-popup:not(.panel):not(.tab-pane) {
  flex-basis: auto;
  flex-grow: 0
}

.product_extra-512 .block-content {
  column-count: initial;
  column-gap: 20px;
  column-rule-width: 1px;
  column-rule-style: solid
}

.product_extra-512 .title {
  display: block
}

.product_extra-243 .block-content {
  max-width: 900px;
  column-count: initial;
  column-gap: 20px;
  column-rule-width: 1px;
  column-rule-style: solid
}

.product_extra-243 .expand-content {
  max-height: 100%;
  overflow: visible;
  max-height: 70px
}

.popup-wrapper.popup-block-243 .popup-container {
  width: 500px
}

.product_blocks>.product_extra-243:not(.panel, .product-extra-popup, .tab-pane) {
  flex-basis: 100%;
  flex-grow: 1
}

.product_blocks>.product_extra-243.product-extra-popup:not(.panel):not(.tab-pane) {
  flex-basis: auto;
  flex-grow: 0
}

.product_extra-243 .title {
  display: block
}

.product_extra-284 .block-content {
  max-width: 900px;
  column-count: initial;
  column-rule-style: none
}

.product_extra-284 .expand-content {
  max-height: 100%;
  overflow: visible;
  max-height: 70px
}

.popup-wrapper.popup-block-284 .popup-container {
  width: 500px
}

.product_blocks>.product_extra-284:not(.panel, .product-extra-popup, .tab-pane) {
  flex-basis: 100%;
  flex-grow: 1
}

.product_blocks>.product_extra-284.product-extra-popup:not(.panel):not(.tab-pane) {
  flex-basis: auto;
  flex-grow: 0
}

#form-review h4 {
  margin-top: var(--j-gap-spacing-vertical-l);
  --element-margin-top: var(--j-gap-spacing-vertical-l)
}

.product_extra-284 .title {
  display: block
}

.product_extra-1087 .block-content {
  max-width: 900px;
  column-count: initial;
  column-rule-style: none
}

.product_extra-1087 .expand-content {
  max-height: 100%;
  overflow: visible;
  max-height: 250px
}

.popup-wrapper.popup-block-1087 .popup-container {
  width: 800px
}

.product_blocks>.product_extra-1087:not(.panel, .product-extra-popup, .tab-pane) {
  flex-basis: auto;
  flex-grow: 0
}

.product_blocks>.product_extra-1087.product-extra-popup:not(.panel):not(.tab-pane) {
  flex-basis: auto;
  flex-grow: 0
}

.product_extra-1087 .title {
  display: block
}

.product_extra-513 .expand-content {
  max-height: 100%;
  overflow: visible;
  max-height: 70px
}

.popup-wrapper.popup-block-513 .popup-container {
  width: 500px
}

.product_blocks>.product_extra-513:not(.panel, .product-extra-popup, .tab-pane) {
  flex-basis: 100%;
  flex-grow: 1
}

.product_blocks>.product_extra-513.product-extra-popup:not(.panel):not(.tab-pane) {
  flex-basis: auto;
  flex-grow: 0
}

.product_extra-513 .block-content {
  column-count: initial;
  column-gap: 20px;
  column-rule-width: 1px;
  column-rule-style: solid
}

.product_extra-513 .title {
  display: block
}


.product-blocks-668 {
  order: 99
}

#content .product-blocks-668 {
  margin-top: var(--j-gap-spacing-vertical-xxxl);
  --element-margin-top: var(--j-gap-spacing-vertical-xxxl)
}

#content .product-blocks-665 {
  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))
}

.product-blocks-1155 {
  order: 5
}

#content .product-blocks-1155 {
  padding: 0;
  --element-padding: 0px
}

.product-blocks-1158 {
  order: 2
}

.grid-row-646-1>.row-bg {
  width: 100%;
  left: 0;
  transform: translate3d(0, 0, 0)
}

.grid-row-646-1:before {
  display: block
}

.grid-col-646-1-1 {
  min-width: 100%;
  display: block
}

.grid-col-646-1-1>.grid-items:before {
  display: none
}

.grid-items>.grid-item.grid-module-product_blocks-646-1-1-1 {
  display: flex
}

.module-side_products-877 .side-products .side-product:before {
  display: none;
  order: 3;
  inset-inline: 5px 0
}

.module-side_products-877 .panel-group .panel-heading a:before {
  content: '\e40b' !important;
  font-family: icomoon !important;
  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));
  order: 10;
  margin: 0 0 0 auto
}

.no-touchevents .module-side_products-877 .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-side_products-877 .panel-group .panel-active .panel-heading a:before,
.no-touchevents .module-side_products-877 .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-side_products-877 .panel-group .panel-heading a {
  justify-content: flex-start;
  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));
  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-side_products-877 .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-side_products-877 .panel-group .panel-active .panel-heading:hover a,
.module-side_products-877 .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-side_products-877 .panel-group .panel {
  --panel-spacing: var(--j-gap-spacing---2)
}

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

.module-side_products-877 .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-side_products-877 .panel-group .panel:last-child .panel-heading {
  border-width: 0 !important;
  border-bottom-width: 0 !important
}

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

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

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

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

.module-side_products-877 .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-side_products-877 .nav-tabs>li>a:not(.item-all-link),
.module-side_products-877 .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .module-side_products-877 .nav-tabs>li.active>a:not(.item-all-link):hover,
.module-side_products-877 .nav-tabs>li.active>a:not(.item-all-link):focus {
  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-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 .module-side_products-877 .nav-tabs>li:hover>a:not(.item-all-link),
.module-side_products-877 .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))
}

.module-side_products-877 .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .module-side_products-877 .nav-tabs>li.active>a:not(.item-all-link):hover,
.module-side_products-877 .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))
}

.module-side_products-877 .nav-tabs>li {
  border-width: 0;
  border-bottom-width: 1px
}

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

.module-side_products-877 ul.nav-tabs {
  --tabs-gap: var(--j-gap-spacing---8)
}

.module-side_products-877 {
  --align-tabs: var(--tabs-align, flex-start);
  --align-to-content-title: max(0px, calc(50% - var(--content-max-width)/2 + var(--content-gutter)));
  --align-to-content: max(var(--content-gutter), calc((100vw - var(--scrollW, 0px) - var(--content-max-width))/2) + var(--content-gutter, 0px));
  --align-to-content-cancel: calc(var(--align-to-content)*-1 + var(--content-gutter, 0px))
}

.module-side_products-877 .full-tabs-bg {
  --full-bg-display: block
}

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

.module-side_products-877 .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)
}

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

div.module-side_products-877 .module-body .nav-tabs+.tab-content {
  --spacing: var(--j-gap-spacing---8)
}

.module-side_products-877 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.module-side_products-877 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.one-column #content .module-side_products-877 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.one-column #content .module-side_products-877 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.two-column #content .module-side_products-877 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.two-column #content .module-side_products-877 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.side-column .module-side_products-877 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.side-column .module-side_products-877 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.module-side_products-877 .side-product {
  background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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;
  padding: var(--j-gap-spacing---4);
  --element-padding: var(--j-gap-spacing---4);
  align-items: center
}

.no-touchevents .module-side_products-877 .side-product:hover {
  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);
  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))
}

.module-side_products-877 .side-product .image a {
  height: auto
}

.module-side_products-877 .side-product .image img {
  border-radius: 4px;
  --element-border-radius: 4px
}

.module-side_products-877 .side-product .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))
}

.module-side_products-877 .side-product .image {
  flex-basis: auto
}

.module-side_products-877 .side-product:before {
  position: static;
  height: 100%;
  order: 3;
  inset-inline: 5px 0;
  --min-width: 50px;
  font-family: 'Noto Kufi Arabic';
  font-weight: 700;
  font-size: var(--j-font_size-font-size--1200);
  color: rgba(0, 0, 0, 0);
  text-decoration: none;
  -webkit-text-decoration: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-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
}

.module-side_products-877 .has-special .side-product .image:before {
  content: '\eb11' !important;
  font-family: icomoon !important;
  font-size: 14px;
  color: rgba(180, 33, 39, 1)
}

.module-side_products-877 .side-product .image:before {
  margin: var(--j-gap-spacing---4);
  --element-margin: var(--j-gap-spacing---4);
  margin-top: 0;
  --element-margin-top: 0px;
  align-items: flex-start;
  justify-content: flex-start
}

.module-side_products-877 .side-product .quickview-button {
  --display: inline-flex;
  align-items: flex-end;
  justify-content: flex-start
}

.module-side_products-877 .side-product .quickview-button .btn {
  margin: var(--j-gap-spacing---2) !important;
  --element-margin: var(--j-gap-spacing---2) !important
}

.module-side_products-877 .side-product .btn-quickview .btn-text {
  display: none
}

.module-side_products-877 .side-product .btn-quickview:before {
  display: inline-flex;
  content: '\ebef' !important;
  font-family: icomoon !important;
  font-size: 13px !important
}

.module-side_products-877 .side-product .quickview-button .btn-quickview {
  --visibility: hidden;
  --opacity: 0;
  transform: scale(.85)
}

.module-side_products-877 .side-product .btn-quickview {
  width: 26px !important;
  height: 26px !important
}

.module-side_products-877 .side-product .btn-quickview.btn,
.module-side_products-877 .side-product .btn-quickview.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-side_products-877 .side-product .btn-quickview.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))
}

.module-side_products-877 .side-product .btn-quickview.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-quickview.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-side_products-877 .side-product .btn-quickview.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;
  justify-content: center;
  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
}

.module-side_products-877 .side-product .btn-quickview.btn,
.module-side_products-877 .side-product .btn-quickview.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))
}

.module-side_products-877 .side-product .btn-quickview.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-quickview.btn:hover:active,
.module-side_products-877 .side-product .btn-quickview.btn:focus:active,
.no-touchevents .module-side_products-877 .side-product .btn-quickview.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-side_products-877 .side-product .btn-quickview.btn:focus,
.module-side_products-877 .side-product .btn-quickview.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 .module-side_products-877 .side-product .btn-quickview.btn:hover,
.no-touchevents .module-side_products-877 .side-product .btn-quickview.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-side_products-877 .side-product .btn-quickview.btn.btn.disabled:after {
  font-size: 1em
}

.module-side_products-877 .side-product .btn-quickview.btn:before {
  font-size: 1.1em
}

.module-side_products-877 .side-product .btn-quickview .btn.disabled {
  color: transparent !important
}

.module-side_products-877 .side-product .btn-quickview .btn[disabled] {
  color: transparent !important
}

.module-side_products-877 .side-product .caption {
  padding: var(--j-gap-spacing---3);
  --element-padding: var(--j-gap-spacing---3);
  padding-top: var(--j-gap-spacing---1);
  --element-padding-top: var(--j-gap-spacing---1);
  padding-bottom: var(--j-gap-spacing---1);
  --element-padding-bottom: var(--j-gap-spacing---1)
}

.module-side_products-877 .side-product .name {
  display: block
}

.module-side_products-877 .side-product .name a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 1px;
  -webkit-line-clamp: 2;
  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));
  text-transform: none;
  line-height: 1.3
}

.no-touchevents .module-side_products-877 .side-product .name a:hover,
.no-touchevents .module-side_products-877 .side-product .image:hover+.caption .name 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-side_products-877 .side-product .price {
  display: flex;
  align-items: center;
  flex-direction: row;
  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;
  margin-top: var(--j-gap-spacing---2);
  --element-margin-top: var(--j-gap-spacing---2)
}

.module-side_products-877 .side-product .price-tax {
  font-size: 10px;
  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: none;
  margin-top: var(--j-gap-spacing---2);
  --element-margin-top: var(--j-gap-spacing---2)
}

.module-side_products-877 .side-product .price-old {
  order: 2;
  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
}

.module-side_products-877 .side-product .price-new {
  order: 1
}

.module-side_products-877 .side-product .rating {
  display: none;
  margin-top: var(--j-gap-spacing---3);
  --element-margin-top: var(--j-gap-spacing---3);
  justify-content: flex-start
}

.module-side_products-877 .side-product .rating.no-rating {
  display: none
}

.module-side_products-877 .side-product .rating .fa-stack {
  font-size: 11px;
  width: 1.3em
}

.module-side_products-877 .side-product .button-group {
  display: flex;
  margin-top: var(--j-gap-spacing---2);
  --element-margin-top: var(--j-gap-spacing---2);
  margin-left: -4px;
  --element-margin-left: -4px
}

.module-side_products-877 .side-product .button-group>a {
  margin: calc(5px/2)
}

.module-side_products-877 .side-product .btn-cart {
  display: inline-flex
}

.module-side_products-877 .side-product .btn-cart:before {
  content: '\e9f8' !important;
  font-family: icomoon !important
}

.module-side_products-877 .side-product .btn-cart.btn,
.module-side_products-877 .side-product .btn-cart.btn:visited {
  font-size: var(--j-font_size-font-size-200) !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)*0.8)) !important
}

.no-touchevents .module-side_products-877 .side-product .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: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent;
  box-shadow: none
}

.module-side_products-877 .side-product .btn-cart.btn,
.module-side_products-877 .side-product .btn-cart.tooltip {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-side_products-877 .side-product .btn-cart.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-cart.btn:hover:active,
.module-side_products-877 .side-product .btn-cart.btn:focus:active,
.no-touchevents .module-side_products-877 .side-product .btn-cart.btn:focus:hover:active {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-side_products-877 .side-product .btn-cart.btn:focus,
.module-side_products-877 .side-product .btn-cart.btn[disabled] {
  background: 0 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  --background-color: transparent !important
}

.module-side_products-877 .side-product .btn-cart.btn {
  border-style: none;
  padding: .2em;
  --element-padding: .2em;
  box-shadow: none
}

.module-side_products-877 .side-product .btn-cart.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-cart.btn:hover:active,
.module-side_products-877 .side-product .btn-cart.btn:focus:active {
  box-shadow: none
}

.module-side_products-877 .side-product .btn-cart.btn:focus {
  box-shadow: none
}

.module-side_products-877 .side-product .btn-cart.btn.btn.disabled:after {
  font-size: 1em
}

.module-side_products-877 .side-product .btn-wishlist {
  display: inline-flex
}

.module-side_products-877 .side-product .btn-wishlist.btn,
.module-side_products-877 .side-product .btn-wishlist.btn:visited {
  font-size: var(--j-font_size-font-size-200) !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)*0.8)) !important
}

.no-touchevents .module-side_products-877 .side-product .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: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent;
  box-shadow: none
}

.module-side_products-877 .side-product .btn-wishlist.btn,
.module-side_products-877 .side-product .btn-wishlist.tooltip {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-side_products-877 .side-product .btn-wishlist.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-wishlist.btn:hover:active,
.module-side_products-877 .side-product .btn-wishlist.btn:focus:active,
.no-touchevents .module-side_products-877 .side-product .btn-wishlist.btn:focus:hover:active {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-side_products-877 .side-product .btn-wishlist.btn:focus,
.module-side_products-877 .side-product .btn-wishlist.btn[disabled] {
  background: 0 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  --background-color: transparent !important
}

.module-side_products-877 .side-product .btn-wishlist.btn {
  border-style: none;
  padding: .2em;
  --element-padding: .2em;
  box-shadow: none
}

.module-side_products-877 .side-product .btn-wishlist.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-wishlist.btn:hover:active,
.module-side_products-877 .side-product .btn-wishlist.btn:focus:active {
  box-shadow: none
}

.module-side_products-877 .side-product .btn-wishlist.btn:focus {
  box-shadow: none
}

.module-side_products-877 .side-product .btn-wishlist.btn.btn.disabled:after {
  font-size: 1em
}

.module-side_products-877 .side-product .btn-compare {
  display: inline-flex
}

.module-side_products-877 .side-product .btn-compare.btn,
.module-side_products-877 .side-product .btn-compare.btn:visited {
  font-size: var(--j-font_size-font-size-200) !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)*0.8)) !important
}

.no-touchevents .module-side_products-877 .side-product .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: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent;
  box-shadow: none
}

.module-side_products-877 .side-product .btn-compare.btn,
.module-side_products-877 .side-product .btn-compare.tooltip {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-side_products-877 .side-product .btn-compare.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-compare.btn:hover:active,
.module-side_products-877 .side-product .btn-compare.btn:focus:active,
.no-touchevents .module-side_products-877 .side-product .btn-compare.btn:focus:hover:active {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-side_products-877 .side-product .btn-compare.btn:focus,
.module-side_products-877 .side-product .btn-compare.btn[disabled] {
  background: 0 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  --background-color: transparent !important
}

.module-side_products-877 .side-product .btn-compare.btn {
  border-style: none;
  padding: .2em;
  --element-padding: .2em;
  box-shadow: none
}

.module-side_products-877 .side-product .btn-compare.btn:active,
.no-touchevents .module-side_products-877 .side-product .btn-compare.btn:hover:active,
.module-side_products-877 .side-product .btn-compare.btn:focus:active {
  box-shadow: none
}

.module-side_products-877 .side-product .btn-compare.btn:focus {
  box-shadow: none
}

.module-side_products-877 .side-product .btn-compare.btn.btn.disabled:after {
  font-size: 1em
}

.module-side_products-877 .flex-grid {
  --flex-grid-max-col: calc((100% - (1 - 1)*var(--flex-grid-gap, 0px))/1);
  --flex-grid-gap: var(--j-gap-spacing-gap-2)
}

.module-side_products-877 .flex-grid>* {
  flex-grow: 1
}

.module-side_products-877 .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);
  margin-inline-start: calc(0px - var(--scroll-padding, 0px));
  margin-inline-end: calc(0px - var(--scroll-padding, 0px));
  --fr: var(--item-width);
  --auto-carousel-button-width: 22px;
  --auto-carousel-button-height: 22px;
  --auto-carousel-button-gap: 4px;
  --auto-carousel-button-y: -20px
}

div.module-side_products-877 .auto-grid {
  --grid-min-width: 300px;
  --grid-min-col: 1.2;
  --grid-gap: var(--j-gap-spacing---6);
  --scrollbar-top-space: 0px;
  --scrollbar-bottom-space: 0px;
  --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px));
  --scrollbar-top-spacing: 24px
}

.module-side_products-877 .auto-grid .auto-grid-items {
  cursor: var(--cursor);
  grid-auto-flow: column;
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline-start: var(--scroll-padding, 0px);
  padding-inline-end: var(--scroll-padding, 0px);
  padding-top: var(--top-padding, 0px);
  padding-bottom: var(--bottom-padding, 0px)
}

.module-side_products-877 .auto-grid .auto-carousel-controls {
  display: flex
}

.module-side_products-877 .auto-grid .auto-carousel-items:after {
  display: block
}

.module-side_products-877 .auto-grid .auto-grid-items.is-gliding a {
  pointer-events: none
}

.module-side_products-877 .auto-grid>.auto-grid-items:before {
  --fader-status: 1;
  display: block
}

.module-side_products-877 .auto-grid>.auto-grid-items:after {
  --fader-status: 1;
  display: block
}

.module-side_products-877 .auto-carousel-buttons.auto-carousel-buttons span:before,
.module-side_products-877 .auto-carousel-buttons.swiper-buttons>div:before,
.module-side_products-877 .auto-carousel-buttons.scroll-top em:before,
.module-side_products-877 .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-side_products-877 .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-side_products-877 .auto-carousel-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-side_products-877 .auto-carousel-buttons.scroll-top em:hover:before,
.no-touchevents .module-side_products-877 .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-side_products-877 .auto-carousel-buttons.auto-carousel-buttons span:active:before,
.module-side_products-877 .auto-carousel-buttons.swiper-buttons>div:active:before,
.module-side_products-877 .auto-carousel-buttons.scroll-top em:active:before,
.module-side_products-877 .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-side_products-877 .auto-carousel-buttons.auto-carousel-buttons span,
.module-side_products-877 .auto-carousel-buttons.swiper-buttons>div,
.module-side_products-877 .auto-carousel-buttons.scroll-top em,
.module-side_products-877 .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-side_products-877 .auto-carousel-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-side_products-877 .auto-carousel-buttons.swiper-buttons>div:hover,
.no-touchevents .module-side_products-877 .auto-carousel-buttons.scroll-top em:hover,
.no-touchevents .module-side_products-877 .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-side_products-877 .auto-carousel-buttons.auto-carousel-buttons span:active,
.module-side_products-877 .auto-carousel-buttons.swiper-buttons>div:active,
.module-side_products-877 .auto-carousel-buttons.scroll-top em:active,
.module-side_products-877 .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-side_products-877 .auto-carousel-prev span:before {
  transform: scaleX(-1);
  font-size: 12px
}

.module-side_products-877 .auto-carousel-buttons {
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  position: relative;
  height: 0;
  transform: translate3d(0, calc(var(--auto-carousel-button-height, 40px)/2*-1), 0);
  top: 0;
  margin-top: 0
}

.module-side_products-877 .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-side_products-877 .auto-carousel-buttons .auto-carousel-next {
  order: 2;
  transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

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

.module-side_products-877 .auto-carousel-next span:before {
  font-size: 12px
}

div.module-side_products-877 .auto-carousel-bar {
  display: none;
  margin: 0
}

div.module-side_products-877 .auto-carousel-controls.auto-carousel-bar {
  max-height: 0
}

div.module-side_products-877 {
  --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)
}

.product-blocks-668 {
  order: 99
}

#content .product-blocks-668 {
  margin-top: var(--j-gap-spacing-vertical-xxxl);
  --element-margin-top: var(--j-gap-spacing-vertical-xxxl)
}

.grid-row-668-1>.row-bg {
  width: 100%;
  left: 0;
  transform: translate3d(0, 0, 0)
}

.grid-row-668-1:before {
  display: block
}

.grid-col-668-1-1 {
  min-width: 100%;
  display: block
}

.grid-col-668-1-1>.grid-items:before {
  display: none
}

.grid-items>.grid-item.grid-module-product_blocks-668-1-1-1 {
  display: flex
}

.module-info_blocks-781 .ipr-grid .module-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 2*0px)/3 - .01px)
}

.module-info_blocks-781 .ipr-grid .module-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/3 - .01px)
}

.one-column #content .module-info_blocks-781 .ipr-grid .module-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 2*0px)/3 - .01px)
}

.one-column #content .module-info_blocks-781 .ipr-grid .module-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/3 - .01px)
}

.two-column #content .module-info_blocks-781 .ipr-grid .module-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 2*0px)/3 - .01px)
}

.two-column #content .module-info_blocks-781 .ipr-grid .module-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/3 - .01px)
}

.side-column .module-info_blocks-781 .ipr-grid .module-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.side-column .module-info_blocks-781 .ipr-grid .module-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.module-info_blocks-781 .info-blocks .info-block {
  align-items: flex-start;
  --align-v: flex-start;
  --align-h: flex-start;
  --align-text-v: start;
  --align-text-h: start
}

.module-info_blocks-781 .info-blocks .info-block:before {
  align-self: flex-start
}

.module-info_blocks-781 .info-blocks .info-block-img {
  align-self: flex-start
}

.module-info_blocks-781 .info-blocks .info-block-counter {
  align-self: flex-start
}

.module-info_blocks-781 .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-781 a.info-block:hover .info-block-title,
.module-info_blocks-781 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-781 .info-block-text {
  order: initial
}

.module-info_blocks-781 .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-781 a.info-block:hover .info-block-text,
.module-info_blocks-781 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-781 .info-block-title:not(:empty)+.info-block-text:not(:empty) {
  margin-top: 4px
}

.module-info_blocks-781 a.info-block {
  --scale-active: .98;
  overflow: visible
}

.module-info_blocks-781 .info-block-content:before {
  display: none
}

.module-info_blocks-781 a.info-block .info-block-content:before {
  transform: scaleX(0) scaleY(1);
  transform-origin: right
}

.no-touchevents .module-info_blocks-781 a.info-block:hover .info-block-content:before {
  transform: scaleX(1) scaleY(1);
  transform-origin: left
}

.module-info_blocks-781 .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-781 .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-781 .info-block-img {
  align-self: center
}

.module-info_blocks-781 .info-block-counter {
  align-self: center
}

.module-info_blocks-781 .info-block-content {
  justify-content: var(--align-v);
  align-items: flex-start;
  text-align: start
}

.module-info_blocks-781 .info-block:after {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1)
}

.module-info_blocks-781 .info-blocks .info-block-title:before {
  display: none
}

.module-info_blocks-781 .info-blocks-incremental .info-block:before {
  content: counter(top-counters) !important
}

.module-info_blocks-781 .info-block:before,
.module-info_blocks-781 .info-block-img,
.module-info_blocks-781 .info-block-counter {
  border-radius: 9999px;
  --element-border-radius: 9999px
}

.module-info_blocks-781 .info-block-button.btn,
.module-info_blocks-781 .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-781 .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-781 .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-781 .info-block-button.btn,
.module-info_blocks-781 .info-block-button.tooltip {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-info_blocks-781 .info-block-button.btn:active,
.no-touchevents .module-info_blocks-781 .info-block-button.btn:hover:active,
.module-info_blocks-781 .info-block-button.btn:focus:active,
.no-touchevents .module-info_blocks-781 .info-block-button.btn:focus:hover:active {
  background: 0 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  --background-color: transparent
}

.module-info_blocks-781 .info-block-button.btn:focus,
.module-info_blocks-781 .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-781 .info-block-button.btn:active,
.no-touchevents .module-info_blocks-781 .info-block-button.btn:hover:active,
.module-info_blocks-781 .info-block-button.btn:focus:active {
  box-shadow: none
}

.module-info_blocks-781 .info-block-button.btn:focus {
  box-shadow: none
}

.module-info_blocks-781 .info-block-button.btn.btn.disabled:after {
  font-size: 1em
}

.module-info_blocks-781 .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-781 .info-block .count-badge {
  display: none
}

.module-info_blocks-781 .flex-grid>* {
  flex-grow: 0
}

.module-info_blocks-781 .auto-grid {
  --grid-min-width: 200px;
  --grid-gap: var(--j-gap-spacing---6);
  --auto-grow-type: auto-fill;
  --item-width: var(--item-fill);
  margin-inline-start: calc(0px - var(--scroll-padding, 0px));
  margin-inline-end: calc(0px - var(--scroll-padding, 0px));
  --fr: var(--item-width)
}

div.module-info_blocks-781 .auto-grid {
  --grid-min-col: 1.2;
  --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(--content-gutter, 0px))
}

.module-info_blocks-781 {
  --center-insufficient: initial;
  --inline-margin: initial;
  --center-insufficient-carousel: max-content;
  --align-to-content-title: max(0px, calc(50% - var(--content-max-width)/2 + var(--content-gutter)));
  --align-to-content: max(var(--content-gutter), calc((100vw - var(--scrollW, 0px) - var(--content-max-width))/2) + var(--content-gutter, 0px));
  --align-to-content-cancel: calc(var(--align-to-content)*-1 + var(--content-gutter, 0px))
}

.module-info_blocks-781 .auto-grid .auto-grid-items {
  cursor: var(--cursor);
  grid-auto-flow: column;
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline-start: var(--scroll-padding, 0px);
  padding-inline-end: var(--scroll-padding, 0px);
  padding-top: var(--top-padding, 0px);
  padding-bottom: var(--bottom-padding, 0px)
}

.module-info_blocks-781 .auto-grid .auto-carousel-controls {
  display: flex
}

.module-info_blocks-781 .auto-grid .auto-carousel-items:after {
  display: block
}

.module-info_blocks-781 .auto-grid .auto-grid-items.is-gliding a {
  pointer-events: none
}

.module-info_blocks-781 .auto-grid>.auto-grid-items:before {
  --fader-status: 0;
  display: none
}

.module-info_blocks-781 .auto-grid>.auto-grid-items:after {
  --fader-status: 0;
  display: none
}

.module-info_blocks-781 .auto-grid .auto-grid-items:before,
.module-info_blocks-781 .auto-grid .auto-grid-items:after {
  --fader-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

div.module-info_blocks-781 .auto-carousel-bar {
  display: none;
  margin: 0
}

div.module-info_blocks-781 .auto-carousel-controls.auto-carousel-bar {
  max-height: 0
}

div.module-info_blocks-781 {
  --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:1200px) {
  .module-info_blocks-781 .module-item .info-block .info-block-text {
    display: none
  }
}

@media (max-width:500px) {
  div.module-info_blocks-781 .auto-grid {
    --grid-min-col: 2;
    --auto-grow-type: auto-fit;
    --item-width: var(--item-fit)
  }

  .module-info_blocks-781 {
    --center-insufficient-carousel: initial
  }

  .module-info_blocks-781 .auto-grid {
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr
  }

  .module-info_blocks-781 .auto-grid .auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset
  }

  .module-info_blocks-781 .auto-grid .auto-carousel-controls {
    display: none
  }

  .module-info_blocks-781 .auto-grid .auto-carousel-items:after {
    display: none
  }

  .module-info_blocks-781 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
  }
}

.module-info_blocks-781 .auto-grid .module-item-1 {
  grid-row-end: auto
}

.module-info_blocks-781 .auto-grid .module-item-1 .info-block-img {
  height: auto
}

.module-info_blocks-781 .module-item-1 .info-block:before {
  content: '\e9c0' !important;
  font-family: icomoon !important
}

.module-info_blocks-781 .auto-grid .module-item-2 {
  grid-row-end: auto
}

.module-info_blocks-781 .auto-grid .module-item-2 .info-block-img {
  height: auto
}

.module-info_blocks-781 .module-item-2 .info-block:before {
  content: '\eabf' !important;
  font-family: icomoon !important
}

.module-info_blocks-781 .auto-grid .module-item-3 {
  grid-row-end: auto
}

.module-info_blocks-781 .auto-grid .module-item-3 .info-block-img {
  height: auto
}

.module-info_blocks-781 .module-item-3 .info-block:before {
  content: '\ea66' !important;
  font-family: icomoon !important
}

.module-info_blocks-781 .auto-grid .module-item-4 {
  grid-row-end: auto
}

.module-info_blocks-781 .auto-grid .module-item-4 .info-block-img {
  height: auto
}

.module-info_blocks-781 .module-item-4 .info-block:before {
  content: '\eb1f' !important;
  font-family: icomoon !important
}

#content .product-blocks-665 {
  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))
}

.grid-row-665-1>.row-bg {
  width: 100%;
  left: 0;
  transform: translate3d(0, 0, 0)
}

.grid-row-665-1:before {
  display: block
}

.grid-col-665-1-1 {
  min-width: 100%;
  display: block
}

.grid-col-665-1-1>.grid-items:before {
  display: none
}

.grid-items>.grid-item.grid-module-product_blocks-665-1-1-1 {
  display: flex
}

.module-text-505 .module-body {
  --text-module-align-v: flex-start
}

.product-blocks-1155 {
  order: 5
}

#content .product-blocks-1155 {
  padding: 0;
  --element-padding: 0px
}

.grid-row-1155-1>.row-bg {
  width: 100%;
  left: 0;
  transform: translate3d(0, 0, 0)
}

.grid-row-1155-1:before {
  display: block
}

.grid-col-1155-1-1 {
  min-width: 100%;
  display: block
}

.grid-col-1155-1-1>.grid-items:before {
  display: none
}

.grid-items>.grid-item.grid-module-product_blocks-1155-1-1-1 {
  display: flex
}

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

.module-blocks-1156 .swiper-buttons.auto-carousel-buttons span:before,
.module-blocks-1156 .swiper-buttons.swiper-buttons>div:before,
.module-blocks-1156 .swiper-buttons.scroll-top em:before,
.module-blocks-1156 .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 .module-blocks-1156 .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-blocks-1156 .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-blocks-1156 .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .module-blocks-1156 .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))
}

.module-blocks-1156 .swiper-buttons.auto-carousel-buttons span:active:before,
.module-blocks-1156 .swiper-buttons.swiper-buttons>div:active:before,
.module-blocks-1156 .swiper-buttons.scroll-top em:active:before,
.module-blocks-1156 .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))
}

.module-blocks-1156 .swiper-buttons.auto-carousel-buttons span,
.module-blocks-1156 .swiper-buttons.swiper-buttons>div,
.module-blocks-1156 .swiper-buttons.scroll-top em,
.module-blocks-1156 .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 .module-blocks-1156 .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-blocks-1156 .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .module-blocks-1156 .swiper-buttons.scroll-top em:hover,
.no-touchevents .module-blocks-1156 .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))
}

.module-blocks-1156 .swiper-buttons.auto-carousel-buttons span:active,
.module-blocks-1156 .swiper-buttons.swiper-buttons>div:active,
.module-blocks-1156 .swiper-buttons.scroll-top em:active,
.module-blocks-1156 .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))
}

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

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

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

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

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

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

.module-blocks-1156 .swiper-button-disabled {
  opacity: 0
}

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

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

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

.module-blocks-1156 .swiper-wrapper {
  cursor: auto
}

.module-blocks-1156 .swiper {
  padding-bottom: 15px
}

.module-blocks-1156 .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))
}

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

.no-touchevents .module-blocks-1156 .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))
}

.module-blocks-1156 .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))
}

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

.module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.one-column #content .module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.one-column #content .module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.two-column #content .module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.two-column #content .module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.side-column .module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.side-column .module-blocks-1156.blocks-grid>.module-body>.ipr-grid>.block-item:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.module-blocks-1156>.module-body>.flex-grid {
  --flex-grid-width: 500px;
  --flex-grid-max-col: calc((100% - (2 - 1)*var(--flex-grid-gap, 0px))/2);
  --flex-grid-gap: var(--j-gap-spacing-gap-3)
}

.module-blocks-1156>.module-body>.flex-grid>* {
  flex-grow: 1
}

.module-blocks-1156.blocks-grid>.module-body>.auto-grid {
  margin-inline-start: unset;
  margin-inline-end: unset;
  --fr: 1fr
}

.module-blocks-1156.blocks-grid>.module-body>.auto-grid>.auto-grid-items {
  grid-auto-flow: row dense;
  overflow-x: initial;
  padding-inline-start: unset;
  padding-inline-end: unset
}

.module-blocks-1156.blocks-grid>.module-body>.auto-grid>.auto-carousel-controls {
  display: none
}

.module-blocks-1156.blocks-grid>.module-body>.auto-grid>.auto-carousel-items:after {
  display: none
}

.module-blocks-1156.blocks-grid>.module-body>.auto-grid>.auto-grid-items.is-gliding a {
  pointer-events: auto
}

.module-blocks-1156.blocks-grid>.module-body>.auto-grid>.auto-grid-items:before {
  --fader-status: 0;
  display: none
}

.module-blocks-1156.blocks-grid>.module-body>.auto-grid>.auto-grid-items:after {
  --fader-status: 0;
  display: none
}

div.module-blocks-1156.blocks-grid>.module-body>.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)
}

div.module-blocks-1156>.module-body>div .block-body .block-title.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
}

div.module-blocks-1156>.module-body>div .block-body .block-title.module-title:after {
  display: none;
  margin-top: .7em
}

div.module-blocks-1156>.module-body>div .block-body .block-title.module-title .page-title-text:after {
  display: none;
  margin-top: .7em
}

div.module-blocks-1156>.module-body>div .block-body .block-title.module-title .filter-title-text:after {
  display: none;
  margin-top: .7em
}

div.module-blocks-1156>.module-body>div .block-body .block-title.module-title:after,
div.module-blocks-1156>.module-body>div .block-body .block-title.module-title .page-title-text:after,
div.module-blocks-1156>.module-body>div .block-body .block-title.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-blocks-1156>.module-body>div .block-wrapper .block-title.module-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
}

.module-blocks-1156>.module-body>div .block-wrapper .block-title.module-title:after {
  display: none
}

.module-blocks-1156>.module-body>div .block-wrapper .block-title.module-title .page-title-text:after {
  display: none
}

.module-blocks-1156>.module-body>div .block-wrapper .block-title.module-title .filter-title-text:after {
  display: none
}

.module-blocks-1156>.module-body>div .block-item:before {
  display: none
}

.module-blocks-1156>.module-body>div .block-item {
  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-blocks-1156>.module-body>div .block-footer {
  margin-top: var(--j-gap-spacing-vertical-l);
  --element-margin-top: var(--j-gap-spacing-vertical-l)
}

.module-blocks-1156>.module-body>div .block-footer .btn {
  width: auto
}

.module-blocks-1156>.module-body>div .block-item:nth-child(even) .block-footer .btn {
  width: auto
}

.module-blocks-1156>.module-body>div .block-header .title {
  order: -1
}

.module-blocks-1156>.module-body>div .block-body {
  --image-split-ratio: 40% !important;
  --block-body-gap: var(--j-gap-spacing-gap-5)
}

.module-blocks-1156>.module-body>div .block-header {
  --unit: 1%;
  flex-basis: calc((600px - (100*var(--unit, 1%)))*9999);
  display: var(--display);
  align-items: center;
  text-align: center;
  justify-content: flex-start
}

.module-blocks-1156>.module-body>div .block-item>.block-body {
  --display: flex;
  flex-direction: row;
  --image-split-ratio: 50%;
  gap: var(--block-body-gap, 0px);
  flex-wrap: wrap
}

.module-blocks-1156>.module-body>div .block-item>.block-body>.block-header {
  float: none;
  margin-inline: 0
}

.module-blocks-1156>.module-body>div .block-item>.block-body>.block-header+.block-wrapper {
  min-width: 0
}

.module-blocks-1156>.module-body>div .block-item>.block-body:after {
  display: none
}

.module-blocks-1156>.module-body>div .block-header img {
  width: auto;
  height: auto
}

.module-blocks-1156 .module-body .block-item:before {
  display: none
}

div.module-blocks-1156 .module-body .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 div.module-blocks-1156 .module-body .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))
}

div.module-blocks-1156 .module-body .panel-group .panel-active .panel-heading a:before,
.no-touchevents div.module-blocks-1156 .module-body .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))
}

div.module-blocks-1156 .module-body .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 div.module-blocks-1156 .module-body .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 div.module-blocks-1156 .module-body .panel-group .panel-active .panel-heading:hover a,
div.module-blocks-1156 .module-body .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))
}

div.module-blocks-1156 .module-body .panel-group .panel {
  --panel-spacing: var(--j-gap-spacing---2)
}

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

div.module-blocks-1156 .module-body .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))
}

div.module-blocks-1156 .module-body .panel-group .panel:last-child .panel-heading {
  border-width: 0 !important;
  border-bottom-width: 0 !important
}

div.module-blocks-1156 .module-body .panel-group .panel-heading a.has-image {
  padding-top: .7em;
  --element-padding-top: .7em;
  padding-bottom: .7em;
  --element-padding-bottom: .7em
}

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

div.module-blocks-1156 .module-body .panel-group .panel-heading+.panel-collapse .panel-body {
  border-width: 0
}

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

div.module-blocks-1156 .module-body .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-blocks-1156 .module-body .block-header .title {
  order: -1
}

.module-blocks-1156 .module-item-1>.block-body {
  height: 100%
}

.module-blocks-1156 .module-item-1 .block-map>iframe {
  filter: grayscale(0)
}

.module-blocks-1156 .module-item-1 .expand-content {
  overflow: hidden;
  max-height: 130px
}

.module-blocks-1156 .module-item-1 .block-content {
  column-count: initial
}

.module-blocks-1156 .module-item-1.block-item .block-body html {
  font-size: 10px
}

.module-blocks-1156 .module-item-1.block-item .block-body body {
  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
}

.module-blocks-1156 .module-item-1.block-item .block-body h1,
.module-blocks-1156 .module-item-1.block-item .block-body h2,
.module-blocks-1156 .module-item-1.block-item .block-body h3,
.module-blocks-1156 .module-item-1.block-item .block-body h4,
.module-blocks-1156 .module-item-1.block-item .block-body h5,
.module-blocks-1156 .module-item-1.block-item .block-body h6,
.module-blocks-1156 .module-item-1.block-item .block-body .h1,
.module-blocks-1156 .module-item-1.block-item .block-body .h2,
.module-blocks-1156 .module-item-1.block-item .block-body .h3,
.module-blocks-1156 .module-item-1.block-item .block-body .h4,
.module-blocks-1156 .module-item-1.block-item .block-body .h5,
.module-blocks-1156 .module-item-1.block-item .block-body .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))
}

.module-blocks-1156 .module-item-1.block-item .block-body {
  -webkit-font-smoothing: antialiased
}

.module-blocks-1156 .module-item-1.block-item .block-body 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 .module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body p+* {
  margin-top: var(--j-gap-spacing-vertical-l)
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body h5,
.h5 {
  font-family: 'Noto Kufi Arabic';
  font-weight: 600;
  font-size: var(--j-font_size-font-size-700);
  line-height: 1.7
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body 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
}

.module-blocks-1156 .module-item-1.block-item .block-body .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)
}

.module-blocks-1156 .module-item-1.block-item .block-body .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))
}

.module-blocks-1156 .module-item-1.block-item .block-body *+.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)
}

.module-blocks-1156 .module-item-1.block-item .block-body ::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))
}

.module-blocks-1156 .module-item-1 .block-footer .btn {
  transform: scale(calc(100/100));
  transform-origin: center
}

@media (max-width:900px) {
  .module-blocks-1156 .module-item-1.block-item .block-body blockquote:before {
    font-size: 40px
  }
}

.grid-row-bottom-1>.grid-cols-wrapper {
  max-width: 100% !important
}

.grid-row-bottom-1>.grid-cols-wrapper>.grid-cols {
  min-height: var(--min-height, auto)
}

.grid-row-bottom-1>.grid-cols-wrapper>.grid-cols>.grid-col {
  --unit: 1vw
}

.grid-row-bottom-1 {
  padding-top: var(--j-gap-spacing-vr-row-l);
  padding-bottom: var(--j-gap-spacing-vr-row-l)
}

.grid-row-bottom-1>.row-bg,
.grid-row-bottom-1>.grid-cols-wrapper>.grid-cols {
  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))
}

.grid-row-bottom-1>.row-bg {
  top: 0;
  transform: none
}

.grid-row-bottom-1>.video-row {
  display: block
}

.grid-row-bottom-1:before {
  display: block;
  left: 0;
  right: 0;
  width: 100%
}

.grid-row-bottom-1>.wave-top {
  display: block;
  transform: translate3d(0, -63%, 0) scale(1)
}

.grid-row-bottom-1>.wave-bottom {
  transform: translate3d(0, 63%, 0) scale(-1);
  display: block
}

.grid-col-bottom-1-1 {
  min-width: 100%;
  display: block
}

.grid-col-bottom-1-1>.grid-items>.grid-item:not(:empty) {
  height: auto
}

.grid-col-bottom-1-1>.grid-items:before {
  --unit: 1%;
  left: 0;
  right: auto;
  display: none
}

.grid-items>.grid-item.grid-module-bottom-1-1-1 {
  display: flex
}

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

.module-products-868 .swiper-buttons.auto-carousel-buttons span:before,
.module-products-868 .swiper-buttons.swiper-buttons>div:before,
.module-products-868 .swiper-buttons.scroll-top em:before,
.module-products-868 .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 .module-products-868 .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-products-868 .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-products-868 .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .module-products-868 .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))
}

.module-products-868 .swiper-buttons.auto-carousel-buttons span:active:before,
.module-products-868 .swiper-buttons.swiper-buttons>div:active:before,
.module-products-868 .swiper-buttons.scroll-top em:active:before,
.module-products-868 .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))
}

.module-products-868 .swiper-buttons.auto-carousel-buttons span,
.module-products-868 .swiper-buttons.swiper-buttons>div,
.module-products-868 .swiper-buttons.scroll-top em,
.module-products-868 .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 .module-products-868 .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-products-868 .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .module-products-868 .swiper-buttons.scroll-top em:hover,
.no-touchevents .module-products-868 .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))
}

.module-products-868 .swiper-buttons.auto-carousel-buttons span:active,
.module-products-868 .swiper-buttons.swiper-buttons>div:active,
.module-products-868 .swiper-buttons.scroll-top em:active,
.module-products-868 .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))
}

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

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

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

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

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

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

.module-products-868 .swiper-button-disabled {
  opacity: 0
}

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

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

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

.module-products-868 .swiper-wrapper {
  cursor: auto
}

.module-products-868 .swiper {
  padding-bottom: 15px
}

.module-products-868 .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))
}

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

.no-touchevents .module-products-868 .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))
}

.module-products-868 .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))
}

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

div.module-products-868 .module-body .nav-tabs>li>a:not(.item-all-link),
div.module-products-868 .module-body .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents div.module-products-868 .module-body .nav-tabs>li.active>a:not(.item-all-link):hover,
div.module-products-868 .module-body .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 div.module-products-868 .module-body .nav-tabs>li:hover>a:not(.item-all-link),
div.module-products-868 .module-body .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))
}

div.module-products-868 .module-body .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents div.module-products-868 .module-body .nav-tabs>li.active>a:not(.item-all-link):hover,
div.module-products-868 .module-body .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))
}

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

.no-touchevents div.module-products-868 .module-body .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))
}

div.module-products-868 .module-body .nav-tabs>li.active,
.no-touchevents div.module-products-868 .module-body .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))
}

div.module-products-868 .module-body ul.nav-tabs>li {
  border-radius: 0;
  --element-border-radius: 0px;
  flex-grow: 0
}

div.module-products-868 .module-body .nav-tabs>li.active:after {
  display: none;
  border-top-width: 10px
}

div.module-products-868 .module-body .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
}

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

div.module-products-868 .module-body .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
}

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

div.module-products-868 .module-body .nav-tabs+.tab-content {
  --spacing: var(--j-gap-spacing-vertical-xl);
  margin-block-start: var(--spacing, 0px);
  margin-inline-start: 0
}

div.module-products-868 .module-body ul.nav-tabs {
  --tabs-gap: var(--j-gap-spacing-gap-4);
  --max-width-display: var(--max-width, 100vw);
  scrollbar-width: none
}

div.module-products-868 .module-body {
  --align-tabs: var(--tabs-align, flex-start);
  --tabs-align: flex-start
}

div.module-products-868 .module-body .full-tabs-bg {
  --full-bg-display: block
}

div.module-products-868 .module-body .tab-content:before {
  --full-content-bg-display: block
}

div.module-products-868 .module-body .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)
}

div.module-products-868 .module-body .tab-content {
  flex-basis: 100%;
  max-height: none;
  overflow-y: initial;
  overflow-x: initial
}

div.module-products-868 .module-body ul.nav-tabs>li:first-child {
  margin-inline-start: 0
}

div.module-products-868 .module-body ul.nav-tabs>li:last-child {
  margin-inline-end: 0
}

div.module-products-868 .module-body ul.nav-tabs::-webkit-scrollbar {
  display: none
}

div.module-products-868 .module-body ul.nav-tabs.desktop {
  --scrollW: 0px
}

div.module-products-868 .module-body ul.nav-tabs.desktop.mac.firefox {
  --scrollW: 0px
}

.module-products-868>.module-body>.tab-container {
  --align-tabs: flex-start
}

.module-products-868>.module-body>.tab-container>.nav-tabs {
  --align-self: start;
  --max-width: 100vw
}

.module-products-868>.module-body>.tab-container>.nav-tabs>li {
  flex-grow: 0
}

.module-products-868>.module-body>.tab-container>.nav-tabs>li:first-child {
  margin-inline-start: 0
}

.module-products-868>.module-body>.tab-container>.nav-tabs>li:last-child {
  margin-inline-end: 0
}

.module-products-868 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.module-products-868 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.one-column #content .module-products-868 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.one-column #content .module-products-868 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.two-column #content .module-products-868 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.two-column #content .module-products-868 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.side-column .module-products-868 .ipr-grid .product-layout.swiper-slide {
  margin-right: 0;
  width: calc((100% - 0*0px)/1 - .01px)
}

.side-column .module-products-868 .ipr-grid .product-layout:not(.swiper-slide) {
  padding: 0;
  width: calc(100%/1 - .01px)
}

.module-products-868 .module-body>.module-item+.module-item {
  margin-top: 30px
}

.module-products-868 .flex-grid>* {
  flex-grow: 0
}

.module-products-868 .auto-grid {
  --grid-min-width: 320px;
  --grid-min-col: 1.3;
  --grid-gap: var(--j-gap-spacing-gap-1);
  margin-inline-start: calc(0px - var(--scroll-padding, 0px));
  margin-inline-end: calc(0px - var(--scroll-padding, 0px));
  --fr: var(--item-width, var(--grid-min-width));
  --auto-carousel-button-width: 28px;
  --auto-carousel-button-height: 28px;
  --auto-carousel-button-gap: 4px;
  --auto-carousel-button-y: -24px
}

.module-products-868 {
  --center-insufficient: initial;
  --inline-margin: initial;
  --center-insufficient-carousel: max-content;
  --align-to-content-title: max(0px, calc(50% - var(--content-max-width)/2 + var(--content-gutter)));
  --align-to-content: max(var(--content-gutter), calc((100vw - var(--scrollW, 0px) - var(--content-max-width))/2) + var(--content-gutter, 0px));
  --align-to-content-cancel: calc(var(--align-to-content)*-1 + var(--content-gutter, 0px))
}

.module-products-868 .auto-grid .auto-grid-items {
  cursor: var(--cursor);
  grid-auto-flow: column;
  overflow-x: auto;
  overflow-y: hidden;
  padding-inline-start: var(--scroll-padding, 0px);
  padding-inline-end: var(--scroll-padding, 0px);
  padding-top: var(--top-padding, 0px);
  padding-bottom: var(--bottom-padding, 0px)
}

.module-products-868 .auto-grid .auto-carousel-controls {
  display: flex
}

.module-products-868 .auto-grid .auto-carousel-items:after {
  display: block
}

.module-products-868 .auto-grid .auto-grid-items.is-gliding a {
  pointer-events: none
}

.module-products-868 .auto-grid>.auto-grid-items:before {
  --fader-status: 1;
  display: block
}

.module-products-868 .auto-grid>.auto-grid-items:after {
  --fader-status: 1;
  display: block
}

.module-products-868 .auto-carousel-buttons.auto-carousel-buttons span:before,
.module-products-868 .auto-carousel-buttons.swiper-buttons>div:before,
.module-products-868 .auto-carousel-buttons.scroll-top em:before,
.module-products-868 .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-products-868 .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-products-868 .auto-carousel-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-products-868 .auto-carousel-buttons.scroll-top em:hover:before,
.no-touchevents .module-products-868 .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-products-868 .auto-carousel-buttons.auto-carousel-buttons span:active:before,
.module-products-868 .auto-carousel-buttons.swiper-buttons>div:active:before,
.module-products-868 .auto-carousel-buttons.scroll-top em:active:before,
.module-products-868 .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-products-868 .auto-carousel-buttons.auto-carousel-buttons span,
.module-products-868 .auto-carousel-buttons.swiper-buttons>div,
.module-products-868 .auto-carousel-buttons.scroll-top em,
.module-products-868 .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-products-868 .auto-carousel-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-products-868 .auto-carousel-buttons.swiper-buttons>div:hover,
.no-touchevents .module-products-868 .auto-carousel-buttons.scroll-top em:hover,
.no-touchevents .module-products-868 .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-products-868 .auto-carousel-buttons.auto-carousel-buttons span:active,
.module-products-868 .auto-carousel-buttons.swiper-buttons>div:active,
.module-products-868 .auto-carousel-buttons.scroll-top em:active,
.module-products-868 .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-products-868 .auto-carousel-prev span:before {
  transform: scaleX(-1);
  font-size: 16px
}

.module-products-868 .auto-carousel-buttons {
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  position: relative;
  height: 0;
  transform: translate3d(0, calc(var(--auto-carousel-button-height, 40px)/2*-1), 0);
  top: 0;
  margin-top: 0
}

.module-products-868 .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-products-868 .auto-carousel-buttons .auto-carousel-next {
  order: 2;
  transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

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

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

div.module-products-868 .auto-grid {
  --scrollbar-top-space: 0px;
  --scrollbar-bottom-space: 0px;
  --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
}

div.module-products-868 .auto-carousel-bar {
  display: none;
  margin: 0
}

div.module-products-868 .auto-carousel-controls.auto-carousel-bar {
  max-height: 0
}

.touchevents div.module-products-868 .auto-grid-items>* {
  scroll-snap-align: start
}

div.module-products-868 .auto-grid .auto-grid-items {
  --scroll-by: 2
}

div.module-products-868 {
  --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:900px) {
  .module-products-868>.module-body>.tab-container {
    --align-tabs: flex-start
  }

  .module-products-868>.module-body>.tab-container>.nav-tabs {
    --align-self: start;
    --max-width: 100vw
  }

  .module-products-868>.module-body>.tab-container>.nav-tabs>li {
    flex-grow: 0
  }

  .module-products-868>.module-body>.tab-container>.nav-tabs>li:first-child {
    margin-inline-start: 0
  }

  .module-products-868>.module-body>.tab-container>.nav-tabs>li:last-child {
    margin-inline-end: 0
  }
}


.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
}


.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
}


.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
}

.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
}
.image-model {

  position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.46);
z-index: 99999;
justify-content: center;
align-content: center;
align-items: center;
}
.image-model.show {
  display: flex;
}
@media screen and (max-width: 640px) {
    .image-model img {
        padding: 20px !important;
    }
}
.image-model img {
  padding: 84px;
width: 100%;
height: 100%;}