@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')
}


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-disabled {
    opacity: 0
}

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

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

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

.swiper-wrapper {
    cursor: auto
}

.swiper {
    padding-bottom: 15px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.module-title:after {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.buttons>div {
    flex-grow: 0
}

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

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

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

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

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

.tags b {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.breadcrumbs~#top {
    order: initial
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.radio {
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn.upload-btn {
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.stepper {
    --stepper-max-width: 110px;
    --stepper-border: 0;
    max-width: var(--stepper-max-width, 100%);
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.stepper button {
    position: static;
    width: calc(var(--stepper-button-width, 30)*1px*3);
    height: 100%;
    min-height: 36px;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.stepper .form-control {
    max-width: 100% !important
}

.stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 18px
}

.stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 18px
}

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

.no-touchevents .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.stepper button:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.no-touchevents .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - -3%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.stepper button:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 4%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.popup-quickview html {
    --popup-height-margin: 40px;
    --popup-width-margin: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-register .site-wrapper>.container,
html:not(.popup).route-account-register .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) .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: 4
}

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

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

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

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

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

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

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

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

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

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

.main-products-style.product-grid.product-grid .product-layout .product-thumb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.main-products-style.product-grid.product-grid .product-layout .product-thumb .name {
    flex-grow: var(--name-grow, 0);
    --flex-grow: 0
}

.main-products-style.product-grid.product-grid .product-layout .product-thumb>div {
    flex-basis: auto
}

.main-products-style.product-grid.product-grid .product-layout .product-thumb .caption {
    justify-content: flex-start
}

.main-products-style.product-grid.product-grid .product-thumb .image-group .image {
    flex-grow: 0
}

.no-touchevents .main-products-style.product-grid .product-thumb:hover .product-img>div {
    transform: scale(var(--scale))
}

.main-products-style.product-grid .product-thumb .image:before {
    opacity: .1;
    mix-blend-mode: multiply
}

.main-products-style.product-grid .product-thumb .image {
    margin: 0;
    --element-margin: 0px;
    padding: 0;
    --element-padding: 0px
}

.main-products-style.product-grid .product-thumb a.product-img img {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
}

.main-products-style.product-grid .product-thumb .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    visibility: visible;
    opacity: 1
}

.main-products-style.product-grid .product-thumb .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 4px;
    --label-grow: 0
}

.main-products-style.product-grid .product-thumb .quickview-button {
    --display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4)
}

.main-products-style.product-grid .product-thumb .quickview-button .btn-quickview {
    --visibility: hidden;
    --opacity: 0;
    transform: scale(.88)
}

.main-products-style.product-grid .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px));
    --countdown-margin: 44px
}

.touchevents .main-products-style.product-grid .product-thumb .quickview-button {
    align-items: flex-end;
    justify-content: flex-start
}

.touchevents .main-products-style.product-grid .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
}

.main-products-style.product-grid .product-thumb .btn-quickview .btn-text {
    display: none
}

.main-products-style.product-grid .product-thumb .btn-quickview:before {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .image .btn-quickview:before {
    content: '\ebef' !important;
    font-family: icomoon !important;
    font-size: 18px !important
}

.main-products-style.product-grid .product-thumb .image .btn,
.main-products-style.product-grid .product-thumb .image .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-grid .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .image .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    padding: 4px;
    --element-padding: 4px;
    box-shadow: none;
    border-radius: 9999px !important;
    --element-border-radius: 9999px !important
}

.main-products-style.product-grid .product-thumb .image.btn {
    justify-content: center
}

.main-products-style.product-grid .product-thumb .image .btn,
.main-products-style.product-grid .product-thumb .image .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover:active,
.main-products-style.product-grid .product-thumb .image .btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-grid .product-thumb .image .btn:focus,
.main-products-style.product-grid .product-thumb .image .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:hover,
.no-touchevents .main-products-style.product-grid .product-thumb .image .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-grid .product-thumb .image .btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .image .btn:before {
    font-size: 1.1em
}

.main-products-style.product-grid .product-thumb .image .btn.disabled {
    color: transparent !important
}

.main-products-style.product-grid .product-thumb .image .btn[disabled] {
    color: transparent !important
}

.main-products-style.product-grid.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: 0px
}

.main-products-style.product-grid:not(.product-list) .product-thumb .rating {
    --countdown-offset: 0 !important
}

.main-products-style.product-grid .product-thumb .btn-quickview {
    --countdown-offset: 0 !important;
    min-width: 32px;
    height: 32px
}

.main-products-style.product-grid .has-countdown .product-thumb .countdown {
    display: none
}

.main-products-style.product-grid .product-thumb .countdown {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, 0, 1px) scale(1);
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

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

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

.main-products-style.product-grid .product-thumb .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.main-products-style.product-grid .has-countdown .product-thumb {
    --countdown-bottom-offset: 12px
}

.main-products-style.product-grid .product-thumb .product-img:active {
    pointer-events: auto
}

.main-products-style.product-grid.product-list .product-layout .image-group {
    width: var(--product-list-image-width);
    order: 0
}

.main-products-style.product-grid.product-list .product-thumb {
    align-items: flex-start
}

.main-products-style.product-grid .product-thumb .caption {
    border-width: 0;
    border-top-width: 1px;
    border-style: none;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    padding: var(--j-gap-spacing---4);
    --element-padding: var(--j-gap-spacing---4);
    padding-top: var(--j-gap-spacing---5);
    --element-padding-top: var(--j-gap-spacing---5)
}

.main-products-style.product-grid .product-thumb .stats {
    --stats-gap: 8px;
    display: flex;
    position: relative;
    transform: none;
    width: initial;
    order: -9;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.1;
    margin-bottom: 14px;
    --element-margin-bottom: 14px
}

.main-products-style.product-grid .product-thumb .stats-group {
    justify-content: space-between;
    flex-direction: row
}

.main-products-style.product-grid .product-thumb .stats-group>span {
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .name {
    order: initial;
    display: flex;
    width: 100%;
    margin-inline: 0;
    align-items: flex-start;
    justify-content: flex-start;
    margin-inline: 0 auto
}

.main-products-style.product-grid .product-thumb .stats a {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1))
}

.no-touchevents .main-products-style.product-grid .product-thumb .stats a:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.main-products-style.product-grid .stat-1 .stats-label {
    display: none
}

.main-products-style.product-grid .stat-2 .stats-label {
    display: none
}

.main-products-style.product-grid.product-grid .product-thumb .rating {
    position: static;
    visibility: visible;
    opacity: 1;
    order: initial;
    margin-top: 0
}

.main-products-style.product-grid .product-thumb .rating {
    height: auto;
    justify-content: flex-start;
    display: flex
}

.main-products-style.product-grid .product-thumb .rating-stars {
    transform: translate3d(0, 0, 0);
    margin-top: var(--j-gap-spacing---4);
    --element-margin-top: var(--j-gap-spacing---4);
    margin-left: -2px;
    --element-margin-left: -2px
}

.main-products-style.product-grid .product-thumb .rating.no-rating {
    display: none
}

.main-products-style.product-grid .product-thumb .rating .fa-stack {
    font-size: 11px;
    width: 1.3em
}

.main-products-style.product-grid .product-thumb .name a {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-transform: none;
    line-height: 1.3;
    text-align: left
}

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

.main-products-style.product-grid .product-thumb .description {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 1px;
    display: none;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.25;
    margin-bottom: var(--j-gap-spacing---4);
    --element-margin-bottom: var(--j-gap-spacing---4)
}

.main-products-style.product-grid .product-thumb .price {
    --price-gap: var(--j-gap-spacing---4);
    --price-stack: 180px;
    display: flex;
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-400);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    line-height: 1;
    margin-top: var(--j-gap-spacing---1);
    --element-margin-top: var(--j-gap-spacing---1)
}

.main-products-style.product-grid .product-thumb .product-labels-price {
    display: none;
    margin-bottom: var(--j-gap-spacing---1);
    --element-margin-bottom: var(--j-gap-spacing---1)
}

.main-products-style.product-grid .product-thumb .price-tax {
    display: none;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400
}

.main-products-style.product-grid .product-thumb .price-new {
    color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    order: 1
}

.main-products-style.product-grid .product-thumb .price-old {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: 90%;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1;
    order: 2;
    margin-top: var(--j-gap-spacing---2);
    --element-margin-top: var(--j-gap-spacing---2);
    margin-bottom: var(--j-gap-spacing---2);
    --element-margin-bottom: var(--j-gap-spacing---2)
}

.main-products-style.product-grid .product-thumb .price>div>span {
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .price>div,
.main-products-style.product-grid .product-thumb .price>div span,
.main-products-style.product-grid .product-thumb .price>div,
.main-products-style.product-grid .product-thumb .price,
.main-products-style.product-grid .product-thumb .product-labels-price {
    justify-content: flex-start;
    align-items: flex-start
}

.main-products-style.product-grid .product-thumb .price>div {
    flex-direction: row;
    flex-wrap: wrap
}

.main-products-style.product-grid .product-thumb .buttons-wrapper {
    display: block;
    --buttons-gap: 10px
}

.main-products-style.product-grid .product-thumb .button-group {
    justify-content: space-between;
    --wishlist-gap: 20px
}

.main-products-style.product-grid.product-grid .product-thumb .button-group {
    padding-top: var(--j-gap-spacing---3);
    --element-padding-top: var(--j-gap-spacing---3);
    margin-top: 18px;
    --element-margin-top: 18px;
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.main-products-style.product-grid .product-thumb .cart-group {
    display: inline-flex
}

.main-products-style.product-grid .out-of-stock .product-thumb .cart-group {
    opacity: .5;
    cursor: not-allowed
}

.main-products-style.product-grid .out-of-stock .product-thumb .cart-group * {
    pointer-events: none
}

.main-products-style.product-grid .out-of-stock .product-thumb .cart-group .btn-cart:before {
    content: '\eb39' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.main-products-style.product-grid .product-thumb .btn-cart:before {
    display: inline-flex;
    content: '\e9f8' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.main-products-style.product-grid .product-thumb .btn-cart .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-grid.product-grid .product-thumb .cart-group {
    flex-grow: 0;
    flex-wrap: wrap;
    flex-direction: row
}

.main-products-style.product-grid.product-grid .product-thumb .cart-group .btn {
    flex-grow: 1
}

.main-products-style.product-grid .product-thumb .btn-cart.btn,
.main-products-style.product-grid .product-thumb .btn-cart.btn:visited {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important
}

.no-touchevents .main-products-style.product-grid .product-thumb .btn-cart.btn:hover {
    color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 10%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 10%), calc(var(--j-color-scheme-brand-secondary-a)*1))
}

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

.main-products-style.product-grid .product-thumb .btn-cart.btn {
    --focus-color: hsla(var(--j-color-scheme-brand-primary-foreground-h), var(--j-color-scheme-brand-primary-foreground-s), calc(var(--j-color-scheme-brand-primary-foreground-l) - 0%), calc(var(--j-color-scheme-brand-primary-foreground-a)*1)) !important;
    border-style: none;
    padding: 10px !important;
    --element-padding: 10px !important;
    font-size: var(--j-font_size-font-size-400) !important
}

.main-products-style.product-grid .product-thumb .btn-cart.btn,
.main-products-style.product-grid .product-thumb .btn-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

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

.main-products-style.product-grid .product-thumb .btn-cart.btn:focus,
.main-products-style.product-grid .product-thumb .btn-cart.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 7%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 7%), calc(var(--j-color-scheme-brand-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .stepper {
    display: none;
    --stepper-min-width: 35px;
    --stepper-max-width: 60px;
    --stepper-border: 1px;
    max-width: var(--stepper-max-width, 100%);
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px;
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4);
    border-radius: 4px;
    --element-border-radius: 4px;
    height: 32px;
    max-width: 60px
}

.main-products-style.product-grid .product-thumb .stepper input.form-control {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents .main-products-style.product-grid .product-thumb .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .stepper button {
    position: absolute;
    width: calc(var(--stepper-button-width, 40)*1%);
    height: 50%;
    min-height: auto;
    inset-inline: auto 0;
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-grid .product-thumb .stepper .form-control {
    max-width: calc(100% - var(--stepper-button-width, 40)*1%) !important
}

.main-products-style.product-grid .product-thumb .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.main-products-style.product-grid .product-thumb .stepper button.fa-angle-down {
    border-block-width: var(--stepper-border, 0) 0;
    border-inline-width: var(--stepper-border, 0) 0
}

.main-products-style.product-grid .product-thumb .stepper .fa-angle-down:before {
    content: '\f107' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.main-products-style.product-grid .product-thumb .stepper .fa-angle-up:before {
    content: '\f106' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.main-products-style.product-grid .product-thumb .stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .main-products-style.product-grid .product-thumb .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .main-products-style.product-grid .product-thumb .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-grid.product-grid .product-thumb .wish-group {
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 0;
    width: auto
}

.main-products-style.product-grid.product-grid .product-thumb .wish-group .btn-wishlist {
    flex-grow: 0
}

.main-products-style.product-grid.product-grid .product-thumb .wish-group .btn-compare {
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .btn-wishlist {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .btn-wishlist:before {
    display: inline-flex;
    font-size: 15px !important
}

.main-products-style.product-grid .product-thumb .btn-wishlist .btn-text {
    display: none
}

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

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

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

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

.main-products-style.product-grid .product-thumb .btn-wishlist.btn,
.main-products-style.product-grid .product-thumb .btn-wishlist.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover:active,
.main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus,
.main-products-style.product-grid .product-thumb .btn-wishlist.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-wishlist.btn:hover:active,
.main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn:focus {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .btn-compare {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .btn-compare:before {
    display: inline-flex;
    font-size: 15px !important
}

.main-products-style.product-grid .product-thumb .btn-compare .btn-text {
    display: none
}

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

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

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

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

.main-products-style.product-grid .product-thumb .btn-compare.btn,
.main-products-style.product-grid .product-thumb .btn-compare.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover:active,
.main-products-style.product-grid .product-thumb .btn-compare.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .btn-compare.btn:focus,
.main-products-style.product-grid .product-thumb .btn-compare.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-grid .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .btn-compare.btn:hover:active,
.main-products-style.product-grid .product-thumb .btn-compare.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .btn-compare.btn:focus {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid .product-thumb .extra-group {
    --extra-gap: 8px;
    display: none;
    padding-top: var(--j-gap-spacing---5);
    --element-padding-top: var(--j-gap-spacing---5);
    margin-top: var(--j-gap-spacing---4);
    --element-margin-top: var(--j-gap-spacing---4);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.main-products-style.product-grid .product-thumb .extra-group .btn:first-child {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .extra-group .btn-extra+.btn {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .extra-group .btn:first-child:before {
    display: inline-flex;
    color: rgba(64, 148, 99, 1)
}

.main-products-style.product-grid .product-thumb .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn:before {
    display: inline-flex
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:first-child {
    padding: 0 !important;
    --element-padding: 0px !important;
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important;
    flex-grow: 0
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn+.btn.btn {
    padding: 0 !important;
    --element-padding: 0px !important;
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    text-transform: none !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1 !important;
    flex-grow: 0
}

.main-products-style.product-grid .product-layout .extra-group>div {
    justify-content: space-between
}

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

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

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn,
.main-products-style.product-grid .product-thumb .extra-group .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus,
.main-products-style.product-grid .product-thumb .extra-group .btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn.btn.btn.disabled:after {
    font-size: 1em
}

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

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

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn {
    --focus-color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-grid .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-grid.product-grid .product-thumb .extra-group {
    order: initial;
    overflow: visible;
    position: static
}

.main-products-style.product-grid.product-grid .product-thumb .extra-group>div {
    position: static;
    transform: none;
    opacity: 1
}

.main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper {
    position: static;
    width: auto;
    overflow: visible;
    order: initial;
    transform: none
}

.main-products-style.product-grid.product-grid .product-thumb .buttons-wrapper .button-group {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none
}

.no-touchevents .main-products-style.product-grid.product-grid .product-thumb:hover .buttons-wrapper .button-group {
    transform: none
}

.main-products-style.product-grid.product-grid .wish-group {
    position: static;
    width: auto;
    top: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    margin-top: 0;
    justify-content: flex-start
}

.main-products-style.product-grid.product-grid .wish-group .btn {
    flex-basis: auto
}

.main-products-style.product-grid .product-thumb .btn-quickview.btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.main-products-style.product-list.product-grid .product-layout .product-thumb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.main-products-style.product-list.product-grid .product-layout .product-thumb .name {
    flex-grow: var(--name-grow, 0);
    --flex-grow: 1
}

.main-products-style.product-list.product-grid .product-layout .product-thumb>div {
    flex-basis: auto
}

.main-products-style.product-list.product-grid .product-layout .product-thumb .caption {
    justify-content: flex-start
}

.main-products-style.product-list.product-grid .product-thumb .image-group .image {
    flex-grow: 0
}

.main-products-style.product-list:not(.product-grid) .product-layout:not(.swiper-slide)+.product-layout:not(.swiper-slide) {
    margin-top: var(--j-gap-spacing-gap-4);
    border-width: 0;
    border-top-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    padding-top: var(--j-gap-spacing-gap-4)
}

.main-products-style.product-list .product-thumb .image:before {
    mix-blend-mode: normal
}

.main-products-style.product-list .product-thumb .product-img,
.main-products-style.product-list .product-thumb .product-img img,
.main-products-style.product-list .product-thumb .image {
    border-radius: 4px;
    --element-border-radius: 4px
}

.main-products-style.product-list .product-thumb .image {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
}

.main-products-style.product-list .product-thumb a.product-img img {
    background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-image-background-h), var(--j-color-scheme-image-background-s), calc(var(--j-color-scheme-image-background-l) - 0%), calc(var(--j-color-scheme-image-background-a)*1))
}

.main-products-style.product-list .product-thumb .product-labels-price .product-label strong {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.1
}

.main-products-style.product-list .product-thumb .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    visibility: visible;
    opacity: 1
}

.main-products-style.product-list .product-thumb .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 5px;
    --label-grow: 0
}

.main-products-style.product-list .product-thumb .quickview-button {
    --display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4)
}

.main-products-style.product-list .product-thumb .quickview-button .btn-quickview {
    --visibility: hidden;
    --opacity: 0;
    transform: scale(.88)
}

.main-products-style.product-list .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px));
    --countdown-offset: var(--countdown-margin, 0);
    --countdown-margin: 60px
}

.touchevents .main-products-style.product-list .product-thumb .quickview-button {
    align-items: flex-end;
    justify-content: flex-start;
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4)
}

.touchevents .main-products-style.product-list .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
}

.main-products-style.product-list .product-thumb .btn-quickview .btn-text {
    display: none
}

.main-products-style.product-list .product-thumb .btn-quickview:before {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .image .btn-quickview:before {
    content: '\ebef' !important;
    font-family: icomoon !important;
    font-size: 16px !important
}

.main-products-style.product-list .product-thumb .image .btn,
.main-products-style.product-list .product-thumb .image .btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .image .btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    padding: 4px;
    --element-padding: 4px;
    box-shadow: none;
    border-radius: 9999px !important;
    --element-border-radius: 9999px !important
}

.main-products-style.product-list .product-thumb .image.btn {
    justify-content: center
}

.main-products-style.product-list .product-thumb .image .btn,
.main-products-style.product-list .product-thumb .image .tooltip {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover:active,
.main-products-style.product-list .product-thumb .image .btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn:focus,
.main-products-style.product-list .product-thumb .image .btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .image .btn:hover,
.no-touchevents .main-products-style.product-list .product-thumb .image .btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .image .btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .image .btn:before {
    font-size: 1.1em
}

.main-products-style.product-list .product-thumb .image .btn.disabled {
    color: transparent !important
}

.main-products-style.product-list .product-thumb .image .btn[disabled] {
    color: transparent !important
}

.main-products-style.product-list.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: var(--buttons-countdown-offset, 40px)
}

.main-products-style.product-list:not(.product-list) .has-countdown .product-thumb .rating {
    --countdown-offset: var(--countdown-margin, 0)
}

.main-products-style.product-list .product-thumb .countdown {
    display: flex;
    max-width: 95%;
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%, 0, 1px) scale(1);
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

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

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

.main-products-style.product-list .product-thumb .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.main-products-style.product-list .has-countdown .product-thumb {
    --countdown-bottom-offset: 8px
}

.main-products-style.product-list .product-thumb .product-img:active {
    pointer-events: auto
}

.main-products-style.product-list.product-list .product-layout .image-group {
    width: var(--product-list-image-width);
    order: 0
}

.main-products-style.product-list.product-list .product-thumb {
    align-items: center
}

.main-products-style.product-list.product-list .product-layout .product-thumb {
    --product-list-gap: var(--j-gap-spacing---8);
    --product-list-image-width: 40%
}

.main-products-style.product-list .product-thumb .stats {
    --stats-gap: 16px;
    display: flex;
    position: relative;
    transform: none;
    width: initial;
    order: -9;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    margin-bottom: var(--j-gap-spacing---6);
    --element-margin-bottom: var(--j-gap-spacing---6)
}

.main-products-style.product-list .product-thumb .stats-group {
    justify-content: flex-start;
    flex-direction: row
}

.main-products-style.product-list .product-thumb .stats-group>span {
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .name {
    order: initial;
    display: flex;
    width: auto;
    margin-inline: auto;
    align-items: flex-start;
    justify-content: flex-start;
    margin-inline: 0 auto
}

.main-products-style.product-list .product-thumb .stats .stat-2 {
    color: rgba(64, 148, 99, 1)
}

.main-products-style.product-list .out-of-stock .product-thumb .stats .stat-2 {
    color: rgba(242, 119, 99, 1)
}

.main-products-style.product-list .product-thumb .stats a {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

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

.main-products-style.product-list .stat-1 .stats-label {
    display: none
}

.main-products-style.product-list .stat-2 .stats-label {
    display: none
}

.main-products-style.product-list.product-grid .product-thumb .rating {
    position: static;
    visibility: visible;
    opacity: 1;
    order: initial;
    margin-top: 0
}

.main-products-style.product-list .product-thumb .rating {
    height: 0;
    justify-content: flex-end;
    display: flex
}

.main-products-style.product-list .product-thumb .rating-stars {
    transform: translate3d(0, -100%, 0);
    margin-left: -3px;
    --element-margin-left: -3px
}

.main-products-style.product-list .product-thumb .rating.no-rating {
    display: none
}

.main-products-style.product-list .product-thumb .rating .fa-stack {
    font-size: 13px;
    width: 1.2em
}

.main-products-style.product-list .product-thumb .rating .fa-star,
.main-products-style.product-list .product-thumb .rating .fa-star+.fa-star-o {
    color: rgba(242, 199, 81, 1)
}

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

.main-products-style.product-list .product-thumb .rating.no-rating span {
    opacity: .5
}

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

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

.main-products-style.product-list .product-thumb .description {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 1px;
    display: flex;
    flex-direction: column;
    display: -webkit-box;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.5;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

.main-products-style.product-list .product-thumb .price {
    --price-gap: 7px;
    display: flex;
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size-600);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    line-height: 1;
    margin-top: var(--j-gap-spacing---6);
    --element-margin-top: var(--j-gap-spacing---6)
}

.main-products-style.product-list .product-thumb .product-labels-price {
    display: flex;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.1;
    margin-bottom: var(--j-gap-spacing---1);
    --element-margin-bottom: var(--j-gap-spacing---1)
}

.main-products-style.product-list .product-thumb .price-tax {
    display: none;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400
}

.main-products-style.product-list .product-thumb .price-new {
    color: hsla(var(--j-color-scheme-brand-secondary-h), var(--j-color-scheme-brand-secondary-s), calc(var(--j-color-scheme-brand-secondary-l) - 0%), calc(var(--j-color-scheme-brand-secondary-a)*1));
    order: 1
}

.main-products-style.product-list .product-thumb .price-old {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: 90%;
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    text-decoration: line-through;
    -webkit-text-decoration: line-through;
    letter-spacing: 0;
    line-height: 1;
    order: 2
}

.main-products-style.product-list .product-thumb .price>div>span {
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .price>div,
.main-products-style.product-list .product-thumb .price>div span,
.main-products-style.product-list .product-thumb .price>div,
.main-products-style.product-list .product-thumb .price,
.main-products-style.product-list .product-thumb .product-labels-price {
    justify-content: flex-start;
    align-items: flex-start
}

.main-products-style.product-list .product-thumb .price>div {
    flex-direction: row;
    flex-wrap: wrap
}

.main-products-style.product-list .product-thumb .buttons-wrapper {
    display: block;
    --buttons-gap: 12px
}

.main-products-style.product-list .product-thumb .button-group {
    justify-content: flex-start;
    --wishlist-gap: 8px
}

.main-products-style.product-list.product-list .product-thumb .buttons-wrapper {
    margin-top: var(--j-gap-spacing---8);
    --element-margin-top: var(--j-gap-spacing---8)
}

.main-products-style.product-list .product-thumb .cart-group {
    display: inline-flex
}

.main-products-style.product-list .out-of-stock .product-thumb .cart-group {
    opacity: .6;
    cursor: not-allowed
}

.main-products-style.product-list .out-of-stock .product-thumb .cart-group * {
    pointer-events: none
}

.main-products-style.product-list .product-thumb .btn-cart {
    height: 40px
}

.main-products-style.product-list .product-thumb .btn-wishlist {
    min-width: 40px;
    height: 40px;
    display: inline-flex
}

.main-products-style.product-list .product-thumb .btn-quickview {
    min-width: 32px;
    height: 32px
}

.main-products-style.product-list .product-thumb .btn-compare {
    width: 40px;
    height: 40px;
    display: inline-flex
}

.main-products-style.product-list .product-thumb .btn-cart:before {
    display: inline-flex;
    content: '\e9f8' !important;
    font-family: icomoon !important
}

.main-products-style.product-list .product-thumb .btn-cart .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-list.product-grid .product-thumb .cart-group {
    flex-grow: 0;
    flex-wrap: wrap;
    flex-direction: row
}

.main-products-style.product-list.product-grid .product-thumb .cart-group .btn {
    flex-grow: 0
}

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

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

.main-products-style.product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover:active {
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*1)) !important
}

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

.main-products-style.product-list .product-thumb .btn-cart.btn,
.main-products-style.product-list .product-thumb .btn-cart.tooltip {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.main-products-style.product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-cart.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-cart.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - -8%), calc(var(--j-color-scheme-button-background-a)*1))
}

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

.main-products-style.product-list .product-thumb .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .stepper {
    display: inline-flex;
    --stepper-border: 0;
    max-width: var(--stepper-max-width, 100%);
    --stepper-height: 38px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px;
    height: 40px
}

.main-products-style.product-list .product-thumb .stepper input.form-control {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    border-width: 0 !important;
    border-style: none !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important;
    box-shadow: none
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper input.form-control:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .stepper input.form-control:focus {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .stepper button {
    position: static;
    width: calc(var(--stepper-button-width, 30)*1px*3);
    height: 100%;
    min-height: 36px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-style.product-list .product-thumb .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.main-products-style.product-list .product-thumb .stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.main-products-style.product-list .product-thumb .stepper .form-control {
    max-width: 100% !important
}

.main-products-style.product-list .product-thumb .stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.main-products-style.product-list .product-thumb .stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .stepper button:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper button:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.no-touchevents .main-products-style.product-list .product-thumb .stepper button:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-list .product-thumb .stepper button:active {
    background-color: hsla(var(--j-color-scheme-background-shade-h), var(--j-color-scheme-background-shade-s), calc(var(--j-color-scheme-background-shade-l) - 0%), calc(var(--j-color-scheme-background-shade-a)*1)) !important
}

.main-products-style.product-list.product-grid .product-thumb .wish-group {
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 0;
    width: auto
}

.main-products-style.product-list.product-grid .product-thumb .wish-group .btn-wishlist {
    flex-grow: 0
}

.main-products-style.product-list.product-grid .product-thumb .wish-group .btn-compare {
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .btn-wishlist:before {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .btn-wishlist .btn-text {
    display: none
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn,
.main-products-style.product-list .product-thumb .btn-wishlist.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    padding: .7em !important;
    --element-padding: .7em !important
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn,
.main-products-style.product-list .product-thumb .btn-wishlist.tooltip {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus,
.main-products-style.product-list .product-thumb .btn-wishlist.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-wishlist.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .btn-compare:before {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .btn-compare .btn-text {
    display: none
}

.main-products-style.product-list .product-thumb .btn-compare.btn,
.main-products-style.product-list .product-thumb .btn-compare.btn:visited {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .btn-compare.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid;
    padding: .7em !important;
    --element-padding: .7em !important
}

.main-products-style.product-list .product-thumb .btn-compare.btn,
.main-products-style.product-list .product-thumb .btn-compare.tooltip {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-compare.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:focus:hover:active {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-compare.btn:focus,
.main-products-style.product-list .product-thumb .btn-compare.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:active:hover {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .btn-compare.btn:hover:active,
.main-products-style.product-list .product-thumb .btn-compare.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.main-products-style.product-list .product-thumb .btn-compare.btn:focus {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.main-products-style.product-list .product-thumb .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list .product-thumb .extra-group {
    --extra-gap: 12px;
    display: block;
    margin-top: var(--j-gap-spacing---7);
    --element-margin-top: var(--j-gap-spacing---7)
}

.main-products-style.product-list .product-thumb .extra-group .btn:first-child {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .extra-group .btn-extra+.btn {
    display: inline-flex
}

.main-products-style.product-list .product-thumb .extra-group .btn:first-child:before {
    display: inline-flex;
    color: rgba(64, 148, 99, 1)
}

.main-products-style.product-list .product-thumb .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn:before {
    display: inline-flex;
    margin-right: 0;
    --element-margin-right: 0px
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:first-child {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn+.btn.btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.main-products-style.product-list .product-layout .extra-group>div {
    justify-content: flex-start
}

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

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

.main-products-style.product-list .product-thumb .extra-group .btn.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn,
.main-products-style.product-list .product-thumb .extra-group .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus,
.main-products-style.product-list .product-thumb .extra-group .btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn.btn.btn.disabled:after {
    font-size: 1em
}

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

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

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus:active {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn:focus {
    box-shadow: none
}

.main-products-style.product-list .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
    font-size: 1em
}

.main-products-style.product-list.product-grid .product-thumb .extra-group {
    order: initial;
    overflow: visible;
    position: static
}

.main-products-style.product-list.product-grid .product-thumb .extra-group>div {
    position: static;
    transform: none;
    opacity: 1
}

.main-products-style.product-list.product-grid .product-thumb .buttons-wrapper {
    position: static;
    width: auto;
    overflow: visible;
    order: initial;
    transform: none
}

.main-products-style.product-list.product-grid .product-thumb .buttons-wrapper .button-group {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none
}

.no-touchevents .main-products-style.product-list.product-grid .product-thumb:hover .buttons-wrapper .button-group {
    transform: none
}

.main-products-style.product-list.product-grid .wish-group {
    position: static;
    width: auto;
    top: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    margin-top: 0;
    justify-content: flex-start
}

.main-products-style.product-list.product-grid .wish-group .btn {
    flex-basis: auto
}

.main-products-style.product-list .product-thumb .btn-quickview.btn {
    padding: 0 !important;
    --element-padding: 0px !important
}

.popup.popup-options .page-title {
    display: none !important
}

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

.popup.popup-options .site-wrapper>.page-title {
    display: none !important
}

.popup.popup-options .product-options .form-group {
    --input-group-spacing: var(--j-gap-spacing-gap-1)
}

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

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

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

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

.popup.popup-options .product-info #product .countdown-wrapper {
    display: block !important
}

.popup.popup-options .breadcrumb+.page-title:after {
    display: none;
    margin-top: .7em
}

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

.popup.popup-options .breadcrumb+.page-title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

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

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

.popup-options .product-info .product-details .product-options>.options-title:after {
    display: none;
    margin-top: .7em
}

.popup-options .product-info .product-details .product-options>.options-title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.popup-options .product-info .product-details .product-options>.options-title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

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

.popup-options .popup-container {
    width: 520px
}

.popup-options .product-info .product-details .button-group-page {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1))
}

.main-products-wrapper>p:only-of-type {
    display: block
}

.main-products-wrapper>p:only-of-type+.buttons {
    display: flex
}

.fancybox-product-images {
    --thumb-width: 100px;
    --thumb-height: 100px
}

.tablet a.btn-quickview {
    display: inline-flex !important
}

.phone a.btn-quickview {
    display: inline-flex !important
}

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

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

    body {
        --col-l-width: 200px
    }

    .login-box>div {
        padding: calc(48px/2)
    }

    .login-box {
        margin: calc(0px - 48px/2)
    }

    .account-list>li {
        width: calc(100%/4)
    }

    .quick-checkout-wrapper>div .right {
        padding-inline-start: 24px
    }

    .route-product-product:not(.popup) h1.page-title {
        display: block
    }

    .route-product-product:not(.popup) .product-info div.page-title {
        display: none
    }

    .route-product-product:not(.popup) .site-wrapper>.page-title+.breadcrumbs {
        min-height: var(--min-height-top, var(--min-height));
        padding: var(--breadcrumbs-top-padding, 0) 0 var(--breadcrumbs-bottom-padding, 0) 0 !important
    }

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

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

@media (max-width:900px) {
    .blog-post .post-details .post-stats {
        padding-inline: var(--content-gutter, 24px);
        margin-inline: calc(var(--content-gutter, 24px)*-1)
    }

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

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

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

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

    body {
        --col-l-stack: 100;
        --col-r-stack: 100
    }

    .column-left:not(.left-column-disabled) #content {
        flex-grow: 1
    }

    .column-right:not(.right-column-disabled) #content {
        flex-grow: 1
    }

    blockquote:before {
        font-size: 40px
    }

    .auto-carousel-buttons {
        visibility: hidden
    }

    .auto-grid-items:before {
        visibility: hidden
    }

    .auto-grid-items:after {
        visibility: hidden
    }

    .auto-grid-items:before,
    .auto-grid-items:after {
        --fader-width-left: 40px;
        --fader-width-right: 40px
    }

    html:not(.popup) .site-wrapper>.page-title {
        text-align: start
    }

    html:not(.popup) .site-wrapper>.page-title .page-title-text {
        text-align: start
    }

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

    .breadcrumb {
        text-align: left
    }

    .account-list>li {
        width: calc(100%/3);
        padding: 7px
    }

    .account-list {
        margin: 0 -7px -7px
    }

    .route-checkout-cart .cart-page>* {
        flex-basis: 100%;
        min-width: 100%
    }

    .refine-categories .auto-grid {
        --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
    }

    .quick-checkout-wrapper>div .right {
        padding-inline-start: 0px;
        width: 100%
    }

    .quick-checkout-wrapper>div .left {
        width: 100%
    }

    #product-product {
        --product-page-split: 100%
    }

    .route-product-product:not(.popup) .product-info .product-details>div:not(.page-title):nth-last-child(2) {
        margin-bottom: 0
    }

    .route-product-product:not(.popup) .product-info .button-group-page {
        position: fixed;
        z-index: 99;
        bottom: 0;
        margin: 0;
        transition: bottom .35s .35s ease-out;
        background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
        --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
        padding: var(--j-gap-spacing---6);
        --element-padding: var(--j-gap-spacing---6);
        padding-bottom: var(--j-gap-spacing---8);
        --element-padding-bottom: var(--j-gap-spacing---8);
        border-width: 0;
        border-top-width: 1px;
        border-style: solid;
        border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
        border-radius: 0;
        --element-border-radius: 0px
    }

    .route-product-product:not(.popup).has-bottom-menu .product-info .button-group-page {
        bottom: calc(var(--bottom-menu-display, 0px) + var(--bottom-menu-margin-display, 0px))
    }

    .route-product-product:not(.popup) body {
        padding-bottom: var(--fixed-product-buttons, 60px)
    }

    .route-product-product:not(.popup) .scroll-top {
        --product-page-buttons: var(--fixed-product-buttons, 60px)
    }

    .product-info .product-details .buttons-wrapper {
        --product-page-buttons-gap: 4px
    }

    .product-info .button-group-page .extra-group {
        width: auto
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-cart {
        width: 40px;
        height: 40px
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-extra {
        width: 40px;
        height: 40px
    }

    .route-product-product:not(.popup) .product-info .button-group-page .btn-2-extra {
        width: 40px;
        min-width: 40px;
        height: 40px
    }

    .tab-container.product_tabs.product_tabs-default {
        --align-tabs: flex-start
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs {
        --align-self: start;
        --max-width: 100vw
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li {
        flex-grow: 0
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:first-child {
        margin-inline-start: 0
    }

    .tab-container.product_tabs.product_tabs-default>.nav-tabs>li:last-child {
        margin-inline-end: 0
    }

    .product_extra .tab-content .block-wrapper {
        align-items: flex-start
    }

    .product_blocks.product_blocks-image {
        justify-content: flex-start
    }

    .ias-trigger a {
        display: flex
    }

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

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

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

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

@media (max-width:800px) {
    .route-product-product.popup-quickview #product-product {
        --product-page-split: 100%;
        --product-page-split-gap: var(--j-gap-spacing---3)
    }
}

@media (max-width:500px) {
    .blog-post .post-details .post-stats .p-posted {
        display: none
    }

    .p-date-image {
        --p-date-size: var(--j-gap-spacing----10);
        font-family: 'Noto Kufi Arabic';
        font-weight: 600;
        font-size: var(--j-font_size-font-size--title-item);
        text-transform: none;
        line-height: 1.3
    }

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

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

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

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

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

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

    .post-list .post-thumb .name a {
        font-family: 'Noto Kufi Arabic';
        font-weight: 600;
        font-size: var(--j-font_size-font-size--title-item);
        text-transform: none;
        line-height: 1.3
    }

    .post-list .post-thumb .description {
        display: none
    }

    .post-list .post-thumb .button-group {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
    }

    .post-list .post-thumb .post-stats {
        font-family: 'Noto Kufi Arabic';
        font-weight: 400;
        font-size: var(--j-font_size-font-size-200);
        line-height: 1.25;
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
    }

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

    label,
    .form-group .control-label,
    .form-label {
        font-size: var(--j-font_size-font-size-500)
    }

    .route-product-product.popup-quickview h1.page-title {
        display: block
    }

    .route-product-product.popup-quickview div.page-title {
        display: none
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-more-details {
        flex-grow: 1;
        flex-basis: 100%
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-compare {
        display: none
    }

    .account-list>li {
        width: calc(100%/2)
    }

    .route-checkout-cart .cart-panels label,
    .route-checkout-cart .cart-panels .form-group .control-label,
    .route-checkout-cart .cart-panels .form-label {
        font-size: var(--j-font_size-font-size-500)
    }

    .category-image {
        float: none
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .left .section-login .form-label {
        font-size: var(--j-font_size-font-size-500)
    }

    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-group .control-label,
    .route-checkout-checkout #content .quick-checkout-wrapper .right .confirm-section .form-label {
        font-size: var(--j-font_size-font-size-500)
    }

    .popup-checkout-payment .popup-container {
        width: 400px
    }

    .touchevents .product-image .swiper.swiper-has-pages .swiper-controls {
        display: block
    }

    .product-image .additional-images .swiper-buttons {
        display: block
    }

    .lg-product-images div.lg-sub-html {
        display: none !important
    }

    .lg-product-images .lg-content .lg-icon {
        width: 40px;
        height: 40px;
        height: 40px
    }

    .product-info .product-details .product-stats {
        background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
        --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1))
    }

    .push-option.push-option {
        padding: var(--j-gap-spacing-gap-2);
        --element-padding: var(--j-gap-spacing-gap-2)
    }

    .product-info .button-group-page .extra-group {
        flex-grow: initial
    }

    .product-info .button-group-page .btn-extra {
        flex-grow: initial;
        width: auto
    }

    .product-info .button-group-page .extra-group .btn:first-child .btn-text {
        display: none
    }

    .product-info .button-group-page .extra-group .btn:first-child:before {
        display: inline-flex
    }

    .product-info .button-group-page .extra-group .btn-extra:first-child .btn-text {
        margin-left: 0;
        --element-margin-left: 0px
    }

    .route-product-product:not(.popup) .product-info .product-details .button-group-page .wishlist-compare {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
    }

    .grid-list .links-text {
        display: none
    }

    .grid-list .compare-btn:before {
        margin-inline-end: 0;
        color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
    }

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

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

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

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

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

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

    .main-products-style.product-grid .product-thumb {
        padding: 0;
        --element-padding: 0px
    }

    .main-products-style.product-grid .product-thumb .image .btn-quickview:before {
        font-size: 16px !important
    }

    .main-products-style.product-grid .product-thumb .rating-stars {
        margin-top: var(--j-gap-spacing---5);
        --element-margin-top: var(--j-gap-spacing---5)
    }

    .main-products-style.product-grid .product-thumb .name a {
        font-family: 'Noto Kufi Arabic';
        font-weight: 400;
        font-size: var(--j-font_size-font-size--title-menu);
        text-transform: none;
        line-height: 1.3;
        text-align: center
    }

    .main-products-style.product-grid .product-thumb .name {
        justify-content: center;
        margin-inline: auto
    }

    .main-products-style.product-grid .product-thumb .button-group {
        justify-content: flex-start
    }

    .main-products-style.product-grid .product-thumb .btn-quickview {
        min-width: 30px;
        height: 30px
    }

    .main-products-style.product-list .product-thumb .product-labels {
        display: none
    }

    .main-products-style.product-list.product-grid .has-countdown .wish-group {
        --countdown-offset-buttons: 0px
    }

    .main-products-style.product-list:not(.product-list) .product-thumb .rating {
        --countdown-offset: 0 !important
    }

    .main-products-style.product-list .product-thumb .btn-quickview {
        --countdown-offset: 0 !important;
        min-width: 28px;
        height: 28px
    }

    .main-products-style.product-list .has-countdown .product-thumb .countdown {
        display: none
    }

    .main-products-style.product-list.product-list .product-layout .product-thumb {
        --product-list-gap: var(--j-gap-spacing---6)
    }

    .main-products-style.product-list .product-thumb .stats-group {
        justify-content: space-between;
        flex-direction: row
    }

    .main-products-style.product-list .product-thumb .stats-group>span {
        flex-grow: 0
    }

    .main-products-style.product-list .product-thumb .stats {
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .main-products-style.product-list .product-thumb .rating {
        height: auto;
        justify-content: flex-start
    }

    .main-products-style.product-list .product-thumb .rating-stars {
        transform: translate3d(0, 0, 0);
        padding-bottom: var(--j-gap-spacing---4);
        --element-padding-bottom: var(--j-gap-spacing---4)
    }

    .main-products-style.product-list .product-thumb .name a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        font-family: 'Noto Kufi Arabic';
        font-weight: 500;
        font-size: var(--j-font_size-font-size--title-item-list);
        text-transform: none;
        line-height: 1.3
    }

    .main-products-style.product-list .product-thumb .description {
        display: none
    }

    .main-products-style.product-list.product-grid .product-layout .product-thumb .name {
        --flex-grow: 0
    }

    .main-products-style.product-list .product-thumb .price {
        font-family: 'Noto Kufi Arabic';
        font-weight: 600;
        font-size: var(--j-font_size-font-size-400);
        color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
        line-height: 1;
        margin-top: var(--j-gap-spacing---2);
        --element-margin-top: var(--j-gap-spacing---2)
    }

    .main-products-style.product-list .product-thumb .buttons-wrapper {
        display: none
    }

    .main-products-style.product-list .product-thumb .btn-wishlist {
        display: none
    }

    .main-products-style.product-list .product-thumb .btn-compare {
        display: none
    }

    .main-products-style.product-list .product-thumb .extra-group {
        display: none
    }
}

@media (max-width:359px) {
    .route-product-product:not(.popup) .product-info .button-group-page .btn-wishlist .btn-text {
        display: none
    }
}

@media (max-width:320px) {
    .route-product-product.popup-quickview .product-info .button-group-page .stepper {
        display: none
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-wishlist {
        display: none
    }
}

@media (max-width:250px) {
    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart:before {
        display: inline-block
    }

    .route-product-product.popup-quickview .product-info .button-group-page .btn-cart .btn-text {
        display: none
    }
}

@media (min-width:1540px) {
    .boxed-layout:not(.popup) body {
        --boxed-top-spacing: 50px;
        margin-top: var(--boxed-top-spacing, 0);
        margin-bottom: 50px
    }

    .boxed-layout:not(.popup) .global-wrapper:after {
        box-shadow: 1.1px 4.5px 3.6px rgba(0, 0, 0, .024), 3px 12.5px 10px rgba(0, 0, 0, .035), 7.2px 30.1px 24.1px rgba(0, 0, 0, .046), 24px 100px 80px rgba(0, 0, 0, .07)
    }

    .boxed-layout:not(.popup) .global-wrapper {
        border-radius: 16px;
        --element-border-radius: 16px
    }
}

@media (min-width:900px) {
    html:not(.popup) .product-image:has(.additional-images) .swiper.main-image {
        display: none
    }
}

@media (min-width:500px) {
    .main-products-style.product-grid .product-thumb .rating {
        height: 0;
        justify-content: flex-end
    }

    .main-products-style.product-grid .product-thumb .rating-stars {
        transform: translate3d(0, -100%, 0)
    }
}

:root {
    --j-font_size-font-size-700: 18px;
    --j-font_size-font-size--1100: 32px;
    --j-font_size-font-size-800: 20px;
    --j-font_size-font-size-900: 24px;
    --j-font_size-font-size--1000: 28px;
    --j-font_size-font-size--title-display-m: 36px;
    --j-font_size-font-size-100: 11px;
    --j-font_size-font-size-200: 12px;
    --j-font_size-font-size-300: 13px;
    --j-font_size-font-size-400: 14px;
    --j-font_size-font-size-500: 15px;
    --j-font_size-font-size-600: 16px;
    --j-font_size-font-size--1200: 42px;
    --j-font_size-font-size--1300: 56px;
    --j-font_size-font-size--1400: 80px;
    --j-font_size-font-size--title-menu: 13px;
    --j-font_size-font-size--title-section: 28px;
    --j-font_size-font-size--separator: -1px;
    --j-font_size-font-size--title-item: 16px;
    --j-font_size-font-size---price-larger: 26px;
    --j-font_size-font-size--title-display-l: 64px;
    --j-font_size-font-size--title-module: 20px;
    --j-font_size-font-size--title-item-list: 14px;
    --j-font_size-font-size-0-separator: -1px
}

@media (max-width: 1540px) {
    :root {
        --j-font_size-font-size--title-display-l: 48px
    }
}

@media (max-width: 1200px) {
    :root {
        --j-font_size-font-size--title-display-m: 32px
    }
}

@media (max-width: 900px) {
    :root {
        --j-font_size-font-size--title-section: 24px;
        --j-font_size-font-size---price-larger: 22px;
        --j-font_size-font-size--title-display-l: 36px;
        --j-font_size-font-size--title-module: 18px
    }
}

@media (max-width: 500px) {
    :root {
        --j-font_size-font-size--title-display-m: 24px;
        --j-font_size-font-size--title-menu: 14px;
        --j-font_size-font-size--title-display-l: 32px;
        --j-font_size-font-size--title-item-list: 15px
    }
}

:root {
    --j-gap-spacing-vr-row-m: 60px;
    --j-gap-spacing---7: 20px;
    --j-gap-spacing---8: 24px;
    --j-gap-spacing-gap-0-separator: -1px;
    --j-gap-spacing---5: 12px;
    --j-gap-spacing-gap-3: 20px;
    --j-gap-spacing-gutter-1: 32px;
    --j-gap-spacing-vr-row-k: 120px;
    --j-gap-spacing-vr-row-1-separator: -1px;
    --j-gap-spacing-gap-2: 12px;
    --j-gap-spacing-vr-row-s: 32px;
    --j-gap-spacing---4: 8px;
    --j-gap-spacing-vr-row-l: 90px;
    --j-gap-spacing-gap-1: 8px;
    --j-gap-spacing-vr-row-i: 144px;
    --j-gap-spacing-padding-m: 32px;
    --j-gap-spacing-padding-l: 40px;
    --j-gap-spacing-vertical-1: 24px;
    --j-gap-spacing---3: 6px;
    --j-gap-spacing---2: 4px;
    --j-gap-spacing---1: 2px;
    --j-gap-spacing---6: 16px;
    --j-gap-spacing---9: 32px;
    --j-gap-spacing----10: 40px;
    --j-gap-spacing----11: 48px;
    --j-gap-spacing----12: 56px;
    --j-gap-spacing----13: 64px;
    --j-gap-spacing----14: 72px;
    --j-gap-spacing----15: 88px;
    --j-gap-spacing----16: 112px;
    --j-gap-spacing-vertical-l: 32px;
    --j-gap-spacing-gutter-4: 36px;
    --j-gap-spacing--separator: -1px;
    --j-gap-spacing-gap-4: 32px;
    --j-gap-spacing-vertical-xl: 48px;
    --j-gap-spacing-padding-xl: 48px;
    --j-gap-spacing-padding-s: 24px;
    --j-gap-spacing-vertical-xxl: 60px;
    --j-gap-spacing-gap-5: 48px;
    --j-gap-spacing-vertical-xxxl: 120px;
    --j-gap-spacing-gap-hero: 12px;
    --j-gap-spacing-gap-general-2: 32px;
    --j-gap-spacing-gap-general-3: 40px;
    --j-gap-spacing-gutter-2: 40px;
    --j-gap-spacing-gutter-3: 8px;
    --j-gap-spacing-padding-0-separator: -1px;
    --j-gap-spacing-vertical-0-separator: -1px;
    --j-gap-spacing-gap-general-0-separator: -1px;
    --j-gap-spacing----17: 144px;
    --j-gap-spacing----18: 184px;
    --j-gap-spacing----19: 224px;
    --j-gap-spacing----20: 256px;
    --j-gap-spacing-gap-general-1: 24px;
    --j-gap-spacing-gap-6: 60px;
    --j-gap-spacing-vr-row-h: 150px;
    --j-gap-spacing-padding-s-xs: 12px
}

@media (max-width: 1540px) {
    :root {
        --j-gap-spacing-gutter-4: 28px
    }
}

@media (max-width: 1200px) {
    :root {
        --j-gap-spacing-gutter-1: 24px;
        --j-gap-spacing-vr-row-k: 90px;
        --j-gap-spacing-vr-row-i: 120px;
        --j-gap-spacing-padding-l: 32px;
        --j-gap-spacing-gap-4: 24px;
        --j-gap-spacing-vertical-xl: 32px;
        --j-gap-spacing-vertical-xxl: 40px;
        --j-gap-spacing-gap-5: 32px;
        --j-gap-spacing-vertical-xxxl: 90px;
        --j-gap-spacing-gap-general-3: 32px;
        --j-gap-spacing-gutter-2: 24px;
        --j-gap-spacing-gap-6: 48px;
        --j-gap-spacing-vr-row-h: 120px
    }
}

@media (max-width: 900px) {
    :root {
        --j-gap-spacing-gap-3: 16px;
        --j-gap-spacing-vr-row-k: 60px;
        --j-gap-spacing-vr-row-l: 60px;
        --j-gap-spacing-vr-row-i: 90px;
        --j-gap-spacing-padding-l: 24px;
        --j-gap-spacing-padding-xl: 32px;
        --j-gap-spacing-padding-s: 20px;
        --j-gap-spacing-vertical-xxxl: 60px;
        --j-gap-spacing-gap-general-2: 24px;
        --j-gap-spacing-gap-general-1: 20px;
        --j-gap-spacing-vr-row-h: 90px;
        --j-gap-spacing-padding-s-xs: 8px
    }
}

@media (max-width: 500px) {
    :root {
        --j-gap-spacing-vr-row-i: 60px;
        --j-gap-spacing-padding-m: 24px;
        --j-gap-spacing-padding-s: 16px;
        --j-gap-spacing-gap-general-3: 24px;
        --j-gap-spacing-gap-6: 32px;
        --j-gap-spacing-padding-s-xs: 4px
    }
}

.color-scheme-scheme-4 {
    --j-color-scheme-pastel-blue-h: 220;
    --j-color-scheme-pastel-blue-s: 95.121951219512%;
    --j-color-scheme-pastel-blue-l: 91.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 265.71428571429;
    --j-color-scheme-pastel-purple-s: 87.5%;
    --j-color-scheme-pastel-purple-l: 96.862745098039%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 198.10055865922;
    --j-color-scheme-background-tertiary-s: 77.489177489177%;
    --j-color-scheme-background-tertiary-l: 45.294117647059%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 198.24742268041;
    --j-color-scheme-background-secondary-s: 76.984126984127%;
    --j-color-scheme-background-secondary-l: 49.411764705882%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 198.26086956522;
    --j-color-scheme-brand-secondary-foreground-s: 77.310924369748%;
    --j-color-scheme-brand-secondary-foreground-l: 53.333333333333%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 198.24;
    --j-color-scheme-neutral-background-s: 77.639751552795%;
    --j-color-scheme-neutral-background-l: 68.43137254902%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 0;
    --j-color-scheme-foreground-primary-s: 0%;
    --j-color-scheme-foreground-primary-l: 97.254901960784%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-text-link-hover-h: 0;
    --j-color-scheme-text-link-hover-s: 0%;
    --j-color-scheme-text-link-hover-l: 100%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 0;
    --j-color-scheme-brand-primary-s: 0%;
    --j-color-scheme-brand-primary-l: 0%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 0;
    --j-color-scheme-pastel-red-s: 100%;
    --j-color-scheme-pastel-red-l: 96.078431372549%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 198.48837209302;
    --j-color-scheme-body-background-s: 77.477477477477%;
    --j-color-scheme-body-background-l: 56.470588235294%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 0;
    --j-color-scheme-text-link-s: 0%;
    --j-color-scheme-text-link-l: 100%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 0;
    --j-color-scheme-foreground-tertiary-s: 0%;
    --j-color-scheme-foreground-tertiary-l: 82.352941176471%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 220;
    --j-color-scheme-button-foreground-s: 20%;
    --j-color-scheme-button-foreground-l: 97.058823529412%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 198.26086956522;
    --j-color-scheme-background-primary-s: 77.310924369748%;
    --j-color-scheme-background-primary-l: 53.333333333333%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 198.26086956522;
    --j-color-scheme-image-background-s: 77.310924369748%;
    --j-color-scheme-image-background-l: 53.333333333333%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 0;
    --j-color-scheme-foreground-secondary-s: 0%;
    --j-color-scheme-foreground-secondary-l: 90.196078431373%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 220;
    --j-color-scheme-brand-primary-foreground-s: 20%;
    --j-color-scheme-brand-primary-foreground-l: 97.058823529412%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 50.909090909091;
    --j-color-scheme-pastel-yellow-s: 76.744186046512%;
    --j-color-scheme-pastel-yellow-l: 91.56862745098%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 0;
    --j-color-scheme-button-background-s: 0%;
    --j-color-scheme-button-background-l: 0%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 0%;
    --j-color-scheme-neutral-foreground-l: 97.254901960784%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 0;
    --j-color-scheme-brand-secondary-s: 0%;
    --j-color-scheme-brand-secondary-l: 97.254901960784%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 0;
    --j-color-scheme-background-border-s: 0%;
    --j-color-scheme-background-border-l: 97.254901960784%;
    --j-color-scheme-background-border-a: 0.2;
    --j-color-scheme-pastel-green-h: 103.63636363636;
    --j-color-scheme-pastel-green-s: 35.483870967742%;
    --j-color-scheme-pastel-green-l: 93.921568627451%;
    --j-color-scheme-pastel-green-a: 1
}

.color-scheme-scheme-3 {
    --j-color-scheme-pastel-blue-h: 220;
    --j-color-scheme-pastel-blue-s: 95.121951219512%;
    --j-color-scheme-pastel-blue-l: 91.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 265.71428571429;
    --j-color-scheme-pastel-purple-s: 87.5%;
    --j-color-scheme-pastel-purple-l: 96.862745098039%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 0;
    --j-color-scheme-background-tertiary-s: 0%;
    --j-color-scheme-background-tertiary-l: 7.0588235294118%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 0;
    --j-color-scheme-background-secondary-s: 0%;
    --j-color-scheme-background-secondary-l: 3.921568627451%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 0;
    --j-color-scheme-brand-secondary-foreground-s: 0%;
    --j-color-scheme-brand-secondary-foreground-l: 0%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 205.71428571429;
    --j-color-scheme-neutral-background-s: 3.0837004405286%;
    --j-color-scheme-neutral-background-l: 44.509803921569%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 220;
    --j-color-scheme-foreground-primary-s: 20%;
    --j-color-scheme-foreground-primary-l: 97.058823529412%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-text-link-hover-h: 220;
    --j-color-scheme-text-link-hover-s: 20%;
    --j-color-scheme-text-link-hover-l: 97.058823529412%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 198.26086956522;
    --j-color-scheme-brand-primary-s: 77.310924369748%;
    --j-color-scheme-brand-primary-l: 53.333333333333%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 0;
    --j-color-scheme-pastel-red-s: 100%;
    --j-color-scheme-pastel-red-l: 96.078431372549%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 0;
    --j-color-scheme-body-background-s: 0%;
    --j-color-scheme-body-background-l: 0%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 225;
    --j-color-scheme-text-link-s: 20%;
    --j-color-scheme-text-link-l: 92.156862745098%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 218.82352941176;
    --j-color-scheme-foreground-tertiary-s: 19.540229885057%;
    --j-color-scheme-foreground-tertiary-l: 82.941176470588%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 0;
    --j-color-scheme-button-foreground-s: 0%;
    --j-color-scheme-button-foreground-l: 96.862745098039%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 0;
    --j-color-scheme-background-primary-s: 0%;
    --j-color-scheme-background-primary-l: 0%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 0;
    --j-color-scheme-image-background-s: 0%;
    --j-color-scheme-image-background-l: 0%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 222;
    --j-color-scheme-foreground-secondary-s: 20%;
    --j-color-scheme-foreground-secondary-l: 90.196078431373%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 0;
    --j-color-scheme-brand-primary-foreground-s: 0%;
    --j-color-scheme-brand-primary-foreground-l: 97.254901960784%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 50.909090909091;
    --j-color-scheme-pastel-yellow-s: 76.744186046512%;
    --j-color-scheme-pastel-yellow-l: 91.56862745098%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 210;
    --j-color-scheme-button-background-s: 3.8461538461538%;
    --j-color-scheme-button-background-l: 10.196078431373%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 0%;
    --j-color-scheme-neutral-foreground-l: 100%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 220;
    --j-color-scheme-brand-secondary-s: 20%;
    --j-color-scheme-brand-secondary-l: 97.058823529412%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 220;
    --j-color-scheme-background-border-s: 20%;
    --j-color-scheme-background-border-l: 97.058823529412%;
    --j-color-scheme-background-border-a: 0.2;
    --j-color-scheme-pastel-green-h: 103.63636363636;
    --j-color-scheme-pastel-green-s: 35.483870967742%;
    --j-color-scheme-pastel-green-l: 93.921568627451%;
    --j-color-scheme-pastel-green-a: 1
}

:root,
.dropdown-menu:not([class*="color-scheme-"]):not(.dropdown-menu[class*="color-scheme-"] .dropdown-menu),
.tt-menu,
.color-scheme-scheme-1 {
    --j-color-scheme-pastel-blue-h: 220;
    --j-color-scheme-pastel-blue-s: 95.121951219512%;
    --j-color-scheme-pastel-blue-l: 91.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 265.71428571429;
    --j-color-scheme-pastel-purple-s: 87.5%;
    --j-color-scheme-pastel-purple-l: 96.862745098039%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 240;
    --j-color-scheme-background-tertiary-s: 14.285714285714%;
    --j-color-scheme-background-tertiary-l: 93.137254901961%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 240;
    --j-color-scheme-background-secondary-s: 12%;
    --j-color-scheme-background-secondary-l: 95.098039215686%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-site-background-h: 0;
    --j-color-scheme-site-background-s: 0%;
    --j-color-scheme-site-background-l: 96.862745098039%;
    --j-color-scheme-site-background-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 0;
    --j-color-scheme-brand-secondary-foreground-s: 0%;
    --j-color-scheme-brand-secondary-foreground-l: 97.254901960784%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 205.71428571429;
    --j-color-scheme-neutral-background-s: 3.0837004405286%;
    --j-color-scheme-neutral-background-l: 44.509803921569%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 210;
    --j-color-scheme-foreground-primary-s: 3.8461538461538%;
    --j-color-scheme-foreground-primary-l: 10.196078431373%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-text-link-hover-h: 219.32038834951;
    --j-color-scheme-text-link-hover-s: 88.793103448276%;
    --j-color-scheme-text-link-hover-l: 54.509803921569%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 0;
    --j-color-scheme-brand-primary-s: 0%;
    --j-color-scheme-brand-primary-l: 0%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 0;
    --j-color-scheme-pastel-red-s: 100%;
    --j-color-scheme-pastel-red-l: 96.078431372549%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 0;
    --j-color-scheme-body-background-s: 0%;
    --j-color-scheme-body-background-l: 100%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 219.40298507463;
    --j-color-scheme-text-link-s: 88.546255506608%;
    --j-color-scheme-text-link-l: 44.509803921569%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 195;
    --j-color-scheme-foreground-tertiary-s: 2.6315789473684%;
    --j-color-scheme-foreground-tertiary-l: 29.803921568627%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 0;
    --j-color-scheme-button-foreground-s: 0%;
    --j-color-scheme-button-foreground-l: 96.862745098039%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 0;
    --j-color-scheme-background-primary-s: 0%;
    --j-color-scheme-background-primary-l: 96.862745098039%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 0;
    --j-color-scheme-image-background-s: 0%;
    --j-color-scheme-image-background-l: 96.862745098039%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 210;
    --j-color-scheme-foreground-secondary-s: 2.9411764705882%;
    --j-color-scheme-foreground-secondary-l: 13.333333333333%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 220;
    --j-color-scheme-brand-primary-foreground-s: 20%;
    --j-color-scheme-brand-primary-foreground-l: 97.058823529412%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 50.909090909091;
    --j-color-scheme-pastel-yellow-s: 76.744186046512%;
    --j-color-scheme-pastel-yellow-l: 91.56862745098%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 210;
    --j-color-scheme-button-background-s: 3.8461538461538%;
    --j-color-scheme-button-background-l: 10.196078431373%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 0%;
    --j-color-scheme-neutral-foreground-l: 100%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 198.26086956522;
    --j-color-scheme-brand-secondary-s: 77.310924369748%;
    --j-color-scheme-brand-secondary-l: 53.333333333333%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 210;
    --j-color-scheme-background-border-s: 3.8461538461538%;
    --j-color-scheme-background-border-l: 10.196078431373%;
    --j-color-scheme-background-border-a: 0.12;
    --j-color-scheme-pastel-green-h: 103.63636363636;
    --j-color-scheme-pastel-green-s: 35.483870967742%;
    --j-color-scheme-pastel-green-l: 93.921568627451%;
    --j-color-scheme-pastel-green-a: 1
}

.color-scheme-scheme-2 {
    --j-color-scheme-pastel-blue-h: 225.6338028169;
    --j-color-scheme-pastel-blue-s: 43.558282208589%;
    --j-color-scheme-pastel-blue-l: 31.960784313725%;
    --j-color-scheme-pastel-blue-a: 1;
    --j-color-scheme-pastel-purple-h: 279.42857142857;
    --j-color-scheme-pastel-purple-s: 24.475524475524%;
    --j-color-scheme-pastel-purple-l: 28.039215686275%;
    --j-color-scheme-pastel-purple-a: 1;
    --j-color-scheme-background-tertiary-h: 210;
    --j-color-scheme-background-tertiary-s: 4.5454545454545%;
    --j-color-scheme-background-tertiary-l: 17.254901960784%;
    --j-color-scheme-background-tertiary-a: 1;
    --j-color-scheme-background-secondary-h: 200;
    --j-color-scheme-background-secondary-s: 3.8961038961039%;
    --j-color-scheme-background-secondary-l: 15.098039215686%;
    --j-color-scheme-background-secondary-a: 1;
    --j-color-scheme-site-background-h: 210;
    --j-color-scheme-site-background-s: 4.7619047619048%;
    --j-color-scheme-site-background-l: 8.2352941176471%;
    --j-color-scheme-site-background-a: 1;
    --j-color-scheme-brand-secondary-foreground-h: 0;
    --j-color-scheme-brand-secondary-foreground-s: 0%;
    --j-color-scheme-brand-secondary-foreground-l: 97.254901960784%;
    --j-color-scheme-brand-secondary-foreground-a: 1;
    --j-color-scheme-neutral-background-h: 205.71428571429;
    --j-color-scheme-neutral-background-s: 3.0837004405286%;
    --j-color-scheme-neutral-background-l: 44.509803921569%;
    --j-color-scheme-neutral-background-a: 1;
    --j-color-scheme-foreground-primary-h: 0;
    --j-color-scheme-foreground-primary-s: 0%;
    --j-color-scheme-foreground-primary-l: 96.862745098039%;
    --j-color-scheme-foreground-primary-a: 1;
    --j-color-scheme-pastel-foreground-h: 0;
    --j-color-scheme-pastel-foreground-s: 0%;
    --j-color-scheme-pastel-foreground-l: 96.862745098039%;
    --j-color-scheme-pastel-foreground-a: 1;
    --j-color-scheme-text-link-hover-h: 220.10869565217;
    --j-color-scheme-text-link-hover-s: 94.845360824742%;
    --j-color-scheme-text-link-hover-l: 61.960784313725%;
    --j-color-scheme-text-link-hover-a: 1;
    --j-color-scheme-brand-primary-h: 0;
    --j-color-scheme-brand-primary-s: 0%;
    --j-color-scheme-brand-primary-l: 0%;
    --j-color-scheme-brand-primary-a: 1;
    --j-color-scheme-pastel-red-h: 2.2641509433962;
    --j-color-scheme-pastel-red-s: 82.8125%;
    --j-color-scheme-pastel-red-l: 25.098039215686%;
    --j-color-scheme-pastel-red-a: 1;
    --j-color-scheme-body-background-h: 210;
    --j-color-scheme-body-background-s: 3.8461538461538%;
    --j-color-scheme-body-background-l: 10.196078431373%;
    --j-color-scheme-body-background-a: 1;
    --j-color-scheme-text-link-h: 219.85401459854;
    --j-color-scheme-text-link-s: 95.804195804196%;
    --j-color-scheme-text-link-l: 71.960784313725%;
    --j-color-scheme-text-link-a: 1;
    --j-color-scheme-foreground-tertiary-h: 202.5;
    --j-color-scheme-foreground-tertiary-s: 3.448275862069%;
    --j-color-scheme-foreground-tertiary-l: 54.509803921569%;
    --j-color-scheme-foreground-tertiary-a: 1;
    --j-color-scheme-overlay-h: 0;
    --j-color-scheme-overlay-s: 0%;
    --j-color-scheme-overlay-l: 0%;
    --j-color-scheme-overlay-a: 0.8;
    --j-color-scheme-button-foreground-h: 210;
    --j-color-scheme-button-foreground-s: 3.8461538461538%;
    --j-color-scheme-button-foreground-l: 10.196078431373%;
    --j-color-scheme-button-foreground-a: 1;
    --j-color-scheme-background-primary-h: 200;
    --j-color-scheme-background-primary-s: 4.4776119402985%;
    --j-color-scheme-background-primary-l: 13.137254901961%;
    --j-color-scheme-background-primary-a: 1;
    --j-color-scheme-image-background-h: 200;
    --j-color-scheme-image-background-s: 4.4776119402985%;
    --j-color-scheme-image-background-l: 13.137254901961%;
    --j-color-scheme-image-background-a: 1;
    --j-color-scheme-foreground-secondary-h: 240;
    --j-color-scheme-foreground-secondary-s: 14.851485148515%;
    --j-color-scheme-foreground-secondary-l: 80.196078431373%;
    --j-color-scheme-foreground-secondary-a: 1;
    --j-color-scheme-brand-primary-foreground-h: 220;
    --j-color-scheme-brand-primary-foreground-s: 20%;
    --j-color-scheme-brand-primary-foreground-l: 97.058823529412%;
    --j-color-scheme-brand-primary-foreground-a: 1;
    --j-color-scheme-pastel-yellow-h: 44.5;
    --j-color-scheme-pastel-yellow-s: 61.855670103093%;
    --j-color-scheme-pastel-yellow-l: 38.039215686275%;
    --j-color-scheme-pastel-yellow-a: 1;
    --j-color-scheme-button-background-h: 0;
    --j-color-scheme-button-background-s: 0%;
    --j-color-scheme-button-background-l: 96.862745098039%;
    --j-color-scheme-button-background-a: 1;
    --j-color-scheme-neutral-foreground-h: 0;
    --j-color-scheme-neutral-foreground-s: 0%;
    --j-color-scheme-neutral-foreground-l: 100%;
    --j-color-scheme-neutral-foreground-a: 1;
    --j-color-scheme-brand-secondary-h: 198.26086956522;
    --j-color-scheme-brand-secondary-s: 77.310924369748%;
    --j-color-scheme-brand-secondary-l: 53.333333333333%;
    --j-color-scheme-brand-secondary-a: 1;
    --j-color-scheme-background-border-h: 0;
    --j-color-scheme-background-border-s: 0%;
    --j-color-scheme-background-border-l: 96.862745098039%;
    --j-color-scheme-background-border-a: 0.1;
    --j-color-scheme-pastel-green-h: 177.5;
    --j-color-scheme-pastel-green-s: 54.545454545455%;
    --j-color-scheme-pastel-green-l: 17.254901960784%;
    --j-color-scheme-pastel-green-a: 1
}

.btn-extra-46:before {
    content: '\eb31' !important;
    font-family: icomoon !important
}

.btn-extra-93:before {
    content: '\eaf9' !important;
    font-family: icomoon !important
}

.has-special .product-label-default.product-label-397 {
    display: flex
}

.product-label-default.product-label-397 {
    display: flex
}

.product-label-diagonal.product-label-397 {
    display: block
}

.product-label-diagonal.product-label-397 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-397 strong {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-transform: none;
    line-height: 1.1;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    border-style: none;
    border-radius: 0;
    --element-border-radius: 0px;
    box-shadow: none
}

.product-label.product-label-397 strong,
.product-label.product-label-397 strong>a {
    padding: 0;
    --element-padding: 0px
}

.product-label.product-label-397.product-label {
    margin: 0;
    --element-margin: 0px
}

.product-label-397 {
    order: 3
}

span.product-label.product-label-397 strong {
    color: rgba(242, 119, 99, 1) !important;
    background-size: contain !important
}

.product-info .product-label-397 strong {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important
}

.product-info .product-image .product-label-diagonal.product-label-397 strong {
    transform: scale(calc(10/10))
}

.product-label-default.product-label-28 {
    display: flex;
    margin: 8px !important;
    --element-margin: 8px !important;
    position: absolute;
    top: 0;
    inset-inline-end: initial;
    bottom: initial;
    inset-inline-start: 0
}

.product-label-diagonal.product-label-28 {
    display: block
}

.product-label-diagonal.product-label-28 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-28 strong {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    border-style: none;
    border-radius: 0;
    --element-border-radius: 0px;
    box-shadow: none
}

.product-label.product-label-28 strong,
.product-label.product-label-28 strong>a {
    padding: 0;
    --element-padding: 0px
}

.product-label.product-label-28.product-label {
    margin: var(--j-gap-spacing---4);
    --element-margin: var(--j-gap-spacing---4);
    margin-top: 0;
    --element-margin-top: 0px
}

.product-label.product-label-28.product-label strong:before {
    font-size: 20px;
    margin-right: 0;
    --element-margin-right: 0px
}

.product-label-28 {
    order: 0
}

span.product-label.product-label-28 strong:before {
    content: '\eb11' !important;
    font-family: icomoon !important;
    color: rgba(180, 33, 39, 1)
}

span.product-label.product-label-28 strong {
    border-style: none !important
}

.product-info .product-image .product-label-diagonal.product-label-28 strong {
    transform: scale(calc(10/10))
}

.product-info .product-details>.product-labels-outside .product-label-default.product-label-28 {
    display: none
}

.product-info .product-image .product-label-default.product-label-28 {
    display: none
}

.product-info .product-image .product-label-diagonal.product-label-28 {
    display: none
}

.product-label-default.product-label-30 {
    display: flex;
    position: relative;
    top: 0;
    inset-inline-start: initial;
    inset-inline-end: 0;
    bottom: initial;
    justify-content: flex-end
}

.product-label-diagonal.product-label-30 {
    display: block;
    top: 0;
    left: 0;
    right: initial;
    bottom: initial;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.product-label-diagonal.product-label-30 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-30 strong {
    color: rgba(180, 33, 39, 1);
    background-color: rgba(255, 235, 235, 1);
    --background-color: rgba(255, 235, 235, 1);
    background-repeat: no-repeat;
    background-size: contain
}

span.product-label.product-label-30 strong {
    background-size: contain !important;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.product-info .product-label-30 strong {
    font-size: 14px !important
}

.product-labels .product-label-diagonal.product-label-30 {
    --label-diagonal-offset: 25px
}

.product-info .product-image .product-label-diagonal.product-label-30 {
    --label-diagonal-offset: 30px;
    display: block
}

.product-info .product-image .product-label-diagonal.product-label-30 strong {
    transform: scale(calc(10/10))
}

.product-info .product-details>.product-labels-outside .product-label-default.product-label-30 {
    display: flex
}

.product-info .product-image .product-label-default.product-label-30 {
    display: flex
}

@media (max-width:500px) {
    .product-label-default.product-label-30 {
        display: none
    }

    .product-label-diagonal.product-label-30 {
        display: none
    }
}

.product-label-default.product-label-31 {
    display: flex;
    position: relative;
    top: 0;
    inset-inline-start: initial;
    inset-inline-end: 0;
    bottom: initial;
    justify-content: flex-end
}

.product-label-diagonal.product-label-31 {
    display: block
}

.product-label-diagonal.product-label-31 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-31 strong {
    color: rgba(49, 112, 75, 1);
    background-color: rgba(237, 245, 234, 1);
    --background-color: rgba(237, 245, 234, 1);
    background-repeat: no-repeat;
    background-size: contain;
    border-color: rgba(64, 148, 99, .2)
}

.product-info .product-image .product-label-diagonal.product-label-31 strong {
    transform: scale(calc(10/10))
}

.product-label-default.product-label-133 {
    display: flex;
    position: relative;
    top: 0;
    inset-inline-start: initial;
    inset-inline-end: 0;
    bottom: initial;
    justify-content: flex-end
}

.product-label-diagonal.product-label-133 {
    display: block;
    top: 0;
    left: 0;
    right: initial;
    bottom: initial;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.product-label-diagonal.product-label-133 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-133 strong {
    color: rgba(49, 112, 75, 1);
    background-color: rgba(237, 245, 234, 1);
    --background-color: rgba(237, 245, 234, 1);
    background-repeat: no-repeat;
    background-size: contain;
    border-color: rgba(64, 148, 99, .2)
}

.product-labels .product-label-diagonal.product-label-133 {
    --label-diagonal-offset: 20px
}

.product-info .product-image .product-label-diagonal.product-label-133 strong {
    transform: scale(calc(10/10))
}

.has-special .product-label-default.product-label-296 {
    display: none
}

.product-label-default.product-label-296 {
    display: flex
}

.product-label-diagonal.product-label-296 {
    display: block;
    top: 0;
    left: 0;
    right: initial;
    bottom: initial;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.product-label-diagonal.product-label-296 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-296 strong {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-transform: none;
    line-height: 1.1;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    border-style: none;
    border-radius: 0;
    --element-border-radius: 0px;
    box-shadow: none
}

.product-label.product-label-296 strong,
.product-label.product-label-296 strong>a {
    padding: 0;
    --element-padding: 0px
}

.product-label.product-label-296.product-label {
    margin: 0;
    --element-margin: 0px
}

.product-label-296 {
    order: 1
}

.product-info .product-label-296 strong {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important
}

.product-info .product-image .product-label-diagonal.product-label-296 strong {
    transform: scale(calc(10/10))
}

.product-label-default.product-label-297 {
    display: flex
}

.product-label-diagonal.product-label-297 {
    display: block;
    top: 0;
    left: 0;
    right: initial;
    bottom: initial;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.product-label-diagonal.product-label-297 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-297 strong {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-100);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    text-transform: none;
    line-height: 1.1;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    border-style: none;
    border-radius: 0;
    --element-border-radius: 0px;
    box-shadow: none
}

.product-label.product-label-297 strong,
.product-label.product-label-297 strong>a {
    padding: 0;
    --element-padding: 0px
}

.product-label.product-label-297.product-label {
    margin: 0;
    --element-margin: 0px
}

.product-label-297 {
    order: 2
}

.product-info .product-label-297 strong {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important
}

.product-info .product-image .product-label-diagonal.product-label-297 strong {
    transform: scale(calc(10/10))
}

.product-label-default.product-label-217 {
    display: flex;
    position: relative;
    top: 0;
    inset-inline-start: initial;
    inset-inline-end: 0;
    bottom: initial;
    justify-content: flex-end
}

.product-label-diagonal.product-label-217 {
    display: block
}

.product-label-diagonal.product-label-217 strong {
    transform: scale(calc(10/10))
}

.product-label.product-label-217 strong {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    background-repeat: no-repeat;
    background-size: contain;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.product-label-217 {
    order: 1
}

.product-info .product-image .product-label-diagonal.product-label-217 strong {
    transform: scale(calc(10/10))
}

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

.grid-row-top-1 {
    z-index: 3
}

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

.top>.grid-rows>.grid-row-top-1>.grid-cols-wrapper {
    --content-gutter: 0px
}

.bottom>.grid-rows>.grid-row-top-1>.grid-cols-wrapper {
    --content-gutter: 0px
}

.grid-row-top-1>.row-bg,
.grid-row-top-1>.grid-cols-wrapper>.grid-cols {
    background-color: rgba(25, 26, 27, 1);
    --background-color: rgba(25, 26, 27, 1);
    background-repeat: no-repeat;
    background-size: cover
}

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

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

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

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

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

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

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

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

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

.grid-row-top-2 {
    z-index: 5
}

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

.grid-row-top-2>.row-bg,
.grid-row-top-2>.grid-cols-wrapper>.grid-cols {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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))
}

.grid-row-top-2>.video-row {
    display: block
}

.grid-row-top-2:before {
    display: block
}

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

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

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

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

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

div.grid-items>.grid-item.grid-module-top-2-1-1:not(:empty) {
    padding-top: var(--j-gap-spacing-gutter-1) !important;
    --element-padding-top: var(--j-gap-spacing-gutter-1) !important;
    padding-bottom: var(--j-gap-spacing-gutter-1) !important;
    --element-padding-bottom: var(--j-gap-spacing-gutter-1) !important
}

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

@media (min-width:1200px) {
    .grid-items>.grid-item.grid-module-top-2-1-1 {
        transform: translate3d(0, -100%, 0)
    }
}

@media only screen and (min-width: 1200px) {
    .grid-module-top-2-1-1 {
        position: absolute;
    }
}

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

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

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

.grid-row-top-3>.row-bg,
.grid-row-top-3>.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-top-3>.video-row {
    display: block
}

.grid-row-top-3:before {
    display: block
}

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

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

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

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

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

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

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

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

.top>.grid-rows>.grid-row-top-4>.grid-cols-wrapper {
    --content-gutter: 0px
}

.bottom>.grid-rows>.grid-row-top-4>.grid-cols-wrapper {
    --content-gutter: 0px
}

.grid-row-top-4>.row-bg,
.grid-row-top-4>.grid-cols-wrapper>.grid-cols {
    background-color: transparent; !important
}

.grid-row-top-4>.video-row {
    display: block
}

.grid-row-top-4:before {
    display: block
}

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

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

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

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

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

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

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

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

.grid-row-top-5>.row-bg,
.grid-row-top-5>.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-top-5>.video-row {
    display: block
}

.grid-row-top-5:before {
    display: block
}

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

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

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

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

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

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

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

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

.grid-row-top-6>.row-bg,
.grid-row-top-6>.grid-cols-wrapper>.grid-cols {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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-image: url('../cdn.blacklinewear.com/image/cache/catalog/journal3/assets/demos/8/v1/Blocks/block-1500x1331.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.grid-row-top-6>.video-row {
    display: block
}

.grid-row-top-6:before {
    content: '';
    display: block;
    opacity: .6;
    background-color: rgba(255, 255, 255, 1);
    --background-color: rgba(255, 255, 255, 1)
}

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

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

@media (max-width:900px) {
    .top>.grid-rows>.grid-row-top-6>.grid-cols-wrapper {
        --content-gutter: 0px
    }

    .bottom>.grid-rows>.grid-row-top-6>.grid-cols-wrapper {
        --content-gutter: 0px
    }

    .grid-row-top-6 {
        padding-top: 0;
        padding-bottom: 0
    }
}

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

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

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

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

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

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

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

.grid-row-top-7>.row-bg,
.grid-row-top-7>.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-top-7>.video-row {
    display: block
}

.grid-row-top-7:before {
    display: block
}

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

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

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

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

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

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

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

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

.grid-row-bottom-1>.row-bg,
.grid-row-bottom-1>.grid-cols-wrapper>.grid-cols {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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-image: url('../cdn.blacklinewear.com/image/cache/catalog/journal3/assets/backgrounds/lines/relief-lines-1500x800.png');
    background-position: center center;
    background-repeat: no-repeat
}

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

.grid-row-bottom-1:before {
    display: block;
    opacity: .6;
    background-color: rgba(25, 26, 27, 1);
    --background-color: rgba(25, 26, 27, 1);
    mix-blend-mode: overlay
}

.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>.grid-item:not(:first-child):not(:only-child) {
    margin-top: var(--j-gap-spacing-vr-row-i)
}

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

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

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

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

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

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

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

.grid-row-bottom-2 {
    padding-top: var(--j-gap-spacing-vertical-xl);
    padding-bottom: var(--j-gap-spacing-vertical-xl)
}

.grid-row-bottom-2>.row-bg,
.grid-row-bottom-2>.grid-cols-wrapper>.grid-cols {
    background-image: url('../../../img/item-1-2000x1500.jpg')
}

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

.grid-row-bottom-2:before {
    display: block
}

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

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

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

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

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

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

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

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

.grid-row-bottom-3>.row-bg,
.grid-row-bottom-3>.grid-cols-wrapper>.grid-cols {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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))
}

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

.grid-row-bottom-3:before {
    display: block
}

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

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

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

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

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

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

.module-slider-917 {
    --transition-speed: .55s;
    --ease: cubic-bezier(.215, .61, .355, 1);
    --slide-min-height: 400px;
    --slide-max-height: 900px;
    --slide-reduction-type: var(--slide-auto-reduction, 0px)
}

.module-slider-917 .swiper-slide .slide-link {
    z-index: 2
}

.module-slider-917>.slider-wrapper>.swiper-container>.swiper-wrapper>.swiper-slide {
    width: 100% !important;
    height: auto
}

div.module-slider-917 .slider-carousel {
    --slide-width: 70%px
}

.module-slider-917 .slider-carousel>.swiper-container>.swiper-wrapper {
    transform: translate3d(calc((100% - var(--slide-width, 0px))/2 - (var(--slide-gap, 0px)/2)), 0, 0)
}

.module-slider-917>.slider-wrapper>.swiper-container>.swiper-wrapper>.swiper-slide:after {
    display: block
}

.module-slider-917 .slide-content .slide-cols {
    max-width: min(100% - var(--cols-content-gutter, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0px)*2);
    --cols-content-gutter: var(--content-gutter)
}

.module-slider-917 .slider-thumbs .swiper-container {
    max-width: 100%;
    margin: 0;
    overflow: visible !important
}

.module-slider-917 .slider-wrapper .swiper-container:before {
    display: none
}

.module-slider-917 .swiper-slide .slide-content {
    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-slider-917 .slide-content:before {
    display: block;
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8);
    opacity: .4;
    mix-blend-mode: multiply
}

.module-slider-917 .slider-wrapper>.swiper-container {
    overflow: hidden !important
}

.module-slider-917 .slider-thumbs .swiper-slide {
    overflow: initial
}

.module-slider-917 .slide-content {
    --object-position-h: center;
    justify-content: center;
    --object-position-v: center
}

.module-slider-917 .slide-content>img {
    align-self: center;
    width: 100%;
    height: 100%
}

.module-slider-917 .slide-content>video {
    align-self: center;
    width: 100%;
    height: 100%
}

.module-slider-917 .swiper-wrapper {
    cursor: grab
}

.module-slider-917 .swiper-wrapper:active {
    cursor: grabbing
}

.module-slider-917 .parallax-bg {
    background-position: center center;
    background-size: cover;
    --parallax-opacity: .8;
    --parallax-bg-width: 140%
}

.module-slider-917 .parallax-bg:before {
    background-position: center center;
    background-size: cover
}

.module-slider-917 .slider-thumbs {
    display: block;
    order: 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))
}

.module-slider-917 .slider-thumbs .swiper-slide .thumb-text {
    display: flex;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    transform: translate3d(var(--thumb-padding, 0), calc(0px - var(--thumb-padding, 0)), 0)
}

.module-slider-917 .slider-thumbs .swiper-slide:first-child {
    margin-inline-start: unset
}

.module-slider-917 .slider-thumbs .swiper-slide:last-child {
    margin-inline-end: unset
}

.module-slider-917 .swiper-slide .thumb-text {
    flex-direction: row
}

.module-slider-917 .slider-thumbs .thumb-text {
    text-align: center
}

.module-slider-917 .slide-layers {
    align-items: flex-start;
    margin-inline: 0 auto;
    justify-content: center;
    height: 100%;
    --slide-layer-gap: var(--j-gap-spacing-gap-4);
    padding-top: var(--j-gap-spacing---9);
    --element-padding-top: var(--j-gap-spacing---9);
    padding-bottom: var(--j-gap-spacing---9);
    --element-padding-bottom: var(--j-gap-spacing---9)
}

.module-slider-917 .slide-text {
    text-align: start
}

.module-slider-917 .slide-col {
    justify-content: center;
    --slides-cols-auto-stack: 800px;
    --stack-unit: 1vw
}

.module-slider-917 .module-subitem.slide-button {
    --slide-layer-gap-custom: var(--j-gap-spacing---2)
}

.module-slider-917 .slide-col .slide-text .slide-text-item {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-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)*0.9));
    line-height: 1.7
}

.module-slider-917 .module-subitem.slide-text {
    --layer-max-width: 800px
}

.module-slider-917 .slide-col-right {
    order: 2
}

.module-slider-917 .slide-col-left {
    order: 1
}

.module-slider-917 .slide-image img {
    object-position: center
}

.module-slider-917 .slide-layers .slide-image {
    align-self: center
}

.module-slider-917 div.module-item .module-subitem.slide-image {
    position: relative;
    inset: initial;
    z-index: initial;
    width: auto;
    height: auto
}

.module-slider-917 div.module-item .module-subitem.slide-image img {
    width: auto;
    height: auto
}

.module-slider-917 figcaption {
    top: auto;
    bottom: 0;
    position: absolute
}

.module-slider-917 .btn.btn,
.module-slider-917 .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 .module-slider-917 .btn.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))
}

.module-slider-917 .btn.btn:active,
.no-touchevents .module-slider-917 .btn.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
}

.module-slider-917 .btn.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
}

.module-slider-917 .btn.btn,
.module-slider-917 .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-slider-917 .btn.btn:active,
.no-touchevents .module-slider-917 .btn.btn:hover:active,
.module-slider-917 .btn.btn:focus:active,
.no-touchevents .module-slider-917 .btn.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))
}

.module-slider-917 .btn.btn:focus,
.module-slider-917 .btn.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
}

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

.module-slider-917 .slide-button-2.btn,
.module-slider-917 .slide-button-2.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-slider-917 .slide-button-2.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-slider-917 .slide-button-2.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-slider-917 .slide-button-2.btn,
.module-slider-917 .slide-button-2.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-slider-917 .slide-button-2.btn:active,
.no-touchevents .module-slider-917 .slide-button-2.btn:hover:active,
.module-slider-917 .slide-button-2.btn:focus:active,
.no-touchevents .module-slider-917 .slide-button-2.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-slider-917 .slide-button-2.btn:focus,
.module-slider-917 .slide-button-2.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-slider-917 .slide-button-2.btn:active,
.no-touchevents .module-slider-917 .slide-button-2.btn:hover:active,
.module-slider-917 .slide-button-2.btn:focus:active {
    box-shadow: none
}

.module-slider-917 .slide-button-2.btn:focus {
    box-shadow: none
}

.module-slider-917 .slide-button-2.btn.btn.disabled:after {
    font-size: 1em
}

.module-slider-917 .module-subitem .slide-button-2:before {
    margin-right: 6px;
    --element-margin-right: 6px
}

.module-slider-917 .module-subitem.slide-button .slide-button-group .btn.slide-button-1 {
    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
}

.module-slider-917 .module-subitem.slide-button .slide-button-group .btn.slide-button-2 {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-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-slider-917 .module-subitem.slide-button .slide-button-group .btn.slide-button-2: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
}

.module-slider-917 .slide-button {
    --slide-button-gap: var(--j-gap-spacing-gap-4);
    width: auto
}

.module-slider-917 .slide-button-group {
    flex-direction: row
}

.module-slider-917 .swiper-slide .slide-icon {
    align-items: center;
    justify-content: flex-end
}

.module-slider-917 .swiper-slide .slide-icon .has-icon {
    animation-name: none
}

.module-slider-917 .swiper-slide .slide-icon .has-svg {
    animation-name: none
}

.module-slider-917 .swiper-pagination-wrapper {
    display: flex;
    --pagination-offset-x: 12px;
    justify-content: flex-end;
    align-items: center;
    max-width: var(--content-max-width, 100%);
    padding-inline-start: var(--content-gutter, 0);
    padding-inline-end: var(--content-gutter-right, var(--content-gutter, 0))
}

.module-slider-917 .swiper-pagination-bullets {
    --bullet-width: 140px;
    --bullet-height: 10px;
    --bullet-dot-size: 6px;
    --stroke-width: 4px;
    --timer-bullet-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));
    --bullet-gap: 18px;
    flex-direction: row
}

.module-slider-917 .swiper-pagination-dots svg {
    width: 20px;
    display: block
}

.module-slider-917 .swiper-pagination-bullets .swiper-pagination-bullet [class*=swiper-timeline] {
    visibility: visible
}

.module-slider-917 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: 1
}

.module-slider-917 .swiper-pagination-bullet:before {
    display: none
}

.module-slider-917 .swiper-pagination-bullets:not(.swiper-pagination-dots) .swiper-pagination-bullet {
    border-width: 3px;
    border-style: solid
}

.no-touchevents .module-slider-917 .swiper-pagination-bullet:hover {
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*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-slider-917 .swiper-pagination-bullet.swiper-pagination-bullet-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) - 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-slider-917 .swiper-pagination-fraction {
    padding: 8px;
    --element-padding: 8px;
    padding-top: 4px;
    --element-padding-top: 4px;
    padding-bottom: 4px;
    --element-padding-bottom: 4px;
    margin: 12px;
    --element-margin: 12px;
    border-radius: 3px;
    --element-border-radius: 3px
}

.module-slider-917 .swiper-buttons {
    display: flex;
    --button-width: 44px;
    --button-height: 44px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 32px
}

.module-slider-917 .auto-carousel-buttons span:before,
.module-slider-917 .swiper-buttons>div:before,
.module-slider-917 .scroll-top em:before,
.module-slider-917 .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-slider-917 .auto-carousel-buttons span:hover:before,
.no-touchevents .module-slider-917 .swiper-buttons>div:hover:before,
.no-touchevents .module-slider-917 .scroll-top em:hover:before,
.no-touchevents .module-slider-917 .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-slider-917 .auto-carousel-buttons span:active:before,
.module-slider-917 .swiper-buttons>div:active:before,
.module-slider-917 .scroll-top em:active:before,
.module-slider-917 .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-slider-917 .auto-carousel-buttons span,
.module-slider-917 .swiper-buttons>div,
.module-slider-917 .scroll-top em,
.module-slider-917 .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-slider-917 .auto-carousel-buttons span:hover,
.no-touchevents .module-slider-917 .swiper-buttons>div:hover,
.no-touchevents .module-slider-917 .scroll-top em:hover,
.no-touchevents .module-slider-917 .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-slider-917 .auto-carousel-buttons span:active,
.module-slider-917 .swiper-buttons>div:active,
.module-slider-917 .scroll-top em:active,
.module-slider-917 .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-slider-917 .slider-wrapper .swiper-container+.swiper-buttons .swiper-button-disabled {
    opacity: .5
}

.module-slider-917 .slider-wrapper .swiper-container:not(.swiper-initialized)+.swiper-buttons .swiper-button-prev {
    opacity: .5
}

.module-slider-917 div.swiper-buttons {
    max-width: var(--content-max-width, 100%);
    padding-inline-start: var(--content-gutter, 0);
    padding-inline-end: var(--content-gutter-right, var(--content-gutter, 0))
}

.module-slider-917 .swiper-buttons .swiper-button-next {
    order: -1
}

.module-slider-917 .swiper-buttons>div:before {
    font-size: 18px
}

div.module-slider-917 div.swiper-buttons {
    padding-top: var(--j-gap-spacing-gutter-1);
    --element-padding-top: var(--j-gap-spacing-gutter-1);
    padding-bottom: var(--j-gap-spacing-gutter-1);
    --element-padding-bottom: var(--j-gap-spacing-gutter-1)
}

div.module-slider-917 .swiper-buttons>div {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*0.9));
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.module-slider-917 .swiper-buttons>div.swiper-button-prev {
    display: flex
}

.module-slider-917 .swiper-buttons>div.swiper-button-next {
    display: flex
}

.module-slider-917 .static-text-1 {
    display: block
}

.module-slider-917 .static-text-2 {
    display: block
}

.module-slider-917 .static-text-wrapper {
    align-items: center;
    justify-content: center
}

.module-slider-917 .swiper-timeline {
    --timer-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));
    height: 3px
}

.module-slider-917 .slider-timer {
    --timer-max-width: 100%;
    max-width: var(--timer-max-width, 100%);
    display: block;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    transform: translate3d(0, 0, 0)
}

.module-slider-917 .journal-loading {
    display: none
}

.module-slider-917 .swiper-scrollbar {
    display: block;
    bottom: 16px;
    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));
    --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))
}

.module-slider-917 .slider-wrapper .swiper-scrollbar {
    max-width: 400px
}

.module-slider-917 .swiper-scrollbar .swiper-scrollbar-drag {
    height: 5px;
    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))
}

.module-slider-917 .slide-col-left .slide-layers:after {
    display: none
}

.module-slider-917 .slide-col-right .slide-layers:after {
    display: none
}

@media (max-width:900px) {
    .module-slider-917 .slide-col {
        justify-content: flex-end
    }

    .module-slider-917 .slide-layers {
        justify-content: flex-end
    }

    .module-slider-917 .swiper-pagination-wrapper {
        align-items: flex-start
    }

    .module-slider-917 .swiper-buttons {
        display: none
    }
}

@media (max-width:500px) {
    .module-slider-917 .slide-col .slide-text .slide-text-item {
        font-family: 'Noto Kufi Arabic';
        font-weight: 400;
        font-size: var(--j-font_size-font-size-300);
        line-height: 1.4
    }

    .module-slider-917 .module-subitem.slide-button .slide-button-group .btn.slide-button-1 {
        font-family: 'Noto Kufi Arabic' !important;
        font-weight: 400 !important;
        font-size: var(--j-font_size-font-size-500) !important;
        text-transform: none !important;
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
        line-height: 1 !important
    }

    .module-slider-917 .swiper-buttons {
        --button-width: 36px;
        --button-height: 36px
    }

    .module-slider-917 .swiper-buttons>div:before {
        font-size: 14px
    }
}

.module-slider-917 .swiper-slide.thumb-item-1 .thumb-text {
    font-size: max(1.4rem, 2vmin)
}

.module-slider-917 .module-item-1 .module-subitem-1 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-1 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-1 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-1 figcaption {
    display: block
}

.module-slider-917 .module-item-1 .module-subitem-1.slide-text .slide-text-item span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: rgba(13, 82, 214, 1);
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    background-color: rgba(215, 228, 254, 1);
    --background-color: rgba(215, 228, 254, 1);
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-right: var(--j-gap-spacing---5);
    --element-padding-right: var(--j-gap-spacing---5);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-radius: 99px;
    --element-border-radius: 99px;
    display: block
}

.module-slider-917 .module-item-1 .module-subitem-1.slide-text .slide-text-item span s {
    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)
}

.module-slider-917 .module-item-1 .module-subitem-2.slide-icon .has-icon {
    animation-name: var(--animation);
    --animation: rotate;
    --speed: 7.5s
}

.module-slider-917 .module-item-1 .module-subitem-2.slide-icon .has-svg {
    animation-name: var(--animation);
    --animation: rotate;
    --speed: 7.5s
}

.module-slider-917 .module-item-1 .module-subitem-2 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-2 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-2 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-2 figcaption {
    display: block
}

.module-slider-917 .module-item-1 .module-subitem-2.slide-text .slide-text-item span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    font-size: calc(20px + 5cqw);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 1px;
    line-height: 1.1;
    display: block
}

.module-slider-917 .module-item-1 .module-subitem-2.slide-text .slide-text-item span s {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    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-primary-h), var(--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.1
}

.module-slider-917 .module-item-1 .module-subitem-2.slide-button .slide-button-group {
    flex-direction: row
}

.module-slider-917 .module-item-1 .module-subitem-4.slide-icon .has-icon:before {
    content: '\e95c' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0)
}

.module-slider-917 .module-item-1 .module-subitem-4.slide-icon .has-text {
    max-width: 80%;
    transform: rotate(-20deg)
}

.module-slider-917 .module-item-1 .module-subitem-4.slide-icon {
    align-items: center;
    justify-content: flex-end
}

.module-slider-917 .module-item-1 .module-subitem-4.slide-icon .can-rotate {
    --bg-size: 300
}

.module-slider-917 .module-item-1 .module-subitem-4.slide-icon .has-icon {
    animation-name: none
}

.module-slider-917 .module-item-1 .module-subitem-4.slide-icon .has-svg {
    animation-name: none
}

.module-slider-917 .module-item-1 .module-subitem-4 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-4 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-4 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-1 .module-subitem-4 figcaption {
    display: block
}

.module-slider-917 .module-item-1 .module-subitem-4.slide-text .slide-text-item span {
    display: block
}

.module-slider-917 .module-item-2 .slide-content:before {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8);
    opacity: .4;
    mix-blend-mode: multiply
}

.module-slider-917 .module-item-2 .module-subitem-1 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-1 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-1 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-1 figcaption {
    display: block
}

.module-slider-917 .module-item-2 .module-subitem-1.slide-text .slide-text-item span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: rgba(13, 82, 214, 1);
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    background-color: rgba(215, 228, 254, 1);
    --background-color: rgba(215, 228, 254, 1);
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-right: var(--j-gap-spacing---5);
    --element-padding-right: var(--j-gap-spacing---5);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-radius: 99px;
    --element-border-radius: 99px;
    display: block
}

.module-slider-917 .module-item-2 .module-subitem-1.slide-text .slide-text-item span s {
    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)
}

.module-slider-917 .module-item-2 .module-subitem-2.slide-icon .has-icon {
    animation-name: var(--animation);
    --animation: rotate;
    --speed: 7.5s
}

.module-slider-917 .module-item-2 .module-subitem-2.slide-icon .has-svg {
    animation-name: var(--animation);
    --animation: rotate;
    --speed: 7.5s
}

.module-slider-917 .module-item-2 .module-subitem-2 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-2 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-2 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-2 figcaption {
    display: block
}

.module-slider-917 .module-item-2 .module-subitem-2.slide-text .slide-text-item span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    font-size: calc(20px + 5cqw);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 1px;
    line-height: 1.1;
    display: block
}

.module-slider-917 .module-item-2 .module-subitem-2.slide-text .slide-text-item span s {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    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-primary-h), var(--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.1
}

.module-slider-917 .module-item-2 .module-subitem-2.slide-button .slide-button-group {
    flex-direction: row
}

.module-slider-917 .module-item-2 .module-subitem-4.slide-icon .has-icon:before {
    content: '\e95c' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0)
}

.module-slider-917 .module-item-2 .module-subitem-4.slide-icon .has-text {
    max-width: 80%;
    transform: rotate(-20deg)
}

.module-slider-917 .module-item-2 .module-subitem-4.slide-icon {
    align-items: center;
    justify-content: flex-end
}

.module-slider-917 .module-item-2 .module-subitem-4.slide-icon .can-rotate {
    --bg-size: 300
}

.module-slider-917 .module-item-2 .module-subitem-4.slide-icon .has-icon {
    animation-name: none
}

.module-slider-917 .module-item-2 .module-subitem-4.slide-icon .has-svg {
    animation-name: none
}

.module-slider-917 .module-item-2 .module-subitem-4 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-4 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-4 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-2 .module-subitem-4 figcaption {
    display: block
}

.module-slider-917 .module-item-2 .module-subitem-4.slide-text .slide-text-item span {
    display: block
}

.module-slider-917 .module-item.module-item-3 .slide-content-image {
    background-image: radial-gradient(at 65% 98%, var(--x_accent_1) 0px, transparent 50%), radial-gradient(at 21% 63%, var(--x_accent_2) 0px, transparent 50%), radial-gradient(at 41% 20%, var(--x_accent_3) 0px, transparent 50%), radial-gradient(at 20% 12%, var(--x_accent_4) 0px, transparent 50%), radial-gradient(at 56% 10%, var(--x_accent_5) 0px, transparent 50%)
}

.module-slider-917 .swiper-slide.thumb-item-3 .thumb-text {
    font-size: max(1.4rem, 2vmin)
}

.module-slider-917 .module-item-3 .slide-content:before {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8);
    opacity: .5;
    mix-blend-mode: multiply
}

.module-slider-917 .module-item-3 .module-subitem-1 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-1 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-1 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-1 figcaption {
    display: block
}

.module-slider-917 .module-item-3 .module-subitem-1.slide-text .slide-text-item span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: rgba(13, 82, 214, 1);
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.3;
    background-color: rgba(215, 228, 254, 1);
    --background-color: rgba(215, 228, 254, 1);
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    padding-right: var(--j-gap-spacing---5);
    --element-padding-right: var(--j-gap-spacing---5);
    padding-left: var(--j-gap-spacing---5);
    --element-padding-left: var(--j-gap-spacing---5);
    border-radius: 99px;
    --element-border-radius: 99px;
    display: block
}

.module-slider-917 .module-item-3 .module-subitem-1.slide-text .slide-text-item span s {
    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)
}

.module-slider-917 .module-item-3 .module-subitem-2.slide-icon .has-icon {
    animation-name: var(--animation);
    --animation: rotate;
    --speed: 7.5s
}

.module-slider-917 .module-item-3 .module-subitem-2.slide-icon .has-svg {
    animation-name: var(--animation);
    --animation: rotate;
    --speed: 7.5s
}

.module-slider-917 .module-item-3 .module-subitem-2 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-2 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-2 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-2 figcaption {
    display: block
}

.module-slider-917 .module-item-3 .module-subitem-2.slide-text .slide-text-item span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    font-size: calc(20px + 5cqw);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: uppercase;
    letter-spacing: -1px;
    word-spacing: 1px;
    line-height: 1.1;
    display: block;
    line-height: 1.4 !important
}

.module-slider-917 .module-item-3 .module-subitem-2.slide-text .slide-text-item span s {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    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-primary-h), var(--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.1
}

.module-slider-917 .module-item-3 .module-subitem-2.slide-button .slide-button-group {
    flex-direction: row
}

.module-slider-917 .module-item-3 .module-subitem-4.slide-icon .has-icon:before {
    content: '\e95c' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0)
}

.module-slider-917 .module-item-3 .module-subitem-4.slide-icon .has-text {
    max-width: 80%;
    transform: rotate(-20deg)
}

.module-slider-917 .module-item-3 .module-subitem-4.slide-icon {
    align-items: center;
    justify-content: flex-end
}

.module-slider-917 .module-item-3 .module-subitem-4.slide-icon .can-rotate {
    --bg-size: 300
}

.module-slider-917 .module-item-3 .module-subitem-4.slide-icon .has-icon {
    animation-name: none
}

.module-slider-917 .module-item-3 .module-subitem-4.slide-icon .has-svg {
    animation-name: none
}

.module-slider-917 .module-item-3 .module-subitem-4 .hotspot-1 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-4 .hotspot-2 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-4 .hotspot-3 {
    display: flex
}

.module-slider-917 .module-item-3 .module-subitem-4 figcaption {
    display: block
}

.module-slider-917 .module-item-3 .module-subitem-4.slide-text .slide-text-item span {
    display: block
}

.module-slider-917 {
    --image-width: 2000;
    --image-height: 1000
}

.module-slider-917 .swiper-slide::after {
    --image-width: 2000;
    --image-height: 1000
}

.module-categories-1141 .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-categories-1141 .module-title:after {
    display: none;
    margin-top: .7em
}

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

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

.module-categories-1141 .module-title:after,
.module-categories-1141 .module-title .page-title-text:after,
.module-categories-1141 .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-categories-1141 {
    --unit: 1%;
    --align-tabs: var(--tabs-align, flex-start);
    --tabs-align: flex-start;
    --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-categories-1141 .category-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;
    padding: var(--j-gap-spacing---4);
    --element-padding: var(--j-gap-spacing---4);
    flex-direction: row;
    flex-wrap: wrap;
    --image-width: 35%;
    --stack: 0px;
    --gap: 12px;
    --category-count-offset: 4px
}

.no-touchevents .module-categories-1141 .category-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))
}

.module-categories-1141 .category-thumb .image {
    display: block;
    order: -1
}

.module-categories-1141 .category-thumb .image a 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-categories-1141 .category-thumb .image a {
    border-radius: 4px;
    --element-border-radius: 4px;
    overflow: hidden
}

.no-touchevents .module-categories-1141 .category-thumb:hover .image img {
    transform: scale(1.1)
}

.module-categories-1141 .category-thumb .name {
    display: flex;
    min-width: fit-content;
    width: auto;
    justify-content: flex-start;
    margin-inline: 0 auto;
    inset-inline: 0 auto;
    transform: translate(0, var(--name-pos, 0));
    text-align: start
}

.module-categories-1141 .category-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-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents .module-categories-1141 .category-thumb:hover .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-categories-1141 .category-thumb .caption {
    text-align: start;
    min-width: min(100%, (100% - var(--image-width) - var(--gap)))
}

.module-categories-1141 .category-thumb .product-count {
    align-self: flex-start;
    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;
    text-align: start
}

.module-categories-1141 .category-thumb .product-count-below {
    justify-content: flex-start;
    margin-top: var(--j-gap-spacing---2);
    --element-margin-top: var(--j-gap-spacing---2);
    justify-content: flex-start
}

.module-categories-1141 .category-thumb .button-group {
    justify-content: flex-start;
    display: flex;
    margin-top: var(--j-gap-spacing---4);
    --element-margin-top: var(--j-gap-spacing---4)
}

.module-categories-1141 .category-thumb .caption .name {
    position: static;
    --name-pos: 0;
    transform: none
}

.module-categories-1141 .category-thumb .description {
    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.3;
    margin-top: var(--j-gap-spacing---3);
    --element-margin-top: var(--j-gap-spacing---3);
    margin-bottom: var(--j-gap-spacing---3);
    --element-margin-bottom: var(--j-gap-spacing---3)
}

.module-categories-1141 .category-thumb .product-count span.count-badge {
    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))
}

.module-categories-1141 .category-thumb .caption .button-group {
    justify-content: flex-start
}

.module-categories-1141 .category-thumb .btn-view-more:before {
    display: inline-flex
}

.module-categories-1141 .category-thumb .btn-view-more:after {
    display: inline-flex
}

.module-categories-1141 .category-thumb .btn-view-more .btn-text {
    display: inline-block
}

.module-categories-1141 .category-thumb .btn-view-more {
    width: auto
}

.module-categories-1141 .category-thumb .product-count .count-badge {
    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));
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none;
    border-style: none
}

.no-touchevents .module-categories-1141 .category-thumb .product-count a:hover .count-badge {
    box-shadow: none !important
}

.module-categories-1141 .category-thumb .product-count .count-zero {
    display: none !important
}

.module-categories-1141 .category-thumb .btn-view-more.btn,
.module-categories-1141 .category-thumb .btn-view-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 .module-categories-1141 .category-thumb .btn-view-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
}

.module-categories-1141 .category-thumb .btn-view-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
}

.module-categories-1141 .category-thumb .btn-view-more.btn,
.module-categories-1141 .category-thumb .btn-view-more.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-categories-1141 .category-thumb .btn-view-more.btn:active,
.no-touchevents .module-categories-1141 .category-thumb .btn-view-more.btn:hover:active,
.module-categories-1141 .category-thumb .btn-view-more.btn:focus:active,
.no-touchevents .module-categories-1141 .category-thumb .btn-view-more.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-categories-1141 .category-thumb .btn-view-more.btn:focus,
.module-categories-1141 .category-thumb .btn-view-more.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-categories-1141 .category-thumb .btn-view-more.btn:active,
.no-touchevents .module-categories-1141 .category-thumb .btn-view-more.btn:hover:active,
.module-categories-1141 .category-thumb .btn-view-more.btn:focus:active {
    box-shadow: none
}

.module-categories-1141 .category-thumb .btn-view-more.btn:focus {
    box-shadow: none
}

.module-categories-1141 .category-thumb .btn-view-more.btn.btn.disabled:after {
    font-size: 1em
}

.module-categories-1141 .category-thumb .button-group .btn-view-more {
    font-size: var(--j-font_size-font-size-300) !important
}

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

.module-categories-1141 .swiper-buttons.auto-carousel-buttons span:before,
.module-categories-1141 .swiper-buttons.swiper-buttons>div:before,
.module-categories-1141 .swiper-buttons.scroll-top em:before,
.module-categories-1141 .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-categories-1141 .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-categories-1141 .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-categories-1141 .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .module-categories-1141 .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-categories-1141 .swiper-buttons.auto-carousel-buttons span:active:before,
.module-categories-1141 .swiper-buttons.swiper-buttons>div:active:before,
.module-categories-1141 .swiper-buttons.scroll-top em:active:before,
.module-categories-1141 .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-categories-1141 .swiper-buttons.auto-carousel-buttons span,
.module-categories-1141 .swiper-buttons.swiper-buttons>div,
.module-categories-1141 .swiper-buttons.scroll-top em,
.module-categories-1141 .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-categories-1141 .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-categories-1141 .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .module-categories-1141 .swiper-buttons.scroll-top em:hover,
.no-touchevents .module-categories-1141 .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-categories-1141 .swiper-buttons.auto-carousel-buttons span:active,
.module-categories-1141 .swiper-buttons.swiper-buttons>div:active,
.module-categories-1141 .swiper-buttons.scroll-top em:active,
.module-categories-1141 .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-categories-1141 .swiper-button-prev:before {
    transform: scaleX(-1)
}

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

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

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

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

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

.module-categories-1141 .swiper-button-disabled {
    opacity: 0
}

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

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

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

.module-categories-1141 .swiper-wrapper {
    cursor: auto
}

.module-categories-1141 .swiper {
    padding-bottom: 15px
}

.module-categories-1141 .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-categories-1141 .swiper-pagination>span+span {
    margin-inline-start: 8px
}

.no-touchevents .module-categories-1141 .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-categories-1141 .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-categories-1141 .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

.module-categories-1141 .nav-tabs>li>a:not(.item-all-link),
.module-categories-1141 .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .module-categories-1141 .nav-tabs>li.active>a:not(.item-all-link):hover,
.module-categories-1141 .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 .module-categories-1141 .nav-tabs>li:hover>a:not(.item-all-link),
.module-categories-1141 .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-categories-1141 .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .module-categories-1141 .nav-tabs>li.active>a:not(.item-all-link):hover,
.module-categories-1141 .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-categories-1141 .nav-tabs>li {
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.no-touchevents .module-categories-1141 .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))
}

.module-categories-1141 .nav-tabs>li.active,
.no-touchevents .module-categories-1141 .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))
}

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

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

.module-categories-1141 .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
}

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

.module-categories-1141 .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
}

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

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

.module-categories-1141 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)
}

.module-categories-1141 .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)
}

.module-categories-1141 .full-tabs-bg {
    --full-bg-display: block
}

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

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

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

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

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

.module-categories-1141 ul.nav-tabs {
    scrollbar-width: none
}

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

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

.module-categories-1141 .ipr-grid .category-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 3*20px)/4 - .01px)
}

.module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/4 - .01px)
}

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

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

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

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

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

.side-column .module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/1 - .01px)
}

.module-categories-1141 .flex-grid>* {
    flex-grow: 0
}

.module-categories-1141 .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-categories-1141 .auto-grid {
    --grid-min-width: 300px;
    --grid-min-col: 1.4;
    --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
}

.module-categories-1141 .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-categories-1141 .auto-grid .auto-carousel-controls {
    display: flex
}

.module-categories-1141 .auto-grid .auto-carousel-items:after {
    display: block
}

.module-categories-1141 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: none
}

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

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

div.module-categories-1141 .auto-grid .auto-grid-items {
    --scroll-by: 3
}

div.module-categories-1141 {
    --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-categories-1141 .ipr-grid .category-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 2*20px)/3 - .01px)
    }

    .module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/3 - .01px)
    }
}

@media (max-width:900px) {
    .module-categories-1141 .ipr-grid .category-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }

    .module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }

    .one-column #content .module-categories-1141 .ipr-grid .category-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }

    .one-column #content .module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }
}

@media (max-width:500px) {
    .module-categories-1141 .ipr-grid .category-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }

    .module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }

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

    .one-column #content .module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }

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

    .two-column #content .module-categories-1141 .ipr-grid .category-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }
}

div.module-products-918 .module-title {
    text-align: start
}

div.module-products-918 .module-title:after {
    margin-inline: 0 auto
}

.module-products-918 .swiper-slide {
    --inactive-opacity: .1;
    --inactive-scale: .8
}

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

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

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

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

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

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

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

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

.module-products-918 .swiper-buttons:not(.slider-navigation) div:before {
    font-size: 16px
}

.module-products-918 .swiper-buttons:not(.slider-navigation) .swiper-button-next:before {
    font-size: 16px
}

.no-touchevents .module-products-918 .swiper-buttons:not(.slider-navigation) div:not(.swiper-button-disabled):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)
}

.module-products-918 .swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: -16px
}

.module-products-918 .swiper-wrapper {
    cursor: grab
}

.module-products-918 .swiper-wrapper:active {
    cursor: grabbing
}

.module-products-918 .swiper {
    padding-bottom: 40px
}

.module-products-918 .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-918 .swiper-pagination>span+span {
    margin-inline-start: 10px
}

.no-touchevents .module-products-918 .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-918 .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-918 .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

div.module-products-918 .module-body .nav-tabs>li>a:not(.item-all-link),
div.module-products-918 .module-body .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents div.module-products-918 .module-body .nav-tabs>li.active>a:not(.item-all-link):hover,
div.module-products-918 .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-918 .module-body .nav-tabs>li:hover>a:not(.item-all-link),
div.module-products-918 .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-918 .module-body .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents div.module-products-918 .module-body .nav-tabs>li.active>a:not(.item-all-link):hover,
div.module-products-918 .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-918 .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-918 .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-918 .module-body .nav-tabs>li.active,
.no-touchevents div.module-products-918 .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-918 .module-body ul.nav-tabs>li {
    border-radius: 0;
    --element-border-radius: 0px;
    flex-grow: 0
}

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

div.module-products-918 .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-918 .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-918 .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-918 .module-body .nav-tabs>li>a:not(.item-all-link):before {
    font-size: 18px
}

div.module-products-918 .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-918 .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-918 .module-body {
    --align-tabs: var(--tabs-align, flex-start);
    --tabs-align: flex-start
}

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

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

div.module-products-918 .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-918 .module-body .tab-content {
    flex-basis: 100%;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.module-products-918 .module-body>.module-item+.module-item {
    margin-top: 48px
}

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

.module-products-918 .product-grid.product-grid .product-layout .product-thumb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.module-products-918 .product-grid.product-grid .product-layout .product-thumb .name {
    flex-grow: var(--name-grow, 0);
    --flex-grow: 0
}

.module-products-918 .product-grid.product-grid .product-layout .product-thumb>div {
    flex-basis: auto
}

.module-products-918 .product-grid.product-grid .product-layout .product-thumb .caption {
    justify-content: flex-start
}

.module-products-918 .product-grid.product-grid .product-thumb .image-group .image {
    flex-grow: 0
}

.no-touchevents .module-products-918 .product-grid .product-thumb:hover .product-img>div {
    transform: scale(var(--scale))
}

.module-products-918 .product-grid .product-thumb .image:before {
    opacity: .1;
    mix-blend-mode: multiply
}

.module-products-918 .product-grid .product-thumb .image {
    margin: 0;
    --element-margin: 0px;
    padding: 0;
    --element-padding: 0px
}

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

.module-products-918 .product-grid .product-thumb .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    visibility: visible;
    opacity: 1
}

.module-products-918 .product-grid .product-thumb .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 4px;
    --label-grow: 0
}

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

.module-products-918 .product-grid .product-thumb .quickview-button .btn-quickview {
    --visibility: hidden;
    --opacity: 0;
    transform: scale(.88)
}

.module-products-918 .product-grid .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px));
    --countdown-margin: 44px
}

.touchevents .module-products-918 .product-grid .product-thumb .quickview-button {
    align-items: flex-end;
    justify-content: flex-start
}

.touchevents .module-products-918 .product-grid .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
}

.module-products-918 .product-grid .product-thumb .btn-quickview .btn-text {
    display: none
}

.module-products-918 .product-grid .product-thumb .btn-quickview:before {
    display: inline-flex
}

.module-products-918 .product-grid .product-thumb .image .btn-quickview:before {
    content: '\ebef' !important;
    font-family: icomoon !important;
    font-size: 18px !important
}

.module-products-918 .product-grid .product-thumb .image .btn,
.module-products-918 .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 .module-products-918 .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))
}

.module-products-918 .product-grid .product-thumb .image .btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-grid .product-thumb .image.btn {
    justify-content: center
}

.module-products-918 .product-grid .product-thumb .image .btn,
.module-products-918 .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))
}

.module-products-918 .product-grid .product-thumb .image .btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .image .btn:hover:active,
.module-products-918 .product-grid .product-thumb .image .btn:focus:active,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-grid .product-thumb .image .btn:focus,
.module-products-918 .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 .module-products-918 .product-grid .product-thumb .image .btn:hover,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-grid .product-thumb .image .btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-grid .product-thumb .image .btn:before {
    font-size: 1.1em
}

.module-products-918 .product-grid .product-thumb .image .btn.disabled {
    color: transparent !important
}

.module-products-918 .product-grid .product-thumb .image .btn[disabled] {
    color: transparent !important
}

.module-products-918 .product-grid.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: 0px
}

.module-products-918 .product-grid:not(.product-list) .product-thumb .rating {
    --countdown-offset: 0 !important
}

.module-products-918 .product-grid .product-thumb .btn-quickview {
    --countdown-offset: 0 !important;
    min-width: 32px;
    height: 32px
}

.module-products-918 .product-grid .has-countdown .product-thumb .countdown {
    display: none
}

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

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

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

.module-products-918 .product-grid .product-thumb .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.module-products-918 .product-grid .has-countdown .product-thumb {
    --countdown-bottom-offset: 12px
}

.module-products-918 .product-grid .product-thumb .product-img:active {
    pointer-events: auto
}

.module-products-918 .product-grid.product-list .product-layout .image-group {
    width: var(--product-list-image-width);
    order: 0
}

.module-products-918 .product-grid.product-list .product-thumb {
    align-items: flex-start
}

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

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

.module-products-918 .product-grid .product-thumb .stats-group {
    justify-content: space-between;
    flex-direction: row
}

.module-products-918 .product-grid .product-thumb .stats-group>span {
    flex-grow: 0
}

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

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

.module-products-918 .product-grid .stat-1 .stats-label {
    display: none
}

.module-products-918 .product-grid .stat-2 .stats-label {
    display: none
}

.module-products-918 .product-grid.product-grid .product-thumb .rating {
    position: static;
    visibility: visible;
    opacity: 1;
    order: initial;
    margin-top: 0
}

.module-products-918 .product-grid .product-thumb .rating {
    height: auto;
    justify-content: flex-start;
    display: flex
}

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

.module-products-918 .product-grid .product-thumb .rating.no-rating {
    display: none
}

.module-products-918 .product-grid .product-thumb .rating .fa-stack {
    font-size: 11px;
    width: 1.3em
}

.module-products-918 .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 .module-products-918 .product-grid .product-thumb .image-group:hover+.caption .name a,
.no-touchevents .module-products-918 .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
}

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

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

.module-products-918 .product-grid .product-thumb .product-labels-price {
    display: none;
    margin-bottom: var(--j-gap-spacing---1);
    --element-margin-bottom: var(--j-gap-spacing---1)
}

.module-products-918 .product-grid .product-thumb .price-tax {
    display: none;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400
}

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

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

.module-products-918 .product-grid .product-thumb .price>div>span {
    flex-grow: 0
}

.module-products-918 .product-grid .product-thumb .price>div,
.module-products-918 .product-grid .product-thumb .price>div span,
.module-products-918 .product-grid .product-thumb .price>div,
.module-products-918 .product-grid .product-thumb .price,
.module-products-918 .product-grid .product-thumb .product-labels-price {
    justify-content: flex-start;
    align-items: flex-start
}

.module-products-918 .product-grid .product-thumb .price>div {
    flex-direction: row;
    flex-wrap: wrap
}

.module-products-918 .product-grid .product-thumb .buttons-wrapper {
    display: block;
    --buttons-gap: 10px
}

.module-products-918 .product-grid .product-thumb .button-group {
    justify-content: space-between;
    --wishlist-gap: 20px
}

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

.module-products-918 .product-grid .product-thumb .cart-group {
    display: inline-flex
}

.module-products-918 .product-grid .out-of-stock .product-thumb .cart-group {
    opacity: .5;
    cursor: not-allowed
}

.module-products-918 .product-grid .out-of-stock .product-thumb .cart-group * {
    pointer-events: none
}

.module-products-918 .product-grid .out-of-stock .product-thumb .cart-group .btn-cart:before {
    content: '\eb39' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.module-products-918 .product-grid .product-thumb .btn-cart:before {
    display: inline-flex;
    content: '\e9f8' !important;
    font-family: icomoon !important;
    font-size: 15px
}

.module-products-918 .product-grid .product-thumb .btn-cart .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-918 .product-grid.product-grid .product-thumb .cart-group {
    flex-grow: 0;
    flex-wrap: wrap;
    flex-direction: row
}

.module-products-918 .product-grid.product-grid .product-thumb .cart-group .btn {
    flex-grow: 1
}

.module-products-918 .product-grid .product-thumb .btn-cart.btn,
.module-products-918 .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 .module-products-918 .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))
}

.module-products-918 .product-grid .product-thumb .btn-cart.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-grid .product-thumb .btn-cart.btn,
.module-products-918 .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))
}

.module-products-918 .product-grid .product-thumb .btn-cart.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .btn-cart.btn:hover:active,
.module-products-918 .product-grid .product-thumb .btn-cart.btn:focus:active,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-grid .product-thumb .btn-cart.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

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

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

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

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

.module-products-918 .product-grid .product-thumb .stepper .form-control {
    max-width: calc(100% - var(--stepper-button-width, 40)*1%) !important
}

.module-products-918 .product-grid .product-thumb .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

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

.module-products-918 .product-grid .product-thumb .stepper .fa-angle-down:before {
    content: '\f107' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.module-products-918 .product-grid .product-thumb .stepper .fa-angle-up:before {
    content: '\f106' !important;
    font-family: icomoon !important;
    font-size: 16px
}

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

.module-products-918 .product-grid.product-grid .product-thumb .wish-group {
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 0;
    width: auto
}

.module-products-918 .product-grid.product-grid .product-thumb .wish-group .btn-wishlist {
    flex-grow: 0
}

.module-products-918 .product-grid.product-grid .product-thumb .wish-group .btn-compare {
    flex-grow: 0
}

.module-products-918 .product-grid .product-thumb .btn-wishlist {
    display: inline-flex
}

.module-products-918 .product-grid .product-thumb .btn-wishlist:before {
    display: inline-flex;
    font-size: 15px !important
}

.module-products-918 .product-grid .product-thumb .btn-wishlist .btn-text {
    display: none
}

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn,
.module-products-918 .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 .module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn,
.module-products-918 .product-grid .product-thumb .btn-wishlist.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .btn-wishlist.btn:hover:active,
.module-products-918 .product-grid .product-thumb .btn-wishlist.btn:focus:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .btn-wishlist.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .btn-wishlist.btn:hover:active,
.module-products-918 .product-grid .product-thumb .btn-wishlist.btn:focus:active {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn:focus {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-grid .product-thumb .btn-compare {
    display: inline-flex
}

.module-products-918 .product-grid .product-thumb .btn-compare:before {
    display: inline-flex;
    font-size: 15px !important
}

.module-products-918 .product-grid .product-thumb .btn-compare .btn-text {
    display: none
}

.module-products-918 .product-grid .product-thumb .btn-compare.btn,
.module-products-918 .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 .module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-grid .product-thumb .btn-compare.btn,
.module-products-918 .product-grid .product-thumb .btn-compare.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-grid .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .btn-compare.btn:hover:active,
.module-products-918 .product-grid .product-thumb .btn-compare.btn:focus:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .btn-compare.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-grid .product-thumb .btn-compare.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .btn-compare.btn:hover:active,
.module-products-918 .product-grid .product-thumb .btn-compare.btn:focus:active {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .btn-compare.btn:focus {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

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

.module-products-918 .product-grid .product-thumb .extra-group .btn:first-child {
    display: inline-flex
}

.module-products-918 .product-grid .product-thumb .extra-group .btn-extra+.btn {
    display: inline-flex
}

.module-products-918 .product-grid .product-thumb .extra-group .btn:first-child:before {
    display: inline-flex;
    color: rgba(64, 148, 99, 1)
}

.module-products-918 .product-grid .product-thumb .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn:before {
    display: inline-flex
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn .btn-text {
    display: inline-block;
    padding: 0 .4em
}

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

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

.module-products-918 .product-grid .product-layout .extra-group>div {
    justify-content: space-between
}

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn,
.module-products-918 .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 .module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn,
.module-products-918 .product-grid .product-thumb .extra-group .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .extra-group .btn.btn:hover:active,
.module-products-918 .product-grid .product-thumb .extra-group .btn.btn:focus:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .extra-group .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .extra-group .btn.btn:hover:active,
.module-products-918 .product-grid .product-thumb .extra-group .btn.btn:focus:active {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn:focus {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .extra-group .btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn,
.module-products-918 .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 .module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn,
.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active,
.no-touchevents .module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:hover:active,
.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:focus:active {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn:focus {
    box-shadow: none
}

.module-products-918 .product-grid .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-grid.product-grid .product-thumb .extra-group {
    order: initial;
    overflow: visible;
    position: static
}

.module-products-918 .product-grid.product-grid .product-thumb .extra-group>div {
    position: static;
    transform: none;
    opacity: 1
}

.module-products-918 .product-grid.product-grid .product-thumb .buttons-wrapper {
    position: static;
    width: auto;
    overflow: visible;
    order: initial;
    transform: none
}

.module-products-918 .product-grid.product-grid .product-thumb .buttons-wrapper .button-group {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none
}

.no-touchevents .module-products-918 .product-grid.product-grid .product-thumb:hover .buttons-wrapper .button-group {
    transform: none
}

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

.module-products-918 .product-grid.product-grid .wish-group .btn {
    flex-basis: auto
}

.module-products-918 .product-grid .product-thumb .btn-quickview.btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    padding: 0 !important;
    --element-padding: 0px !important
}

.module-products-918 .product-list.product-grid .product-layout .product-thumb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.module-products-918 .product-list.product-grid .product-layout .product-thumb .name {
    flex-grow: var(--name-grow, 0);
    --flex-grow: 1
}

.module-products-918 .product-list.product-grid .product-layout .product-thumb>div {
    flex-basis: auto
}

.module-products-918 .product-list.product-grid .product-layout .product-thumb .caption {
    justify-content: flex-start
}

.module-products-918 .product-list.product-grid .product-thumb .image-group .image {
    flex-grow: 0
}

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

.module-products-918 .product-list .product-thumb .image:before {
    mix-blend-mode: normal
}

.module-products-918 .product-list .product-thumb .product-img,
.module-products-918 .product-list .product-thumb .product-img img,
.module-products-918 .product-list .product-thumb .image {
    border-radius: 4px;
    --element-border-radius: 4px
}

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

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

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

.module-products-918 .product-list .product-thumb .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    visibility: visible;
    opacity: 1
}

.module-products-918 .product-list .product-thumb .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 5px;
    --label-grow: 0
}

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

.module-products-918 .product-list .product-thumb .quickview-button .btn-quickview {
    --visibility: hidden;
    --opacity: 0;
    transform: scale(.88)
}

.module-products-918 .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 .module-products-918 .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 .module-products-918 .product-list .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
}

.module-products-918 .product-list .product-thumb .btn-quickview .btn-text {
    display: none
}

.module-products-918 .product-list .product-thumb .btn-quickview:before {
    display: inline-flex
}

.module-products-918 .product-list .product-thumb .image .btn-quickview:before {
    content: '\ebef' !important;
    font-family: icomoon !important;
    font-size: 16px !important
}

.module-products-918 .product-list .product-thumb .image .btn,
.module-products-918 .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 .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .image .btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .image.btn {
    justify-content: center
}

.module-products-918 .product-list .product-thumb .image .btn,
.module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .image .btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .image .btn:hover:active,
.module-products-918 .product-list .product-thumb .image .btn:focus:active,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .image .btn:focus,
.module-products-918 .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 .module-products-918 .product-list .product-thumb .image .btn:hover,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .image .btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-list .product-thumb .image .btn:before {
    font-size: 1.1em
}

.module-products-918 .product-list .product-thumb .image .btn.disabled {
    color: transparent !important
}

.module-products-918 .product-list .product-thumb .image .btn[disabled] {
    color: transparent !important
}

.module-products-918 .product-list.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: var(--buttons-countdown-offset, 40px)
}

.module-products-918 .product-list:not(.product-list) .has-countdown .product-thumb .rating {
    --countdown-offset: var(--countdown-margin, 0)
}

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

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

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

.module-products-918 .product-list .product-thumb .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.module-products-918 .product-list .has-countdown .product-thumb {
    --countdown-bottom-offset: 8px
}

.module-products-918 .product-list .product-thumb .product-img:active {
    pointer-events: auto
}

.module-products-918 .product-list.product-list .product-layout .image-group {
    width: var(--product-list-image-width);
    order: 0
}

.module-products-918 .product-list.product-list .product-thumb {
    align-items: center
}

.module-products-918 .product-list.product-list .product-layout .product-thumb {
    --product-list-gap: var(--j-gap-spacing---8);
    --product-list-image-width: 40%
}

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

.module-products-918 .product-list .product-thumb .stats-group {
    justify-content: flex-start;
    flex-direction: row
}

.module-products-918 .product-list .product-thumb .stats-group>span {
    flex-grow: 0
}

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

.module-products-918 .product-list .product-thumb .stats .stat-2 {
    color: rgba(64, 148, 99, 1)
}

.module-products-918 .product-list .out-of-stock .product-thumb .stats .stat-2 {
    color: rgba(242, 119, 99, 1)
}

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

.module-products-918 .product-list .stat-1 .stats-label {
    display: none
}

.module-products-918 .product-list .stat-2 .stats-label {
    display: none
}

.module-products-918 .product-list.product-grid .product-thumb .rating {
    position: static;
    visibility: visible;
    opacity: 1;
    order: initial;
    margin-top: 0
}

.module-products-918 .product-list .product-thumb .rating {
    height: 0;
    justify-content: flex-end;
    display: flex
}

.module-products-918 .product-list .product-thumb .rating-stars {
    transform: translate3d(0, -100%, 0);
    margin-left: -3px;
    --element-margin-left: -3px
}

.module-products-918 .product-list .product-thumb .rating.no-rating {
    display: none
}

.module-products-918 .product-list .product-thumb .rating .fa-stack {
    font-size: 13px;
    width: 1.2em
}

.module-products-918 .product-list .product-thumb .rating .fa-star,
.module-products-918 .product-list .product-thumb .rating .fa-star+.fa-star-o {
    color: rgba(242, 199, 81, 1)
}

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

.module-products-918 .product-list .product-thumb .rating.no-rating span {
    opacity: .5
}

.module-products-918 .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 .module-products-918 .product-list .product-thumb .image-group:hover+.caption .name a,
.no-touchevents .module-products-918 .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
}

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

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

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

.module-products-918 .product-list .product-thumb .price-tax {
    display: none;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400
}

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

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

.module-products-918 .product-list .product-thumb .price>div>span {
    flex-grow: 0
}

.module-products-918 .product-list .product-thumb .price>div,
.module-products-918 .product-list .product-thumb .price>div span,
.module-products-918 .product-list .product-thumb .price>div,
.module-products-918 .product-list .product-thumb .price,
.module-products-918 .product-list .product-thumb .product-labels-price {
    justify-content: flex-start;
    align-items: flex-start
}

.module-products-918 .product-list .product-thumb .price>div {
    flex-direction: row;
    flex-wrap: wrap
}

.module-products-918 .product-list .product-thumb .buttons-wrapper {
    display: block;
    --buttons-gap: 12px
}

.module-products-918 .product-list .product-thumb .button-group {
    justify-content: flex-start;
    --wishlist-gap: 8px
}

.module-products-918 .product-list.product-list .product-thumb .buttons-wrapper {
    margin-top: var(--j-gap-spacing---8);
    --element-margin-top: var(--j-gap-spacing---8)
}

.module-products-918 .product-list .product-thumb .cart-group {
    display: inline-flex
}

.module-products-918 .product-list .out-of-stock .product-thumb .cart-group {
    opacity: .6;
    cursor: not-allowed
}

.module-products-918 .product-list .out-of-stock .product-thumb .cart-group * {
    pointer-events: none
}

.module-products-918 .product-list .product-thumb .btn-cart {
    height: 40px
}

.module-products-918 .product-list .product-thumb .btn-wishlist {
    min-width: 40px;
    height: 40px;
    display: inline-flex
}

.module-products-918 .product-list .product-thumb .btn-quickview {
    min-width: 32px;
    height: 32px
}

.module-products-918 .product-list .product-thumb .btn-compare {
    width: 40px;
    height: 40px;
    display: inline-flex
}

.module-products-918 .product-list .product-thumb .btn-cart:before {
    display: inline-flex;
    content: '\e9f8' !important;
    font-family: icomoon !important
}

.module-products-918 .product-list .product-thumb .btn-cart .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-918 .product-list.product-grid .product-thumb .cart-group {
    flex-grow: 0;
    flex-wrap: wrap;
    flex-direction: row
}

.module-products-918 .product-list.product-grid .product-thumb .cart-group .btn {
    flex-grow: 0
}

.module-products-918 .product-list .product-thumb .btn-cart.btn,
.module-products-918 .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 .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .btn-cart.btn,
.module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .btn-cart.btn:hover:active,
.module-products-918 .product-list .product-thumb .btn-cart.btn:focus:active,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-cart.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-list .product-thumb .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

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

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

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

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

.module-products-918 .product-list .product-thumb .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.module-products-918 .product-list .product-thumb .stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.module-products-918 .product-list .product-thumb .stepper .form-control {
    max-width: 100% !important
}

.module-products-918 .product-list .product-thumb .stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.module-products-918 .product-list .product-thumb .stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 16px
}

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

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

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

.module-products-918 .product-list.product-grid .product-thumb .wish-group {
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 0;
    width: auto
}

.module-products-918 .product-list.product-grid .product-thumb .wish-group .btn-wishlist {
    flex-grow: 0
}

.module-products-918 .product-list.product-grid .product-thumb .wish-group .btn-compare {
    flex-grow: 0
}

.module-products-918 .product-list .product-thumb .btn-wishlist:before {
    display: inline-flex
}

.module-products-918 .product-list .product-thumb .btn-wishlist .btn-text {
    display: none
}

.module-products-918 .product-list .product-thumb .btn-wishlist.btn,
.module-products-918 .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 .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .btn-wishlist.btn,
.module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .btn-wishlist.btn:hover:active,
.module-products-918 .product-list .product-thumb .btn-wishlist.btn:focus:active,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-wishlist.btn:focus,
.module-products-918 .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 .module-products-918 .product-list .product-thumb .btn-wishlist.btn:hover,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .btn-wishlist.btn:hover:active,
.module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-list .product-thumb .btn-compare:before {
    display: inline-flex
}

.module-products-918 .product-list .product-thumb .btn-compare .btn-text {
    display: none
}

.module-products-918 .product-list .product-thumb .btn-compare.btn,
.module-products-918 .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 .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .btn-compare.btn,
.module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .btn-compare.btn:hover:active,
.module-products-918 .product-list .product-thumb .btn-compare.btn:focus:active,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-compare.btn:focus,
.module-products-918 .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 .module-products-918 .product-list .product-thumb .btn-compare.btn:hover,
.no-touchevents .module-products-918 .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))
}

.module-products-918 .product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .btn-compare.btn:hover:active,
.module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

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

.module-products-918 .product-list .product-thumb .extra-group .btn:first-child {
    display: inline-flex
}

.module-products-918 .product-list .product-thumb .extra-group .btn-extra+.btn {
    display: inline-flex
}

.module-products-918 .product-list .product-thumb .extra-group .btn:first-child:before {
    display: inline-flex;
    color: rgba(64, 148, 99, 1)
}

.module-products-918 .product-list .product-thumb .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn:before {
    display: inline-flex;
    margin-right: 0;
    --element-margin-right: 0px
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn:first-child {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn+.btn.btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.module-products-918 .product-list .product-layout .extra-group>div {
    justify-content: flex-start
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn,
.module-products-918 .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 .module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .extra-group .btn.btn,
.module-products-918 .product-list .product-thumb .extra-group .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .extra-group .btn.btn:hover:active,
.module-products-918 .product-list .product-thumb .extra-group .btn.btn:focus:active,
.no-touchevents .module-products-918 .product-list .product-thumb .extra-group .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .extra-group .btn.btn:hover:active,
.module-products-918 .product-list .product-thumb .extra-group .btn.btn:focus:active {
    box-shadow: none
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn:focus {
    box-shadow: none
}

.module-products-918 .product-list .product-thumb .extra-group .btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn,
.module-products-918 .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 .module-products-918 .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
}

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

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn,
.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:focus:active,
.no-touchevents .module-products-918 .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
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:focus,
.module-products-918 .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
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:focus:active {
    box-shadow: none
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn:focus {
    box-shadow: none
}

.module-products-918 .product-list .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-918 .product-list.product-grid .product-thumb .extra-group {
    order: initial;
    overflow: visible;
    position: static
}

.module-products-918 .product-list.product-grid .product-thumb .extra-group>div {
    position: static;
    transform: none;
    opacity: 1
}

.module-products-918 .product-list.product-grid .product-thumb .buttons-wrapper {
    position: static;
    width: auto;
    overflow: visible;
    order: initial;
    transform: none
}

.module-products-918 .product-list.product-grid .product-thumb .buttons-wrapper .button-group {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none
}

.no-touchevents .module-products-918 .product-list.product-grid .product-thumb:hover .buttons-wrapper .button-group {
    transform: none
}

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

.module-products-918 .product-list.product-grid .wish-group .btn {
    flex-basis: auto
}

.module-products-918 .product-list .product-thumb .btn-quickview.btn {
    padding: 0 !important;
    --element-padding: 0px !important
}

.module-products-918 .flex-grid {
    --flex-grid-width: 300px;
    --flex-grid-gap: 24px
}

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

.module-products-918 .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-918 {
    --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-918 .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-918 .auto-grid .auto-carousel-controls {
    display: flex
}

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

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

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

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

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

.module-products-918 .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-918 .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-918 .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-918 .no-scroll-prev .auto-carousel-prev,
.module-products-918 .no-scroll-next .auto-carousel-next {
    opacity: 0;
    --scale: 0
}

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

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

div.module-products-918 .auto-grid {
    --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
}

div.module-products-918 .auto-grid .auto-grid-items {
    --scroll-by: 3
}

div.module-products-918 {
    --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-918 .swiper-buttons:not(.slider-navigation) {
        display: none;
        width: calc(100% - (0px*2))
    }
}

@media (max-width:500px) {
    .module-products-918 .product-grid .product-thumb {
        padding: 0;
        --element-padding: 0px
    }

    .module-products-918 .product-grid .product-thumb .image .btn-quickview:before {
        font-size: 16px !important
    }

    .module-products-918 .product-grid .product-thumb .rating-stars {
        margin-top: var(--j-gap-spacing---5);
        --element-margin-top: var(--j-gap-spacing---5)
    }

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

    .module-products-918 .product-grid .product-thumb .name {
        justify-content: center;
        margin-inline: auto
    }

    .module-products-918 .product-grid .product-thumb .button-group {
        justify-content: flex-start
    }

    .module-products-918 .product-grid .product-thumb .btn-quickview {
        min-width: 30px;
        height: 30px
    }

    .module-products-918 .product-list .product-thumb .product-labels {
        display: none
    }

    .module-products-918 .product-list.product-grid .has-countdown .wish-group {
        --countdown-offset-buttons: 0px
    }

    .module-products-918 .product-list:not(.product-list) .product-thumb .rating {
        --countdown-offset: 0 !important
    }

    .module-products-918 .product-list .product-thumb .btn-quickview {
        --countdown-offset: 0 !important;
        min-width: 28px;
        height: 28px
    }

    .module-products-918 .product-list .has-countdown .product-thumb .countdown {
        display: none
    }

    .module-products-918 .product-list.product-list .product-layout .product-thumb {
        --product-list-gap: var(--j-gap-spacing---6)
    }

    .module-products-918 .product-list .product-thumb .stats-group {
        justify-content: space-between;
        flex-direction: row
    }

    .module-products-918 .product-list .product-thumb .stats-group>span {
        flex-grow: 0
    }

    .module-products-918 .product-list .product-thumb .stats {
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .module-products-918 .product-list .product-thumb .rating {
        height: auto;
        justify-content: flex-start
    }

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

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

    .module-products-918 .product-list .product-thumb .description {
        display: none
    }

    .module-products-918 .product-list.product-grid .product-layout .product-thumb .name {
        --flex-grow: 0
    }

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

    .module-products-918 .product-list .product-thumb .buttons-wrapper {
        display: none
    }

    .module-products-918 .product-list .product-thumb .btn-wishlist {
        display: none
    }

    .module-products-918 .product-list .product-thumb .btn-compare {
        display: none
    }

    .module-products-918 .product-list .product-thumb .extra-group {
        display: none
    }
}

@media (min-width:500px) {
    .module-products-918 .product-grid .product-thumb .rating {
        height: 0;
        justify-content: flex-end
    }

    .module-products-918 .product-grid .product-thumb .rating-stars {
        transform: translate3d(0, -100%, 0)
    }
}

div.module-products-918 div.module-body ul.nav-tabs>li.tab-3>a:not(.item-all-link) {
    color: rgba(180, 33, 39, 1)
}

.marquee-765:before {
    display: none
}

.marquee-765:after {
    display: none
}

.marquee-765 .marquee-slider {
    padding: var(--j-gap-spacing---5);
    --element-padding: var(--j-gap-spacing---5);
    --marquee-direction: marquee-left;
    --swap-direction: swap-left;
    --marquee-speed: 250s;
    --marquee-play-state: paused
}

.marquee-765 .marquee-item {
    --item-gap: calc(20px)
}

.marquee-765 .marquee-item>span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--1100);
    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: uppercase;
    letter-spacing: -.5px;
    line-height: 1.3
}

.no-touchevents .marquee-765 .marquee-item:hover>span {
    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))
}

.marquee-765 .marquee-item:nth-child(even)>span {
    color: rgba(180, 33, 39, 1)
}

.marquee-765 .marquee-item:nth-child(odd)>span {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    font-size: var(--j-font_size-font-size--1100);
    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-primary-h), var(--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.1
}

.marquee-765 .marquee-slider .marquee-items .marquee-item-3>span {
    -webkit-text-stroke-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--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-banners-711 .ipr-grid .module-item.swiper-slide {
    margin-right: 24px;
    width: calc((100% - 3*24px)/4 - .01px)
}

.module-banners-711 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 12px;
    width: calc(100%/4 - .01px)
}

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

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

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

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

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

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

.module-banners-711 .module-item {
    --scale-hover: 1.1;
    --scale-active: .99
}

.module-banners-711 .module-item>a {
    background-position: center center;
    background-size: cover;
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-banners-711 .module-item>a:before {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8);
    mix-blend-mode: multiply;
    --opacity: .2
}

.module-banners-711 a:before {
    opacity: var(--opacity, 1)
}

.no-touchevents .module-banners-711 .module-item:hover>a:before {
    --opacity: .5
}

.module-banners-711 a:after {
    opacity: 1
}

.module-banners-711 .module-item>a:after {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate3d(-50%, -50%, 0)
}

.module-banners-711 a .banner-caption {
    opacity: 1;
    display: block;
    width: 100%
}

.module-banners-711 .module-item .banner-caption span:after {
    margin-inline-start: 6px
}

.module-banners-711 .banner-caption {
    --align: center;
    top: 50% !important;
    left: 50% !important;
    right: auto;
    bottom: auto;
    transform: translate3d(-50%, -50%, 0);
    text-align: center
}

.module-banners-711 .banner-caption span {
    transform: scale(calc(90/100));
    transform-origin: center;
    white-space: normal;
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    font-size: var(--j-font_size-font-size--title-section);
    color: rgba(255, 255, 255, 1);
    letter-spacing: -.5px;
    line-height: 1.3
}

.no-touchevents .module-banners-711 .module-item:hover .banner-caption span {
    transform: scale(calc(100/100))
}

.module-banners-711 .banner-caption span s {
    display: block
}

.module-banners-711 .module-item .banner-caption-2 span:after {
    margin-inline-start: auto
}

.module-banners-711 .banner-caption-2 {
    opacity: 0;
    display: block;
    --from-y: 10px;
    --align: center;
    top: auto;
    left: 50%;
    right: auto;
    bottom: 0;
    transform: translate3d(-50%, var(--from-y, 0), 0);
    text-align: center
}

.no-touchevents .module-banners-711 .module-item:hover .banner-caption-2 {
    opacity: 1;
    --from-y: 0
}

.module-banners-711 a .banner-caption-2 {
    width: 100%
}

.module-banners-711 .banner-caption-2 span:after {
    content: '\e9b1' !important;
    font-family: icomoon !important
}

.module-banners-711 .banner-caption-2 span {
    transform: scale(calc(100/100));
    transform-origin: center;
    white-space: normal;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    letter-spacing: -.1px;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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: 1em;
    --element-padding: 1em
}

.no-touchevents .module-banners-711 .module-item:hover .banner-caption-2 span {
    transform: scale(calc(100/100))
}

.module-banners-711 .banner-caption-2 span s {
    display: block
}

.module-banners-711 .banner-caption-3 span {
    white-space: normal;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-300);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    line-height: 1.5;
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5)
}

div.module-banners-711 .banner-caption span {
    white-space: normal
}

div.module-banners-711 .banner-caption-2 span {
    white-space: normal
}

div.module-banners-711 .banner-caption-3 span {
    white-space: normal
}

div.module-banners-711 .flex-grid {
    --flex-grid-width: 150px;
    --flex-grid-gap: var(--j-gap-spacing-gap-3)
}

div.module-banners-711 .flex-grid>* {
    flex-grow: 1
}

.module-banners-711 .auto-grid {
    --grid-min-width: 320px;
    --grid-min-col: 1.3;
    --grid-gap: var(--j-gap-spacing-gap-1)
}

div.module-banners-711 .auto-grid {
    --auto-grow-type: auto-fit;
    --item-width: var(--item-fit);
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr
}

div.module-banners-711 .auto-grid .auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset;
    --grid-rows: 2
}

div.module-banners-711 .auto-grid .auto-carousel-controls {
    display: none
}

div.module-banners-711 .auto-grid .auto-carousel-items:after {
    display: none
}

div.module-banners-711 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
}

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

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

div.module-banners-711 {
    --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-banners-711 .ipr-grid .module-item.swiper-slide {
        margin-right: 16px;
        width: calc((100% - 1*16px)/2 - .01px)
    }

    .module-banners-711 .ipr-grid .module-item:not(.swiper-slide) {
        padding: 8px;
        width: calc(100%/2 - .01px)
    }
}

.module-banners-711 .banners-grid.flex-grid>.module-item-1 {
    --flex-grid-width: 700px
}

.module-banners-711 .banners-grid.auto-grid>.auto-grid-items>.module-item-1 {
    grid-row-end: auto
}

.module-banners-711 .banners-grid.auto-grid>.auto-grid-items>.module-item-2 {
    grid-row-end: auto
}

.module-banners-711 .banners-grid.auto-grid>.auto-grid-items>.module-item-3 {
    grid-row-end: auto
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols {
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper {
    overflow: hidden
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col {
    flex-basis: calc((1200px + 1px - (100*var(--unit, 1%)))*9999);
    --unit: 1%
}

.module-grid-800>.grid-row-1>.row-bg {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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-image: url('../cdn.blacklinewear.com/image/cache/catalog/journal3/assets/backgrounds/lines/relief-lines-1500x800.png');
    background-position: center center
}

.module-grid-800>.grid-row-1:before {
    display: block;
    left: 0;
    width: 100vw
}

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

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

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

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 33.33333333333333%;
    display: block
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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-image: url('../cdn.blacklinewear.com/image/cache/catalog/journal3/assets/backgrounds/lines/relief-lines-1500x800.png');
    background-position: center center;
    padding: var(--j-gap-spacing----11);
    --element-padding: var(--j-gap-spacing----11);
    justify-content: center
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    display: none
}

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

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
    min-width: 66.66666666666666%;
    display: block
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--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-image: url('../cdn.blacklinewear.com/image/cache/catalog/journal3/assets/backgrounds/lines/relief-lines-1500x800.png');
    background-position: center center;
    padding: var(--j-gap-spacing-padding-xl);
    --element-padding: var(--j-gap-spacing-padding-xl)
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.module-grid-800>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items:before {
    display: none
}

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

.module-countdown-801 .countdown>div {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--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-style: none;
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    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: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    border-radius: 4px;
    --element-border-radius: 4px;
    justify-content: center
}

.module-countdown-801 .countdown>div>span {
    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))
}

.module-countdown-801 .countdown {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none;
    border-style: none;
    margin: 0;
    --element-margin: 0px;
    padding: 0;
    --element-padding: 0px;
    outline-style: none;
    border-radius: 0;
    --element-border-radius: 0px;
    order: initial
}

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

div.module-countdown-801 .countdown>div {
    font-size: var(--j-font_size-font-size--1000)
}

.module-countdown-801>.module-body>.countdown>div {
    width: var(--custom-item-size, auto)
}

.module-countdown-801>.module-body>.countdown {
    justify-content: center
}

.module-countdown-801 .countdown-text {
    margin-inline: auto;
    max-width: 900px
}

.module-countdown-801>.module-body .module-text:before {
    align-self: center;
    margin-inline-end: 0;
    margin-bottom: 12px;
    content: '\ea69' !important;
    font-family: icomoon !important;
    font-size: 3em;
    margin-bottom: var(--j-gap-spacing-gap-3);
    --element-margin-bottom: var(--j-gap-spacing-gap-3)
}

.module-countdown-801>.module-body .module-text {
    align-items: center;
    text-align: center;
    flex-direction: column;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--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
}

.module-countdown-801 .module-text>div>.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-countdown-801 .module-text>div>.module-title:after {
    display: none
}

.module-countdown-801 .module-text>div>.module-title .page-title-text:after {
    display: none
}

.module-countdown-801 .module-text>div>.module-title .filter-title-text:after {
    display: none
}

div.module-countdown-801 .module-text>div>.module-title {
    margin-bottom: var(--j-gap-spacing---5) !important;
    --element-margin-bottom: var(--j-gap-spacing---5) !important
}

.module-countdown-801 {
    width: 100%;
    --gap: var(--j-gap-spacing-gap-4);
    --text-max-width: 100%
}

@media (max-width:500px) {
    div.module-countdown-801 .countdown>div {
        font-size: var(--j-font_size-font-size-800)
    }
}

.module-products-921 .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-products-921 .module-title:after {
    display: none;
    margin-top: .7em
}

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

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

.module-products-921 .module-title:after,
.module-products-921 .module-title .page-title-text:after,
.module-products-921 .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-products-921 .swiper-slide {
    --inactive-opacity: .1;
    --inactive-scale: .8
}

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

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

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

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

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

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

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

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

.module-products-921 .swiper-buttons:not(.slider-navigation) div:before {
    font-size: 16px
}

.module-products-921 .swiper-buttons:not(.slider-navigation) .swiper-button-next:before {
    font-size: 16px
}

.no-touchevents .module-products-921 .swiper-buttons:not(.slider-navigation) div:not(.swiper-button-disabled):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)
}

.module-products-921 .swiper-pagination {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: -16px
}

.module-products-921 .swiper-wrapper {
    cursor: grab
}

.module-products-921 .swiper-wrapper:active {
    cursor: grabbing
}

.module-products-921 .swiper {
    padding-bottom: 40px
}

.module-products-921 .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-921 .swiper-pagination>span+span {
    margin-inline-start: 10px
}

.no-touchevents .module-products-921 .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-921 .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-921 .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

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

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

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

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

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

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

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

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

.module-products-921 .product-list.product-grid .product-layout .product-thumb {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap
}

.module-products-921 .product-list.product-grid .product-layout .product-thumb .name {
    flex-grow: var(--name-grow, 0);
    --flex-grow: 1
}

.module-products-921 .product-list.product-grid .product-layout .product-thumb>div {
    flex-basis: auto
}

.module-products-921 .product-list.product-grid .product-layout .product-thumb .caption {
    justify-content: flex-start
}

.module-products-921 .product-list.product-grid .product-thumb .image-group .image {
    flex-grow: 0
}

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

.module-products-921 .product-list .product-thumb .image:before {
    mix-blend-mode: normal
}

.module-products-921 .product-list .product-thumb .product-img,
.module-products-921 .product-list .product-thumb .product-img img,
.module-products-921 .product-list .product-thumb .image {
    border-radius: 4px;
    --element-border-radius: 4px
}

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

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

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

.module-products-921 .product-list .product-thumb .product-labels {
    padding: var(--j-gap-spacing---3);
    --element-padding: var(--j-gap-spacing---3);
    visibility: visible;
    opacity: 1
}

.module-products-921 .product-list .product-thumb .product-labels-outside {
    justify-content: flex-start;
    --label-gap: 5px;
    --label-grow: 0
}

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

.module-products-921 .product-list .product-thumb .quickview-button .btn-quickview {
    --visibility: hidden;
    --opacity: 0;
    transform: scale(.88)
}

.module-products-921 .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 .module-products-921 .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 .module-products-921 .product-list .has-countdown .product-thumb .btn-quickview {
    margin-bottom: calc(var(--countdown-offset, 0px) + var(--countdown-bottom-offset, 0px))
}

.module-products-921 .product-list .product-thumb .btn-quickview .btn-text {
    display: none
}

.module-products-921 .product-list .product-thumb .btn-quickview:before {
    display: inline-flex
}

.module-products-921 .product-list .product-thumb .image .btn-quickview:before {
    content: '\ebef' !important;
    font-family: icomoon !important;
    font-size: 16px !important
}

.module-products-921 .product-list .product-thumb .image .btn,
.module-products-921 .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 .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .image .btn:active,
.no-touchevents .module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .image.btn {
    justify-content: center
}

.module-products-921 .product-list .product-thumb .image .btn,
.module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .image .btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .image .btn:hover:active,
.module-products-921 .product-list .product-thumb .image .btn:focus:active,
.no-touchevents .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .image .btn:focus,
.module-products-921 .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 .module-products-921 .product-list .product-thumb .image .btn:hover,
.no-touchevents .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .image .btn.btn.disabled:after {
    font-size: 1em
}

.module-products-921 .product-list .product-thumb .image .btn:before {
    font-size: 1.1em
}

.module-products-921 .product-list .product-thumb .image .btn.disabled {
    color: transparent !important
}

.module-products-921 .product-list .product-thumb .image .btn[disabled] {
    color: transparent !important
}

.module-products-921 .product-list.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: var(--buttons-countdown-offset, 40px)
}

.module-products-921 .product-list:not(.product-list) .has-countdown .product-thumb .rating {
    --countdown-offset: var(--countdown-margin, 0)
}

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

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

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

.module-products-921 .product-list .product-thumb .countdown>div+div {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

.module-products-921 .product-list .has-countdown .product-thumb {
    --countdown-bottom-offset: 8px
}

.module-products-921 .product-list .product-thumb .product-img:active {
    pointer-events: auto
}

.module-products-921 .product-list.product-list .product-layout .image-group {
    width: var(--product-list-image-width);
    order: 0
}

.module-products-921 .product-list.product-list .product-thumb {
    align-items: center
}

.module-products-921 .product-list.product-list .product-layout .product-thumb {
    --product-list-gap: var(--j-gap-spacing---8);
    --product-list-image-width: 40%
}

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

.module-products-921 .product-list .product-thumb .stats-group {
    justify-content: flex-start;
    flex-direction: row
}

.module-products-921 .product-list .product-thumb .stats-group>span {
    flex-grow: 0
}

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

.module-products-921 .product-list .product-thumb .stats .stat-2 {
    color: rgba(64, 148, 99, 1)
}

.module-products-921 .product-list .out-of-stock .product-thumb .stats .stat-2 {
    color: rgba(242, 119, 99, 1)
}

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

.module-products-921 .product-list .stat-1 .stats-label {
    display: none
}

.module-products-921 .product-list .stat-2 .stats-label {
    display: none
}

.module-products-921 .product-list.product-grid .product-thumb .rating {
    position: static;
    visibility: visible;
    opacity: 1;
    order: initial;
    margin-top: 0
}

.module-products-921 .product-list .product-thumb .rating {
    height: 0;
    justify-content: flex-end;
    display: flex
}

.module-products-921 .product-list .product-thumb .rating-stars {
    transform: translate3d(0, -100%, 0);
    margin-left: -3px;
    --element-margin-left: -3px
}

.module-products-921 .product-list .product-thumb .rating.no-rating {
    display: none
}

.module-products-921 .product-list .product-thumb .rating .fa-stack {
    font-size: 13px;
    width: 1.2em
}

.module-products-921 .product-list .product-thumb .rating .fa-star,
.module-products-921 .product-list .product-thumb .rating .fa-star+.fa-star-o {
    color: rgba(242, 199, 81, 1)
}

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

.module-products-921 .product-list .product-thumb .rating.no-rating span {
    opacity: .5
}

.module-products-921 .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 .module-products-921 .product-list .product-thumb .image-group:hover+.caption .name a,
.no-touchevents .module-products-921 .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
}

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

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

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

.module-products-921 .product-list .product-thumb .price-tax {
    display: none;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400
}

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

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

.module-products-921 .product-list .product-thumb .price>div>span {
    flex-grow: 0
}

.module-products-921 .product-list .product-thumb .price>div,
.module-products-921 .product-list .product-thumb .price>div span,
.module-products-921 .product-list .product-thumb .price>div,
.module-products-921 .product-list .product-thumb .price,
.module-products-921 .product-list .product-thumb .product-labels-price {
    justify-content: flex-start;
    align-items: flex-start
}

.module-products-921 .product-list .product-thumb .price>div {
    flex-direction: row;
    flex-wrap: wrap
}

.module-products-921 .product-list .product-thumb .buttons-wrapper {
    display: block;
    --buttons-gap: 12px
}

.module-products-921 .product-list .product-thumb .button-group {
    justify-content: flex-start;
    --wishlist-gap: 8px
}

.module-products-921 .product-list.product-list .product-thumb .buttons-wrapper {
    margin-top: var(--j-gap-spacing---8);
    --element-margin-top: var(--j-gap-spacing---8)
}

.module-products-921 .product-list .product-thumb .cart-group {
    display: inline-flex
}

.module-products-921 .product-list .out-of-stock .product-thumb .cart-group {
    opacity: .6;
    cursor: not-allowed
}

.module-products-921 .product-list .out-of-stock .product-thumb .cart-group * {
    pointer-events: none
}

.module-products-921 .product-list .product-thumb .btn-cart {
    height: 40px
}

.module-products-921 .product-list .product-thumb .btn-wishlist {
    min-width: 40px;
    height: 40px;
    display: inline-flex
}

.module-products-921 .product-list .product-thumb .btn-quickview {
    min-width: 32px;
    height: 32px
}

.module-products-921 .product-list .product-thumb .btn-compare {
    width: 40px;
    height: 40px;
    display: inline-flex
}

.module-products-921 .product-list .product-thumb .btn-cart:before {
    display: inline-flex;
    content: '\e9f8' !important;
    font-family: icomoon !important
}

.module-products-921 .product-list .product-thumb .btn-cart .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-921 .product-list.product-grid .product-thumb .cart-group {
    flex-grow: 0;
    flex-wrap: wrap;
    flex-direction: row
}

.module-products-921 .product-list.product-grid .product-thumb .cart-group .btn {
    flex-grow: 0
}

.module-products-921 .product-list .product-thumb .btn-cart.btn,
.module-products-921 .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 .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .btn-cart.btn,
.module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-cart.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .btn-cart.btn:hover:active,
.module-products-921 .product-list .product-thumb .btn-cart.btn:focus:active,
.no-touchevents .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-cart.btn:focus,
.module-products-921 .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
}

.module-products-921 .product-list .product-thumb .btn-cart.btn.btn.disabled:after {
    font-size: 1em
}

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

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

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

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

.module-products-921 .product-list .product-thumb .stepper button.fa-angle-up {
    border-inline-width: var(--stepper-border, 0) 0;
    border-block-width: 0
}

.module-products-921 .product-list .product-thumb .stepper button.fa-angle-down {
    border-inline-width: 0 var(--stepper-border, 0);
    border-block-width: 0
}

.module-products-921 .product-list .product-thumb .stepper .form-control {
    max-width: 100% !important
}

.module-products-921 .product-list .product-thumb .stepper .fa-angle-down:before {
    content: '\eb85' !important;
    font-family: icomoon !important;
    font-size: 16px
}

.module-products-921 .product-list .product-thumb .stepper .fa-angle-up:before {
    content: '\eba0' !important;
    font-family: icomoon !important;
    font-size: 16px
}

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

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

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

.module-products-921 .product-list.product-grid .product-thumb .wish-group {
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: 0;
    width: auto
}

.module-products-921 .product-list.product-grid .product-thumb .wish-group .btn-wishlist {
    flex-grow: 0
}

.module-products-921 .product-list.product-grid .product-thumb .wish-group .btn-compare {
    flex-grow: 0
}

.module-products-921 .product-list .product-thumb .btn-wishlist:before {
    display: inline-flex
}

.module-products-921 .product-list .product-thumb .btn-wishlist .btn-text {
    display: none
}

.module-products-921 .product-list .product-thumb .btn-wishlist.btn,
.module-products-921 .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 .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .btn-wishlist.btn,
.module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .btn-wishlist.btn:hover:active,
.module-products-921 .product-list .product-thumb .btn-wishlist.btn:focus:active,
.no-touchevents .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-wishlist.btn:focus,
.module-products-921 .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 .module-products-921 .product-list .product-thumb .btn-wishlist.btn:hover,
.no-touchevents .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-wishlist.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .btn-wishlist.btn:hover:active,
.module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .btn-wishlist.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-921 .product-list .product-thumb .btn-compare:before {
    display: inline-flex
}

.module-products-921 .product-list .product-thumb .btn-compare .btn-text {
    display: none
}

.module-products-921 .product-list .product-thumb .btn-compare.btn,
.module-products-921 .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 .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .btn-compare.btn,
.module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .btn-compare.btn:hover:active,
.module-products-921 .product-list .product-thumb .btn-compare.btn:focus:active,
.no-touchevents .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-compare.btn:focus,
.module-products-921 .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 .module-products-921 .product-list .product-thumb .btn-compare.btn:hover,
.no-touchevents .module-products-921 .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))
}

.module-products-921 .product-list .product-thumb .btn-compare.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .btn-compare.btn:hover:active,
.module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .btn-compare.btn.btn.disabled:after {
    font-size: 1em
}

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

.module-products-921 .product-list .product-thumb .extra-group .btn:first-child {
    display: inline-flex
}

.module-products-921 .product-list .product-thumb .extra-group .btn-extra+.btn {
    display: inline-flex
}

.module-products-921 .product-list .product-thumb .extra-group .btn:first-child:before {
    display: inline-flex;
    color: rgba(64, 148, 99, 1)
}

.module-products-921 .product-list .product-thumb .extra-group .btn:first-child .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn:before {
    display: inline-flex;
    margin-right: 0;
    --element-margin-right: 0px
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn:first-child {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn+.btn.btn {
    border-radius: 99px !important;
    --element-border-radius: 99px !important;
    flex-grow: 0
}

.module-products-921 .product-list .product-layout .extra-group>div {
    justify-content: flex-start
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn,
.module-products-921 .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 .module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .extra-group .btn.btn,
.module-products-921 .product-list .product-thumb .extra-group .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .extra-group .btn.btn:hover:active,
.module-products-921 .product-list .product-thumb .extra-group .btn.btn:focus:active,
.no-touchevents .module-products-921 .product-list .product-thumb .extra-group .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn:focus,
.module-products-921 .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
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .extra-group .btn.btn:hover:active,
.module-products-921 .product-list .product-thumb .extra-group .btn.btn:focus:active {
    box-shadow: none
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn:focus {
    box-shadow: none
}

.module-products-921 .product-list .product-thumb .extra-group .btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn,
.module-products-921 .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 .module-products-921 .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
}

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

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn,
.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:focus:active,
.no-touchevents .module-products-921 .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
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:focus,
.module-products-921 .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
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:active,
.no-touchevents .module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:hover:active,
.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:focus:active {
    box-shadow: none
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn:focus {
    box-shadow: none
}

.module-products-921 .product-list .product-thumb .extra-group .btn+.btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-products-921 .product-list.product-grid .product-thumb .extra-group {
    order: initial;
    overflow: visible;
    position: static
}

.module-products-921 .product-list.product-grid .product-thumb .extra-group>div {
    position: static;
    transform: none;
    opacity: 1
}

.module-products-921 .product-list.product-grid .product-thumb .buttons-wrapper {
    position: static;
    width: auto;
    overflow: visible;
    order: initial;
    transform: none
}

.module-products-921 .product-list.product-grid .product-thumb .buttons-wrapper .button-group {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none
}

.no-touchevents .module-products-921 .product-list.product-grid .product-thumb:hover .buttons-wrapper .button-group {
    transform: none
}

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

.module-products-921 .product-list.product-grid .wish-group .btn {
    flex-basis: auto
}

.module-products-921 .product-list .product-thumb .btn-quickview.btn {
    padding: 0 !important;
    --element-padding: 0px !important
}

div.module-products-921 .product-grid.product-grid .has-countdown .wish-group {
    --countdown-offset-buttons: var(--buttons-countdown-offset, 40px);
    !important
}

div.module-products-921 :not(.product-list) .has-countdown .product-thumb .rating {
    --countdown-offset: var(--countdown-margin, 0) !important
}

div.module-products-921 .product-grid .has-countdown .product-thumb .btn-quickview {
    --countdown-offset: var(--countdown-margin, 0) !important
}

div.module-products-921 .product-layout.has-countdown .product-thumb .countdown {
    display: flex
}

.module-products-921 .flex-grid {
    --flex-grid-width: 300px;
    --flex-grid-gap: 24px
}

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

.module-products-921 .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-921 {
    --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-921 .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-921 .auto-grid .auto-carousel-controls {
    display: flex
}

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

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

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

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

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

.module-products-921 .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-921 .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-921 .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-921 .no-scroll-prev .auto-carousel-prev,
.module-products-921 .no-scroll-next .auto-carousel-next {
    opacity: 0;
    --scale: 0
}

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

div.module-products-921 .auto-grid {
    --bottom-padding: 5px
}

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

div.module-products-921 .auto-grid .auto-grid-items {
    --scroll-by: 3
}

div.module-products-921 {
    --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-921 .swiper-buttons:not(.slider-navigation) {
        display: none;
        width: calc(100% - (0px*2))
    }
}

@media (max-width:500px) {
    .module-products-921 .product-list .product-thumb .product-labels {
        display: none
    }

    .module-products-921 .product-list.product-grid .has-countdown .wish-group {
        --countdown-offset-buttons: 0px
    }

    .module-products-921 .product-list:not(.product-list) .product-thumb .rating {
        --countdown-offset: 0 !important
    }

    .module-products-921 .product-list .product-thumb .btn-quickview {
        --countdown-offset: 0 !important;
        min-width: 28px;
        height: 28px
    }

    .module-products-921 .product-list .has-countdown .product-thumb .countdown {
        display: none
    }

    .module-products-921 .product-list.product-list .product-layout .product-thumb {
        --product-list-gap: var(--j-gap-spacing---6)
    }

    .module-products-921 .product-list .product-thumb .stats-group {
        justify-content: space-between;
        flex-direction: row
    }

    .module-products-921 .product-list .product-thumb .stats-group>span {
        flex-grow: 0
    }

    .module-products-921 .product-list .product-thumb .stats {
        margin-bottom: var(--j-gap-spacing---4);
        --element-margin-bottom: var(--j-gap-spacing---4)
    }

    .module-products-921 .product-list .product-thumb .rating {
        height: auto;
        justify-content: flex-start
    }

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

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

    .module-products-921 .product-list .product-thumb .description {
        display: none
    }

    .module-products-921 .product-list.product-grid .product-layout .product-thumb .name {
        --flex-grow: 0
    }

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

    .module-products-921 .product-list .product-thumb .buttons-wrapper {
        display: none
    }

    .module-products-921 .product-list .product-thumb .btn-wishlist {
        display: none
    }

    .module-products-921 .product-list .product-thumb .btn-compare {
        display: none
    }

    .module-products-921 .product-list .product-thumb .extra-group {
        display: none
    }
}

.module-grid-769>.grid-row-1 {
    --col-gap: var(--j-gap-spacing----11)
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols {
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col {
    flex-basis: calc((900px + 1px - (100*var(--unit, 1%)))*9999);
    --unit: 1%
}

.module-grid-769>.grid-row-1:before {
    display: block;
    left: 0;
    width: 100vw
}

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

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

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

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 30%;
    display: block
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item {
    height: 100%
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item>.module {
    height: 100%
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item>.module>.module-body {
    height: 100%
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    justify-content: center
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    display: none
}

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

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
    min-width: 70%;
    display: block
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.module-grid-769>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items:before {
    display: none
}

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

.module-title-1109 {
    margin-bottom: var(--j-gap-spacing-gap-5);
    --element-margin-bottom: var(--j-gap-spacing-gap-5);
    border-radius: 4px;
    --element-border-radius: 4px;
    max-width: 500px;
    justify-content: center
}

.module-title-1109 .subtitle {
    display: inline-block;
    margin-inline: auto;
    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.6
}

.module-title-1109 .title-divider {
    display: none;
    max-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));
    margin-inline: auto
}

.module-title-1109.title-module {
    align-self: center !important
}

.module-title-1109 .title-wrapper {
    text-align: center;
    align-self: center
}

.module-title-1109 .title-main {
    justify-content: center;
    flex-direction: column
}

.module-title-1109 .title-label {
    margin-inline: auto
}

.module-title-1109 .title-main:before {
    text-align: center;
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    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));
    line-height: 1;
    margin-top: -30px;
    opacity: .25;
    display: none;
    opacity: .05
}

.module-title-1109 .title-buttons {
    justify-content: center;
    gap: var(--j-gap-spacing-gap-3)
}

.module-title-1109 .title-wrapper>div:not(:first-child):not(:empty),
.module-title-1109 .title-wrapper>.title-divider {
    margin-top: var(--j-gap-spacing---5)
}

.module-title-1109 .title-wrapper>div.title-label {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size-300);
    color: rgba(242, 119, 99, 1);
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 1.3
}

.module-title-1109 .title-wrapper>div.title-label s {
    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)
}

.module-title-1109 div.title-wrapper>div.title-label {
    font-size: var(--j-font_size-font-size-200)
}

.module-title-1109 .title-wrapper h3 {
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    font-size: var(--j-font_size-font-size--title-section);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    letter-spacing: -.5px;
    line-height: 1.3
}

.module-title-1109 .title-wrapper>div:not(:first-child):not(:empty).title-buttons {
    margin-top: var(--j-gap-spacing-gap-general-2);
    --element-margin-top: var(--j-gap-spacing-gap-general-2)
}

.module-title-1109 .title-inline-btn.btn,
.module-title-1109 .title-inline-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-title-1109 .title-inline-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-title-1109 .title-inline-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-title-1109 .title-inline-btn.btn,
.module-title-1109 .title-inline-btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-1109 .title-inline-btn.btn:active,
.no-touchevents .module-title-1109 .title-inline-btn.btn:hover:active,
.module-title-1109 .title-inline-btn.btn:focus:active,
.no-touchevents .module-title-1109 .title-inline-btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-1109 .title-inline-btn.btn:focus,
.module-title-1109 .title-inline-btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-title-1109 .title-inline-btn.btn:active,
.no-touchevents .module-title-1109 .title-inline-btn.btn:hover:active,
.module-title-1109 .title-inline-btn.btn:focus:active {
    box-shadow: none
}

.module-title-1109 .title-inline-btn.btn:focus {
    box-shadow: none
}

.module-title-1109 .title-inline-btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-title-1109 .title-inline-btn:after {
    content: '\e9b1' !important;
    font-family: icomoon !important;
    margin-left: var(--j-gap-spacing---3);
    --element-margin-left: var(--j-gap-spacing---3)
}

.module-title-1109 .title-inline-btn {
    font-size: var(--j-font_size-font-size-500) !important
}

.module-title-1109 .title-btn-1.btn,
.module-title-1109 .title-btn-1.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-title-1109 .title-btn-1.btn:hover {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1))
}

.module-title-1109 .title-btn-1.btn:active,
.no-touchevents .module-title-1109 .title-btn-1.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-title-1109 .title-btn-1.btn {
    --focus-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important;
    border-width: 1px;
    border-style: solid
}

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

.module-title-1109 .title-btn-1.btn:active,
.no-touchevents .module-title-1109 .title-btn-1.btn:hover:active,
.module-title-1109 .title-btn-1.btn:focus:active,
.no-touchevents .module-title-1109 .title-btn-1.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-title-1109 .title-btn-1.btn:focus,
.module-title-1109 .title-btn-1.btn[disabled] {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important;
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - -1%), calc(var(--j-color-scheme-background-secondary-a)*1)) !important
}

.no-touchevents .module-title-1109 .title-btn-1.btn:hover,
.no-touchevents .module-title-1109 .title-btn-1.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-title-1109 .title-btn-1.btn:active,
.no-touchevents .module-title-1109 .title-btn-1.btn:hover:active,
.module-title-1109 .title-btn-1.btn:focus:active {
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

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

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

.module-title-1109 .title-btn-1:after {
    content: '\e9b1' !important;
    font-family: icomoon !important
}

.module-title-1109 .title-btn-2.btn,
.module-title-1109 .title-btn-2.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-title-1109 .title-btn-2.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-title-1109 .title-btn-2.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-title-1109 .title-btn-2.btn,
.module-title-1109 .title-btn-2.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-1109 .title-btn-2.btn:active,
.no-touchevents .module-title-1109 .title-btn-2.btn:hover:active,
.module-title-1109 .title-btn-2.btn:focus:active,
.no-touchevents .module-title-1109 .title-btn-2.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-1109 .title-btn-2.btn:focus,
.module-title-1109 .title-btn-2.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-title-1109 .title-btn-2.btn:active,
.no-touchevents .module-title-1109 .title-btn-2.btn:hover:active,
.module-title-1109 .title-btn-2.btn:focus:active {
    box-shadow: none
}

.module-title-1109 .title-btn-2.btn:focus {
    box-shadow: none
}

.module-title-1109 .title-btn-2.btn.btn.disabled:after {
    font-size: 1em
}

div.module.title-module.module-title-1109 {
    align-self: flex-start !important
}

div.module-title-1109 .title-wrapper {
    text-align: start;
    align-self: flex-start
}

div.module-title-1109 .title-main {
    justify-content: flex-start;
    flex-direction: row
}

div.module-title-1109 .title-wrapper .title-label {
    margin-inline: 0 auto
}

div.module-title-1109 .title-divider {
    margin-inline: 0 auto
}

div.module-title-1109 .subtitle {
    margin-inline: 0 auto
}

div.module-title-1109 .title-main:before {
    text-align: start
}

div.module-title-1109 .title-wrapper .title-buttons {
    justify-content: start
}

@media (max-width:1200px) {
    .module-title-1109.title-module {
        align-self: center !important
    }

    .module-title-1109 .title-wrapper {
        text-align: center;
        align-self: center
    }

    .module-title-1109 .title-main {
        justify-content: center;
        flex-direction: column
    }

    .module-title-1109 .title-label {
        margin-inline: auto
    }

    .module-title-1109 .title-divider {
        margin-inline: auto
    }

    .module-title-1109 .subtitle {
        margin-inline: auto
    }

    .module-title-1109 .title-main:before {
        text-align: center;
        font-size: 35px
    }

    .module-title-1109 .title-buttons {
        justify-content: center
    }
}

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

.module-gallery-861 .swiper-buttons.auto-carousel-buttons span:before,
.module-gallery-861 .swiper-buttons.swiper-buttons>div:before,
.module-gallery-861 .swiper-buttons.scroll-top em:before,
.module-gallery-861 .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-gallery-861 .swiper-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-gallery-861 .swiper-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-gallery-861 .swiper-buttons.scroll-top em:hover:before,
.no-touchevents .module-gallery-861 .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-gallery-861 .swiper-buttons.auto-carousel-buttons span:active:before,
.module-gallery-861 .swiper-buttons.swiper-buttons>div:active:before,
.module-gallery-861 .swiper-buttons.scroll-top em:active:before,
.module-gallery-861 .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-gallery-861 .swiper-buttons.auto-carousel-buttons span,
.module-gallery-861 .swiper-buttons.swiper-buttons>div,
.module-gallery-861 .swiper-buttons.scroll-top em,
.module-gallery-861 .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-gallery-861 .swiper-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-gallery-861 .swiper-buttons.swiper-buttons>div:hover,
.no-touchevents .module-gallery-861 .swiper-buttons.scroll-top em:hover,
.no-touchevents .module-gallery-861 .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-gallery-861 .swiper-buttons.auto-carousel-buttons span:active,
.module-gallery-861 .swiper-buttons.swiper-buttons>div:active,
.module-gallery-861 .swiper-buttons.scroll-top em:active,
.module-gallery-861 .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-gallery-861 .swiper-button-prev:before {
    transform: scaleX(-1)
}

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

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

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

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

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

.module-gallery-861 .swiper-button-disabled {
    opacity: 0
}

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

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

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

.module-gallery-861 .swiper-wrapper {
    cursor: auto
}

.module-gallery-861 .swiper {
    padding-bottom: 15px
}

.module-gallery-861 .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-gallery-861 .swiper-pagination>span+span {
    margin-inline-start: 8px
}

.no-touchevents .module-gallery-861 .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-gallery-861 .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-gallery-861 .swiper-pagination>span {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

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

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

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

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

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

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

.side-column .module-gallery-861 .ipr-grid .module-item.swiper-slide {
    margin-right: 16px;
    width: calc((100% - 2*16px)/3 - .01px)
}

.side-column .module-gallery-861 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 8px;
    width: calc(100%/3 - .01px)
}

.module-gallery-861 .module-item>a .gallery-image:before {
    background-color: rgba(0, 0, 0, .45);
    mix-blend-mode: multiply;
    --opacity: .5;
    opacity: var(--opacity-hover, var(--opacity, 1))
}

.no-touchevents .module-gallery-861 .module-item:hover>a .gallery-image:before {
    --opacity-hover: 1
}

.module-gallery-861 .module-item>a:after {
    --display: flex;
    align-items: center;
    justify-content: center;
    content: '\eba1' !important;
    font-family: icomoon !important;
    font-size: 30px;
    color: rgba(255, 255, 255, .8)
}

.module-gallery-861 .module-item>a:before {
    display: none;
    color: rgba(247, 247, 247, 1);
    line-height: 1.2
}

.module-gallery-861 div.module-item>a:after {
    display: var(--display);
    opacity: var(--opacity)
}

.module-gallery-861 .module-item>a {
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-gallery-861 .module-item>a img {
    transform: scale(1)
}

.module-gallery-861 .gallery-image-caption {
    display: none
}

div.module-gallery-861 .module-item>a:after {
    --display: flex
}

div.module-gallery-861 .module-item>a:before {
    display: none
}

div.module-gallery-861 .module-item>a .gallery-image:before {
    opacity: var(--opacity-hover, var(--opacity, 1))
}

.lg-861 .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-861 #lg-actual-size-1 {
    display: none
}

.lg-861 .lg-autoplay-button {
    display: none
}

.lg-861 .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-861 .lg-download {
    display: flex
}

.lg-861 .lg-close {
    display: flex
}

.lg-861 .lg-content .lg-icon {
    display: flex;
    width: 48px;
    height: 48px;
    height: 48px
}

.lg-861 .lg-toolbar .lg-icon,
.lg-861 .lg-toolbar .lg-counter {
    color: rgba(255, 255, 255, .5)
}

.no-touchevents .lg-861 .lg-toolbar .lg-icon:hover {
    color: rgba(255, 255, 255, 1)
}

.lg-861 .lg-fullscreen {
    display: flex
}

.lg-861 .lg-image,
.lg-861 .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-861 .lg-image {
    max-height: calc(100% - 100px);
    max-width: calc(100% - 25px)
}

.lg-861 .lg-video-play-button {
    color: rgba(255, 255, 255, 1)
}

.lg-861 .lg-content.auto-carousel-buttons span:before,
.lg-861 .lg-content.swiper-buttons>div:before,
.lg-861 .lg-content.scroll-top em:before,
.lg-861 .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-861 .lg-content.auto-carousel-buttons span:hover:before,
.no-touchevents .lg-861 .lg-content.swiper-buttons>div:hover:before,
.no-touchevents .lg-861 .lg-content.scroll-top em:hover:before,
.no-touchevents .lg-861 .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-861 .lg-content.auto-carousel-buttons span:active:before,
.lg-861 .lg-content.swiper-buttons>div:active:before,
.lg-861 .lg-content.scroll-top em:active:before,
.lg-861 .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-861 .lg-content.auto-carousel-buttons span,
.lg-861 .lg-content.swiper-buttons>div,
.lg-861 .lg-content.scroll-top em,
.lg-861 .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-861 .lg-content.auto-carousel-buttons span:hover,
.no-touchevents .lg-861 .lg-content.swiper-buttons>div:hover,
.no-touchevents .lg-861 .lg-content.scroll-top em:hover,
.no-touchevents .lg-861 .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-861 .lg-content.auto-carousel-buttons span:active,
.lg-861 .lg-content.swiper-buttons>div:active,
.lg-861 .lg-content.scroll-top em:active,
.lg-861 .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-861 .lg-content .lg-prev:before {
    transform: scaleX(-1)
}

.lg-861 .lg-outer .lg-counter {
    visibility: visible
}

.lg-861 .lg-zoom-in {
    display: none
}

.lg-861 .lg-zoom-out {
    display: none
}

.lg-861 .lg-download:after {
    content: '\eb4e' !important;
    font-family: icomoon !important
}

.lg-861 .lg-zoom-in:after {
    content: '\ebef' !important;
    font-family: icomoon !important
}

.lg-861 .lg-zoom-out:after {
    content: '\ebf0' !important;
    font-family: icomoon !important
}

.lg-861 .lg-close:after {
    content: '\e981' !important;
    font-family: icomoon !important
}

.lg-861 .lg-toolbar {
    height: 55px
}

.lg-861 .lg-sub-html {
    color: rgba(255, 255, 255, .8);
    padding-block: var(--caption-distance, 1rem);
    margin-top: 0
}

.lg-861 .lg-outer {
    --caption-distance: 12px;
    --thumbs-padding: 10px
}

.lg-861 div.lg-sub-html {
    display: block !important
}

.lg-861 .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-861 .lg-components .lg-thumb-item+.lg-thumb-item {
    margin-inline-start: 8px
}

.lg-861 .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-861 .lg-outer div.lg-thumb {
    background-color: rgba(0, 0, 0, .8);
    --background-color: rgba(0, 0, 0, .8)
}

.lg-861 .module-button .btn {
    transform: scale(calc(100/100))
}

.no-touchevents .lg-861 .lg-thumb-item:not(.active):hover {
    transform: scale(calc(105/100));
    opacity: 1
}

.lg-861 .lg-thumb-item.active {
    transform: scale(calc(105/100));
    opacity: 1
}

.lg-861 .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-861 .lg-outer .lg-toggle-thumb:hover:after {
    color: rgba(255, 255, 255, 1)
}

.lg-861 .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-861 .lg-components {
    display: block
}

.lg-861 {
    --thumb-width: 90px;
    --thumb-height: 80px
}

.module-gallery-861 .module-body {
    justify-content: flex-start
}

.module-gallery-861 .open-btn {
    transform: scale(calc(100/100));
    transform-origin: top left
}

.module-gallery-861 .flex-grid {
    --flex-grid-width: 200px;
    --flex-grid-max-col: calc((100% - (4 - 1)*var(--flex-grid-gap, 0px))/4)
}

.module-gallery-861 .flex-grid>* {
    flex-grow: 1
}

.module-gallery-861 .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);
    --auto-carousel-button-width: 35px;
    --auto-carousel-button-height: 35px
}

div.module-gallery-861 .auto-grid {
    --grid-min-width: 160px;
    --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
}

.module-gallery-861 {
    --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-gallery-861 .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);
    --grid-rows: 2
}

.module-gallery-861 .auto-grid .auto-carousel-controls {
    display: flex
}

.module-gallery-861 .auto-grid .auto-carousel-items:after {
    display: block
}

.module-gallery-861 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: none
}

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

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

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

.module-gallery-861 .auto-grid-items:before,
.module-gallery-861 .auto-grid-items:after {
    --fader-width-right: 200px
}

.module-gallery-861 .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-gallery-861 .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-gallery-861 .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-gallery-861 .auto-carousel-next span:before {
    font-size: 18px
}

.no-touchevents .module-gallery-861 .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)
}

.touchevents div.module-gallery-861 .auto-grid-items:not(.is-dragging)>* {
    scroll-snap-align: none
}

div.module-gallery-861 .auto-grid .auto-grid-items {
    --scroll-by: 3
}

div.module-gallery-861 {
    --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-gallery-861 .masonry-grid {
    --masonry-cols-width: 200px
}

@media (max-width:500px) {
    .lg-861 div.lg-sub-html {
        display: none !important
    }

    .lg-861 .lg-content .lg-icon {
        width: 40px;
        height: 40px;
        height: 40px
    }
}

.module-gallery-861 .module-item-1>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-2>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-3>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-4>a:before {
    content: 'Video support'
}

div.module-gallery-861 .module-body div.module-item-4>a:after {
    content: '\ea42' !important;
    font-family: icomoon !important;
    display: flex;
    opacity: 1;
    transform: scale(1)
}

.module-gallery-861 .module-item-5>a:before {
    content: 'Banners with links'
}

.module-gallery-861 .module-item-6>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-7>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-8>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-9>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-10>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-11>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-12>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-13>a:before {
    content: 'Custom image caption'
}

.module-gallery-861 .module-item-14>a:before {
    content: 'Image Caption'
}

.module-gallery-861 .module-item-15>a:before {
    content: 'Image Caption'
}

.module-gallery-861 .module-item-16>a:before {
    content: 'Image Caption'
}

.module-gallery-861 .module-item-17>a:before {
    content: 'Image Caption'
}

.module-gallery-861 .module-item-18>a:before {
    content: 'Image Caption'
}

.module-blog_posts-998 .nav-tabs>li>a:not(.item-all-link),
.module-blog_posts-998 .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .module-blog_posts-998 .nav-tabs>li.active>a:not(.item-all-link):hover,
.module-blog_posts-998 .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 .module-blog_posts-998 .nav-tabs>li:hover>a:not(.item-all-link),
.module-blog_posts-998 .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-blog_posts-998 .nav-tabs>li.active>a:not(.item-all-link),
.no-touchevents .module-blog_posts-998 .nav-tabs>li.active>a:not(.item-all-link):hover,
.module-blog_posts-998 .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-blog_posts-998 .nav-tabs>li {
    border-width: 0;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0)
}

.no-touchevents .module-blog_posts-998 .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))
}

.module-blog_posts-998 .nav-tabs>li.active,
.no-touchevents .module-blog_posts-998 .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))
}

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

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

.module-blog_posts-998 .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
}

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

.module-blog_posts-998 .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
}

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

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

.module-blog_posts-998 ul.nav-tabs {
    --tabs-gap: var(--j-gap-spacing-gap-4);
    --max-width-display: var(--max-width, 100vw)
}

.module-blog_posts-998 {
    --align-tabs: var(--tabs-align, flex-start);
    --tabs-align: flex-start;
    --center-insufficient: var(--center-insufficient-carousel, initial);
    --inline-margin: auto;
    --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-blog_posts-998 .full-tabs-bg {
    --full-bg-display: block
}

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

.module-blog_posts-998 .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-blog_posts-998 .tab-content {
    flex-basis: 100%;
    max-height: none;
    overflow-y: initial;
    overflow-x: initial
}

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

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

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

.module-blog_posts-998 ul.nav-tabs {
    scrollbar-width: none
}

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

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

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

.module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/4 - .01px)
}

.one-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 2*20px)/3 - .01px)
}

.one-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/3 - .01px)
}

.two-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 1*20px)/2 - .01px)
}

.two-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/2 - .01px)
}

.side-column .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
    margin-right: 20px;
    width: calc((100% - 0*20px)/1 - .01px)
}

.side-column .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
    padding: 10px;
    width: calc(100%/1 - .01px)
}

.module-blog_posts-998.module-blog_posts-list.post-list .post-layout {
    --post-list-spacing: var(--j-gap-spacing-vertical-xl)
}

.module-blog_posts-998.module-blog_posts-list.post-list .post-thumb .image {
    --list-image: 40%
}

.module-blog_posts-998.module-blog_posts-list .post-thumb {
    --details-stack: 300px
}

.module-blog_posts-998.module-blog_posts-list.post-list .post-thumb .caption {
    justify-content: center
}

.module-blog_posts-998.module-blog_posts-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)
}

.module-blog_posts-998.module-blog_posts-list .post-layout {
    --details-gap: var(--j-gap-spacing-gap-4)
}

.module-blog_posts-998.module-blog_posts-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)
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .image {
    display: block
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .image a {
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .module-blog_posts-998.module-blog_posts-list .post-thumb:hover .image img {
    transform: scale(1.15)
}

.module-blog_posts-998.module-blog_posts-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
}

.module-blog_posts-998.module-blog_posts-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 .module-blog_posts-998.module-blog_posts-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
}

.module-blog_posts-998.module-blog_posts-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)
}

.module-blog_posts-998.module-blog_posts-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
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more:before {
    display: inline-block
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more .btn-text {
    display: inline-block;
    padding: 0 .4em
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more:after {
    content: '\e93f' !important;
    font-family: icomoon !important
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn,
.module-blog_posts-998.module-blog_posts-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 .module-blog_posts-998.module-blog_posts-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
}

.module-blog_posts-998.module-blog_posts-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
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn,
.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:active,
.no-touchevents .module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:hover:active,
.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:focus:active,
.no-touchevents .module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:focus,
.module-blog_posts-998.module-blog_posts-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
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:active,
.no-touchevents .module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:hover:active,
.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:focus:active {
    box-shadow: none
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn:focus {
    box-shadow: none
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .btn-read-more.btn.btn.disabled:after {
    font-size: 1em
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .post-stats .p-author {
    display: block
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .p-date {
    display: flex
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .post-stats .p-comment {
    display: block
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .post-stats .p-view {
    display: flex
}

.module-blog_posts-998.module-blog_posts-list .post-thumb .p-date-image em {
    font-size: var(--j-font_size-font-size-100)
}

.module-blog_posts-998 .flex-grid>* {
    flex-grow: 1
}

div.module-blog_posts-998 .auto-grid {
    --grid-min-width: 400px;
    --grid-min-col: 1.1;
    --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
}

.module-blog_posts-998 .auto-grid {
    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: 28px;
    --auto-carousel-button-height: 28px;
    --auto-carousel-button-gap: 4px;
    --auto-carousel-button-y: -24px
}

.module-blog_posts-998 .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-blog_posts-998 .auto-grid .auto-carousel-controls {
    display: flex
}

.module-blog_posts-998 .auto-grid .auto-carousel-items:after {
    display: block
}

.module-blog_posts-998 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: none
}

.module-blog_posts-998 .auto-grid>.auto-grid-items:before {
    --fader-status: 1;
    display: block
}

.module-blog_posts-998 .auto-grid>.auto-grid-items:after {
    --fader-status: 1;
    display: block
}

.module-blog_posts-998 .auto-carousel-buttons.auto-carousel-buttons span:before,
.module-blog_posts-998 .auto-carousel-buttons.swiper-buttons>div:before,
.module-blog_posts-998 .auto-carousel-buttons.scroll-top em:before,
.module-blog_posts-998 .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-blog_posts-998 .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-blog_posts-998 .auto-carousel-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-blog_posts-998 .auto-carousel-buttons.scroll-top em:hover:before,
.no-touchevents .module-blog_posts-998 .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-blog_posts-998 .auto-carousel-buttons.auto-carousel-buttons span:active:before,
.module-blog_posts-998 .auto-carousel-buttons.swiper-buttons>div:active:before,
.module-blog_posts-998 .auto-carousel-buttons.scroll-top em:active:before,
.module-blog_posts-998 .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-blog_posts-998 .auto-carousel-buttons.auto-carousel-buttons span,
.module-blog_posts-998 .auto-carousel-buttons.swiper-buttons>div,
.module-blog_posts-998 .auto-carousel-buttons.scroll-top em,
.module-blog_posts-998 .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-blog_posts-998 .auto-carousel-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-blog_posts-998 .auto-carousel-buttons.swiper-buttons>div:hover,
.no-touchevents .module-blog_posts-998 .auto-carousel-buttons.scroll-top em:hover,
.no-touchevents .module-blog_posts-998 .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-blog_posts-998 .auto-carousel-buttons.auto-carousel-buttons span:active,
.module-blog_posts-998 .auto-carousel-buttons.swiper-buttons>div:active,
.module-blog_posts-998 .auto-carousel-buttons.scroll-top em:active,
.module-blog_posts-998 .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-blog_posts-998 .auto-carousel-prev span:before {
    transform: scaleX(-1);
    font-size: 16px
}

.module-blog_posts-998 .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-blog_posts-998 .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-blog_posts-998 .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-blog_posts-998 .no-scroll-prev .auto-carousel-prev,
.module-blog_posts-998 .no-scroll-next .auto-carousel-next {
    opacity: 0;
    --scale: 0
}

.module-blog_posts-998 .auto-carousel-next span:before {
    font-size: 16px
}

.touchevents div.module-blog_posts-998 .auto-grid-items:not(.is-dragging)>* {
    scroll-snap-align: start
}

div.module-blog_posts-998 {
    --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-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 2*20px)/3 - .01px)
    }

    .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/3 - .01px)
    }
}

@media (max-width:900px) {
    .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }

    .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }

    .one-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 1*20px)/2 - .01px)
    }

    .one-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/2 - .01px)
    }
}

@media (max-width:500px) {
    .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }

    .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }

    .one-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }

    .one-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }

    .two-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout.swiper-slide {
        margin-right: 20px;
        width: calc((100% - 0*20px)/1 - .01px)
    }

    .two-column #content .module-blog_posts-998.module-blog_posts-grid .ipr-grid .post-layout:not(.swiper-slide) {
        padding: 10px;
        width: calc(100%/1 - .01px)
    }

    .module-blog_posts-998.module-blog_posts-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
    }

    .module-blog_posts-998.module-blog_posts-list .post-thumb .description {
        display: none
    }

    .module-blog_posts-998.module-blog_posts-list .post-thumb .button-group {
        margin-top: var(--j-gap-spacing---4);
        --element-margin-top: var(--j-gap-spacing---4)
    }

    .module-blog_posts-998.module-blog_posts-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)
    }
}

.module-grid-938>.grid-row-1 {
    --col-gap: var(--j-gap-spacing----11)
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols {
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col {
    flex-basis: calc((900px + 1px - (100*var(--unit, 1%)))*9999);
    --unit: 1%
}

.module-grid-938>.grid-row-1:before {
    display: block;
    left: 0;
    width: 100vw
}

.module-grid-938>.grid-row-1>.video-row {
    display: block
}

.module-grid-938>.grid-row-1>.wave-top {
    display: block;
    transform: translate3d(0, -63%, 0) scale(1)
}

.module-grid-938>.grid-row-1>.wave-bottom {
    transform: translate3d(0, 63%, 0) scale(-1);
    display: block
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 30%;
    display: block
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item {
    height: 100%
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item>.module {
    height: 100%
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item>.module>.module-body {
    height: 100%
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    justify-content: center
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    display: none
}

.grid-items>.grid-item.grid-module-grid-938-1-1-1 {
    display: flex
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
    min-width: 70%;
    display: block
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
    justify-content: center
}

.module-grid-938>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items:before {
    display: none
}

.grid-items>.grid-item.grid-module-grid-938-1-2-1 {
    display: flex
}

.module-title-945 {
    margin-bottom: var(--j-gap-spacing-gap-5);
    --element-margin-bottom: var(--j-gap-spacing-gap-5);
    border-radius: 4px;
    --element-border-radius: 4px;
    max-width: 500px;
    justify-content: center
}

.module-title-945 .subtitle {
    display: inline-block;
    margin-inline: auto;
    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.6
}

.module-title-945 .title-divider {
    display: none;
    max-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));
    margin-inline: auto;
    display: none
}

.module-title-945.title-module {
    align-self: center !important
}

.module-title-945 .title-wrapper {
    text-align: center;
    align-self: center
}

.module-title-945 .title-main {
    justify-content: center;
    flex-direction: column
}

.module-title-945 .title-label {
    margin-inline: auto
}

.module-title-945 .title-main:before {
    text-align: center;
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    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));
    line-height: 1;
    margin-top: -30px;
    opacity: .25;
    display: none;
    opacity: .05
}

.module-title-945 .title-buttons {
    justify-content: center;
    gap: var(--j-gap-spacing-gap-3)
}

.module-title-945 .title-wrapper>div:not(:first-child):not(:empty),
.module-title-945 .title-wrapper>.title-divider {
    margin-top: var(--j-gap-spacing---5)
}

.module-title-945 .title-wrapper>div.title-label {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size-300);
    color: rgba(242, 119, 99, 1);
    text-transform: uppercase;
    letter-spacing: .5px;
    line-height: 1.3
}

.module-title-945 .title-wrapper>div.title-label s {
    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)
}

.module-title-945 div.title-wrapper>div.title-label {
    font-size: var(--j-font_size-font-size-200)
}

.module-title-945 .title-wrapper h3 {
    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;
    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
}

.module-title-945 .title-wrapper>div:not(:first-child):not(:empty).title-buttons {
    margin-top: var(--j-gap-spacing-gap-general-2);
    --element-margin-top: var(--j-gap-spacing-gap-general-2)
}

.module-title-945 .title-inline-btn.btn,
.module-title-945 .title-inline-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-title-945 .title-inline-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-title-945 .title-inline-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-title-945 .title-inline-btn.btn,
.module-title-945 .title-inline-btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-945 .title-inline-btn.btn:active,
.no-touchevents .module-title-945 .title-inline-btn.btn:hover:active,
.module-title-945 .title-inline-btn.btn:focus:active,
.no-touchevents .module-title-945 .title-inline-btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-945 .title-inline-btn.btn:focus,
.module-title-945 .title-inline-btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-title-945 .title-inline-btn.btn:active,
.no-touchevents .module-title-945 .title-inline-btn.btn:hover:active,
.module-title-945 .title-inline-btn.btn:focus:active {
    box-shadow: none
}

.module-title-945 .title-inline-btn.btn:focus {
    box-shadow: none
}

.module-title-945 .title-inline-btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-title-945 .title-inline-btn:after {
    content: '\e9b1' !important;
    font-family: icomoon !important;
    margin-left: var(--j-gap-spacing---3);
    --element-margin-left: var(--j-gap-spacing---3)
}

.module-title-945 .title-inline-btn {
    font-size: var(--j-font_size-font-size-500) !important
}

.module-title-945 .title-btn-1.btn,
.module-title-945 .title-btn-1.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;
    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-title-945 .title-btn-1.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));
    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-title-945 .title-btn-1.btn:active,
.no-touchevents .module-title-945 .title-btn-1.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-title-945 .title-btn-1.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;
    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-title-945 .title-btn-1.btn,
.module-title-945 .title-btn-1.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));
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-945 .title-btn-1.btn:active,
.no-touchevents .module-title-945 .title-btn-1.btn:hover:active,
.module-title-945 .title-btn-1.btn:focus:active,
.no-touchevents .module-title-945 .title-btn-1.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));
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-945 .title-btn-1.btn:focus,
.module-title-945 .title-btn-1.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;
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.no-touchevents .module-title-945 .title-btn-1.btn:hover,
.no-touchevents .module-title-945 .title-btn-1.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-title-945 .title-btn-1.btn:active,
.no-touchevents .module-title-945 .title-btn-1.btn:hover:active,
.module-title-945 .title-btn-1.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;
    box-shadow: none
}

.module-title-945 .title-btn-1.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));
    box-shadow: none
}

.module-title-945 .title-btn-1.btn.btn.disabled:after {
    font-size: 1em;
    font-size: 1em
}

.module-title-945 .title-btn-1:after {
    content: '\e9b1' !important;
    font-family: icomoon !important
}

.module-title-945 .title-btn-2.btn,
.module-title-945 .title-btn-2.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-title-945 .title-btn-2.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-title-945 .title-btn-2.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-title-945 .title-btn-2.btn,
.module-title-945 .title-btn-2.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-945 .title-btn-2.btn:active,
.no-touchevents .module-title-945 .title-btn-2.btn:hover:active,
.module-title-945 .title-btn-2.btn:focus:active,
.no-touchevents .module-title-945 .title-btn-2.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-title-945 .title-btn-2.btn:focus,
.module-title-945 .title-btn-2.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-title-945 .title-btn-2.btn:active,
.no-touchevents .module-title-945 .title-btn-2.btn:hover:active,
.module-title-945 .title-btn-2.btn:focus:active {
    box-shadow: none
}

.module-title-945 .title-btn-2.btn:focus {
    box-shadow: none
}

.module-title-945 .title-btn-2.btn.btn.disabled:after {
    font-size: 1em
}

div.module-title-945 {
    margin: 0;
    --element-margin: 0px
}

div.module-title-945 .title-wrapper>div:not(:first-child):not(:empty),
div.module-title-945 .title-wrapper>.title-divider {
    margin-top: var(--j-gap-spacing---5)
}

div.module.title-module.module-title-945 {
    align-self: flex-start !important
}

div.module-title-945 .title-wrapper {
    text-align: start;
    align-self: flex-start
}

div.module-title-945 .title-main {
    justify-content: flex-start;
    flex-direction: row
}

div.module-title-945 .title-wrapper .title-label {
    margin-inline: 0 auto
}

div.module-title-945 .title-divider {
    margin-inline: 0 auto
}

div.module-title-945 .subtitle {
    margin-inline: 0 auto
}

div.module-title-945 .title-main:before {
    text-align: start
}

div.module-title-945 .title-wrapper .title-buttons {
    justify-content: start
}

@media (max-width:1200px) {
    .module-title-945.title-module {
        align-self: center !important
    }

    .module-title-945 .title-wrapper {
        text-align: center;
        align-self: center
    }

    .module-title-945 .title-main {
        justify-content: center;
        flex-direction: column
    }

    .module-title-945 .title-label {
        margin-inline: auto
    }

    .module-title-945 .title-divider {
        margin-inline: auto
    }

    .module-title-945 .subtitle {
        margin-inline: auto
    }

    .module-title-945 .title-main:before {
        text-align: center;
        font-size: 35px
    }

    .module-title-945 .title-buttons {
        justify-content: center
    }
}

div.module-info_blocks-1139 .module-title {
    text-align: center
}

div.module-info_blocks-1139 .module-description {
    text-align: center
}

div.module-info_blocks-1139 .module-title:after {
    margin-inline-start: auto;
    margin-inline-end: auto
}

.module-info_blocks-1139 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.module-info_blocks-1139 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.one-column #content .module-info_blocks-1139 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.one-column #content .module-info_blocks-1139 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.two-column #content .module-info_blocks-1139 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.two-column #content .module-info_blocks-1139 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.side-column .module-info_blocks-1139 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.side-column .module-info_blocks-1139 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.module-info_blocks-1139 .info-block .info-block-title {
    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;
    display: flex
}

.module-info_blocks-1139 .info-block-text {
    order: initial
}

.module-info_blocks-1139 .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.25;
    display: block
}

.module-info_blocks-1139 .info-block-content:before {
    display: none
}

.module-info_blocks-1139 a.info-block {
    overflow: visible
}

.module-info_blocks-1139 a.info-block .info-block-content:before {
    transform: scaleX(0) scaleY(1);
    transform-origin: right
}

.no-touchevents .module-info_blocks-1139 a.info-block:hover .info-block-content:before {
    transform: scaleX(1) scaleY(1);
    transform-origin: left
}

.module-info_blocks-1139 .info-block {
    align-items: flex-start;
    --align-v: flex-start;
    --align-h: flex-start;
    --align-text-v: start;
    --align-text-h: start;
    display: flex;
    flex-direction: column
}

.module-info_blocks-1139 .info-block:before {
    align-self: flex-start;
    height: var(--height)
}

.module-info_blocks-1139 .info-block-img {
    align-self: flex-start
}

.module-info_blocks-1139 .info-block-counter {
    align-self: flex-start;
    font-family: 'Noto Kufi Arabic';
    font-weight: 700;
    font-size: var(--j-font_size-font-size--title-display-m);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--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: -1.5px;
    word-spacing: 1px;
    line-height: 1.2
}

.module-info_blocks-1139 .info-block-content {
    justify-content: flex-start;
    align-items: var(--align-h);
    text-align: var(--align-text-h)
}

.module-info_blocks-1139 .info-block:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

.module-info_blocks-1139 .info-blocks .info-block-title:before {
    display: none
}

.module-info_blocks-1139 .info-blocks-incremental .info-block:before {
    content: counter(top-counters) !important
}

.module-info_blocks-1139 .info-block-counter:after {
    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.7));
    margin-left: var(--j-gap-spacing---2);
    --element-margin-left: var(--j-gap-spacing---2)
}

.module-info_blocks-1139 .info-block-button.btn,
.module-info_blocks-1139 .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-1139 .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-1139 .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-1139 .info-block-button.btn,
.module-info_blocks-1139 .info-block-button.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-info_blocks-1139 .info-block-button.btn:active,
.no-touchevents .module-info_blocks-1139 .info-block-button.btn:hover:active,
.module-info_blocks-1139 .info-block-button.btn:focus:active,
.no-touchevents .module-info_blocks-1139 .info-block-button.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-info_blocks-1139 .info-block-button.btn:focus,
.module-info_blocks-1139 .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-1139 .info-block-button.btn:active,
.no-touchevents .module-info_blocks-1139 .info-block-button.btn:hover:active,
.module-info_blocks-1139 .info-block-button.btn:focus:active {
    box-shadow: none
}

.module-info_blocks-1139 .info-block-button.btn:focus {
    box-shadow: none
}

.module-info_blocks-1139 .info-block-button.btn.btn.disabled:after {
    font-size: 1em
}

.module-info_blocks-1139 .info-block-button {
    display: none
}

.module-info_blocks-1139 .info-block .count-badge {
    display: none
}

.module-info_blocks-1139 .flex-grid {
    --flex-grid-width: 300px;
    justify-content: center
}

.module-info_blocks-1139 .flex-grid>* {
    flex-grow: 1
}

div.module-info_blocks-1139 .auto-grid {
    --grid-min-width: 200px;
    --grid-min-col: 2;
    --grid-gap: var(--j-gap-spacing-gap-5);
    --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-1139 {
    --center-insufficient: initial;
    --inline-margin: initial;
    --center-insufficient-carousel: initial
}

.module-info_blocks-1139 .auto-grid {
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr
}

.module-info_blocks-1139 .auto-grid .auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset
}

.module-info_blocks-1139 .auto-grid .auto-carousel-controls {
    display: none
}

.module-info_blocks-1139 .auto-grid .auto-carousel-items:after {
    display: none
}

.module-info_blocks-1139 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
}

.module-info_blocks-1139 .auto-grid>.auto-grid-items:before {
    --fader-status: 0;
    display: none
}

.module-info_blocks-1139 .auto-grid>.auto-grid-items:after {
    --fader-status: 0;
    display: none
}

div.module-info_blocks-1139 .auto-carousel-bar {
    display: none;
    margin: 0
}

div.module-info_blocks-1139 .auto-carousel-controls.auto-carousel-bar {
    max-height: 0
}

.touchevents div.module-info_blocks-1139 .auto-grid-items:not(.is-dragging)>* {
    scroll-snap-align: none
}

div.module-info_blocks-1139 {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
}

.module-info_blocks-1139 .auto-grid .module-item-1 {
    grid-row-end: auto
}

.module-info_blocks-1139 .auto-grid .module-item-1 .info-block-img {
    height: auto
}

.module-info_blocks-1139 .module-item-1 .info-block-counter:after {
    content: '+'
}

.module-info_blocks-1139 .module-item-1 .info-block:before {
    content: '\e9ba' !important;
    font-family: icomoon !important
}

.module-info_blocks-1139 .auto-grid .module-item-3 {
    grid-row-end: auto
}

.module-info_blocks-1139 .auto-grid .module-item-3 .info-block-img {
    height: auto
}

.module-info_blocks-1139 .module-item-3 .info-block-counter:after {
    content: '+'
}

.module-info_blocks-1139 .module-item-3 .info-block:before {
    content: '\eb15' !important;
    font-family: icomoon !important
}

.module-info_blocks-1139 .auto-grid .module-item-4 {
    grid-row-end: auto
}

.module-info_blocks-1139 .auto-grid .module-item-4 .info-block-img {
    height: auto
}

.module-info_blocks-1139 .module-item-4 .info-block-counter:after {
    content: '+'
}

.module-info_blocks-1139 .auto-grid .module-item-5 {
    grid-row-end: auto
}

.module-info_blocks-1139 .auto-grid .module-item-5 .info-block-img {
    height: auto
}

.module-info_blocks-1139 .module-item-5 .info-block-counter:after {
    content: 'Y'
}



.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
}


.icons-menu-tooltip-61 .tooltip-inner {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
    line-height: 1.25;
    background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    padding: .4em;
    --element-padding: .4em;
    padding-right: .7em;
    --element-padding-right: .7em;
    padding-left: .7em;
    --element-padding-left: .7em;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.icons-menu-tooltip-61.tooltip.top .tooltip-arrow {
    border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-61.tooltip.right .tooltip-arrow {
    border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-61.tooltip.bottom .tooltip-arrow {
    border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-61.tooltip.left .tooltip-arrow {
    border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-61 ul {
    justify-content: center
}

.icons-menu-61 .module-title {
    text-align: center
}

.icons-menu-61 .module-title:after {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, 0, 0)
}

@media (max-width:500px) {
    .icons-menu-61 a {
        width: 36px;
        height: 36px
    }
}

.icons-menu-61 .icons-menu-item-1.icon-menu-icon>a:before {
    content: '\f09a' !important;
    font-family: icomoon !important
}

.icons-menu-61 .icons-menu-item-2.icon-menu-icon>a:before {
    content: '\e90e' !important;
    font-family: icomoon !important;
    font-size: 19px
}

.icons-menu-61 .icons-menu-item-3.icon-menu-icon>a:before {
    content: '\eaed' !important;
    font-family: icomoon !important
}

.icons-menu-61 .icons-menu-item-4.icon-menu-icon>a:before {
    content: '\eaec' !important;
    font-family: icomoon !important
}

.icons-menu-61 .icons-menu-item-5.icon-menu-icon>a:before {
    content: '\e98b' !important;
    font-family: icomoon !important
}

.icons-menu-61 .icons-menu-item-6.icon-menu-icon>a:before {
    content: '\f232' !important;
    font-family: icomoon !important
}


.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: hsl(357.7, 85.1%, 52.7%);
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.module-info_blocks-328 .info-block-text {
    order: initial
}

.module-info_blocks-328 .info-block .info-block-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*1));
    line-height: 1.6;
    display: block
}

.no-touchevents .module-info_blocks-328 a.info-block:hover .info-block-text,
.module-info_blocks-328 a.info-block:active .info-block-text {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.module-info_blocks-328 .info-block-title:not(:empty)+.info-block-text:not(:empty) {
    margin-top: 4px
}

.module-info_blocks-328 a.info-block {
    --scale-active: .98;
    overflow: visible
}

.module-info_blocks-328 .info-block-content:before {
    display: none
}

.module-info_blocks-328 a.info-block .info-block-content:before {
    transform: scaleX(0) scaleY(1);
    transform-origin: right
}

.no-touchevents .module-info_blocks-328 a.info-block:hover .info-block-content:before {
    transform: scaleX(1) scaleY(1);
    transform-origin: left
}

.module-info_blocks-328 .info-block {
    --align-v: center;
    --align-h: center;
    --align-text-v: start;
    --align-text-h: center;
    display: flex;
    flex-direction: row;
    --align-h: flex-start;
    --gap: var(--j-gap-spacing---7)
}

.module-info_blocks-328 .info-block:before {
    align-self: center;
    height: var(--height);
    font-size: 26px;
    content: '\eb26' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.module-info_blocks-328 .info-block-img {
    align-self: center
}

.module-info_blocks-328 .info-block-counter {
    align-self: center
}

.module-info_blocks-328 .info-block-content {
    justify-content: var(--align-v);
    align-items: flex-start;
    text-align: start
}

.module-info_blocks-328 .info-block:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

.module-info_blocks-328 .info-blocks .info-block-title:before {
    display: none
}

.module-info_blocks-328 .info-blocks-incremental .info-block:before {
    content: counter(top-counters) !important
}

.module-info_blocks-328 .info-block:before,
.module-info_blocks-328 .info-block-img,
.module-info_blocks-328 .info-block-counter {
    border-radius: 9999px;
    --element-border-radius: 9999px
}

.module-info_blocks-328 .info-block-button.btn,
.module-info_blocks-328 .info-block-button.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .module-info_blocks-328 .info-block-button.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.module-info_blocks-328 .info-block-button.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.module-info_blocks-328 .info-block-button.btn,
.module-info_blocks-328 .info-block-button.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-info_blocks-328 .info-block-button.btn:active,
.no-touchevents .module-info_blocks-328 .info-block-button.btn:hover:active,
.module-info_blocks-328 .info-block-button.btn:focus:active,
.no-touchevents .module-info_blocks-328 .info-block-button.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-info_blocks-328 .info-block-button.btn:focus,
.module-info_blocks-328 .info-block-button.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-info_blocks-328 .info-block-button.btn:active,
.no-touchevents .module-info_blocks-328 .info-block-button.btn:hover:active,
.module-info_blocks-328 .info-block-button.btn:focus:active {
    box-shadow: none
}

.module-info_blocks-328 .info-block-button.btn:focus {
    box-shadow: none
}

.module-info_blocks-328 .info-block-button.btn.btn.disabled:after {
    font-size: 1em
}

.module-info_blocks-328 .info-block-button {
    margin-top: var(--j-gap-spacing---5);
    --element-margin-top: var(--j-gap-spacing---5);
    font-size: var(--j-font_size-font-size-300) !important
}

.module-info_blocks-328 .info-block .count-badge {
    display: none
}

.module-info_blocks-328 .module-item .info-block .info-block-text {
    font-size: var(--j-font_size-font-size-200)
}

.module-info_blocks-328 .flex-grid>* {
    flex-grow: 1
}

div.module-info_blocks-328 .auto-grid {
    --auto-grow-type: auto-fit;
    --item-width: var(--item-fit)
}

.module-info_blocks-328 {
    --center-insufficient: initial;
    --inline-margin: initial;
    --center-insufficient-carousel: initial
}

.module-info_blocks-328 .auto-grid {
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr
}

.module-info_blocks-328 .auto-grid .auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset
}

.module-info_blocks-328 .auto-grid .auto-carousel-controls {
    display: none
}

.module-info_blocks-328 .auto-grid .auto-carousel-items:after {
    display: none
}

.module-info_blocks-328 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
}

.module-info_blocks-328 .auto-grid>.auto-grid-items:before {
    --fader-status: 0;
    display: none
}

.module-info_blocks-328 .auto-grid>.auto-grid-items:after {
    --fader-status: 0;
    display: none
}

div.module-info_blocks-328 {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
}

@media (max-width:500px) {
    .module-info_blocks-328 .module-item .info-block .info-block-text {
        font-size: var(--j-font_size-font-size-100)
    }
}

.module-info_blocks-328 .auto-grid .module-item-1 {
    grid-row-end: auto
}

.module-info_blocks-328 .auto-grid .module-item-1 .info-block-img {
    height: auto
}

.module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 2*0px)/3 - .01px)
}

.module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/3 - .01px)
}

.one-column #content .module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 2*0px)/3 - .01px)
}

.one-column #content .module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/3 - .01px)
}

.two-column #content .module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 2*0px)/3 - .01px)
}

.two-column #content .module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/3 - .01px)
}

.side-column .module-info_blocks-1164 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 2*0px)/3 - .01px)
}

.side-column .module-info_blocks-1164 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/3 - .01px)
}

.module-info_blocks-1164 .module-body .ipr-grid {
    margin: 0;
    --element-margin: 0px
}

.module-info_blocks-1164 .module-item .info-block .info-block-title {
    font-size: var(--j-font_size-font-size-200);
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    -webkit-text-decoration: none
}

.module-info_blocks-1164 .module-item .info-block .info-block-text {
    display: none;
    font-size: var(--j-font_size-font-size-200);
    text-decoration: none;
    -webkit-text-decoration: none
}

.no-touchevents .module-info_blocks-1164 .module-item .info-block:hover .info-block-text {
    text-decoration: underline;
    -webkit-text-decoration: underline
}

.module-info_blocks-1164 .flex-grid>* {
    flex-grow: 0
}

.module-info_blocks-1164 .flex-grid {
    justify-content: center
}

div.module-info_blocks-1164 .auto-grid {
    --grid-min-width: 0px;
    --grid-min-col: 3;
    --grid-max-col: 3;
    --grid-gap: 0px
}

.module-info_blocks-1164 {
    --center-insufficient: initial;
    --inline-margin: initial;
    --center-insufficient-carousel: initial
}

.module-info_blocks-1164 .auto-grid {
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr
}

.module-info_blocks-1164 .auto-grid .auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset
}

.module-info_blocks-1164 .auto-grid .auto-carousel-controls {
    display: none
}

.module-info_blocks-1164 .auto-grid .auto-carousel-items:after {
    display: none
}

.module-info_blocks-1164 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
}

.module-info_blocks-1164 .auto-grid>.auto-grid-items:before {
    --fader-status: 0;
    display: none
}

.module-info_blocks-1164 .auto-grid>.auto-grid-items:after {
    --fader-status: 0;
    display: none
}

div.module-info_blocks-1164 {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
}

@media (max-width:500px) {
    .module-info_blocks-1164 .module-item .info-block .info-block-text {
        font-size: var(--j-font_size-font-size-100)
    }
}

.module-info_blocks-1164 .auto-grid .module-item-3 {
    grid-row-end: auto
}

.module-info_blocks-1164 .auto-grid .module-item-3 .info-block-img {
    height: auto
}

.module-info_blocks-1164 .module-item-3 .info-block:before {
    content: none !important
}

.module-info_blocks-1164 .module-item-3 .info-block:after {
    content: none !important
}

.module-info_blocks-1164 .module-item-3 .info-block-title:after {
    content: none !important
}

.icons-menu-1162 a:before {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.9));
    font-size: 30px
}

.no-touchevents .icons-menu-1162 a:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.icons-menu-1162 .links-text {
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    display: none
}

.icons-menu-1162 {
    --icon-spacing: 8px
}

.icons-menu-1162 ul {
    justify-content: flex-end
}

.icons-menu-1162 .module-title {
    text-align: right
}

.icons-menu-1162 .module-title:after {
    left: 100%;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

@media (max-width:500px) {
    .icons-menu-1162 a:before {
        font-size: 24px
    }
}

.icons-menu-1162 .icons-menu-item-1.icon-menu-icon>a:before {
    content: '\f1f0' !important;
    font-family: icomoon !important
}

.icons-menu-1162 .icons-menu-item-2.icon-menu-icon>a:before {
    content: '\f1f1' !important;
    font-family: icomoon !important
}

.icons-menu-1162 .icons-menu-item-3.icon-menu-icon>a:before {
    content: '\f1f3' !important;
    font-family: icomoon !important
}

.icons-menu-1162 .icons-menu-item-4.icon-menu-icon>a:before {
    content: '\f1f2' !important;
    font-family: icomoon !important
}

.icons-menu-1163 a:before {
    color: hsla(var(--j-color-scheme-foreground-tertiary-h), var(--j-color-scheme-foreground-tertiary-s), calc(var(--j-color-scheme-foreground-tertiary-l) - 0%), calc(var(--j-color-scheme-foreground-tertiary-a)*0.9));
    font-size: 30px
}

.no-touchevents .icons-menu-1163 a:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.icons-menu-1163 .links-text {
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    display: none
}

.icons-menu-1163 {
    --icon-spacing: 8px
}

.icons-menu-1163 ul {
    justify-content: center
}

.icons-menu-1163 .module-title {
    text-align: center
}

.icons-menu-1163 .module-title:after {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, 0, 0)
}

@media (max-width:500px) {
    .icons-menu-1163 a:before {
        font-size: 24px
    }
}

.icons-menu-1163 .icons-menu-item-1.icon-menu-icon>a:before {
    content: '\f1f0' !important;
    font-family: icomoon !important
}

.icons-menu-1163 .icons-menu-item-2.icon-menu-icon>a:before {
    content: '\f1f1' !important;
    font-family: icomoon !important
}

.desktop-cart-wrapper #cart .cart-label {
    display: inline-block
}

.desktop-cart-wrapper #cart .cart-text {
    display: block
}

.desktop-cart-wrapper #cart .cart-title {
    display: none
}

.desktop-cart-wrapper #cart>a>em:before {
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    transform: translate3d(0px, -1px, 0)
}

.no-touchevents .desktop-cart-wrapper #cart:hover>a>em:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.desktop-cart-wrapper #cart-items {
    --x: 5px;
    display: none;
    z-index: 1
}

.desktop-cart-wrapper #cart-total {
    display: flex;
    padding-right: 0;
    --element-padding-right: 0px;
    padding-left: var(--j-gap-spacing---6);
    --element-padding-left: var(--j-gap-spacing---6);
    order: 0;
    text-align: end
}

.desktop-cart-wrapper div#cart {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .desktop-cart-wrapper div#cart:hover {
    background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    --background-color: hsla(var(--j-color-scheme-body-background-h), var(--j-color-scheme-body-background-s), calc(var(--j-color-scheme-body-background-l) - 0%), calc(var(--j-color-scheme-body-background-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.desktop-cart-wrapper div#cart>a {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 400 !important;
    font-size: var(--j-font_size-font-size-300) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    line-height: 1.3 !important
}

.no-touchevents .desktop-cart-wrapper div#cart:hover>a {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.module-catalog-891 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 1*0px)/2 - .01px)
}

.module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/2 - .01px)
}

.one-column #content .module-catalog-891 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.one-column #content .module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.two-column #content .module-catalog-891 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.two-column #content .module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.side-column .module-catalog-891 .ipr-grid .module-item.swiper-slide {
    margin-right: 0;
    width: calc((100% - 0*0px)/1 - .01px)
}

.side-column .module-catalog-891 .ipr-grid .module-item:not(.swiper-slide) {
    padding: 0;
    width: calc(100%/1 - .01px)
}

.module-catalog-891 .subitem>a s {
    background-color: rgba(215, 228, 254, 1);
    --background-color: rgba(215, 228, 254, 1);
    border-radius: 3px;
    --element-border-radius: 3px
}

.module-catalog-891 .catalog-title:not(:empty)+.item-assets {
    margin-top: var(--j-gap-spacing---5)
}

.module-catalog-891 .catalog-title {
    display: flex;
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3;
    width: auto;
    margin-inline: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    -webkit-line-clamp: 2
}

.no-touchevents .module-catalog-891 .catalog-title:hover {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.module-catalog-891 .subitems {
    align-items: flex-start;
    --catalog-link-gap: var(--j-gap-spacing---4);
    --column-count: auto;
    --column-width: 150px;
    --column-gap: 32px;
    column-rule-style: none
}

.module-catalog-891 .subitem a {
    padding-bottom: 1px;
    --element-padding-bottom: 1px;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    letter-spacing: -.1px
}

.no-touchevents .module-catalog-891 .subitem:hover a {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.module-catalog-891 .subitem.view-more span {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1))
}

.no-touchevents .module-catalog-891 .subitem.view-more:hover span {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.module-catalog-891 .subitem.view-more:after {
    content: '\f105' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    transform: translate3d(0px, 1px, 0);
    margin-left: 6px;
    --element-margin-left: 6px
}

.no-touchevents .module-catalog-891 .subitem.view-more:hover:after {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1))
}

.module-catalog-891 .subitem>a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.module-catalog-891 .subitem:before {
    margin-right: var(--j-gap-spacing---3);
    --element-margin-right: var(--j-gap-spacing---3)
}

.no-touchevents .module-catalog-891 .catalog-image .catalog-image:hover {
    transform: scale(var(--scale-hover, 1));
    transform: scale(var(--scale-hover, 1))
}

.module-catalog-891 .catalog-image .catalog-image:active {
    transform: scale(var(--scale-active, 1));
    transform: scale(var(--scale-active, 1))
}

.module-catalog-891 .catalog-image {
    --scale-hover: 1.02;
    --scale-active: 1;
    justify-content: start;
    align-items: start;
    order: 2;
    display: flex
}

.module-catalog-891 .catalog-image img,
.module-catalog-891 .catalog-image:after {
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-catalog-891 .item-content:before {
    display: none
}

.module-catalog-891 .catalog-image:before {
    inset-inline: 50% 50%;
    inset-block: 50% 50%
}

.module-catalog-891 .item-assets {
    --catalog-gap: var(--j-gap-spacing---6);
    --image-max-width: 45%;
    --image-min-width: 80px;
    flex-direction: row;
    flex-wrap: wrap
}

.module-catalog-891 .catalog-image img {
    width: auto;
    height: auto
}

.module-catalog-891 .module-title {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.module-catalog-891 .module-title:after {
    display: none;
    margin-top: .7em
}

.module-catalog-891 .module-title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.module-catalog-891 .module-title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.module-catalog-891 .module-title:after,
.module-catalog-891 .module-title .page-title-text:after,
.module-catalog-891 .module-title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.module-catalog-891 .flex-grid>* {
    flex-grow: 0
}

div.module-catalog-891 .auto-grid {
    --grid-min-col: 4;
    --grid-gap: var(--j-gap-spacing-gap-4);
    --scrollbar-top-space: var(--scrollbar-top-spacing, 0px);
    --scrollbar-bottom-space: var(--scrollbar-bottom-spacing, 0px);
    --scroll-padding: var(--scroll-padding-custom, var(--content-gutter, 0px))
}

.module-catalog-891 {
    --center-insufficient: initial;
    --inline-margin: initial;
    --center-insufficient-carousel: initial
}

.module-catalog-891 .auto-grid {
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr;
    --auto-carousel-button-width: 35px;
    --auto-carousel-button-height: 35px
}

.module-catalog-891 .auto-grid .auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset;
    --grid-rows: 2
}

.module-catalog-891 .auto-grid .auto-carousel-controls {
    display: none
}

.module-catalog-891 .auto-grid .auto-carousel-items:after {
    display: none
}

.module-catalog-891 .auto-grid .auto-grid-items.is-gliding a {
    pointer-events: auto
}

.module-catalog-891 .auto-grid>.auto-grid-items:before {
    --fader-status: 1;
    display: block
}

.module-catalog-891 .auto-grid>.auto-grid-items:after {
    --fader-status: 1;
    display: block
}

.module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:before,
.module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:before,
.module-catalog-891 .auto-carousel-buttons.scroll-top em:before,
.module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:before {
    content: '\e93f' !important;
    font-family: icomoon !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.no-touchevents .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:hover:before,
.no-touchevents .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:hover:before,
.no-touchevents .module-catalog-891 .auto-carousel-buttons.scroll-top em:hover:before,
.no-touchevents .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:active:before,
.module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:active:before,
.module-catalog-891 .auto-carousel-buttons.scroll-top em:active:before,
.module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:active:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span,
.module-catalog-891 .auto-carousel-buttons.swiper-buttons>div,
.module-catalog-891 .auto-carousel-buttons.scroll-top em,
.module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon {
    background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-primary-h), var(--j-color-scheme-background-primary-s), calc(var(--j-color-scheme-background-primary-l) - 0%), calc(var(--j-color-scheme-background-primary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.no-touchevents .module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:hover,
.no-touchevents .module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:hover,
.no-touchevents .module-catalog-891 .auto-carousel-buttons.scroll-top em:hover,
.no-touchevents .module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:hover {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.module-catalog-891 .auto-carousel-buttons.auto-carousel-buttons span:active,
.module-catalog-891 .auto-carousel-buttons.swiper-buttons>div:active,
.module-catalog-891 .auto-carousel-buttons.scroll-top em:active,
.module-catalog-891 .auto-carousel-buttons.lg-content .lg-icon:active {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.module-catalog-891 .auto-carousel-prev span:before {
    transform: scaleX(-1);
    font-size: 18px
}

.module-catalog-891 .auto-grid-items:before,
.module-catalog-891 .auto-grid-items:after {
    --fader-width-right: 200px
}

.module-catalog-891 .auto-carousel-buttons {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    position: absolute;
    top: 50%;
    height: auto;
    transform: translate3d(0, -50%, 0);
    margin-top: var(--buttons-offset, 0px)
}

.module-catalog-891 .auto-carousel-buttons .auto-carousel-prev {
    order: 0;
    transform: translate3d(var(--auto-carousel-button-x, 0px), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

.module-catalog-891 .auto-carousel-buttons .auto-carousel-next {
    order: 2;
    transform: translate3d(calc(var(--auto-carousel-button-x, 0px)*-1), var(--auto-carousel-button-y, 0px), 0) scale(var(--scale, 1))
}

.module-catalog-891 .auto-carousel-next span:before {
    font-size: 18px
}

.no-touchevents .module-catalog-891 .auto-carousel-buttons>div:hover>span {
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

div.module-catalog-891 .auto-carousel-bar {
    display: flex;
    margin: var(--scrollbar-top-spacing, 0) max(0px, var(--scroll-padding, 0px)) var(--scrollbar-bottom-spacing, 0) max(0px, var(--scroll-padding, 0px))
}

div.module-catalog-891 .auto-carousel-controls.auto-carousel-bar {
    max-height: none
}

div.module-catalog-891 {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
}

.module-catalog-891 .subitem s {
    font-size: 100%;
    opacity: .7;
}

.module-banners_grid-942 .slide-content {
    --object-position-h: center;
    justify-content: center;
    --object-position-v: center;
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-banners_grid-942 .slide-content>img {
    align-self: center;
    width: 100%;
    height: 100%
}

.module-banners_grid-942 .slide-content>video {
    align-self: center;
    width: 100%;
    height: 100%
}

.module-banners_grid-942>.module-body>.banners-grid>.banners-wrapper>.module-item:before {
    display: block
}

.module-banners_grid-942 .swiper-slide .slide-link {
    z-index: 2
}

.module-banners_grid-942 .slide-col .slide-image:before {
    display: none
}

.module-banners_grid-942 .slide-col .slide-layers {
    align-items: flex-start;
    justify-content: center
}

.module-banners_grid-942 .slide-text {
    text-align: start
}

.module-banners_grid-942 .slide-cols .module-subitem.slide-button {
    margin-top: var(--slide-layer-gap-custom, 0)
}

.module-banners_grid-942 .slide-col .slide-image {
    align-self: flex-end
}

.module-banners_grid-942 .slide-layers {
    --slide-layer-gap: var(--j-gap-spacing---6)
}

.module-banners_grid-942>.module-body>.banners-grid>.banners-wrapper>.module-item>.slide-content {
    overflow: hidden
}

.module-banners_grid-942 .slide-image {
    --image-layer-scale-hover: 1.01;
    --image-layer-scale-active: 1
}

.module-banners_grid-942 .slide-text-layer {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.module-banners_grid-942 .slide-col {
    --slides-cols-width: 40%;
    --stack-unit: 1vw
}

.module-banners_grid-942 .slide-cols {
    --slides-cols-auto-stack: 400px
}

.module-banners_grid-942 .slide-col-right {
    order: 2
}

.module-banners_grid-942 .slide-col-left {
    order: 1
}

.module-banners_grid-942 .slide-cols:before {
    display: none
}

.module-banners_grid-942 .slide-col.slide-col-right {
    padding: var(--j-gap-spacing-padding-xl);
    --element-padding: var(--j-gap-spacing-padding-xl)
}

.module-banners_grid-942 .slide-content-hold {
    height: 100%
}

.module-banners_grid-942 .slide-content-hold>img {
    width: 100%
}

.module-banners_grid-942 figure {
    width: auto;
    height: auto
}

.module-banners_grid-942 figure img {
    width: auto;
    height: auto
}

.module-banners_grid-942 figcaption {
    top: auto;
    bottom: 0
}

.module-banners_grid-942 .btn.btn,
.module-banners_grid-942 .btn.btn:visited {
    font-size: var(--j-font_size-font-size-400) !important;
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.no-touchevents .module-banners_grid-942 .btn.btn:hover {
    color: hsla(var(--j-color-scheme-text-link-hover-h), var(--j-color-scheme-text-link-hover-s), calc(var(--j-color-scheme-text-link-hover-l) - 0%), calc(var(--j-color-scheme-text-link-hover-a)*1)) !important;
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent;
    box-shadow: none
}

.module-banners_grid-942 .btn.btn {
    justify-content: flex-start;
    border-style: none;
    padding: 0;
    --element-padding: 0px;
    padding-bottom: 2px;
    --element-padding-bottom: 2px;
    box-shadow: none;
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.module-banners_grid-942 .btn.btn,
.module-banners_grid-942 .btn.tooltip {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-banners_grid-942 .btn.btn:active,
.no-touchevents .module-banners_grid-942 .btn.btn:hover:active,
.module-banners_grid-942 .btn.btn:focus:active,
.no-touchevents .module-banners_grid-942 .btn.btn:focus:hover:active {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.module-banners_grid-942 .btn.btn:focus,
.module-banners_grid-942 .btn.btn[disabled] {
    background: 0 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    --background-color: transparent !important
}

.module-banners_grid-942 .btn.btn:active,
.no-touchevents .module-banners_grid-942 .btn.btn:hover:active,
.module-banners_grid-942 .btn.btn:focus:active {
    box-shadow: none
}

.module-banners_grid-942 .btn.btn:focus {
    box-shadow: none
}

.module-banners_grid-942 .btn.btn.btn.disabled:after {
    font-size: 1em
}

.module-banners_grid-942 .slide-button .btn {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1)) !important
}

.no-touchevents .module-banners_grid-942 .module-item:hover .slide-button .btn {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.7)) !important
}

.module-banners_grid-942 .slide-content .slide-button .btn {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1
}

.module-banners_grid-942 .slide-button-group {
    flex-direction: row
}

.module-banners_grid-942 .slide-button {
    width: auto
}

.module-banners_grid-942 .flex-grid>* {
    flex-grow: 1
}

div.module-banners_grid-942 .banners-grid.auto-grid {
    --auto-grow-type: auto-fit;
    --item-width: var(--item-fit)
}

.module-banners_grid-942 .banners-grid.auto-grid {
    margin-inline-start: unset;
    margin-inline-end: unset;
    --fr: 1fr
}

.module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items {
    grid-auto-flow: row dense;
    overflow-x: initial;
    padding-inline-start: unset;
    padding-inline-end: unset
}

.module-banners_grid-942 .banners-grid.auto-grid>.auto-carousel-controls {
    display: none
}

.module-banners_grid-942 .banners-grid.auto-grid>.auto-carousel-items:after {
    display: none
}

.module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items.is-gliding a {
    pointer-events: auto
}

.module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items:before {
    --fader-status: 0;
    display: none
}

.module-banners_grid-942 .banners-grid.auto-grid>.auto-grid-items:after {
    --fader-status: 0;
    display: none
}

div.module-banners_grid-942 .banners-grid.auto-grid .auto-carousel-controls {
    --auto-carousel-controls-max-width: min(min(var(--content-max-width, 100%) - var(--scroll-padding, 0px)*2, var(--content-max-width, 100%) - var(--content-gutter, 0)*2), 100% - var(--scroll-padding, 0px)*2)
}

.module-banners_grid-942 .slide-col-left-hold {
    overflow: initial
}

.module-banners_grid-942 .slide-cols-hold {
    overflow: initial
}

.module-banners_grid-942 .slide-col-right-hold {
    overflow: initial
}

.module-banners_grid-942 .slide-col-left:after {
    display: none
}

.module-banners_grid-942 .slide-col-right:after {
    display: none;
    --overlay-ease: ease-out
}

@media (max-width:500px) {
    .module-banners_grid-942 .slide-layers {
        --slide-layer-gap: var(--j-gap-spacing---5)
    }
}

.module-banners_grid-942>.module-body>.banners-grid.auto-grid>.auto-grid-items>.module-item-1 {
    grid-row-end: auto
}

.module-banners_grid-942 .swiper-slide.module-item-1 .slide-col-right:after {
    --overlay-ease: ease-out
}

.module-banners_grid-942 {
    --image-width: 1000;
    --image-height: 1000
}

.module-banners_grid-942 .swiper-slide::after {
    --image-width: 1000;
    --image-height: 1000
}

div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-2 {
    display: flex
}

.header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.flyout:not(.open)>.j-dropdown {
    visibility: hidden
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.menu-fullwidth>.j-dropdown>.mega-menu-content {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    --gutter: var(--content-gutter, 0px)
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-2.dropdown.mega-custom>.j-dropdown {
    --width: 800px
}

.main-menu-734>.j-menu li.main-menu-item-2>a .links-text {
    display: var(--display);
    --display: block
}

.desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-2.multi-level .dropdown-menu ul li .dropdown-menu {
    left: 100%
}

.desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-2.dropdown>.dropdown-menu {
    min-width: 200px
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center;
    --align-scroll: var(--align-scroll-center, 0);
    --translate-x: -50%
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    left: 50%;
    right: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    left: 50%;
    right: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px;
    transform: translate3d(-100%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    left: 50%;
    right: auto;
    transform: translate3d(-50%, var(--dropdown-from), 0);
    align-items: center;
    --align-scroll: var(--align-scroll-center, 0);
    --translate-x: -50%
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    left: 50%;
    right: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    left: 50%;
    right: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-2.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: 0px;
    --triangle-left: 0px;
    transform: translate3d(-100%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.main-menu-734>.j-menu li.main-menu-item-2 .menu-label {
    color: rgba(13, 82, 214, 1);
    background-color: rgba(215, 228, 254, 1);
    --background-color: rgba(215, 228, 254, 1);
    background-size: contain
}

.no-touchevents .main-menu-734>.j-menu li.main-menu-item-2:hover .menu-label {
    background-size: contain
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col {
    --unit: 1%
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1:before {
    display: block;
    left: 0;
    right: 0;
    width: 100%
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 70%
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    justify-content: flex-start
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-1 {
    display: block
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-1>.grid-items:before {
    display: none
}

.grid-items>.grid-item.grid-module-main_menu-734-2-1-1-1 {
    display: flex
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2 {
    min-width: 30%
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-2>.grid-items {
    justify-content: flex-start
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-2 {
    display: block
}

.main-menu-734 .main-menu-item-2.mega-menu .mega-menu-content>.grid-rows>.grid-row-1 .grid-col-2>.grid-items:before {
    display: none
}

.grid-items>.grid-item.grid-module-main_menu-734-2-1-2-1 {
    display: flex
}

div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-3 {
    display: flex
}

.header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.flyout:not(.open)>.j-dropdown {
    visibility: hidden
}

.desktop-main-menu-wrapper .menu-fullwidth>.j-dropdown {
    width: 100%
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.menu-fullwidth>.j-dropdown>.mega-menu-content {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    --gutter: var(--content-gutter, 0px)
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-3.dropdown.mega-custom>.j-dropdown {
    --width: 700px
}

.main-menu-734>.j-menu li.main-menu-item-3>a .links-text {
    display: var(--display);
    --display: block
}

.desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-3.multi-level .dropdown-menu ul li .dropdown-menu {
    left: 100%
}

.main-menu-734>.j-menu li.main-menu-item-3 .mega-menu-content {
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-end;
    --align-scroll: var(--align-scroll-end, 0);
    --translate-x: -100%
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    right: 0;
    left: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: translate3d(-50%, 0, 0)
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-end;
    --align-scroll: var(--align-scroll-end, 0);
    --translate-x: -100%
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    right: 0;
    left: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-3.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: translate3d(-50%, 0, 0)
}

div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-4 {
    display: flex
}

.header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.flyout:not(.open)>.j-dropdown {
    visibility: hidden
}

.desktop-main-menu-wrapper .menu-fullwidth>.j-dropdown {
    width: 100%
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.menu-fullwidth>.j-dropdown>.mega-menu-content {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    --gutter: var(--content-gutter, 0px)
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-4.dropdown.mega-custom>.j-dropdown {
    --width: 700px
}

.main-menu-734>.j-menu li.main-menu-item-4>a .links-text {
    display: var(--display);
    --display: block
}

.desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-4.multi-level .dropdown-menu ul li .dropdown-menu {
    left: 100%
}

.main-menu-734>.j-menu li.main-menu-item-4 .mega-menu-content {
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-end;
    --align-scroll: var(--align-scroll-end, 0);
    --translate-x: -100%
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    right: 0;
    left: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: translate3d(-50%, 0, 0)
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-end;
    --align-scroll: var(--align-scroll-end, 0);
    --translate-x: -100%
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    right: 0;
    left: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-4.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: translate3d(-50%, 0, 0)
}

div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-5 {
    display: flex
}

.header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.flyout:not(.open)>.j-dropdown {
    visibility: hidden
}

.desktop-main-menu-wrapper .menu-fullwidth>.j-dropdown {
    width: 100%
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.menu-fullwidth>.j-dropdown>.mega-menu-content {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    --gutter: var(--content-gutter, 0px)
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-5.dropdown.mega-custom>.j-dropdown {
    --width: 700px
}

.main-menu-734>.j-menu li.main-menu-item-5>a .links-text {
    display: var(--display);
    --display: block
}

.desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-5.multi-level .dropdown-menu ul li .dropdown-menu {
    left: 100%
}

.main-menu-734>.j-menu li.main-menu-item-5 .mega-menu-content {
    border-radius: 0 !important;
    --element-border-radius: 0px !important
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-end;
    --align-scroll: var(--align-scroll-end, 0);
    --translate-x: -100%
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    right: 0;
    left: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: translate3d(-50%, 0, 0)
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-end;
    --align-scroll: var(--align-scroll-end, 0);
    --translate-x: -100%
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    right: calc(var(--menu-item-gap, 0px)/2);
    left: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    right: 0;
    left: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-5.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: translate3d(-50%, 0, 0)
}

div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-6 {
    display: flex
}

.header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-6.flyout:not(.open)>.j-dropdown {
    visibility: hidden
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-6.menu-fullwidth>.j-dropdown>.mega-menu-content {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-6.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    --gutter: var(--content-gutter, 0px)
}

.main-menu-734>.j-menu li.main-menu-item-6>a .links-text {
    display: var(--display);
    --display: block
}

.desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-6.multi-level .dropdown-menu ul li .dropdown-menu {
    left: 100%
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start;
    --align-scroll: var(--align-scroll-start, 0);
    --translate-x: 0
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    left: initial;
    right: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: none
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start;
    --align-scroll: var(--align-scroll-start, 0);
    --translate-x: 0
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    left: initial;
    right: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-6.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: none
}

div.main-menu.main-menu-734>.j-menu .menu-item.main-menu-item-7 {
    display: flex
}

.header-sticky[data-sticky=is-sticky] .desktop-main-menu-wrapper .main-menu-734 .main-menu-item-7.flyout:not(.open)>.j-dropdown {
    visibility: hidden
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-7.menu-fullwidth>.j-dropdown>.mega-menu-content {
    padding-inline-start: 0;
    padding-inline-end: 0
}

.desktop-main-menu-wrapper .main-menu-734 .main-menu-item-7.menu-fullwidth>.j-dropdown>.mega-menu-content>.grid-rows>.grid-row>.grid-cols-wrapper {
    --gutter: var(--content-gutter, 0px)
}

.main-menu-734>.j-menu li.main-menu-item-7>a .links-text {
    display: var(--display);
    --display: block
}

.desktop-main-menu-wrapper .main-menu-734>.j-menu li.main-menu-item-7.multi-level .dropdown-menu ul li .dropdown-menu {
    left: 100%
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start;
    --align-scroll: var(--align-scroll-start, 0);
    --translate-x: 0
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    left: initial;
    right: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto
}

.desktop-main-menu-wrapper #main-menu.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: none
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start;
    --align-scroll: var(--align-scroll-start, 0);
    --translate-x: 0
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:first-child>.j-dropdown {
    left: initial;
    right: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom:last-child>.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto
}

.desktop-main-menu-wrapper #main-menu-2.main-menu-734 .main-menu-item-7.dropdown:not(.mega-fullwidth).mega-custom>.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px);
    transform: none
}

.top-menu-331 .top-menu-item-1 {
    display: block
}

.top-menu-331>ul>.top-menu-item-1>a {
    text-align: left
}

.top-menu-331>ul>.top-menu-item-1>a>.links-text {
    display: block
}

.top-menu-331>ul>.top-menu-item-1>a .count-badge {
    position: relative
}

.top-menu-331 .top-menu-item-2 {
    display: block
}

.top-menu-331>ul>.top-menu-item-2>a {
    text-align: left
}

.top-menu-331>ul>.top-menu-item-2>a>.links-text {
    display: block
}

.top-menu-331>ul>.top-menu-item-2>a .count-badge {
    position: relative
}

.top-menu-331 .top-menu-item-4 {
    display: block
}

.top-menu-331>ul>.top-menu-item-4>a {
    text-align: left
}

.top-menu-331>ul>.top-menu-item-4>a>.links-text {
    display: block
}

.top-menu-331>ul>.top-menu-item-4>a .count-badge {
    position: relative
}

.top-menu-331 .top-menu-item-5 {
    display: block
}

.top-menu-331>ul>.top-menu-item-5>a {
    text-align: left
}

.top-menu-331>ul>.top-menu-item-5>a>.links-text {
    display: block
}

.top-menu-331>ul>.top-menu-item-5>a .count-badge {
    position: relative
}

.top-menu-331 .top-menu-item-6 {
    display: block
}

.top-menu-331 .top-menu-item-7 {
    display: block
}

.top-menu-331 .top-menu-item-8 {
    display: block
}

.top-menu-1112 .top-menu-item-1 {
    display: block
}

div.top-menu-1112 .j-menu li.top-menu-item-1>a:before {
    content: '\e9fe' !important;
    font-family: icomoon !important
}

.top-menu-1112>ul>.top-menu-item-1>a {
    text-align: left
}

.top-menu-1112>ul>.top-menu-item-1>a>.links-text {
    display: block
}

.top-menu-1112>ul>.top-menu-item-1>a .count-badge {
    position: relative
}

.top-menu-1112 .j-menu .j-menu li.top-menu-item-2>a:before {
    content: '\ea01' !important;
    font-family: icomoon !important;
    margin-right: 7px;
    --element-margin-right: 7px
}

.top-menu-1112 .top-menu-item-2 {
    display: block
}

.top-menu-1112 .j-menu .j-menu li.top-menu-item-3>a:before {
    content: '\ea06' !important;
    font-family: icomoon !important
}

.top-menu-1112 .top-menu-item-3 {
    display: block
}

.top-menu-1112 .top-menu-item-6 {
    display: block
}

div.top-menu-1112 .j-menu li.top-menu-item-6>a:before {
    content: '\ea93' !important;
    font-family: icomoon !important
}

.top-menu-1112>ul>.top-menu-item-6>a {
    text-align: left
}

.top-menu-1112>ul>.top-menu-item-6>a>.links-text {
    display: block
}

.top-menu-1112>ul>.top-menu-item-6>a .count-badge {
    position: relative
}

.top-menu-632 .top-menu-item-1 {
    display: block
}

div.top-menu-632 .j-menu li.top-menu-item-1>a:before {
    content: '\f16d' !important;
    font-family: icomoon !important
}

.top-menu-632>ul>.top-menu-item-1>a {
    text-align: left
}

.top-menu-632>ul>.top-menu-item-1>a>.links-text {
    display: block
}

.top-menu-632>ul>.top-menu-item-1>a .count-badge {
    position: relative
}

.top-menu-632 .top-menu-item-2 {
    display: block
}

div.top-menu-632 .j-menu li.top-menu-item-2>a:before {
    content: '\eb56' !important;
    font-family: icomoon !important
}

.top-menu-632>ul>.top-menu-item-2>a {
    text-align: left
}

.top-menu-632>ul>.top-menu-item-2>a>.links-text {
    display: block
}

.top-menu-632>ul>.top-menu-item-2>a .count-badge {
    position: relative
}

.top-menu-632 .top-menu-item-3 {
    display: block
}

div.top-menu-632 .j-menu li.top-menu-item-3>a:before {
    content: '\eaec' !important;
    font-family: icomoon !important
}

.top-menu-632>ul>.top-menu-item-3>a {
    text-align: left
}

.top-menu-632>ul>.top-menu-item-3>a>.links-text {
    display: block
}

.top-menu-632>ul>.top-menu-item-3>a .count-badge {
    position: relative
}

.top-menu-632 .top-menu-item-4 {
    display: block
}

div.top-menu-632 .j-menu li.top-menu-item-4>a:before {
    content: '\eaed' !important;
    font-family: icomoon !important
}

.top-menu-632>ul>.top-menu-item-4>a {
    text-align: left
}

.top-menu-632>ul>.top-menu-item-4>a>.links-text {
    display: block
}

.top-menu-632>ul>.top-menu-item-4>a .count-badge {
    position: relative
}

.module-grid-821>.grid-row-1 {
    padding: var(--j-gap-spacing-gutter-1);
    --element-padding: var(--j-gap-spacing-gutter-1);
    padding-top: var(--j-gap-spacing---5);
    --element-padding-top: var(--j-gap-spacing---5)
}

.module-grid-821>.grid-row-1:before {
    display: block
}

.module-grid-821>.grid-row-1>.video-row {
    display: block
}

.module-grid-821>.grid-row-1>.wave-top {
    display: block;
    transform: translate3d(0, -63%, 0) scale(1)
}

.module-grid-821>.grid-row-1>.wave-bottom {
    transform: translate3d(0, 63%, 0) scale(-1);
    display: block
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 100%;
    display: block
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---9);
    --element-padding: var(--j-gap-spacing---9);
    padding-top: var(--j-gap-spacing---8);
    --element-padding-top: var(--j-gap-spacing---8);
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    display: none
}

.grid-items>.grid-item.grid-module-grid-821-1-1-1 {
    display: flex
}

div.grid-items>.grid-item.grid-module-grid-821-1-1-2 {
    margin-top: var(--j-gap-spacing---5) !important;
    --element-margin-top: var(--j-gap-spacing---5) !important;
    margin-bottom: var(--j-gap-spacing---5) !important;
    --element-margin-bottom: var(--j-gap-spacing---5) !important
}

.grid-items>.grid-item.grid-module-grid-821-1-1-2 {
    display: flex
}

div.grid-items>.grid-item.grid-module-grid-821-1-1-3 {
    margin-top: var(--j-gap-spacing---4) !important;
    --element-margin-top: var(--j-gap-spacing---4) !important
}

.grid-items>.grid-item.grid-module-grid-821-1-1-3 {
    display: flex
}

.grid-item div.accordion-menu.accordion-menu-1067>ul.j-menu>li.accordion-menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

.accordion-menu-1067>.j-menu>li.accordion-menu-item.is-divider {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

div.accordion-menu-1067>ul.j-menu>li.accordion-menu-item>a:before {
    margin-right: var(--j-gap-spacing-gap-2);
    --element-margin-right: var(--j-gap-spacing-gap-2)
}

div.accordion-menu-1067.accordion-menu .menu-item>a,
div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text,
div.accordion-menu-1067.accordion-menu .desktop-language-wrapper button,
div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper button,
div.accordion-menu-1067.accordion-menu .mobile-language-wrapper button,
div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper button,
div.accordion-menu-1067.accordion-menu #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
.no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text,
.no-touchevents div.accordion-menu-1067.accordion-menu #cart:hover>a,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

div.accordion-menu-1067.accordion-menu .menu-item.open>a,
div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text>s {
    display: var(--display, block)
}

div.accordion-menu-1067.accordion-menu .menu-item>a>span>s {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

div.accordion-menu-1067.accordion-menu .menu-item>a:before {
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
}

div.accordion-menu-1067.accordion-menu .menu-item>a:before,
div.accordion-menu-1067.accordion-menu .menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4)
}

.no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
div.accordion-menu-1067.accordion-menu .menu-item.active>a,
div.accordion-menu-1067.accordion-menu .menu-item.open>a,
div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

div.accordion-menu-1067.accordion-menu .menu-item:not(:first-child),
div.accordion-menu-1067.accordion-menu.accordion-menu .menu-item>a+div,
div.accordion-menu-1067.accordion-menu .accordion-menu .menu-item>a+div {
    border-style: none
}

div.accordion-menu-1067.accordion-menu .menu-item>a {
    padding: 0;
    --element-padding: 0px
}

div.accordion-menu-1067.accordion-menu .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

div.accordion-menu-1067.accordion-menu .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
}

div.accordion-menu-1067.accordion-menu .menu-item>a>.count-badge {
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial
}

div.accordion-menu-1067.accordion-menu .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
}

div.accordion-menu-1067.accordion-menu .menu-item .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu>li {
    --menu-item-gap: 18px
}

div.accordion-menu-1067.accordion-menu .j-menu>li {
    border-style: none
}

div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu {
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    margin-left: 22px;
    --element-margin-left: 22px
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---6);
    --element-margin-left: var(--j-gap-spacing---6)
}

div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---9);
    --element-margin-left: var(--j-gap-spacing---9)
}

div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---8);
    --element-margin-left: var(--j-gap-spacing---8)
}

div.accordion-menu-1067 .open-menu em:before {
    content: '\e409' !important;
    font-family: icomoon !important;
    font-size: 12px
}

div.accordion-menu-1067 .open-menu[aria-expanded=true] em:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
}

div.accordion-menu-1067 .j-menu>.menu-item>a span.open-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 9999px;
    --element-border-radius: 9999px;
    min-width: 24px;
    height: 24px
}

.no-touchevents div.accordion-menu-1067 .j-menu>.menu-item:hover>a span.open-menu,
div.accordion-menu-1067 .j-menu>.menu-item.panel-active>a span.open-menu,
div.accordion-menu-1067 .accordion-menu-item.open>a>.open-menu {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
    padding-inline-start: 24px !important
}

div.accordion-menu-1067 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
    padding-inline-start: 32px !important
}

div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
    padding-inline-start: 20px !important
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    letter-spacing: -.1px
}

@media (max-width:900px) {

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
    }
}

.accordion-menu-1067 .j-menu .accordion-menu-item-8>a:before {
    content: '\e9fe' !important;
    font-family: icomoon !important
}

.accordion-menu-1067 .j-menu .accordion-menu-item-9>a:before {
    content: '\eaf6' !important;
    font-family: icomoon !important
}

.accordion-menu-1067 .j-menu .accordion-menu-item-10>a:before {
    content: '\eb0a' !important;
    font-family: icomoon !important
}

.accordion-menu-1067 .j-menu .accordion-menu-item-11>a:before {
    content: '\eafd' !important;
    font-family: icomoon !important
}

.module-spacer-944 .spacer-divider {
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.icons-menu-854 a:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    font-size: 20px
}

.icons-menu-854 .menu-item a {
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .icons-menu-854 a:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.icons-menu-854 .links-text {
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    display: none
}

.icons-menu-854 {
    --icon-spacing: 22px
}

.icons-menu-tooltip-854 .tooltip-inner {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
    line-height: 1.25;
    background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    padding: .4em;
    --element-padding: .4em;
    padding-right: .7em;
    --element-padding-right: .7em;
    padding-left: .7em;
    --element-padding-left: .7em;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.icons-menu-tooltip-854.tooltip.top .tooltip-arrow {
    border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-854.tooltip.right .tooltip-arrow {
    border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-854.tooltip.bottom .tooltip-arrow {
    border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-854.tooltip.left .tooltip-arrow {
    border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-854 ul {
    justify-content: flex-start
}

.icons-menu-854 .module-title {
    text-align: left
}

.icons-menu-854 .module-title:after {
    left: 0;
    right: auto;
    transform: none
}

.icons-menu-854 .icons-menu-item-1.icon-menu-icon>a:before {
    content: '\eb56' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-2.icon-menu-icon>a:before {
    content: '\eb6d' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-3.icon-menu-icon>a:before {
    content: '\eaed' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-4.icon-menu-icon>a:before {
    content: '\eaec' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-5.icon-menu-icon>a:before {
    content: '\f232' !important;
    font-family: icomoon !important
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 #cart:hover>a,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text>s {
    display: var(--display, block)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>span>s {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before {
    font-size: 18px;
    transform: translate3d(0px, -1px, 0);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing-gap-2);
    --element-margin-right: var(--j-gap-spacing-gap-2)
}

.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item:not(:first-child),
.grid-item div.accordion-menu.accordion-menu-359.accordion-menu .menu-item>a+div,
.grid-item div.accordion-menu.accordion-menu-359 .accordion-menu .menu-item>a+div {
    border-style: none
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a {
    padding: 0;
    --element-padding: 0px
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.count-badge {
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.accordion-menu-359 .title {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.accordion-menu-359 .title:after {
    display: none;
    margin-top: .7em
}

.accordion-menu-359 .title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.accordion-menu-359 .title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.accordion-menu-359 .title:after,
.accordion-menu-359 .title .page-title-text:after,
.accordion-menu-359 .title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.accordion-menu-359>.j-menu>li.accordion-menu-item.is-divider {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

div.accordion-menu-359.accordion-menu .menu-item>a,
div.accordion-menu-359.accordion-menu .menu-item>a>.links-text,
div.accordion-menu-359.accordion-menu .desktop-language-wrapper button,
div.accordion-menu-359.accordion-menu .desktop-currency-wrapper button,
div.accordion-menu-359.accordion-menu .mobile-language-wrapper button,
div.accordion-menu-359.accordion-menu .mobile-currency-wrapper button,
div.accordion-menu-359.accordion-menu #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
.no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text,
.no-touchevents div.accordion-menu-359.accordion-menu #cart:hover>a,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

div.accordion-menu-359.accordion-menu .menu-item.open>a,
div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

div.accordion-menu-359.accordion-menu .menu-item>a>.links-text>s {
    display: var(--display, block)
}

div.accordion-menu-359.accordion-menu .menu-item>a>span>s {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

div.accordion-menu-359.accordion-menu .menu-item>a:before {
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
}

div.accordion-menu-359.accordion-menu .menu-item>a:before,
div.accordion-menu-359.accordion-menu .menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4)
}

.no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
div.accordion-menu-359.accordion-menu .menu-item.active>a,
div.accordion-menu-359.accordion-menu .menu-item.open>a,
div.accordion-menu-359.accordion-menu .menu-item.panel-active>a,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

div.accordion-menu-359.accordion-menu .menu-item:not(:first-child),
div.accordion-menu-359.accordion-menu.accordion-menu .menu-item>a+div,
div.accordion-menu-359.accordion-menu .accordion-menu .menu-item>a+div {
    border-style: none
}

div.accordion-menu-359.accordion-menu .menu-item>a {
    padding: 0;
    --element-padding: 0px
}

div.accordion-menu-359.accordion-menu .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

div.accordion-menu-359.accordion-menu .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
}

div.accordion-menu-359.accordion-menu .menu-item>a>.count-badge {
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial
}

div.accordion-menu-359.accordion-menu .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
}

div.accordion-menu-359.accordion-menu .menu-item .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu>li {
    --menu-item-gap: 18px
}

div.accordion-menu-359.accordion-menu .j-menu>li {
    border-style: none
}

div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu {
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    margin-left: 22px;
    --element-margin-left: 22px
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---6);
    --element-margin-left: var(--j-gap-spacing---6)
}

div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---9);
    --element-margin-left: var(--j-gap-spacing---9)
}

div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---8);
    --element-margin-left: var(--j-gap-spacing---8)
}

div.accordion-menu-359 .open-menu em:before {
    content: '\e409' !important;
    font-family: icomoon !important;
    font-size: 12px
}

div.accordion-menu-359 .open-menu[aria-expanded=true] em:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
}

div.accordion-menu-359 .j-menu>.menu-item>a span.open-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 9999px;
    --element-border-radius: 9999px;
    min-width: 24px;
    height: 24px
}

.no-touchevents div.accordion-menu-359 .j-menu>.menu-item:hover>a span.open-menu,
div.accordion-menu-359 .j-menu>.menu-item.panel-active>a span.open-menu,
div.accordion-menu-359 .accordion-menu-item.open>a>.open-menu {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
    padding-inline-start: 24px !important
}

div.accordion-menu-359 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
    padding-inline-start: 32px !important
}

div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
    padding-inline-start: 20px !important
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    letter-spacing: -.1px
}

@media (max-width:900px) {

    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
    }
}

.top-menu-1068 .top-menu-item-1 {
    display: block
}

div.top-menu-1068 .j-menu li.top-menu-item-1>a:before {
    content: '\e9fe' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0) !important
}

.top-menu-1068>ul>.top-menu-item-1>a {
    text-align: left
}

.top-menu-1068>ul>.top-menu-item-1>a>.links-text {
    display: block
}

.top-menu-1068>ul>.top-menu-item-1>a .count-badge {
    position: relative
}

div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu>div.dropdown-menu.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start;
    --align-scroll: var(--align-scroll-start, 0);
    --translate-x: 0
}

div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu:first-child>div.dropdown-menu.j-dropdown {
    left: 0;
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start
}

div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu:last-child>div.dropdown-menu.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start
}

div.top-menu-1068>ul.j-menu>li.top-menu-item-1.dropdown>div.dropdown-menu.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px)
}

div.top-menu-1068>ul.j-menu>li.top-menu-item-1.drop-menu.animating>div.dropdown-menu.j-dropdown {
    --dropdown-from: 0
}

.top-menu-1068 .j-menu .j-menu li.top-menu-item-2>a:before {
    content: '\ea01' !important;
    font-family: icomoon !important
}

.top-menu-1068 .top-menu-item-2 {
    display: block
}

.top-menu-1068 .j-menu .j-menu li.top-menu-item-3>a:before {
    content: '\ea06' !important;
    font-family: icomoon !important
}

.top-menu-1068 .top-menu-item-3 {
    display: block
}

.top-menu-1068 .top-menu-item-5 {
    display: block
}

div.top-menu-1068 .j-menu li.top-menu-item-5>a:before {
    content: '\eb02' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0) !important
}

.top-menu-1068 .j-menu li.top-menu-item-5>a:first-child,
.top-menu-1068 .j-menu li.top-menu-item-5>a:first-child .links-text {
    text-decoration: none !important;
    -webkit-text-decoration: none !important
}

.top-menu-1068>ul>.top-menu-item-5>a {
    text-align: left
}

.top-menu-1068>ul>.top-menu-item-5>a>.links-text {
    display: block
}

.top-menu-1068>ul>.top-menu-item-5>a .count-badge {
    position: relative
}

@media (max-width:360px) {
    .top-menu-1068>ul>.top-menu-item-5>a {
        text-align: center
    }

    .top-menu-1068>ul>.top-menu-item-5>a>.links-text {
        display: none
    }

    .top-menu-1068>ul>.top-menu-item-5>a .count-badge {
        position: absolute;
        top: auto;
        right: auto
    }

    .top-menu-1068>.j-menu>.top-menu-item-5.dropdown>a:after {
        display: none
    }

    .top-menu-1068>.j-menu>.top-menu-item-5.dropdown>a {
        --dropdown-indicator: 0px
    }
}

.top-menu-1068 .top-menu-item-6 {
    display: block
}

.top-menu-1068 .top-menu-item-7 {
    display: block
}

.top-menu-1068 .top-menu-item-8 {
    display: block
}

.top-menu-980 .top-menu-item-1 {
    display: block
}

div.top-menu-980 .j-menu li.top-menu-item-1>a:before {
    content: '\e9fe' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, -1px, 0) !important
}

.top-menu-980>ul>.top-menu-item-1>a {
    text-align: left
}

.top-menu-980>ul>.top-menu-item-1>a>.links-text {
    display: block
}

.top-menu-980>ul>.top-menu-item-1>a .count-badge {
    position: relative
}

div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu>div.dropdown-menu.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start;
    --align-scroll: var(--align-scroll-start, 0);
    --translate-x: 0
}

div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu:first-child>div.dropdown-menu.j-dropdown {
    left: 0;
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start
}

div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu:last-child>div.dropdown-menu.j-dropdown {
    left: calc(var(--menu-item-gap, 0px)/2);
    right: auto;
    transform: translate3d(0, var(--dropdown-from), 0);
    align-items: flex-start
}

div.top-menu-980>ul.j-menu>li.top-menu-item-1.dropdown>div.dropdown-menu.j-dropdown:before {
    --triangle-right: var(--triangle-right-offset, 0px);
    --triangle-left: var(--triangle-left-offset, 0px)
}

div.top-menu-980>ul.j-menu>li.top-menu-item-1.drop-menu.animating>div.dropdown-menu.j-dropdown {
    --dropdown-from: 0
}

.top-menu-980 .j-menu .j-menu li.top-menu-item-2>a:before {
    content: '\ea01' !important;
    font-family: icomoon !important
}

.top-menu-980 .top-menu-item-2 {
    display: block
}

.top-menu-980 .j-menu .j-menu li.top-menu-item-3>a:before {
    content: '\ea06' !important;
    font-family: icomoon !important
}

.top-menu-980 .top-menu-item-3 {
    display: block
}

.module-grid-821>.grid-row-1 {
    padding: var(--j-gap-spacing-gutter-1);
    --element-padding: var(--j-gap-spacing-gutter-1);
    padding-top: var(--j-gap-spacing---5);
    --element-padding-top: var(--j-gap-spacing---5)
}

.module-grid-821>.grid-row-1:before {
    display: block
}

.module-grid-821>.grid-row-1>.video-row {
    display: block
}

.module-grid-821>.grid-row-1>.wave-top {
    display: block;
    transform: translate3d(0, -63%, 0) scale(1)
}

.module-grid-821>.grid-row-1>.wave-bottom {
    transform: translate3d(0, 63%, 0) scale(-1);
    display: block
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1 {
    min-width: 100%;
    display: block
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    padding: var(--j-gap-spacing---9);
    --element-padding: var(--j-gap-spacing---9);
    padding-top: var(--j-gap-spacing---8);
    --element-padding-top: var(--j-gap-spacing---8);
    border-radius: 4px;
    --element-border-radius: 4px
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items>.grid-item:not(:empty) {
    height: auto
}

.module-grid-821>.grid-row-1>.grid-cols-wrapper>.grid-cols>.grid-col-1>.grid-items:before {
    display: none
}

.grid-items>.grid-item.grid-module-grid-821-1-1-1 {
    display: flex
}

div.grid-items>.grid-item.grid-module-grid-821-1-1-2 {
    margin-top: var(--j-gap-spacing---5) !important;
    --element-margin-top: var(--j-gap-spacing---5) !important;
    margin-bottom: var(--j-gap-spacing---5) !important;
    --element-margin-bottom: var(--j-gap-spacing---5) !important
}

.grid-items>.grid-item.grid-module-grid-821-1-1-2 {
    display: flex
}

div.grid-items>.grid-item.grid-module-grid-821-1-1-3 {
    margin-top: var(--j-gap-spacing---4) !important;
    --element-margin-top: var(--j-gap-spacing---4) !important
}

.grid-items>.grid-item.grid-module-grid-821-1-1-3 {
    display: flex
}

.grid-item div.accordion-menu.accordion-menu-1067>ul.j-menu>li.accordion-menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

.accordion-menu-1067>.j-menu>li.accordion-menu-item.is-divider {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

div.accordion-menu-1067>ul.j-menu>li.accordion-menu-item>a:before {
    margin-right: var(--j-gap-spacing-gap-2);
    --element-margin-right: var(--j-gap-spacing-gap-2)
}

div.accordion-menu-1067.accordion-menu .menu-item>a,
div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text,
div.accordion-menu-1067.accordion-menu .desktop-language-wrapper button,
div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper button,
div.accordion-menu-1067.accordion-menu .mobile-language-wrapper button,
div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper button,
div.accordion-menu-1067.accordion-menu #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
.no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text,
.no-touchevents div.accordion-menu-1067.accordion-menu #cart:hover>a,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

div.accordion-menu-1067.accordion-menu .menu-item.open>a,
div.accordion-menu-1067.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

div.accordion-menu-1067.accordion-menu .menu-item>a>.links-text>s {
    display: var(--display, block)
}

div.accordion-menu-1067.accordion-menu .menu-item>a>span>s {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

div.accordion-menu-1067.accordion-menu .menu-item>a:before {
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
}

div.accordion-menu-1067.accordion-menu .menu-item>a:before,
div.accordion-menu-1067.accordion-menu .menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4)
}

.no-touchevents div.accordion-menu-1067.accordion-menu .menu-item:hover>a,
div.accordion-menu-1067.accordion-menu .menu-item.active>a,
div.accordion-menu-1067.accordion-menu .menu-item.open>a,
div.accordion-menu-1067.accordion-menu .menu-item.panel-active>a,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-1067.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

div.accordion-menu-1067.accordion-menu .menu-item:not(:first-child),
div.accordion-menu-1067.accordion-menu.accordion-menu .menu-item>a+div,
div.accordion-menu-1067.accordion-menu .accordion-menu .menu-item>a+div {
    border-style: none
}

div.accordion-menu-1067.accordion-menu .menu-item>a {
    padding: 0;
    --element-padding: 0px
}

div.accordion-menu-1067.accordion-menu .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

div.accordion-menu-1067.accordion-menu .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
}

div.accordion-menu-1067.accordion-menu .menu-item>a>.count-badge {
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial
}

div.accordion-menu-1067.accordion-menu .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
}

div.accordion-menu-1067.accordion-menu .menu-item .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu>li {
    --menu-item-gap: 18px
}

div.accordion-menu-1067.accordion-menu .j-menu>li {
    border-style: none
}

div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu {
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    margin-left: 22px;
    --element-margin-left: 22px
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---6);
    --element-margin-left: var(--j-gap-spacing---6)
}

div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---9);
    --element-margin-left: var(--j-gap-spacing---9)
}

div.accordion-menu-1067.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---8);
    --element-margin-left: var(--j-gap-spacing---8)
}

div.accordion-menu-1067 .open-menu em:before {
    content: '\e409' !important;
    font-family: icomoon !important;
    font-size: 12px
}

div.accordion-menu-1067 .open-menu[aria-expanded=true] em:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
}

div.accordion-menu-1067 .j-menu>.menu-item>a span.open-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 9999px;
    --element-border-radius: 9999px;
    min-width: 24px;
    height: 24px
}

.no-touchevents div.accordion-menu-1067 .j-menu>.menu-item:hover>a span.open-menu,
div.accordion-menu-1067 .j-menu>.menu-item.panel-active>a span.open-menu,
div.accordion-menu-1067 .accordion-menu-item.open>a>.open-menu {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
    padding-inline-start: 24px !important
}

div.accordion-menu-1067 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
    padding-inline-start: 32px !important
}

div.accordion-menu-1067 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
    padding-inline-start: 20px !important
}

div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    letter-spacing: -.1px
}

@media (max-width:900px) {

    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-1067.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
    }
}

.accordion-menu-1067 .j-menu .accordion-menu-item-8>a:before {
    content: '\e9fe' !important;
    font-family: icomoon !important
}

.accordion-menu-1067 .j-menu .accordion-menu-item-9>a:before {
    content: '\eaf6' !important;
    font-family: icomoon !important
}

.accordion-menu-1067 .j-menu .accordion-menu-item-10>a:before {
    content: '\eb0a' !important;
    font-family: icomoon !important
}

.accordion-menu-1067 .j-menu .accordion-menu-item-11>a:before {
    content: '\eafd' !important;
    font-family: icomoon !important
}

.module-spacer-944 .spacer-divider {
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1))
}

.icons-menu-854 a:before {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    font-size: 20px
}

.icons-menu-854 .menu-item a {
    border-radius: 4px;
    --element-border-radius: 4px
}

.no-touchevents .icons-menu-854 a:hover:before {
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1))
}

.icons-menu-854 .links-text {
    white-space: normal;
    overflow: visible;
    text-overflow: ellipsis;
    display: none
}

.icons-menu-854 {
    --icon-spacing: 22px
}

.icons-menu-tooltip-854 .tooltip-inner {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size-200);
    color: hsla(var(--j-color-scheme-button-foreground-h), var(--j-color-scheme-button-foreground-s), calc(var(--j-color-scheme-button-foreground-l) - 0%), calc(var(--j-color-scheme-button-foreground-a)*0.9));
    line-height: 1.25;
    background: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1));
    border-radius: 4px;
    --element-border-radius: 4px;
    padding: .4em;
    --element-padding: .4em;
    padding-right: .7em;
    --element-padding-right: .7em;
    padding-left: .7em;
    --element-padding-left: .7em;
    box-shadow: 0 1.3px 1.4px rgba(0, 0, 0, .006), 0 3.1px 3.5px rgba(0, 0, 0, .008), 0 5.8px 6.5px rgba(0, 0, 0, .01), 0 10.3px 11.6px rgba(0, 0, 0, .012), 0 19.2px 21.7px rgba(0, 0, 0, .014), 0 46px 52px rgba(0, 0, 0, .02)
}

.icons-menu-tooltip-854.tooltip.top .tooltip-arrow {
    border-top-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-854.tooltip.right .tooltip-arrow {
    border-right-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-854.tooltip.bottom .tooltip-arrow {
    border-bottom-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-tooltip-854.tooltip.left .tooltip-arrow {
    border-left-color: hsla(var(--j-color-scheme-button-background-h), var(--j-color-scheme-button-background-s), calc(var(--j-color-scheme-button-background-l) - 0%), calc(var(--j-color-scheme-button-background-a)*1))
}

.icons-menu-854 ul {
    justify-content: flex-start
}

.icons-menu-854 .module-title {
    text-align: left
}

.icons-menu-854 .module-title:after {
    left: 0;
    right: auto;
    transform: none
}

.icons-menu-854 .icons-menu-item-1.icon-menu-icon>a:before {
    content: '\eb56' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-2.icon-menu-icon>a:before {
    content: '\eb6d' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-3.icon-menu-icon>a:before {
    content: '\eaed' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-4.icon-menu-icon>a:before {
    content: '\eaec' !important;
    font-family: icomoon !important
}

.icons-menu-854 .icons-menu-item-5.icon-menu-icon>a:before {
    content: '\f232' !important;
    font-family: icomoon !important
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper button,
.grid-item div.accordion-menu.accordion-menu-359 #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-item);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 #cart:hover>a,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a>.links-text,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.links-text>s {
    display: var(--display, block)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>span>s {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before {
    font-size: 18px;
    transform: translate3d(0px, -1px, 0);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a:before,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing-gap-2);
    --element-margin-right: var(--j-gap-spacing-gap-2)
}

.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .menu-item:hover>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.active>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-language-wrapper .dropdown:hover button,
.no-touchevents .grid-item div.accordion-menu.accordion-menu-359 .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item.open>a,
.grid-item div.accordion-menu.accordion-menu-359 .menu-item.panel-active>a {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item:not(:first-child),
.grid-item div.accordion-menu.accordion-menu-359.accordion-menu .menu-item>a+div,
.grid-item div.accordion-menu.accordion-menu-359 .accordion-menu .menu-item>a+div {
    border-style: none
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a {
    padding: 0;
    --element-padding: 0px
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item>a>.count-badge {
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
}

.grid-item div.accordion-menu.accordion-menu-359 .menu-item .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

.accordion-menu-359 .title {
    font-family: 'Noto Kufi Arabic';
    font-weight: 600;
    font-size: var(--j-font_size-font-size--title-module);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    text-decoration: none;
    -webkit-text-decoration: none;
    line-height: 1.4;
    margin-bottom: 1.25em !important;
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
    -webkit-line-clamp: initial;
    -webkit-line-clamp: 2
}

.accordion-menu-359 .title:after {
    display: none;
    margin-top: .7em
}

.accordion-menu-359 .title .page-title-text:after {
    display: none;
    margin-top: .7em
}

.accordion-menu-359 .title .filter-title-text:after {
    display: none;
    margin-top: .7em
}

.accordion-menu-359 .title:after,
.accordion-menu-359 .title .page-title-text:after,
.accordion-menu-359 .title .filter-title-text:after {
    width: 50px;
    height: 2px;
    background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1));
    --background-color: hsla(var(--j-color-scheme-brand-primary-h), var(--j-color-scheme-brand-primary-s), calc(var(--j-color-scheme-brand-primary-l) - 0%), calc(var(--j-color-scheme-brand-primary-a)*1))
}

.accordion-menu-359>.j-menu>li.accordion-menu-item.is-divider {
    border-style: solid !important;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1)) !important
}

div.accordion-menu-359.accordion-menu .menu-item>a,
div.accordion-menu-359.accordion-menu .menu-item>a>.links-text,
div.accordion-menu-359.accordion-menu .desktop-language-wrapper button,
div.accordion-menu-359.accordion-menu .desktop-currency-wrapper button,
div.accordion-menu-359.accordion-menu .mobile-language-wrapper button,
div.accordion-menu-359.accordion-menu .mobile-currency-wrapper button,
div.accordion-menu-359.accordion-menu #cart>a {
    font-family: 'Noto Kufi Arabic';
    font-weight: 500;
    font-size: var(--j-font_size-font-size--title-item-list);
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*1));
    text-transform: none;
    line-height: 1.3
}

.no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
.no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text,
.no-touchevents div.accordion-menu-359.accordion-menu #cart:hover>a,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1));
    text-decoration-style: dotted;
    -webkit-text-decoration-style: dotted;
    text-decoration-line: underline;
    -webkit-text-decoration-line: underline;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-thickness: 1px;
    text-underline-offset: 3px
}

div.accordion-menu-359.accordion-menu .menu-item.open>a,
div.accordion-menu-359.accordion-menu .menu-item.open>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.active>a>.links-text,
div.accordion-menu-359.accordion-menu .menu-item.panel-active>a>.links-text {
    color: hsla(var(--j-color-scheme-text-link-h), var(--j-color-scheme-text-link-s), calc(var(--j-color-scheme-text-link-l) - 0%), calc(var(--j-color-scheme-text-link-a)*1)) !important;
    text-decoration-style: dotted !important;
    -webkit-text-decoration-style: dotted !important;
    text-decoration-line: underline !important;
    -webkit-text-decoration-line: underline !important;
    text-decoration-thickness: 1px !important;
    -webkit-text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important
}

div.accordion-menu-359.accordion-menu .menu-item>a>.links-text>s {
    display: var(--display, block)
}

div.accordion-menu-359.accordion-menu .menu-item>a>span>s {
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1))
}

div.accordion-menu-359.accordion-menu .menu-item>a:before {
    font-size: 18px;
    color: hsla(var(--j-color-scheme-foreground-primary-h), var(--j-color-scheme-foreground-primary-s), calc(var(--j-color-scheme-foreground-primary-l) - 0%), calc(var(--j-color-scheme-foreground-primary-a)*0.5))
}

div.accordion-menu-359.accordion-menu .menu-item>a:before,
div.accordion-menu-359.accordion-menu .menu-item>a .links-text em {
    margin-right: var(--j-gap-spacing---4);
    --element-margin-right: var(--j-gap-spacing---4)
}

.no-touchevents div.accordion-menu-359.accordion-menu .menu-item:hover>a,
div.accordion-menu-359.accordion-menu .menu-item.active>a,
div.accordion-menu-359.accordion-menu .menu-item.open>a,
div.accordion-menu-359.accordion-menu .menu-item.panel-active>a,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .desktop-currency-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-language-wrapper .dropdown:hover button,
.no-touchevents div.accordion-menu-359.accordion-menu .mobile-currency-wrapper .dropdown:hover button {
    background: 0 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    --background-color: transparent
}

div.accordion-menu-359.accordion-menu .menu-item:not(:first-child),
div.accordion-menu-359.accordion-menu.accordion-menu .menu-item>a+div,
div.accordion-menu-359.accordion-menu .accordion-menu .menu-item>a+div {
    border-style: none
}

div.accordion-menu-359.accordion-menu .menu-item>a {
    padding: 0;
    --element-padding: 0px
}

div.accordion-menu-359.accordion-menu .menu-item {
    --menu-item-gap: var(--j-gap-spacing---7)
}

div.accordion-menu-359.accordion-menu .menu-item.has-image {
    --menu-item-gap: var(--j-gap-spacing---6)
}

div.accordion-menu-359.accordion-menu .menu-item>a>.count-badge {
    position: relative;
    transform: none;
    margin-inline-start: var(--x, 6px);
    margin-top: var(--margin-top, 0px);
    inset-inline-start: initial
}

div.accordion-menu-359.accordion-menu .menu-item .menu-image>img {
    background-color: rgba(247, 247, 247, 1);
    --background-color: rgba(247, 247, 247, 1)
}

div.accordion-menu-359.accordion-menu .menu-item .menu-image {
    margin-right: var(--j-gap-spacing---5);
    --element-margin-right: var(--j-gap-spacing---5);
    padding: var(--j-gap-spacing---1);
    --element-padding: var(--j-gap-spacing---1);
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 99px;
    --element-border-radius: 99px
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu>li {
    --menu-item-gap: 18px
}

div.accordion-menu-359.accordion-menu .j-menu>li {
    border-style: none
}

div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu {
    border-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    margin-left: 22px;
    --element-margin-left: 22px
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---4);
    --element-margin-left: var(--j-gap-spacing---4)
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---6);
    --element-margin-left: var(--j-gap-spacing---6)
}

div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---9);
    --element-margin-left: var(--j-gap-spacing---9)
}

div.accordion-menu-359.accordion-menu .j-menu .has-image .j-menu .j-menu .j-menu {
    margin-left: var(--j-gap-spacing---8);
    --element-margin-left: var(--j-gap-spacing---8)
}

div.accordion-menu-359 .open-menu em:before {
    content: '\e409' !important;
    font-family: icomoon !important;
    font-size: 12px
}

div.accordion-menu-359 .open-menu[aria-expanded=true] em:before {
    content: '\e40b' !important;
    font-family: icomoon !important;
    transform: translate3d(0px, 1px, 0)
}

div.accordion-menu-359 .j-menu>.menu-item>a span.open-menu {
    background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-secondary-h), var(--j-color-scheme-background-secondary-s), calc(var(--j-color-scheme-background-secondary-l) - 0%), calc(var(--j-color-scheme-background-secondary-a)*1));
    border-width: 1px;
    border-style: solid;
    border-color: hsla(var(--j-color-scheme-background-border-h), var(--j-color-scheme-background-border-s), calc(var(--j-color-scheme-background-border-l) - 0%), calc(var(--j-color-scheme-background-border-a)*1));
    border-radius: 9999px;
    --element-border-radius: 9999px;
    min-width: 24px;
    height: 24px
}

.no-touchevents div.accordion-menu-359 .j-menu>.menu-item:hover>a span.open-menu,
div.accordion-menu-359 .j-menu>.menu-item.panel-active>a span.open-menu,
div.accordion-menu-359 .accordion-menu-item.open>a>.open-menu {
    background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1));
    --background-color: hsla(var(--j-color-scheme-background-tertiary-h), var(--j-color-scheme-background-tertiary-s), calc(var(--j-color-scheme-background-tertiary-l) - 0%), calc(var(--j-color-scheme-background-tertiary-a)*1))
}

div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>a {
    padding-inline-start: 24px !important
}

div.accordion-menu-359 .j-menu>li:not(.mega-menu).has-image>div .j-menu>li>a {
    padding-inline-start: 32px !important
}

div.accordion-menu-359 .j-menu>li:not(.mega-menu)>div .j-menu>li>div>.j-menu>li>a {
    padding-inline-start: 20px !important
}

div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: var(--j-font_size-font-size--title-menu);
    color: hsla(var(--j-color-scheme-foreground-secondary-h), var(--j-color-scheme-foreground-secondary-s), calc(var(--j-color-scheme-foreground-secondary-l) - 0%), calc(var(--j-color-scheme-foreground-secondary-a)*1));
    letter-spacing: -.1px
}

@media (max-width:900px) {

    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a,
    div.accordion-menu-359.accordion-menu .j-menu .j-menu li>a>.links-text {
        font-size: var(--j-font_size-font-size-500)
    }
}

.search-page .mini-search {
    --search-container-padding: 16px;
    --search-container-padding-outer: 16px;
}

@keyframes bg-gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

html[lang="ar"] body {
    font-family: "Tajawal", sans-serif;
}

.checkout-section.checkout-payment-details.payment-myfatoorah_pg {
    display: none;
}

#cookiescript_copyright {
    display: none;
}

.cookiescript_fsd_logo {
    display: none !important;
    visibility: hidden !important;
}

.cookiescript_fsd_powered {
    display: none !important;
    visibility: hidden !important;
}

input#input-password {
    text-align: left;
    direction: ltr;
}

input#input-confirm {
    text-align: left;
    direction: ltr;
}

@media (min-width: 1024px) {
    .quick-checkout-wrapper>div .left {
        padding-left: 25px;
    }
}

input#input-email {
    text-align: left;
    direction: ltr;
}

input#input-telephone {
    text-align: left;
    direction: ltr;
}

.quick-checkout-wrapper .confirm-section label input {
    float: inline-start;
}

/* تنسيق الخيار المعطل */
.option-outofstock+.option-wrapper {
    opacity: 0.5;
    /* تقليل الشفافية لجعل الخيار يبدو معطلاً */
    pointer-events: none;
    /* منع التفاعل مع العنصر */
    position: relative;
}

.option-outofstock+.option-wrapper::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ff0000;
    /* لون الخط المائل */
    transform: rotate(-45deg);
    /* الزاوية المطلوبة للخط المائل */
    transform-origin: center;
}
@media screen and (max-width: 640px) {
    div.main-products.product-grid.auto-grid {
        --grid-min-col: 2 !important;
      }
}